@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/*-------------------------- ПЕРЕОПРЕДЕЛЯЕМ ЭЛЕМЕНТЫ HTML --------------------------------------*/
html {
  scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
}
body {	background: #F9F9F9;
		font-family: "Montserrat", sans-serif!important;
		color: #010; font-size:16px;
		text-align: justify;
		margin:  0;	/*убираем отступ по краям  (обычно видно вверху документа)014052*/
		}
table {
		width: 100%;
		margin: auto;				/*выравниваем таблицу по середине html*/
		border-collapse: collapse;	/* Убираем двойные границы между ячейками (cellspacing="0")значение атрибута cellspacing тега <table> игнорируется*/
		border: 0;		/* Рамка вокруг таблицы */
		table-layout: fixed; /* Ячейки фиксированной ширины для ускорения постраения таблиц*/
		}		
		TH {
			padding: 5px;			/* Поля вокруг текста действие атрибута cellpadding тега <table> игнорируется. */
			border: 0;	/* Рамка вокруг ячеек 1px solid #00*/
			text-align:center;
			word-wrap: break-word; /* перенос длинных слов */
   			}
		TD {
			padding: 5px;			/* Поля вокруг текста действие атрибута cellpadding тега <table> игнорируется. */
			border: 0;	/* Рамка вокруг ячеек 1px solid #00*/
			word-wrap: break-word; /* перенос длинных слов */
   			}
.gr {background-color:#C5C1BC;}
.gr1 {background-color:#F4F4F4;}
.gr2 {background-color:#EAEAEA;}

.clssOrng {color:#E53935;}

.cell0 {width: auto;}
.cell1 {width: 7%;} .cell2 {width: 15%;}
.cell3 {width: 23%;} .cell4 {width: 31%;} .cell5 {width: 39%;}
.cell6 {width: 50%;}

h1 {
	font-family: "Montserrat", sans-serif; color:#004D40;
	font-size: 210%;  font-weight: bold;
	text-align: center; vertical-align: middle;
	padding: 5px; margin: 0;
	}
h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 150%;  font-weight: bold;
	text-align: center; vertical-align: middle;
	padding: 5px 15px; margin: 0;
	}
h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 110%; font-weight: bold;
	text-align: left; vertical-align: top;
	padding: 5px 15px; margin: 0;
	}
h4 {
	font-size: 100%; font-weight: bold;
	text-align: left; vertical-align: top;
	padding: 0 15px; margin: 0;	
	}
p {text-indent: 5%; padding: 2px 5px;}
ol, ul {margin-left:5%; padding: 0 5px;}
li {padding: 2px 30px;}

.otstup {margin-left:20%;}
div.otstup {padding:5px;}
div.otstupMargin {margin:5px;}

a {
	color:#0c542c;
	text-decoration:none;/*нет нижнего подчеркивания*/
	}
	a:hover {
		/*text-decoration:underline;при наведении показываем нижнию черту*/
		}

img {display: inline-block; margin:15px;}
img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}
div.video
{
	padding:1% 2%;
}




@media screen and (max-width: 640px) {
#header-h2-3 > h2{
	display:none;
}	
#header-h2-3 > h2 > img:nth-child(2),
#header-h2-3 > h2 > img:nth-child(5) {
margin:0px;	
}
#header-h2-3-3 > h2 > img:nth-child(1) {
	margin: 0px 5px -7px 5px;
}
#header-h2-3-3 > h2 > img:nth-child(4){
	margin: 10px 5px -7px 5px;
}
}

@media screen and (min-width:641px) {
#header-h2-3-3 > h2	{
	display:none;
}	
}






	/*align
	-----------------------------------------------------------------------------*/
.align-cntr {text-align: center; vertical-align: middle;}
.align-lft {text-align: left; vertical-align: top;}
.align-rght {text-align: right; vertical-align: bottom;}

.float-lft {float: left;}
.float-lft-end {clear: left;}
.float-rght {float: right;}
.float-rght-end {clear: right;}

.col20 {width:20%;} .col50 {width:50%;}

.dyslay-non {display:none;}

.begn {width:96%; margin: auto; background-color:#F9F9F9;}

/* Слой для колонок
-----------------------------------------------------------------------------------*/
.layout {overflow: hidden;}

section {padding: 5px 2px;}
article {padding: 10px 0;}

section.main {padding: 2px 15px;}
header {
	background-color:#F9F9F9;
	}
footer {background-color:#DDD;}

/* секции по назначению */
.news:hover h3 {text-decoration:underline;}
.block {max-height: 800px;}

/* images анимация общая -ms-transition: all 5s ease-out; -moz-transition: all 5s ease-out; -o-transition: all 5s ease-out; -webkit-transition: all 5s ease-out;*/
		.block-hover {overflow: hidden;
			
			transition: all 5s ease-out;}
			.block-hover:hover {
				/*-ms-transition: all 15s ease-out; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2);*/
				transform: scale(2);}
	/*рамки  ------------------------*/
	.frame-hover {border: #F9F9F9 solid; /*убираем сдвиги на экране при наведении*/
		}
		.frame-hover:hover {box-shadow: 0 0 10px rgba(0,0,0,0.6); /* Тень */
		}

/* оформление */
	/* нижний бордюр */
	.hr-border {display:block; border-bottom:#666 1px solid; padding:5px;}
	.tr-border { border-bottom:#666 1px solid; padding:5px;}
/* текст в дивах */
	 .height-auto {position:static;}
.ver-align {height:120px; display:table-cell; vertical-align:middle;}
	h2.ver-align {font-size:120%;}
.ver-align200 {height:200px; display:table-cell; vertical-align:middle;}
/* текст в колонках */
.txt-column div {column-width: 270px; column-rule: thin dotted #999; text-align:left;}
.txt-block {
	overflow: hidden; overflow:auto; /* скрываем не влезшую часть и показываем скроллер */
	word-wrap: break-word; /* перенос длинных слов */
	}
.logokobak {width:30px;}

table.basket {width:90%; margin:auto;}

.panel-filtr {display:block; width:90%; height:35px; margin:5px auto; padding:5px 20px; background-color:#eee; text-align:right;}
input {margin:2px; padding:1px 5px;}
.select-tpl {}


.wrapper {width:100%; display:block;}
div.tpl-string {width:90%; height:auto; min-height:300px; margin:10px auto; border:#0c542c 2px solid;border-radius:25px;}
	div.tpl-header {padding:15px;border-top-left-radius:22px;border-top-right-radius:22px;margin-bottom: 10px;}
		.tpl-header {background-color:#0c542c; color:#FFF;}
	.tpl-string h3 {
		font-weight:100; font-size:125%;
	}
	img.tpl-string {position:relative; /*width:270px;*/ height:195px; min-width:50px; margin:5px 15px; float:left; border-bottom-left-radius: 30px;padding-bottom: 10px!important;}
	
.but-order {margin:3px; padding:7px;
	background:#060;
	color:#FFF; font-size:120%;
	cursor:pointer;
	border-radius: 20px;
	border:5px;
	}
/* форма */
	/* убрать кнопки на type="number" */
	.shest {-moz-appearance: textfield;}
	.shest::-webkit-inner-spin-button {display: none;}
.download-instuktion {text-align:right; padding:15px;}
/* карта */
	.map {width:80%; height:150px; margin:10px auto;}
/* рейтинг звездочки */	
	div.progressBar {position:relative; margin-top:8px;}
	.ratingStar {
		position:relative;
		top:0; left:0;
		width:130px; height:28px;
		margin:0 0 -3px -134px;
		}
progress {
	position:relative;
	top:0; left:0;
    border:0;
    width: 130px;
    height: 28px;
   /* border-radius: 5px;*/
    background: #f1f1f1;
}
progress::-webkit-progress-bar {
    width: 130px;
    height: 28px;
    border-radius: 5px;
    background: #f1f1f1;
}
progress::-webkit-progress-value {
    border-radius: 5px;
    background: #ffb76b;
}
progress::-moz-progress-bar {
    border-radius: 5px;
    background: #ffb76b;
}
.upScroll {position:fixed; top:75%; left:1%;}
img.upScroll {width:50px;}
#catalog > div:nth-child(9), 
#catalog > div:nth-child(10),
#catalog > div:nth-child(11),
#catalog > div:nth-child(12),
#catalog > div:nth-child(13)
{display:none;}

#new_info {
    -webkit-box-shadow: 5px 5px 5px 5px rgba(192,192,192,0.7);
    -moz-box-shadow: 5px 5px 5px 5px rgba(192,192,192,0.7);
    box-shadow: 5px 5px 5px 5px rgba(192,192,192,0.7);
    margin-bottom: 30px;
    position: relative;
    background: #F44336;
    color: #fff;
    text-align: center;
    padding: 20px;
    text-indent: unset;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

.wrap_wa img {
	width: 20px;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
	margin-right:5px;
}

.wrap_wa a {
	color: #fff;
    text-decoration: underline;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}