/* glideappsnew/css/gl-media-queries.css						   2023-11-07  */

/*****************************************************************************
  меньше чем 480
******************************************************************************/
@media screen and (max-width: 480px) {

/* отключить регулировку размера текста webkit (для iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
}

/*****************************************************************************	
  Большие десктопы и ноутбуки (ширина больше чем 1400)
  Device 1440 x 900
  Device 1400 x 1050
******************************************************************************/
@media screen and (min-width: 1400px) {

	/* pagewrap */
	#pagewrap {
		width: 98%;
	}

	/* content */
	#content {
		/*width: 70%; 24-10*/
		width: 90%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 10%;
	}
	
	/*29-10-2023 > 1400px */
	.column1, .column2, .column3, .column4 {
		display:table-cell;
		vertical-align:middle; 
		min-width: 23%;
		max-width: 25%;
		height: 512px!important;		/*height: 554px;*/		
		margin: 1.5%!important;			/*margin: 10px!important;*/		
		font-size: 1.3em!important;
		text-align: center;
		
		background-color: #FFF;
  		border: 1px solid #222;			/*border: 0px solid #FFF;*/
  		border-radius: 25px;
		
		float: left;
		padding:  2.0% 2.0% 0.2% 2.0%;
	}
	
	.col-art {		/* column-article */
		/*display: table-cell;*/
		vertical-align: middle; 	
		min-width: 80%;
		max-width: 100%;
		/*height: 478px!important; */
		height: auto!important;	
		
		margin: 1.3%!important;	
		font-size: 1.1em;
		text-align: left;
		
		background-color: #FFF;
  		/*border: 1px solid #222;*/	
		border: 0px solid #FFF;
  		border-radius: 25px;
		
		/*float: left;*/
		/*padding-left: 1.8%;
		padding-right: 1.8%;
		padding-top: 1.0%;
		padding-bottom: 0.2%;*/
		padding: 1.8%;
	}

	#img-pr {
		width: 80%; 
		height: 180px;
		margin: 6px;
	}
	
	.noimg {
		display: none;
		height: 0px!important;
	}
	
	#ttl {
		display:table-cell;
		height:72px;
		vertical-align:middle; 	

		font-size: 1.3em!important;
		text-align: center!Important;
		font-weight: 600;
		color: rgba(0,0,0,1);
		margin-top: 20px;
		margin-bottom: 14px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#pinfo {
		height: 220px;
		font-size: 1.2em;	
		line-height: 1.2em;
		font-weight: 500;
		text-align: left!important;
	}
	
	.alltext {
		height: 400px!important;
	}
	
		.truncate-header {
  		overflow: hidden;
  		/*display: -webkit-box;
  		/*-webkit-line-clamp: 2;*/
  		/*-webkit-box-orient: vertical; 18-03* /
  		line-height: 1.2em;
  		height: 3.6em;*/
	}
	
	.truncate-text {
	  	background: #fff;
	  	padding: 0 0.1rem 0 0;
	  	line-height: 1.4em;
	  	height: 200px;	/*11.2em;	/* 1.1em *19.5 */    /* равно img-pr + 20px */
	 	overflow: hidden;
	  	position: relative;
	}
 
	.truncate-text:after {
	 	content: "";
	 	position: absolute;
 	 	left: 0;
 	 	bottom: 0;
 	 	width: 100%;
 	 	height: 40px;
 	 	background: linear-gradient(180deg, transparent, #fff 50%);
	}
	
	.formhight {
		height: 40px!important;			
		background-color: #fff;
		margin: 1px!important;
	}
	
	.nocontact {
		display: none;
	}
}

/*****************************************************************************	
  Только очень Большие десктопы (ширина больше чем 1600)
  Device 1920 x 1080
******************************************************************************/
/*@media screen and (min-width: 1600px) {	
	/*header { }	
	header img { }	
	#header { }
}

/*****************************************************************************	
  Средние десктопы 
******************************************************************************/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	
	/* pagewrap */
	#pagewrap {
		width: 98%;
	}

	/* content */
	#content {
		/*width: 70%; 24-10 */
		width: 90%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 10%;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin-bottom: 2px;
	}
	
	/*23-10-2023 1200px - 1399px*/
	.column1, .column2, .column3, .column4 {
		display: table-cell;
		vertical-align: middle; 	
		min-width: 23%;
		max-width: 25%;
		height: 470px!important;
		margin: 1.5%!important;			/*margin: 10px!important;*/		
		font-size: 1.1em;
		text-align: center;
		
		background-color: #FFF;
  		border: 1px solid #222;
  		border-radius: 25px;
		
		float: left;
		padding-left:  1.9%;
		padding-right:  1.9%;		
		padding-top:  1.0%;		
		padding-bottom:  0.2%;
	}

	.col-art {
		/*display: table-cell;*/
		vertical-align: middle; 	
		min-width: 80%;
		max-width: 100%;
		height: auto!important;			
		margin: 1.3%!important;	
		font-size: 1.3em;
		text-align: left;
		
		background-color: #FFF;
  		/*border: 1px solid #222;*/	
		border: 0px solid #FFF;
  		border-radius: 25px;
		
		/*float: left;*/
		padding: 1.8%;
	}

	#img-pr {
		width: 80%; 
		height: 170px;
		margin: 6px;
	}
	.noimg {
		display: none;
		height: 0px!important;
	}
	
	#ttl {
		display:table-cell;
		height:70px;
		vertical-align:middle; 	

		font-size: 1.24em;
		text-align: center!Iimprtant;
		font-weight: 600;	/* Cтандартный полужирный текст */
		color: rgba(0,0,0,1);
		margin-top: 19px;
    	margin-bottom: 13px;
		padding-left: 1rem;
		padding-right: 1rem;         
	}
	
	#pinfo {
		height:210px;
		font-size: 1.2em;	
		line-height: 1.2em;
		font-weight: 400;
		text-align: left!important;
	}	
	.alltext {
		height: 360px!important;
	}
	
	.truncate-header {
  		overflow: hidden;
  		/*display: -webkit-box;
  		/*-webkit-line-clamp: 2;*/
  		/*-webkit-box-orient: vertical; 18-03* /
  		line-height: 1.2em;
  		height: 3.6em;*/
	}
	
	.truncate-text {
	  	background: #fff;
	  	padding: 0 0.1rem 0 0;
	  	line-height: 1.4em;
	  	height: 170px;	
	 	overflow: hidden;
	  	position: relative;
	}
 
	.truncate-text:after {
	 	content: "";
	 	position: absolute;
 	 	left: 0;
 	 	bottom: 0;
 	 	width: 100%;
 	 	height: 40px;
 	 	background: linear-gradient(180deg, transparent, #fff 50%);
	}	
	
	.formhight {
		height: 50px!important;			
		background-color: #fff;
		margin: 1px!important;
	}
	
	.nocontact {
		display: none;
	}
}

/*****************************************************************************
  Горизонтальные планшеты и средние десктопы
  Device 1152 x 864 
  Device 1024 x 768
******************************************************************************/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	/* pagewrap */
	#pagewrap {
		width: 98%;
	}

	/* content */
	#content {
		/*width: 60%;24-10 */
		width: 90%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 10%;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin-bottom: 2px;
	}
	
	/*29-10-2023, screen   992px - 1199px */
	.column1, .column2, .column3, .column4 {
		display: table-cell;
		vertical-align: middle; 	
		min-width: 36%;
		max-width: 40%;
		height: 452px!important;
		margin: 1.3%!important;	
		font-size: 1.1em;
		text-align: center;
		
		background-color: #FFF;
  		border: 1px solid #222;
  		border-radius: 25px;
		
		float: left;
		padding-left: 1.8%;
		padding-right: 1.8%;
		padding-top: 1.0%;
		padding-bottom: 0.2%;
	}
	
	.col-art {
		/*display: table-cell;*/
		vertical-align: middle; 	
		min-width: 80%;
		max-width: 100%;
		/*height: 478px!important; */
		height: auto!important;	
		
		margin: 1.3%!important;	
		font-size: 1.1em;
		text-align: left;
		
		background-color: #FFF;
  		/*border: 1px solid #222;*/	
		border: 0px solid #FFF;
  		border-radius: 25px;
		
		/*float: left;*/
		padding: 1.8%;
	}

	#img-pr {
		width: 80%; 
		height: 160px;
		margin: 6px;
	}
	.noimg {
		display: none;
		height: 0px!important;
	}
	
	#ttl {
		display:table-cell;
		height:68px;
		vertical-align:middle; 	

		font-size: 1.2em;!impotant;
		text-align: center!important;;
		font-weight: 600;	/* Cтандартный полужирный текст */
		color: rgba(0,0,0,1);
		margin-top: 18px;
    	margin-bottom: 12px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#pinfo {
		height:200px;
		font-size: 1.22em;	
		line-height: 1.2em;
		font-weight: 400;
		text-align: left!important;
	}
	.alltext {
		height: 340px!important;
	}
	
	.truncate-header {
  		overflow: hidden;
  		/*display: -webkit-box;
  		/*-webkit-line-clamp: 2;*/
  		/*-webkit-box-orient: vertical; 18-03* /
  		line-height: 1.2em;
  		height: 3.6em;*/
	}
	
	.truncate-text {
	  	background: #fff;
	  	padding: 0 0.1rem 0 0;
	  	line-height: 1.4em;
	  	height: 160px;	/*11.2em;	/* 1.2em *9.5 */
	 	overflow: hidden;
	  	position: relative;
	}
 
	.truncate-text:after {
	 	content: "";
	 	position: absolute;
 	 	left: 0;
 	 	bottom: 0;
 	 	width: 100%;
 	 	height: 40px;
 	 	background: linear-gradient(180deg, transparent, #fff 50%);
	}
	
	.formhight {
		height: 40px!important;			
		background-color: #fff;
		margin: 0.2px!important;
	}	
	
	.nocontact {
		display: none;
	}
}

/*****************************************************************************	
 Portrait tablets and small desktops 
 Портретные планшеты и маленькие десктопы
  Device 800 x 600
******************************************************************************/
@media screen and (min-width: 768px) and (max-width: 991px) {

	/* pagewrap */
	#pagewrap {
		width: 98%;
	}

	/* content */
	#content {
		/*width: 60%; 24-10 */
		width: 95%;
		padding: 1% 1%;
	}

	/* sidebar */
	#sidebar {
		width: 10%;
	}
	#sidebar .widget {
		padding: 1% 1%;
		margin-bottom: 5px;
	}
	
	/* ------------------------ */
	/*29-10-2023, screen   768 - 991px */
	.column1, .column2, .column3, .column4 {
		display: table-cell;
		vertical-align: middle; 	
		min-width: 38%;
		max-width: 42%;
		height: 456!important;
		margin: 1.3%!important;	
		font-size: 1.22em;
		text-align: center;
		
		background-color: #FFF;
  		border: 1px solid #222;
  		border-radius: 25px;
		
		float: left;
		padding-left: 1.8%;
		padding-right: 1.8%;
		padding-top: 1.0%;
		padding-bottom: 0.2%;
	}
	
	.col-art {
		/*display: table-cell;*/
		vertical-align: middle; 	
		min-width: 80%;
		max-width: 100%;
		height: auto!important;	
		
		margin: 1.2%!important;	
		font-size: 1.22em;
		text-align: left;
		
		background-color: #FFF;
  		/*border: 1px solid #222;*/	
		border: 0px solid #FFF;
  		border-radius: 25px;
		
		/*float: left;*/
		padding: 1.8%;
	}

	#img-pr {
		width: 80%; 
		height: 160px;
		margin: 6px;
	}
	.noimg {
		display: none;
		height: 0px!important;
	}
	
	#ttl {
		display:table-cell;
		height:66px;
		vertical-align:middle; 	

		font-size: 1.2em;!impotant;
		text-align: center!important;;
		font-weight: 600;	/* Cтандартный полужирный текст */
		color: rgba(0,0,0,1);
		margin-top: 18px;
    	margin-bottom: 12px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#pinfo {
		height:194px;
		font-size: 1.22em;
		line-height: 1.2em;
		font-weight: 400;
		text-align: left!important;
	}
	.alltext {
		height: 330px!important;
	}
	
	.truncate-header {
  		overflow: hidden;
  		/*display: -webkit-box;
  		/*-webkit-line-clamp: 2;*/
  		/*-webkit-box-orient: vertical; 18-03* /
  		line-height: 1.2em;
  		height: 3.6em;*/
	}
	
	.truncate-text {
	  	background: #fff;
	  	padding: 0 0.1rem 0 0;
	  	line-height: 1.4em;
	  	height: 156px;	/*11.2em;	/* 1.2em *9.5 */
	 	overflow: hidden;
	  	position: relative;
	}
 
	.truncate-text:after {
	 	content: "";
	 	position: absolute;
 	 	left: 0;
 	 	bottom: 0;
 	 	width: 100%;
 	 	height: 40px;
 	 	background: linear-gradient(180deg, transparent, #fff 50%);
	}
	
	.formhight {
		height: 38px!important;			
		background-color: #fff;
		margin: 0.2px!important;
	}
	
	.nocontact {
		display: none;
	}
}

/*****************************************************************************	
Телефоны с горизонтальной ориентацией и планшеты с портретной ориентацией
******************************************************************************/
@media screen and (min-width: 480px) and (max-width: 767px) {

	/* site logo */
	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	
	/* ------------------------ */
	/*29-10-2023, screen   480 - 767px */
	.column1, .column2, .column3, .column4 {
		display: table-cell;
		vertical-align: middle; 	
		min-width: 38%;
		max-width: 44%;
		height: 452!important;	
		font-size: 1.22em;
		text-align: center;		
		
		background-color: #FFF;
  		border: 1px solid #222;
  		/*border-radius: 25px;*/
		
		float: left;
		padding: 0.5%;
		margin: 2%!important;	
	}
	
	.col-art {
		/*display: table-cell;*/
		vertical-align: middle; 	
		min-width: 80%;
		max-width: 100%;
		height: auto!important;	
		
		margin: 1.2%!important;	
		font-size: 1.22em;
		text-align: left;
		
		background-color: #FFF;
  		/*border: 1px solid #222;*/	
		border: 0px solid #FFF;
  		border-radius: 25px;
		
		/*float: left;*/
		padding: 1.0%;
	}	

	#img-pr {
		width: 80%; 
		height: 152px;
		margin: 1px;
	}
	.noimg {
		display: none;
		height: 0px!important;
	}
	
	#ttl {
		display:table-cell;
		height:76px;
		vertical-align:middle; 	

		font-size: 1.20em!important;
		text-align: center!important;
		font-weight: 600;
		color: rgba(0,0,0,1);
		margin-top: 1%;
    	margin-bottom: 1%;
		padding-left: 1%;
		padding-right: 1%;		
	}
	
	#pinfo {
		height:188px;
		font-size: 1.22em;
		line-height: 1.2em;
		font-weight: 400;
		text-align: left!important;
	}
	.alltext {
		height: 340px!important;
	}
	
	.truncate-header {
  		overflow: hidden;
  		/*display: -webkit-box;
  		/*-webkit-line-clamp: 2;*/
  		/*-webkit-box-orient: vertical; 18-03* /
  		line-height: 1.2em;
  		height: 3.6em;*/
	}
	
	.truncate-text {
	  	background: #fff;
	  	padding: 0 0.1rem 0 0;
	  	line-height: 1.4em;
	  	height: 188px;	/*11.2em;	/* 1.2em *9.5 */
	 	overflow: hidden;
	  	position: relative;
	}
 
	.truncate-text:after {
	 	content: "";
	 	position: absolute;
 	 	left: 0;
 	 	bottom: 0;
 	 	width: 100%;
 	 	height: 40px;
 	 	background: linear-gradient(180deg, transparent, #fff 50%);
	}
	
	.formhight {
		height: 40px!important;			
		background-color: #fff;
		margin: 0.2px!important;
	}
	.rd_base {
		font-size: 1.3em!important; 
    	padding: 0.3em 0.8em 0.3em 0.8em!important;	/* верх, право, низ, лево */	
    	margin: 0.3em 1.0em 0.3em 1.0em!important;	/* верх, право, низ, лево */
	}	
	
	.nofooter {
		display: none;
	}
	.padd-p {
		padding: 0 10%;
	}
}

/*****************************************************************************	
портретные телефоны и меньше
******************************************************************************/
/*@media screen and (min-width: 320px) and (max-width: 479px) {*/
@media screen and (max-width: 479px) {

	/* site logo * /
	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}

	/* 04-11-2023, screen   <= 479px */
	.column1, .column2, .column3, .column4 {
		display: table-cell;
		vertical-align: middle; 	
		width: 90%;
		height: 430!important;
		font-size: 1.22em;
		text-align: center;	
		
		background-color: #FFF;
  		border: 1px solid #222;
  		/* border-radius: 25px; для смартфонов */
		
		float: left;
		padding: 2.0%;
		margin: 3.0%!important;	 
	}
	
	.col-art {
		/*display: table-cell;*/
		vertical-align: middle; 	
		min-width: 80%;
		max-width: 100%;
		height: auto!important;	
		
		margin: 1.2%!important;	
		font-size: 1.22em;
		text-align: left;
		
		background-color: #FFF;
  		/*border: 1px solid #222;*/	
		border: 0px solid #FFF;
  		border-radius: 25px;
		
		/*float: left;*/
		padding: 1.0%;
	}

	#img-pr {
		width: 100%; 
		/*min-width: 100px; */
		height: 150px;			/*height: 360px;*/
		margin: 6px;		
	}
	.noimg {
		display: none;
		height: 0px!important;
	}
	
	#ttl {
		display:table-cell;
		height: 60px;			/*height:45px;*/
		vertical-align:middle; 	

		font-size: 1.22em;
		text-align: center!important;
		font-weight: 600;
		color: rgba(0,0,0,1);
		margin-top: 10px;
    	margin-bottom: 10px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#pinfo {
		height:185px;
		font-size: 1.22em;	
		line-height: 1.2em;
		font-weight: 400;
		text-align: left!important;
	}
	.alltext {
		height: 335px!important;
	}
	
	.truncate-header {
  		overflow: hidden;
  		/*display: -webkit-box;
  		/*-webkit-line-clamp: 2;*/
  		/*-webkit-box-orient: vertical; 18-03* /
  		line-height: 1.2em;
  		height: 3.6em;*/
	}
	
	.truncate-text {
	  	background: #fff;
	  	padding: 0 0.1rem 0 0;
	  	line-height: 1.4em;
	  	height: 165px;		/*	 pinfo - 20 px = 185-20 = 165 px */
	 	overflow: hidden;
	  	position: relative;
	}
 
	.truncate-text:after {
	 	content: "";
	 	position: absolute;
 	 	left: 0;
 	 	bottom: 0;
 	 	width: 100%;
 	 	height: 145x;		/* Не важноЮ есть картинка или нет: Img + Text - 20px = 335height: 380px;*/
 	 	background: linear-gradient(180deg, transparent, #fff 50%);
	}
	
	.formhight {
		height: 38px!important;			
		background-color: #fff;
		margin: 0.2px!important;
	}
	.rd_base {
		font-size: 1.3em!important; 
    	padding: 0.3em 0.8em 0.3em 0.8em!important;	/* верх, право, низ, лево */	
    	margin: 0.3em 1.0em 0.3em 1.0em!important;	/* верх, право, низ, лево */
	}	
	
	.nofooter {
		display: none;
	}	
	.padd-p {
		padding: 0 10%;
	}
}

/*****************************************************************************	
портретные телефоны и очень маленькие
******************************************************************************/
@media screen and (max-width: 320px) {
	.notxt {
		display: none;
	}
}