/* Start:/bitrix/templates/ovk/components/bitrix/menu/verh/style.css?15136846951383*/

.menu_verh {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	float: left;
	font-size: 18px;
}


.menu_verh .punkt{
	float: left;
}


.menu_verh .punkt a{
	color: #333333;
	text-decoration: none;
}

.menu_verh .punkt div, .menu_verh .punkt div.aktiv{
	padding: 5px 18px 5px 18px;
	height: 23px;
}

/*стили для подстветки активных пунктов, первый пункт зажигаем автоматически*/
.menu_verh .punkt div.aktiv, .menu_verh .punkt:hover div{
	text-decoration: underline;
}




	
.menu_verh .razdelitel{
    float: left;
    width: 1px;
    height: 10px;
    margin: 13px 0px 10px 0px;
    background: #5f5b5b;
}





	
.menu_verh  .podmenu{
	position: absolute;
	z-index: 100;
	display: none;
	width: 300px;
	padding: 0px 0 0px 0;
	background: #f1f1f1;
}


.menu_verh .punkt:hover .podmenu{
	display: block;
}


.menu_verh .podmenu a{
	color: #333333;
	text-decoration: none;
}

.menu_verh  .podmenu a div{
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
}



.menu_verh .podmenu a:hover div, .menu_verh .podmenu a div.aktiv {
	text-decoration: underline;
}



	@media screen and (max-width: 1000px) { 
		.menu_verh {
			font-size: 16px;
		}
		.menu_verh .punkt div, .menu_verh .punkt div.aktiv{
			padding: 0px 20px 0px 20px;
			height: auto;
		}
		.menu_verh .razdelitel{
			margin: 5px 0px 10px 0px;
		}
	}
	

/* End */


/* Start:/bitrix/templates/ovk/components/bitrix/search.title/poisk/style.css?15136862162651*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
	width: 300px !important; /* добавил я */
	margin-left: -35px; /* добавил я */
	background: #FFFFFF; /* добавил я */
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	/*width:10%;*/ /* добавил я */
}

table.title-search-result th {
	/*display: none;*/ /* добавил я */
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 5px; /* добавил я */
 	padding-right:10px; /* добавил я */
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	/*width:1%;*/ /* добавил я */
	width: 60px !important; /* добавил я */
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	/*white-space:nowrap;*/ /* добавил я */
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	/*padding-right:15px;*/  /* добавил я */
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
	display: none;  /* добавил я */
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#f1f1f1;
}

table.title-search-result td.title-search-more {
	font-size:12px; /* добавил я */
	font-weight:normal;
	padding-right:15px;
	/*padding-left: 24px;*/  /* добавил я */
	padding-top:3px; /* добавил я */
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	/*padding-left:24px;*/  /* добавил я */
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/ovk/components/bitrix/search.title/poisk/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/templates/ovk/components/bitrix/menu/glav/style.css?17368513366630*/
.menu_glav {
	background: #272d33;
}


.menu_glav .menu_adapt {
    display: none;
    width: 55px;
    height: 55px;
    background: url(/bitrix/templates/ovk/files/adapt_menu.png) center center no-repeat;
	background-color: #272d33;
    cursor: pointer;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.menu_glav .menu_adapt:hover {
	background-color: #17aed7;
}

.menu_glav .menu_adapt_zakryt {
    width: 50px;
    height: 50px;
    margin: 0px 0px 10px auto;
    display: none;
    background: url(/bitrix/templates/ovk/files/adapt_zakryt.png) center center no-repeat;
	background-color: #272d33;
    cursor: pointer;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.menu_glav .menu_adapt_zakryt:hover {
	background-color: #17aed7;
}




.menu_glav .shirina{
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}



.menu_glav .punkt{
	float: left;
}

/* первый пункт меню делаем шире */
.menu_glav .shirina > div:nth-child(2){
	width: 300px;
}

.menu_glav .punkt > a{
	text-decoration: none;
}

.menu_glav .punkt > a > div {
	padding: 20px 17px 0px 17px;
    font-size: 20px;
    text-transform: uppercase;
    color: #f5f5f5;
    height: 45px;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

/*стили для подстветки активных пунктов, первый пункт зажигаем автоматически*/
.menu_glav .punkt > a > div.aktiv, .menu_glav .punkt:hover > a > div, .menu_glav .shirina > div:nth-child(2) > a > div{
	background: #17aed7;
}


.menu_glav .punkt > a > div div {
	display: none;
}

/*чтобы поместилась стрелка у первого пункта убираем паддинг справа*/
.menu_glav .shirina > div:nth-child(2) > a > div {
	padding-right: 0px;
}


/*у первого пункта показываем стрелку*/
.menu_glav .shirina > div:nth-child(2) > a > div div {
    background: url(/bitrix/templates/ovk/files/strelka.png) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px 15px;
    width: 14px;
    height: 14px;
}


/*у первого пункта при наведении поворачиваем стрелку*/
.menu_glav .shirina > div:nth-child(2):hover > a > div div {
	background: url(/bitrix/templates/ovk/files/strelka.png) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px 0px 10px;
    width: 14px;
    height: 14px;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*класс для активной стрелки, который применяем по ситуации в яваскрипте*/
.menu_glav .shirina > div:nth-child(2) > a > div div.aktiv {
	background: url(/bitrix/templates/ovk/files/strelka.png) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px 0px 10px;
    width: 14px;
    height: 14px;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

	
.menu_glav .razdelitel{
	display: none;
	float: left;
    width: 1px;
    height: 10px;
    margin: 28px 0px 0px 0px;
    background: #5f5b5b;
}







	
.menu_glav  .podmenu{
	display: none;
	position: absolute;
	z-index: 100;
	width: 300px;
	padding: 0px 0 5px 0;
	background: #272d33;
}

/*всплывание подменю с плавностью сделано на яваскрипте*/
/*.menu_glav .punkt:hover .podmenu {
	display: block;
}*/

.menu_glav .podmenu_skryto_vsegda{ /*класс для запрета показа подменю, который применяем по ситуации в яваскрипте*/
	display: none !important;
}


.menu_glav .podmenu a{
	color: #f5f5f5;
	font-size: 18px;
	text-decoration: none;
}

.menu_glav .podmenu a > div{
    margin: 10px 0px 10px 0px;
    padding: 5px 10px 0px 0px;
	height: 30px;
	line-height: 1;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

/*.menu_glav  .podmenu a:last-child > div{
	margin-bottom: 0px;
}*/

/*активный пункт подменю*/
.menu_glav .podmenu a:hover > div, .menu_glav 	.podmenu a > div.aktiv {
	color: #17aed7;
}

.menu_glav  .podmenu a > div div{
    background: #17aed7;
    float: left;
    margin: -8px 20px 0px 0px;
    width: 7px;
    height: 35px;
}



.menu_fixed {
    position: fixed;
    z-index: 100;
    margin: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
}


	@media screen and (max-width: 1200px) { 
		.menu_glav .shirina > div:nth-child(2) {
			width: auto; /*ширина первого пункта теперь автоматическая, как и у всех остальных*/
		}
		.menu_glav .punkt > a > div {
			font-size: 18px;
			padding: 22px 7px 0px 7px;
			height: 43px;
		}
		.menu_glav .shirina > div:nth-child(2) > a > div {
			padding-right: 10px;
		}
		
		.menu_glav  .podmenu{
			width: auto;
		}
			
	
	}


	@media screen and (max-width: 1000px) { 	
		.menu_glav .menu_adapt{
			display: block;
		}
		.menu_glav .menu_adapt_zakryt{
			display: block;
		}
		.menu_glav .shirina{
			/*display: none;*/
			position: fixed;
			z-index: 1000;
			top: 0px;
			opacity: 0;
			left: -360px;
			background: #272d33;
			padding: 0px 10px 0px 10px;
			margin: 0px 0px 0px 0px;
			height: 100%;
			width: 340px;
			text-align: left;
			overflow: auto;
		}
		.menu_glav .punkt {
			float: none;
		}
		.menu_glav .punkt > a > div {
			font-size: 18px;
			padding: 12px 20px 0px 20px;
			height: 33px;
		}
		.menu_glav  .podmenu{
			position: static;
			width: 320px;
			margin: 0px 0px 0px 20px;
			padding: 0px 0 10px 0;
			background: #484d52;
		}
		.menu_glav .podmenu a > div {
			margin: 0px 0px 0px 0px;
			padding: 7px 20px 0px 0px;
			/*height: 24px;*/
			height: auto;
			clear: left;
		}		
		.menu_glav .podmenu a > div div {
			margin: 0px 20px 7px 0px;
			width: 5px;
			height: 20px;
		}
		
	}


/* End */


/* Start:/bitrix/templates/ovk/components/bitrix/breadcrumb/navigation/style.css?1488458729317*/
.navigation{
    text-align: right;
    margin: 10px 0 0px 0;
    padding: 0px 0px 3px 0px;
    font-size: 16px;
    color: #a1a1a1;
    border-bottom: 1px solid #e4e4e4;
    box-shadow: 0px 1px 1px #f1f1f1;
}

.navigation a{
	text-decoration: none;
	color: #a1a1a1 !important;
	font-size: 16px;
}



/* End */


/* Start:/bitrix/templates/ovk/components/bitrix/menu/katalog/style.css?16070685252245*/

.menu_katalog {
	
}



.menu_katalog .punkt{
	border-top: 1px solid #5f5b5b;
	background: #272d33;
}


.menu_katalog .punkt:nth-child(1){
	border-top: 0;
}

.menu_katalog .punkt > a{
	text-decoration: none;
}

.menu_katalog .punkt > a > div{
	margin: 0px 0px 0px 0px;
    padding: 15px 10px 15px 20px;
    font-size: 19px;
    color: #f5f5f5;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}


.menu_katalog .punkt > a > div.aktiv, .menu_katalog .punkt:hover > a > div{
	background: #17aed7;
}


.menu_katalog .punkt > a > div div{
	background: url(/bitrix/templates/ovk/files/strelka2.png) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px 15px;
    width: 10px;
    height: 11px;
}

.menu_katalog .punkt > a > div div.aktiv{
    background: url(/bitrix/templates/ovk/files/strelka2.png) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px 0px 20px;
    width: 10px;
    height: 11px;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}







/*.menu_katalog .punkt:hover  {
	display: block;
}*/

.menu_katalog .podmenu{
	/*display: none;*/
}
	
.menu_katalog  .podmenu{
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background: #ffffff;
	padding: 15px 0px 10px 0px;
}

.menu_katalog .podmenu > a{
	color: #333333;
	font-size: 18px;
	text-decoration: none;
}

.menu_katalog  .podmenu > a > div{
    overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 30px;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}



.menu_katalog .podmenu > a:hover > div, .menu_katalog .podmenu > a > div.aktiv {
	color: #17aed7;
}

.menu_katalog .podmenu > a > div > div {
    float: left;
    position: relative;
    top: -7px;
	/*display: inline-block;*/
    margin: 0px 10px 0px 0px;
    font-size: 25px;
    font-weight: bold;
}


/* End */


/* Start:/bitrix/templates/ovk/styles.css?17370374259755*/
.kartinka {
	min-width: 200px;
	margin: 0 0 10px 0;
	clear: both; 
}

.sleva {
	float: left;
	margin-right: 2%;
}

.sprava {
	float: right;
	margin-left:  2%;
}

.razmer_12_12 {
	width: 100%;
}

.razmer_8_12 {
	width: 66%;
}

.razmer_6_12 {
	width: 50%;
}

.razmer_5_12 {
	width: 42%;
}

.razmer_4_12 {
	width: 33%;
}


.razmer_3_12 {
	width: 25%;
}


.razmer_2_12 {
	width: 17%;
}

	@media screen and (max-width: 500px) { 
		.kartinka {
			width: 100%;
			margin: 0 0 10px 0;
		}
	}






.ochistka {
	clear: both; 
	background: #DDDDDD;
	padding: 10px;
}

.ochistka_zapret {
	clear: none; 
}




.blok_4_foto {
	background: #DDDDDD;
	line-height: 0;
	margin: 0 0 10px 0;
}

.blok_4_foto img{
	width: 24.25%;
	margin: 0 1% 0 0%;
}

.blok_4_foto img:nth-child(4){
	margin: 0 0 0 0;
}

.blok_4_foto a:nth-child(4) img{
	margin: 0 0 0 0;
}

	@media screen and (max-width: 500px) { 
		.blok_4_foto {
			margin: 0
		}
		.blok_4_foto img {
			width: 100%;
			margin: 0 0 10px 0 !important;
		}
	}




.blok_3_foto {
	background: #DDDDDD;
	line-height: 0;
}

.blok_3_foto img{
	width: 32%;
	margin: 0 1% 0 1%;
}

.blok_3_foto img:nth-child(1){
	margin: 0 1% 0 0;
}

.blok_3_foto img:nth-child(3){
	margin: 0 0 0 1%;
}

	@media screen and (max-width: 500px) { 
		.blok_3_foto img {
			width: 100%;
			margin: 0 0 10px 0 !important;
		}
	}







.blok_2_foto {
	background: #DDDDDD;
	line-height: 0;
}

.blok_2_foto img{
	width: 49%;
	margin: 0 1% 0 1%;
}

.blok_2_foto img:nth-child(1){
	margin: 0 1% 0 0;
}

.blok_2_foto img:nth-child(2){
	margin: 0 0 0 1%;
}

	@media screen and (max-width: 500px) { 
		.blok_2_foto img {
			width: 100%;
			margin: 0 0 10px 0 !important;
		}
	}





.blok_2_bloka {
	background: #DDDDDD;
	overflow: hidden;
}

.blok_2_bloka > div{
	float: left;
	width: 49%;
	margin: 0 1% 0 1%;
	background: #CCCCCC;
}

.blok_2_bloka > div:nth-child(1){
	margin: 0 1% 0 0;
}

.blok_2_bloka > div:nth-child(2){
	margin: 0 0 0 1%;
}

	@media screen and (max-width: 500px) { 
		.blok_2_bloka > div {
			width: 100%;
			margin: 0 0 10px 0 !important;
		}
	}




.vazhno {
	color: #FFFFFF;
	background: #17aed7;
	text-align: center;
	padding: 15px;
	font-weight: bold;
	clear: both;
	text-transform: uppercase;
	font-size: 20px;
}






.glav_uslugi_usluga{ /* по нормальному было так .glav_uslugi .usluga, но для рекдактора сделали так .glav_uslugi_usluga */
	float: left;
	width: 45%;
	margin: 30px 2% 30px 3%;
	background: #272d33;
	color: #FFFFFF;	
	height: 190px;
}	

.glav_uslugi_usluga a{
	color: #FFFFFF;	
	text-decoration: none;
}
	
.glav_uslugi_usluga > div {
	position: absolute;
	z-index: 2;
	margin: -20px 0px 0px -20px;
	width: 60px;
	height: 60px;
	padding: 20px 20px 20px 20px;
	background: #17aed7;
	border-radius: 50px;
}

.glav_uslugi_usluga > div img{
	width: 100%;
}
	
.glav_uslugi_usluga h6{
	font-size: 24px;
	display: inline-block;
	/*width: 200px;*/
	margin: 20px 0px 20px 100px;	
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #17aed7;
	font-weight: normal;
}
	
.glav_uslugi_usluga p{
	font-size: 16px;
	margin: 0px 10px 10px 100px;
}	
	
	
	
	
	@media screen and (max-width: 1220px) { 
		.glav_uslugi_usluga {
			height: 220px;
		}
	}
	@media screen and (max-width: 1000px) { 
		.glav_uslugi_usluga {
			height: 280px;
		}
		.glav_uslugi_usluga h6{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 760px) { 
		.glav_uslugi_usluga {
			height: auto;
			width: 92%;
			margin: 15px 3% 20px 5%;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
 
.glav_kompaniya_kolonka{ /* по нормальному было так .glav_kompaniya_kolonka, но для рекдактора сделали так .glav_kompaniya_kolonka */
	float: left;
	width: 47.5%;
	margin: 0px 0% 0px 0%;
}	
	
.glav_kompaniya_kolonka:nth-child(1){
	margin: 0px 2.5% 0px 0%;
}	

.glav_kompaniya_kolonka:nth-child(2){
	margin: 0px 0% 0px 2.5%;
}
	
.glav_kompaniya_kolonka img{
	width: 100%;
}
	
.glav_kompaniya_kolonka h3{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	color: #17aed7;
	font-size: 24px;
	font-weight: normal;
}	
	
.glav_kompaniya_kolonka > div{
	padding: 30px 30px 30px 30px;
	margin: 30px 0px 0px 0px;
	background: #f1f1f1;
	font-size: 20px;
}	
	
.glav_kompaniya_kolonka > div h3{
	padding: 0px;
	margin: 0px 0px 30px 0px;
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
}	
	
.glav_kompaniya_kolonka > div ul{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}	
	
.glav_kompaniya_kolonka > div li{
	background: url('/bitrix/templates/ovk/files/galka.png') no-repeat 0px 0px;
	padding: 0px 0px 20px 50px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}		
	
	@media screen and (max-width: 760px) { 
		.glav_kompaniya_kolonka > div{
			font-size: 18px;
		}
	}

	@media screen and (max-width: 600px) { 
		.glav_kompaniya_kolonka{
			width: 100%;
			margin: 0px 0% 0px 0% !important;
		}
	}	
	
	
	
		
	
	
	
	
	
	
	
/* контент в виде 2х колонок для внутренних страниц сайта*/
	
.vnutr_kolonki {
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	border-bottom: 1px solid #DFDFDF;
}

.vnutr_kolonka{ 
	float: left;
	width: 48.5%;
	margin: 0px 0% 0px 0%;
}	
	
.vnutr_kolonka:nth-child(1){
	margin: 0px 1.5% 0px 0%;
}	

.vnutr_kolonka:nth-child(2){
	margin: 0px 0% 0px 1.5%;
}
	
.vnutr_kolonka img{
	width: 100%;
}
	
.vnutr_kolonka > div{
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	background: #f1f1f1;
}	
		
	
	@media screen and (max-width: 760px) { 
		.vnutr_kolonka{
			width: 100%;
			margin: 0px 0% 0px 0% !important;
		}
	}	
	
	






.kartochki {
	padding: 20px 0px 20px 0px;
    text-align: center;
    line-height: 1.3;
    margin: 0px 0px 0px 0px;
}

.kartochki .kartochka{
	vertical-align: top;
    background: #ffffff;
    outline: 1px solid #e9eaec;
    width: 375px;
    height: 320px;
    text-align: center;
    margin: 10px;
    display: inline-block;
}
	
	

.kartochki  .kartochka:hover {
    box-shadow: 3px 3px 10px #999999;
}

.kartochki  .kartochka img{
    width: 375px;
    height: 200px;
}

.kartochki  .nazv {
    line-height: 1.2;
    margin: 15px;
	font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #272d33;	
}

.kartochki  .nazv a{
	text-decoration: none;
}

.kartochki  .preview {
    line-height: 1.2;
    margin: 20px 5px 110px 5px;
	margin: 15px;
    text-decoration: none;
    color: #272d33;	
	text-align: left;
}


 
 
 @media screen and (max-width: 400px) {
     .kartochki  .kartochka{
		width: 95%;
		height: auto;
	 }
     .kartochki  .kartochka img {
		width: 100%;
		height: auto;
	 }
 }
 
 
 
 
 
 
 
.parametr_nazv {
	display: inline-block;
	width: 55%;
	margin: 0 3% 0 0;
}
.parametr_znach {
	display: inline-block;
	width: 40%;
}







.banner_pechi > div:nth-child(1){
		width: 60%;
}
.banner_pechi > div:nth-child(2){
		width: 38%;
		padding: 30px 0 0 0;
}

.banner_pechi .parametr_nazv, .banner_pechi .parametr_znach {
	font-size: 17px;
	font-weight: bold;
}

	@media screen and (max-width: 750px) {
		.banner_pechi > div {
			width: 100% !important;
			margin: 0 0 10px 0 !important;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*стили отзывов вынесли сюда из компонента отзывов, так как используем ещё и в каталоге сайта*/
.glav_otzyvy {
	display: flex;
    flex-wrap: wrap;
	box-sizing: border-box !important;
}


.glav_otzyvy  .element  {
	flex: 0 0 50%;
	padding: 10px 10px 50px 10px;
	overflow: hidden;
	box-sizing: border-box !important;
}


.glav_otzyvy  .element  img{
    margin: 0px 20px 0px 0px;
    float: left;
	width: 50%;
	max-width: 200px;
	border: 1px solid #DFDFDF;
}

.glav_otzyvy  .element  h6{
	margin: 0px 0px 0px 0px;
    color: #fc5a0a;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
}


/*.glav_otzyvy  .element  p{
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/


.glav_otzyvy   .vse{
	width: 120px;
    margin: 30px 0px 0px auto;
    padding: 5px 0px 0px 0px;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #a1a1a1;
    text-decoration: none;
    height: 25px;
    text-align: center;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.glav_otzyvy  .vse:hover{
    color: #fc5a0a;
}





.vse_otzyvy {
	text-decoration: none;
}

.vse_otzyvy div {
    width: 120px;
    margin: 0px 0px 30px auto;
    padding: 5px 0px 0px 0px;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #a1a1a1;
    text-decoration: none;
    height: 25px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.vse_otzyvy div:hover {
	color: #17aed7;
}






@media screen and (max-width: 1000px) {
	.glav_otzyvy .element{	
		flex: 0 0 100%;
		padding: 10px 0px 50px 0px;
	}
}


@media screen and (max-width: 500px) {
	.glav_otzyvy .element{	
		overflow: auto;
	}
	.glav_otzyvy .element img{
		width: 30%;
	}
}
	
	


.kontent_knopka {
    display: inline-block;
	margin: 10px 0px 10px 0px;
    padding: 5px 11px 0px 10px;
    height: 25px;
    text-transform: uppercase;
    background: #FFFFFF;
    font-size: 16px;
    border: 1px solid #a1a1a1;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    cursor: pointer;
}

.kontent_knopka:hover {
    color: #17aed7;
}
/* End */


/* Start:/bitrix/templates/ovk/template_styles.css?175942545715604*/
@font-face {
	font-family: "MyriadPro";
	src: url(/bitrix/templates/ovk/files/fonts/MyriadProRegular.woff) format('woff'), url(/bitrix/templates/ovk/files/fonts/MyriadProRegular.otf) format('opentype');
}

@font-face {
	font-family: "MyriadPro";
	src: url(/bitrix/templates/ovk/files/fonts/MyriadProBold.woff) format('woff'), url(/bitrix/templates/ovk/files/fonts/MyriadProBold.otf) format('opentype');
	font-weight: bold;
}
 
@font-face {
	font-family: "MyriadPro";
	src: url(/bitrix/templates/ovk/files/fonts/MyriadProItalic.woff) format('woff'), url(/bitrix/templates/ovk/files/fonts/MyriadProItalic.otf) format('opentype');
	font-style: italic;
}




html * { max-height:999999px; } /* disallow font boosting, -webkit-text-size-adjust: none - not worked */



* { /* отключить стили bootstrap */
	-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: MyriadPro;
	color: #333333;
	font-size: 16px;
	background: #FFFFFF;
	line-height: 1.3;
}








.verh1 {
	background: #f1f1f1;
}

.verh1 .shirina{
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}


.verh1 .poisk{
	float: right;
	/*width: 250px;*/
	width: 190px;
	margin: 13px 0px 10px 0px;
}

.verh1 .poisk form{
	margin: 0px;
	padding: 0px;
}

.verh1 .poisk input{
	background: #ffffff;
	font-family: MyriadPro;
	font-size: 14px;
	color: #333333;
	border: 1px solid #a1a1a1;
	/*width: 213px;*/
	width: 153px;
	height: 25px;
	padding: 0px 5px 0px 30px;
	margin: 0px 0px 0px 0px;
}

.verh1 .poisk img{
	width: 15px;
	position: absolute;
	margin: 6px 0px 0px 8px;
	cursor: pointer;
}



	@media screen and (max-width: 1220px) { 
		.verh1 .shirina {
			margin: 0px 10px 0px 10px;
		}

		.verh1 .poisk {
			clear: left;
			margin-top: -5px;
		}
	}
	




.verh2 {
	background: #ffffff;
}

.verh2 .shirina{
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

.verh2 .logo{
	float: left;
	/*width: 500px;
	height: 100px;
	margin: 40px 0px 30px 0px;*/
	width: 400px;
    height: 120px;
    margin: 25px 0px 25px 0px;
}

.verh2 .logo img{
	border: 0;
	width: 100%;
}
   

.verh2 .kontakty{
    float: right;
    width: 100%;
	max-width: 450px;
    margin: 20px 0px 0px 0px;
    font-size: 16px;
	text-align: right;
}

.verh2 .kontakty img.tel{
	float: left;
	margin: 5px 0px 0px 0px;
	width: 35px;
}


.verh2 .kontakty a{
	color: #333333;
	/*text-decoration: none;*/
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.verh2 .kontakty a:hover{
	color: #17aed7;
}

.verh2 .kontakty a.tel{
	color: #17aed7;
	text-decoration: none;
	/*font-size: 36px;*/
	font-size: 26px;
	white-space: nowrap;
}

.verh2 .kontakty div{
	margin: 5px 0px 5px 0px;
}


.verh2 .kontakty .zakazat_zvonok{
    position: absolute;
    z-index: 2;
    margin: 70px 0px 0px 5px;
    padding: 5px 11px 0px 10px;
    height: 25px;
    text-transform: uppercase;
    background: #FFFFFF;
    font-size: 16px;
    border: 1px solid #a1a1a1;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    cursor: pointer;
}


.verh2 .kontakty .zakazat_zvonok:hover{
	color: #17aed7;
}


.img_float_right {
    float: right;
    width: 300px;
    margin: 0 0 10px 10px;
}



	@media screen and (max-width: 1220px) { 
		.verh2 .shirina {
			margin: 0px 10px 0px 10px;
		}
	}
	@media screen and (max-width: 1000px) { 
		.verh2 .logo {
			width: 100%;
			max-width: 370px;
			margin: 40px 0px 20px 0px;
		}
		.verh2 .kontakty {
			margin: 10px 0px 10px 0px;
		}
	}
	@media screen and (max-width: 765px) { 
		.verh2 .logo {
			margin: 40px 0px 0px 0px;
		}
		.verh2 .kontakty {
			clear: left;
			margin: 0px 0px 10px 0px;
		}
		.verh2 .kontakty a.tel {
			/*font-size: 34px;*/
			font-size: 26px;
		}
	}
	@media screen and (max-width: 380px) { 
		.verh2 .kontakty a.tel {
			/*font-size: 34px;*/
			font-size: 22px;
		}
		.verh2 .kontakty .zakazat_zvonok {
    		margin: 55px 0px 0px 5px;
		}
	}
	
	
	
	





.kontent {
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	line-height: 1.4;
}


	@media screen and (max-width: 1220px) { 
		.kontent {
			margin: 0px 10px 0px 10px;
		}
	}
	


.kontent a{
	color: #333333;
	 -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.kontent a:hover{
	color: #17aed7;
}


	
h1, h2 {
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 2px solid #17aed7;
}
	
	
	
h3 {
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
}
	
	




	
	
	
.glav_reklama {
	margin: 0px auto 0px auto;
	max-width: 1200px;
}	
	
.glav_reklama img{
	width: 100%;
	margin: 50px 0px -20px 0px;
}		
	
	
	
	
.glav_uslugi {
	margin: 30px 0px 0px 0px;
	overflow: hidden;
}

/*далее услуги в файле styles.css - для отображения стилей в редакторе*/
	
	
	
	
	
	
	
.glav_kompaniya {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
}

/*далее о компании в файле styles.css - для отображения стилей в редакторе*/




	
	





.glav_raboty {
	margin: 0px 0px 50px 0px;
	overflow: hidden;
}

	
	
.glav_raboty .kolonka:nth-child(1){
	float: left;
	width: 47.5%;
	margin: 0px 2.5% 0px 0%;
}	

.glav_raboty .kolonka:nth-child(2){
	float: left;
	width: 42.5%;
	margin: 0px 0% 0px 2.5%;
	padding: 30px 2.5% 30px 2.5%;
	background: #f1f1f1;
}
	

	
.glav_raboty .kolonka h3{
	padding: 0px;
	margin: 0px 0px 30px 0px;
	color: #17aed7;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
}	
	
	

	@media screen and (max-width: 600px) { 
		.glav_raboty .kolonka:nth-child(1){
			width: 100%;
			margin: 0px 0% 30px 0%;
		}
		.glav_raboty .kolonka:nth-child(2){
			width: 95%;
			margin: 0px 0% 30px 0%;
		}
	}	
	








	
.glav_vazhno {
	background: url('/bitrix/templates/ovk/files/fon_vazhno.jpg') no-repeat center center;
	background-size: cover;
	padding: 40px 0px 40px 0px;
	margin: 0px 0px 30px 0px;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}	
	
.glav_vazhno .shirina{
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}
	
	@media screen and (max-width: 1220px) { 
		.glav_vazhno .shirina {
			margin: 0px 10px 0px 10px;
		}
	}	
	
	
	
	
	
	
	
	
	


.glav_kontakty {
	margin: 0px 0px 50px 0px;
	overflow: hidden;
}

	
	
.glav_kontakty .kolonka:nth-child(1){
	float: left;
	width: 47.5%;
	margin: 0px 2.5% 0px 0%;
	font-size: 18px;
}	

.glav_kontakty .kolonka:nth-child(2){
	float: left;
	width: 47.5%;
	margin: 30px 0% 0px 2.5%;
}
	
.glav_kontakty .kolonka #map {
	width: 100%;
	height: 300px;
}
	

	

	@media screen and (max-width: 600px) { 
		.glav_kontakty .kolonka:nth-child(1){
			width: 100%;
			margin: 0px 0% 20px 0%;
		}
		.glav_kontakty .kolonka:nth-child(2){
			width: 100%;
			margin: 0px 0% 0px 0%;
		}
	}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* основной контент и колонка */
.centr {
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

.centr .kontent{
	font-size: 17px;
}

.centr .kontent_s_kolonkoi{
	float: right;
	width: 880px;
	margin: 0px 0px 0px 0px;
}




.centr .kolonka_saita{
	float: right;
	width: 300px;
	margin: 0px 20px 0px 0px;
}


.centr .kolonka_fiks{
	position: fixed;
    top: 0px;
}

	@media screen and (max-width: 1220px) { 
		.centr .kontent{
			float: none;
			width: auto;
			margin: 0px 10px 0px 10px;
		}
		.centr .kolonka_saita{
			display: none;
		}
	}


	
	
	
	
	




/*таблицы*/

table.tablica1 {
	margin: 0px auto 0px auto;
    /*width: 100%;*/
    border-spacing: 0px;
    word-break: break-all;
	border: 7px solid #272d33;
	color: #333333;
	font-size: 17px;
	border-collapse: collapse;
}

table.tablica1 td {
    padding: 10px 10px 10px 10px;
    background: #ffffff;
	border: 4px solid #272d33;
}

table.tablica1 tr:nth-child(1) td {
    background: #eae8e8;
}

table.tablica1 tr td:nth-child(1) {
    background: #eae8e8;
}









table.tablica2 {
	margin: 0px auto 0px auto;
    /*width: 100%;*/
    border-spacing: 0px;
    word-break: break-all;
	border: 7px solid #272d33;
	color: #333333;
	font-size: 17px;
	border-collapse: collapse;
}

table.tablica2 td {
    padding: 10px 10px 10px 10px;
    background: #ffffff;
	border: 4px solid #272d33;
}

/*table.tablica2 tr:nth-child(1) td {
    background: #eae8e8;
}*/

table.tablica2 tr td:nth-child(1) {
    background: #eae8e8;
}




table.tablica3 {
	margin: 0px auto 0px auto;
    width: 100%;
    border-spacing: 0px !important;
    word-break: break-all;
	border: 0 !important;
	color: #333333;
	font-size: 16px;
	border-collapse: collapse;
}

table.tablica3 td {
    padding: 5px 5px 5px 5px;
    background: #ffffff;
	border: 1px solid #dddddd !important;
}

table.tablica3 tr:nth-child(1) td {
    background: #f5f5f5;
	font-weight: bold;
}






table.tablica4 {
	margin: 0px auto 0px auto;
    width: 100%;
    border-spacing: 0px !important;
	border: 0 !important;
	color: #333333;
	font-size: 16px;
	border-collapse: collapse;
}

table.tablica4 td {
    padding: 5px 5px 5px 5px;
    background: #ffffff;
	border: 1px solid #dddddd !important;
}

table.tablica4 tr:nth-child(1) td {
    background: #f5f5f5;
	font-weight: bold;
}





@media screen and (max-width: 900px) { 
	table.tablica4 {
		word-break: break-all;
	}
}







table.tablica5 {
	margin: 0px auto 0px auto;
    width: 99%;
    border-spacing: 0px !important;
	border: 0 !important;
	color: #333333;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
}

table.tablica5 td {
    padding: 3px 5px 3px 5px;
    background: #ffffff;
	border: 1px solid #dddddd !important;
}

table.tablica5 tr:nth-child(1) td {
    background: #f5f5f5;
	font-weight: bold;
}

table.tablica5 td:nth-child(1){
    background: #f5f5f5;
}




@media screen and (max-width: 900px) { 
	table.tablica5 {
		display: none;
	}
}






table.tablica6 {
	margin: 0px auto 0px auto;
    width: 99%;
    border-spacing: 0px !important;
	border: 0 !important;
	color: #333333;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
}

table.tablica6 td {
    padding: 3px 5px 3px 5px;
    background: #ffffff;
	border: 1px solid #dddddd !important;
}

table.tablica6 tr:nth-child(1) td {
    background: #f5f5f5;
	font-weight: bold;
}

table.tablica6 td:nth-child(1){
    background: #f5f5f5;
}




@media screen and (max-width: 760px) { 
	table.tablica6 tr{
		display: block;
	}
	table.tablica6 td{
		display: block;
	}
}



/*контакты - карта*/
.vnutr_karta {
	width: 100%;
	height: 500px;
	margin: 50px 0px 50px 0px;
}

	@media screen and (max-width: 1220px) { 
		.vnutr_karta{
			height: 400px;
		}
	}
	@media screen and (max-width: 750px) { 
		.vnutr_karta{
			height: 300px;
		}
	}






/*очистка стилей, используемых для подсветки блоков в редакторе*/
.blok_4_foto {
	background: none; 
}

.blok_3_foto {
	background: none; 
}

.blok_2_foto {
	background: none; 
}

.blok_2_bloka {
	background: none; 
}

.blok_2_bloka > div {
	background: none; 
}	

.ochistka {
	background: none;
	padding: 0px;
}


	
	
	
	


/*online forma*/
.forma_fon {
	font-family: MyriadPro;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}


.forma {
	position: absolute;
	z-index: 101;
	top: 250px;
	left: 0px;
	display: none;
	width: 450px;
	height: 510px;
	background: #272d33;
}



.forma_close {
	float: right;
	width: 50px;
    height: 50px;
    margin: -15px 0px 10px 0px;
    background: url(/bitrix/templates/ovk/files/adapt_zakryt.png) center center no-repeat;
	background-color: #272d33;
    cursor: pointer;
	-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}

.forma_close:hover {
	background-color: #17aed7;
}

.forma form {
	margin: 30px 25px 0px 25px;
	text-align: center;
}

.forma_nazv {
	margin: 0px 0px 30px 0px;
	text-align: center;
	color: #17aed7;
	font-size: 24px;
	text-transform: uppercase;
}

.forma input[type="text"] {
    margin: 0px 0px 20px 0px;
    width: 93%;
    height: 40px;
    padding: 0px 3% 0px 3%;
    font-family: MyriadPro;
    font-size: 18px;
    color: #ffffff;
    border: 0px solid #EF7F1A;
    background: #272d33;
    outline: 1px solid #e4e4e4;
	
}


.forma textarea {
    margin: 0px 0px 20px 0px;
    width: 93%;
    height: 80px;
    padding: 10px 3% 10px 3%;
    font-family: MyriadPro;
    font-size: 18px;
    color: #ffffff;
    border: 0px solid #EF7F1A;
    background: #272d33;
    outline: 1px solid #e4e4e4;
}

.forma input#otpravit {
    margin: 0px 0px 0px 0px;
    width: 220px;
    height: 45px;
    padding: 0px 0px 0px 0px;
    font-family: MyriadPro;
    font-size: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    border: 0px solid #DFDFDF;
    background: #17aed7;
    box-shadow: none;
}

.forma .politika {
	margin: -10px 0 20px 0;
	color: #a5a5a5;
	font-size: 14px;
}

.forma .politika a{
	color: #a5a5a5;
}

.forma_resultat {
	position: absolute;
	z-index: 101;
	top: 250px;
	left: 0px;
	display: none;
	width: 450px;
	height: 510px;
	color: #17aed7;
	font-size: 24px;
	text-align: center;
	background: #272d33;
	
}

.forma_resultat .forma_close {
   margin: 15px 25px 0px 0px;
}

.error {
	background: #ba0d0d !important;
}

	@media screen and (max-width: 450px) {
		.forma {
			width: 100%;
		}
		.forma_resultat {
			width: 100%;
		}
		
	}
	


	
	
	
	
	
	
	
	
	
	
	
	
	

.niz {
	margin: 50px 0 0 0;
	background: #272d33;
	color: #d1d1d1;
	font-size: 14px;
}

.niz a{
	color: #d1d1d1;
	text-decoration: none;
}

.niz .shirina{
	max-width: 1200px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}


.niz  .knopki{
	float: left;
    margin: 25px 20px 20px 0px;
}


.niz  .razrabotka{
	float: right;
    margin: 25px 0px 20px 20px;
}

.niz  .razrabotka a{
	color: #777777;
}


.niz  .informaciya{
	padding: 25px 20px 25px 20px;
}


	@media screen and (max-width: 1220px) { 
		.niz .shirina {
			margin: 0px 10px 0px 10px;
		}
	}
	
	
	
	
	
	
	
	
	
/*важное сообщение на всём сайте*/
.vazhno_soobshenie {
    position: fixed;
    /* display: none; */
    z-index: 200;
    width: 100%;
	max-width: 500px;
    bottom: 0;
    left: 0;
    /* background: rgba(0, 0, 0, 0.7); */
    background: #272d33;
    padding: 20px 20px 20px 20px;
    color: #FFFFFF;
	font-size: 16px;
	/*cursor: pointer;*/
	text-align: center;
	box-sizing: border-box !important;
}
.vazhno_soobshenie span {
    color: #FF0000;
}
.vazhno_soobshenie .zakryt {
    width: 140px;
	margin: 10px auto 0 auto;
    padding: 7px 0 7px 0;
    background: #17aed7;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.5s ease-out 0s;
}
.vazhno_soobshenie .zakryt:hover {
	background: #50c3e2;
}


@media (max-width: 767px) {
	.vazhno_soobshenie{
		padding: 20px 20px 40px 20px;
	}
	.vazhno_soobshenie br{
		display: none;
	}
}




/* End */
/* /bitrix/templates/ovk/components/bitrix/menu/verh/style.css?15136846951383 */
/* /bitrix/templates/ovk/components/bitrix/search.title/poisk/style.css?15136862162651 */
/* /bitrix/templates/ovk/components/bitrix/menu/glav/style.css?17368513366630 */
/* /bitrix/templates/ovk/components/bitrix/breadcrumb/navigation/style.css?1488458729317 */
/* /bitrix/templates/ovk/components/bitrix/menu/katalog/style.css?16070685252245 */
/* /bitrix/templates/ovk/styles.css?17370374259755 */
/* /bitrix/templates/ovk/template_styles.css?175942545715604 */