/*p {font-size: 20px;}*/
.videotext{position: absolute; top: 130px; font-size: 20px; color: grey; mix-blend-mode: difference;}
.diftext{color: grey; mix-blend-mode: difference;}
.seriyfon {background-color:#efefef;}
.cherniyfon {background-color:#000000; color: white;}
.darkgreyfon {background-color:#434343; color: white;}

.bigfont {font-size: 28px;}
.mediumfont {font-size: 20px;}
.smallblockfont {font-size: 15px;}
.smallblockfont h3{text-transform: uppercase; font-size: 100%;}
.normalfont {font-size: unset;}
.textwhite {color:white;}
.mobiletitle {text-align:center;    padding: 20px var(--otstup); padding-bottom:0;}
.topmobilepic {width:100%; text-align:center;}
.textcenter {text-align:center;}
.Описание.tovarpageblok, .Описание.tovarpageblok P, .Описание.tovarpageblok ul {line-height: 1.3; font-size:18px;}
.Описание.tovarpageblok ul {
	padding-left:20px;
	margin-left: 0;
	
}

.Преимущества.tovarpageblok, .Преимущества.tovarpageblok P, .Преимущества.tovarpageblok ul {line-height: 1.3; font-size:20px;}
.block-text-pic-image img, figure img, .pagecontainer img , .grid img {max-width:100%; min-width: 50px;}
.block-text-pic-text h3 {margin-bottom: 15px;}
.block-text-pic-text a.gourl {margin-top: 10px;}

.fullcell {padding:20px; width:100%;height:278px; background-size: cover; background-position:center; transition: all 1s ease;     display: flex;
    flex-direction: column;
    justify-content: flex-end;}
.fu@llcell:hover { background-size: 120%  ;}
 
 .tonirovka {
	 color: white;
	 background: linear-gradient(to right, #8e8e8e00, #010101CC);
}
.flex-v-center{
	display:flex;
	
	flex-direction: column;
    /* flex-wrap: nowrap; */
    justify-content: center;
}
.flex-v-center p {margin-bottom:20px;margin-top:20px;}
.h500{
  min-height: 500px;
}
.h150 {
 min-height: 150px;
}
.h200 {
 min-height: 200px;
}
.h100 {
min-height: 100px;
}
.images100proc img{
	width: 100%;
}
section h2 {font-family: Gotham Pro; font-weight: 300; text-transform:uppercase;}
.iconstitle h3 {padding-bottom: 30px;}

a {text-decoration:none; color: #006CA7;}
.cherniyfon a {color: #008bd7}
a>h2 {color:black;}
.cherniyfon a>h2 {color:white;}
.goright {float: right; margin-top:-55px;}
.flex2 {display:flex;    flex-direction: row;
    flex-wrap: nowrap;align-items: center;}
	.textalignright{text-align:right;}
	.uppercase {text-transform: uppercase;}
.flex2>div {width: 50%;}
.flex2.auto>div {width: auto;}


#razdelmenu {position: fixed; display:flex; flex-direction:column; top:200px;right:10px; z-index:1;co!lor: grey; mix-blend-mode: difference;}
#razdelmenu a {    display: flex;
    text-align: right;
    margin-top: 10px;
	margin-right: 5px;
    align-items: center;
    justify-content: flex-end; text-align:right; margin:10px; color: #efefef;
	
	}
@media (max-width:1439.98px){
		#razdelmenu{
				display:none;
		}
}
#razdelmenu a span {float:right; width: 15px; height: 15px; margin-left: 10px; border-radius: 50%; background-color: rgba(255,255,255,0.3);  border: 1px solid #098BE1; }
#razdelmenu a.active span {float:right; width: 15px; height: 15px; margin-left: 10px; border-radius: 50%; background-color: #098BE1;  border: 1px solid #098BE1; }
#razdelmenu a.activ {display: block; text-align:right; margin:10px;}

#razdelmenu a:hover span{
		
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
@keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  background-color: rgba(255,255,255,0.3);
  border: 1px solid #098BE1;
  }
  50% {
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3);
  border: 0px solid transparent;
  background-color: rgba(255,255,255,1);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  background-color: rgba(255,255,255,0.3);
  }
} 

.polptichkibg {background-image:url('/i/polptichki_bg.png'); background-size: contain;background-repeat: no-repeat; }
/*.pagesection h2 {font-size: 50px; margin: 10px 0 50px 0; font-weight: bold;}*/
.pt90 {padding-top: 90px;}
.pb90 {padding-bottom: 90px;}
.pt60 {padding-top: 60px;}
.pb60 {padding-bottom: 60px;}
.pt50 {padding-top: 50px;}
.pb50 {padding-bottom: 50px;}
.pb25 {padding-bottom: 25px;}
.pb20 {padding-bottom: 20px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mb60 {margin-bottom: 60px;}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px;}
.mt25 {margin-top: 25px;}
.mb25 {margin-bottom: 25px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}
.mt0 {margin-top: 0px;}
.mb0 {margin-bottom: 0px;}
.pl0 {padding-left: 0px;}
.mr30 {margin-right: 30px;}
.ml30 {margin-left: 30px;}
.mr50 {margin-right: 50px;}
.ml50 {margin-left: 50px;}
.mr60 {margin-right: 60px;}
.ml60 {margin-left: 60px;}
.mr70 {margin-right: 70px;}
.ml70 {margin-left: 70px;}
.mr80 {margin-right: 80px;}
.ml80 {margin-left: 80px;}
.al {text-align:left;}
.ar {text-align:right}
			

	.rounded {border-radius: 5px;}
	.beliyfon {background-color: white;}
	.seriyfon {background-color: #F2F2F2;}
	.mt-40 {margin-top: 40px;}
	.mt-50 {margin-top: 50px;}
	.mt-35 {margin-top: 35px;}
	.mt-30 {margin-top: 30px;}
	.mt-25 {margin-top: 25px;}
	.mt-20 {margin-top: 20px;}
	

	.grid {display: grid;}
	
.pagetext {font-size: 20px; line-height:1.1}

.pagesection .left {width: 100%;}
.pagesection .right {width: 100%;}
.sectiontitle {font-size: 63px;}
.bold500 {font-weight:500;}

.siteblock {margin-top:50px;}
.grid {display: grid;}
.grid2 {display:grid; grid-template-columns: repeat(2,1fr); column-gap: 60px; align-items: center; }
.grid1-2 {display:grid; grid-template-columns: 3fr 8fr; column-gap: 0px; align-items: center; }
.grid2-1 {display:grid; grid-template-columns: 7fr 3fr; column-gap: 0px; align-items: center; }

.grid-start {align-items: start;}
.grid3 {display: grid;  
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0px 0px; 
 }
	
	.grid3 img {max-width: 100%; width: 100%;}
	.gap10 {gap:10px;}
	.gap20 {gap:20px!important;}
	
.overanim {
	overflow:unset;
}

.grid3x2 {display:grid; grid-template-columns: repeat(3,1fr);row-gap: 60px;column-gap:100px} 
.grid6 {display:grid; grid-template-columns: repeat(6,1fr); column-gap: 60px; align-items: center; justify-items: center; }

.pokazatel{border-left: 1px solid var(--blue); padding-left: 20px}
.pokazate_main {font-size: 50px; font-weight:bold; color: var(--blue);}
.pokazate_desc{font-size: 15px; font-weight:normal; color: var(--grey); margin-top: 10px;}
			
 


.imagefon_right {
	background-size: cover;
    min-height: 400px;
}

.text_left {
    place-content: baseline;
    place-self: end;
    max-width: 569px;
    height: 100%;
    padding-left: var(--otstup);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.text_right {
    place-content: baseline;
    place-self: flex-start;
    max-width: 569px;
    height: 100%;
    padding-left: var(--otstup);
    display: flex;
    flex-direction: row;
    align-items: center;
}


			
			.infosec h3 {
				font-size: 30px;
				padding-bottom: 30px;
				line-height: 1.2;
				text-transform: uppercase;
				color: var(--blue);
				
			}
			

			.bignum img{
				width: 150px;
				min-width: 150px;
				
			}
			.blockleftpic .bignum img{
				width: 150px;
				min-width: 150px;
				
			}

			ul.small-list {
				list-style-image: url(/i/strelka-ul-small.svg);
				list-style-position: inside;
			}

			ul.small-list li {
				font-size: 20px;
			}

			.blueinfo {
				font-size: 13px;
				font-weight: 500;
				color: var(--blue);
			}

			.iconsblock {
				display: flex;
				flex-direction: row;
				align-items: center;
			}

			.iconsblock.pics40 img {
				min-width: 40px;
				width: 40px;
				margin-top: 10px;
			}

			.iconsblock div:last-child {
				padding-left: 10px;
			}

			.pl0 {
				padding-left: 0px;
			}

			.ploshadcell div {
				flex: 0 1 auto;
			}

			.blockleftpic {
				align-items: start;
			}

			.topborder {
				border-top: 1px solid black;
				padding-top: 20px;
			}
			 
			 
.allpan {
	margin-top: 60px; 
	column-gap: 60px;
}

.razdlink h3 {margin-top:20px; margin-bottom:20px; font-size:28px;}
a.razdlink, a.razdlink h3, a.razdlink p {color: white; text-decoration:none;}
a.razdlink p {color: white;font-size:15px;}

.setUp50 {margin-top: -50px }
.setUp100 {margin-top: -100px }
.setUp150 {margin-top: -150px }



	
	
	.flex {display:flex;}
	.dektop-flex-columns-1 {grid-template-columns: 1fr; gap: 40px; flex-direction: column;}
	.dektop-flex-columns-2 {flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 60px;}
	.dektop-grid-columns-3.gap20 {gap:20px;}
	.dektop-grid-columns-2 {grid-template-columns: repeat(2, minmax(0,1fr)); gap: 40px;}
	.dektop-grid-columns-2.gap20 {gap:20px;}
	.dektop-grid-columns-3 {grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px;}
	.dektop-grid-columns-4 {grid-template-columns: repeat(4, minmax(0,1fr)); gap: 40px;}
	
	.column-gap-125 {column-gap:125px}
	.dektop-flex-columns-2>div {width: calc(50% - 30px);}
	.dektop-flex-columns-2.gap20>div {width: calc(50% - 10px);}
	.dektop-flex-columns-2.column-gap-125>div {width: calc(50% - 63px);}

	.dektop-flex-columns-3 {flex-direction: row; flex-wrap: wrap; justify-content: center; column-gap: 40px; row-gap:50px;}
	.dektop-flex-columns-3>div {width: calc(32.5% - 20px);}
	
	.dektop-flex-columns-4 {flex-direction: row; flex-wrap: wrap; justify-content: center; column-gap: 0px; row-gap:50px;}
	.dektop-flex-columns-4>div {width: calc(25% - 20px);}
	
	.textblock {padding: 30px; padding-top: 10px; text-wrap-style: balance;}
	.dektop-flex-columns-4.textblock {padding: 10px; }
	.textblock ul, .pagecontainer ul, ul.cataloglist{
		/*list-style-image: url(/images_site/list-kvadrat.svg);
		list-style-position: inside;*/
		margin-left: 40px;
		margin-bottom: 20px;
		list-style-image: url(/i/strelka-ul-small.svg);
	}
	.Характеристики > table > tbody > tr  > td > ul {
 
		margin-left: 20px;
		margin-bottom: 0px;
		list-style-image: unset;
	}
	.Характеристики > table > tbody > tr  > td > ul > li {
		margin-bottom: 0px;
	}
	.pagecontainer ul li {margin-bottom: 20px;}
	.pagecontainer ol {
		/*list-style-image: url(/images_site/list-kvadrat.svg);
		list-style-position: inside;*/
		margin-left: 40px;
		margin-bottom: 20px;
		list-style: decimal;
	}
	
	ul.cataloglist li{padding-bottom:20px; }
	ul.iconsblockli {
		padding:0;
		list-style: none;
		list-style-image: none;
		margin-left: 0;
	}
	
	.textblock ul li {padding-left: 17px; }
	.infoblock{font-size:15px; padding: 40px; background-size: cover;     background-position: center;}
	.infoblock{
		font-size: 15px;
		padding: 40px;
		/* background-size: cover; */
		background-position: center;
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 100% auto;
		background-color: #fff;
	}
	.blockhome div {min-height: 250px; border-radius: 10px;}
	.blockrightpic {
		
		display: flex;
		width: calc(50% - 20px); /*- половина от gap */
		flex-direction: row;
		align-items: center;
		min-height: 280px;
	}
	.blockrightpic div { margin-left:40px; line-height: 1.2}
	.blockrightpic div p {padding-top: 10px;} 
	
	.blockwithtoppic  {display:flex; flex-direction: column;}
	 
	.blockwithtoppic div img {max-width: 100%;}
	.blockwithtoppic div img.icon {width:60px;}
	
	.blockleftpic  {display:flex; flex-direction: row; align-items:center;}
	.blockleftpic.algnstrt  {align-items:start;}
 
	
	.blockleftpic>div:last-child {padding-left: 20px;} 
	.blockleftpic>div {flex: 1 1 auto;}
	.grow0>div {flex:0 1 auto;}
	.blockleftpic img{min-width:100px;}
	.blockleftpic img.icon{min-width:60px;}
 
	.blockleftpic div.pl-40 {padding-left: 40px;}
	
	.darkfon {background-color:#262626;color: white;}
	.pb-0 {padding-bottom: 0;}
	.pt-0 {padding-top: 0;}
	.pt-1 {padding-top: 1px;}
	.pt-10 {padding-top: 10px;}
	.pb-10 {padding-bottom: 10px;}
	.pt-50 {padding-top: 50px;}
	.pb-50 {padding-bottom: 50px;}
	.pt-60-40 {padding-top: 50px;}
	.pb-60-25 {padding-bottom: 60px;}
 
	
	
	
	
	/*
	.iconsblocklist {
		display: grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(3, 1fr);
		grid-template-columns: repeat(2, 1fr);
	}

	ul.iconsblockli {
		margin-top: 50px;
		columns: 3;
		color: white;
		font-size: 15px;
	}
	*/


.podrobnee {display: inline-block; margin:17px; padding: 12px 21px 12px 21px; background-color:#DFDFDF; color: #000; border-radius: 10px}
/*catalog*/


.categoriespath {margin-top: 17px; font-size: 15px;}
.categoriespath a {color: #818181; text-decoration: none;}
.catalog {font-size: 15px;}
.pagecontainer h1 { line-height:1.2}
.catalog h1 {font-size: 28px; text-transform: none; line-height:1.2}
.catalog h2 {font-size: 20px; text-transform: none; line-height:1.2}
.subpages h2 {font-size: 20px; text-transform: none; line-height:1.2}

.justify-content-space-between {
	justify-content: space-between;
}

.topline {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
}
ul.tovnav { margin-top:20px;}
ul.tovnav li {display:inline; margin-right:20px; text-align:center;}

.tovpicsandtextOFF{display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
.tovpicsandtext{display: flex;     flex-wrap: wrap;  gap: 40px;}
.imagesplace, .col-sm-6 {width: calc(50% - 20px);}
.tovdesc {width: calc(50% - 20px)}
.tovfeatanddocs{display: grid; grid-template-columns: 2fr 1fr;margin-top: 40px; gap: 40px;}



 
.tovdesc ul li {margin-left: 20px; padding-top: 10px; padding-bottom: 10px;  padding-left: 10px;}
.catalog table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
	border-collapse: separate;
	border-radius: 10px;
}
.catalog table thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #EDEDED;
	
	border-top: 1px solid #ddd;
}
.catalog table  tr th:first-child, .table tr td:first-child {
	border-left: 1px solid #ddd;
}
.catalog table  tr th:last-child, .table tr td:last-child {
	border-right: 1px solid #ddd;
}
.catalog table  thead tr th:first-child, .catalog table  thead tr:first-child  {
	border-radius: 20px 0 0 0;
}
.catalog table  thead tr th:last-child {
	border-radius: 0 20px 0 0;
}
.catalog table  tbody td {
	text-align: left;
	border: none;
	padding: 18px 15px;
	
	vertical-align: top;
}
.catalog table  tbody tr:nth-child(even) td {
	background: #F1F1F1;
}
.catalog table  tbody tr:nth-child(odd) td {
	background: white;
}
.catalog table tbody tr:last-child td{
	border-bottom: 1px solid #ddd;
}
.catalog table  tbody tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}
.catalog table  tbody tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
}
.catalog table  thead tr:first-child td:first-child  {
	border-radius: 10px 0 0 0;
}
.catalog table.tablewithhead thead   tr:first-child td {background-color:#818181; }
 
.catalog table.tablewithhead thead   tr:first-child td, .catalog table.tablewithhead thead tr:first-child th  {color:white; padding: 18px;}
.catalog table.tablewithhead thead   tr:first-child td:first-child {border-top-left-radius: 10px; z-index:7}
.catalog .scroll-table table thead tr:first-child td:first-child {z-index:10;}
.catalog .scroll-table table.tablewithhead thead tr:first-child th:first-child {z-index:9;}

.catalog table.tablewithhead thead   tr:first-child td:last-child {border-top-right-radius: 10px;}

.catalog table:not(.tablewithhead)   tr:first-child td:first-child { border-top-left-radius: 10px; }
.catalog table:not(.tablewithhead)   tr:first-child td:last-child { border-top-right-radius: 10px; }
.catalog table tr td {text-align:center; vertical-align:middle; }
.catalog table tr td:first-child {text-align:left;}

table.valcenter {width: 100%; table-layout:fixed; }
table.valcenter td:not(:first-child){
	text-align:center;
	
}


					.table-scroll {
					  position: relative;
					  width:100%;
					  z-index: 1;
					  margin: auto;
					  overflow: auto;
					  margin-bottom: 40px;
					}
					.table-scroll table {
					  width: 100%;
					  margin: auto;
					  border-collapse: collapse;
					  border-spacing: 0;
					  /*table-layout: fixed;*/
					}
					.table-wrap {
					  position: relative;
					}
 
					.table-scroll thead th, .table-scroll thead td {
 
					  position: -webkit-sticky;
					  position: sticky;
					  top: 0;
					  z-index:5;
					}
 
					/* safari and ios need the tfoot itself to be position:sticky also */
					.table-scroll tfoot,
					.table-scroll tfoot th,
					.table-scroll tfoot td {
					  position: -webkit-sticky;
					  position: sticky;
					  bottom: 0;
					  background: #666;
					  color: #fff;
					  z-index:4;
					}


					.table-scroll table tr td:first-child,.table-scroll table tr th:first-child  {
					  position: -webkit-sticky;
					  position: sticky;
					  left: 0;
					  box-shadow: 0 0 0 0.02px var(--grey);/*Firfox border error*/
					  border-left: 0.02px solid #000000;
					  text-align:left;
					}
					thead th:first-child,
					tfoot th:first-child {
					  z-index: 5;
					  border-top: 0px solid #ffffff;
					}

					thead tr:nth-child(1) th:nth-child(1) {
						z-index:55;
						color: #FFFFFF;
						border-top: 0px solid #ffffff;
					}

					@media (max-width: 767.98px) { 
						 
						.table-scroll table {
						  table-layout: auto;
						}
						
						.table-scroll td {
							 min-width: 60px
							}
						
					}

.mobilescroll-up, .mobilescroll-down {display:none;}
.mobilescroll strong {color: var(--blue)}
	
.table-scroll {
  position: relative;
  width:100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  margin-bottom: 40px;
  max-height: calc(100vh - 150px);

}
.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.table-scroll table.autolayout {
	table-layout: auto;
}
.table-wrap {
  position: relative;
}
.table-scroll th,
.table-scroll td {
  padding: 5px 5px;
  border: 0.02px solid var(--grey);
  border-top: 0px solid var(--grey);
  border-left-width: 0;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}
.table-scroll thead th {
  background-color: var(--blue);
  color: #FFFFFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
 thead th a {
  color: #FFFFFF;
  }
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #666;
  color: #fff;
  z-index:4;
}


th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ffffff;
  border-left: 0px solid #ffffff;
  text-align:left;
  width: 200px;
}
thead th:first-child,
tfoot th:first-child {
  z-index: 5;
  border-top: 0px solid #ffffff;
}

thead tr:nth-child(1) th:nth-child(1) {
    z-index:55;
    color: #FFFFFF;
    border-top: 0px solid #ffffff;
}
 
 .video-block {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-block iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
 
 
.docslist {display:flex;gap:20px; flex-wrap: nowrap; display:flex; gap:20px;}
.docslist a {text-decoration:underline;}
 .docslist img {margin-top:20px;}


	@media (min-width: 1200px){
		.fullcell {
			background-size: 100%;
			transition: all 1s ease-out;
		}
		div.fullcell:hover {
			    background-size: 120%;
				
		}
		
		.desktop-smallfont {font-size:14px;}
		.desktop-smallfont h3{font-size:16px; font-weight:bold;} 
		
			
			
			
	 

	}
	
	
@media (max-width:1199.98px) {
	.panel {padding-left: 10px; padding-left: var(--otstup);padding-right: 10px; padding-right: var(--otstup);}
	.container {width: auto;}
	.container {
		margin-left: var(--otstup);
		margin-right: var(--otstup);
	}
	.panel .container {
		margin-left: 0;
		margin-right: 0;
	}
}


@media (max-width:991.98px) {
	.pagetext {font-size: 15px; line-height:1.1}

	.planshet-grid-columns-2 {
		 grid-template-columns: repeat(2, 1fr); gap: 40px;
	}
	.planshet-flex-columns-1>div, .planshet-flex-columns-1.gap20>div {width:100%;}
	.planshet-flex-columns-2>div {width: calc(50% - 20px);}
	/*ul.iconsblockli {
		columns: 2;
	}*/
	.panel {padding-left: 10px; padding-left: var(--otstup);padding-right: 10px; padding-right: var(--otstup);}
	
	.newsblock:nth-child(3) {display:none;}
	.planshet-justify-centered  { justify-content: centered;}
	
	.tovpicsandtext{grid-template-columns: 1fr; gap: 40px;}
	.tovfeatanddocs{grid-template-columns: 100%; gap: 40px;}
	.blockleftpic.mobile-top-pic {flex-direction: column;}
	.blockleftpic.mobile-top-pic div img {margin-bottom:25px; max-width:100%;}
	.blockleftpic div.mobile-pl-0 {padding-left: 0px;}
	.imagefon_right {min-height:unset;}
	.imagefon_left {min-height:unset;}
	.f!ullcell { background-size: auto;}
	.f!ullcell:hover {
	  background-size: auto 120%;
	}
	.tonirovka {
		 color: white;
		 background: linear-gradient(to right, #25252591, #010101CC);
	}
}

@media (max-width: 767.98px) {
	.topline {flex-direction: column;}
	.rating {margin-left:0;}
	.star-rating {margin-left:100%;}
	ul.tovnav { text-align:center;}
	ul.tovnav {   margin-left:20px;}
	.defaultvaluta {text-align:center;}
	.imagesplace{width:100%;}
	.tovdesc, .col-sm-6  {width:100%;}
	
	.tovariconsblock {
		min-height: 89px;
	}
	
	.table-scroll {
		max-height: calc(100vh - 150px);
	}
	.table-scroll table {
	  table-layout: auto;
	}
	
	.table-scroll td {
		 min-width: 60px
		}

}
@media (min-width:576px) {
	.desktop-hidden {display:none;}
}
	

 @media (max-width:575.98px) {
 
	body{
		font-size: 15px;
		line-height: 1.2;

	}
	.Описание.tovarpageblok, .Описание.tovarpageblok P, .Описание.tovarpageblok ul { font-size:15px;}


	 h1, .page h1 {font-size: 26px;}
	.page h2 {font-size: 22px;}
	.pagesection h2 {text-align:center;}
	.siteblock {margin-top:20px;}
	.container {width: auto;}
	.mobile-grid-columns-1 {
		 grid-template-columns: repeat(1, 1fr); gap: 40px;
	}
	.mobile-flex-columns-1>div {width:100%!important;}
 
	.mobile-hidden {display:none;}
	
	.grid1-2 {display:grid; grid-template-columns: 1fr }
	.grid2-1 {display:grid; grid-template-columns: 1fr;}


	/*
	ul.iconsblockli {
		columns: 1;
	}
	*/
	
	.blockrightpic {
		display: flex;
		width: calc(100%); /*- половина от gap */
		flex-direction: row;
		align-items: center;
		min-height: 280px;
	}
	.blockrightpic div { margin-left:0px; margin-top:10px; }
	.blockrightpic div:first-child { padding:10px; }
	.blockrightpic div:last-child {text-align:right} 
	.blockrightpic div:last-child img {max-width:100px;} 
	.blockwithtoppic div img.icon {width:90px;}
	.tovariconsblock {
		min-height: unset;
	}
	.podrobnee {margin-bottom: 40px;}
	.pb-50 {padding-bottom: 25px;}
	.pt-50 {padding-top: 25px;}
	
	.pb-60-25 {padding-bottom: 25px;}
	.infosec h3 {font-size: 18px; padding-bottom: 15px;}
	.textblock {font-size: 15px;}
 
	 table.valcenter{
		table-layout:auto;
	}
}

@media (min-width:992px){
	.desktop-width-600 {
			max-width: 600px;
		
	}
	.desktop-grid-span2 {
					grid-column: span 2;
	}
	.desktop-h320 {height:320px; display: flex; align-items: center;}
	.desktop-mt-minus30 {margin-top: -30px;}
	.desktop-ar {text-align: right; padding-left: 60px;}
	.desktop-al {text-align: left;}
	.desktopfirst {order: 1;}
	.desktopsecond {order: 2;}
	.mobilefirst {}
	.mobilesecond {}
	.fullcell p {max-width: 50%;}
	.desktop-leftborder {
				border-left: 3px solid var(--blue);
				padding-left: 20px;
				margin-left: 20px;
				min-height: 100px;
				display: flex;
				align-items: center;
			}
			
	.desktop-lefttitledborder {
					border-left: 3px solid var(--blue);
					padding-left: 20px;
					margin-left: 20px;
					min-height: 100px;
				
					align-items: center;
				}
				
}
@media (max-width: 1279.98px){
	.grid3x2 {
		column-gap: 50px;
	}
		
	
}
@media (max-width: 991.98px){
	

	.desktopfirst {}
	.desktopsecond {}
	.mobilefirst {order: 1; }
	.mobilesecond {order: 2}
	.mobiletext {padding: var(--otstup) ;padding-top:0px;}
	.p!agesection{
		flex-direction: column;
	}
	.grid2, .grid3, .grid3x2 {
		grid-template-columns: repeat(1,1fr); 
		row-gap: 30px;
	}
	.mobile2x3.grid3x2 {
		grid-template-columns: repeat(2,1fr); 
		row-gap: 30px;
		column-gap: 30px;
	}
	.pokazate_main {font-size: 40px; font-weight:bold; color: var(--blue);}
	.pokazate_desc{font-size: 15px; font-weight:normal; color: var(--grey);}

	.grid6 {grid-template-columns: repeat(3,1fr); column-gap: 60px; align-items: center; }
	
	.centerpanimg {width: 100%}
	
	.mobilefirst {
		margin-top: 20px;
	}
	.mobile-pt20 {padding-top: 20px;}
	.mobile-pb20 {padding-bottom: 20px;}
	.mobile-pt40 {padding-top: 40px;}
	.mobile-pb40 {padding-bottom: 40px;}	
	.mobile-pt60 {padding-top: 60px;}
	.mobile-pb60 {padding-bottom: 60px;}
	.mobile-mt0 {margin-top: 0;}
	.mobile-mt20 {margin-top: 20px;}
	.mobile-mt30 {margin-top: 30px;}
	.mobile-mb0 {margin-bottom: 0;	}
	.mobile-noside {margin-left: calc(-1 * var(--otstup));margin-right: calc(-1 * var(--otstup));}
	.mobilescroll {max-height: 250px; overflow: auto; margin-top:10px;margin-bottom:10px; font-size: 15px;}
	.mobilescroll-up, .mobilescroll-down {display:block;text-align:center; cursor: pointer;}
	.mobile-bgcover{
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (max-width: 575.98px){
	 
	.mobile2x3.grid3x2 {
		grid-template-columns: repeat(2,1fr); 
		row-gap: 20px;
		column-gap: 10px;
	}
	.pokazate_main {font-size: 20px; font-weight:bold; color: var(--blue);}
	.pokazate_desc{font-size: 15px; font-weight:normal; color: var(--grey);}
}