@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('Montserrat'), local('Montserrat-Regular'),
		url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MontserratSemiBold';
	src: url('../fonts/Montserrat-SemiBold.eot');
	src: local('MontserratSemiBold'), local('Montserrat-SemiBold'),
		url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-SemiBold.woff') format('woff'),
		url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-ExtraBold';
	src: url('../fonts/Montserrat-ExtraBold.eot');
	src: local('Montserrat-ExtraBold'), local('Montserrat-ExtraBold'),
		url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
		url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html { height:100%}
body { height:100%; margin:0; padding:0; font-size:17px; background:#FFF; color:#2b2a28; font-family:Montserrat, Arial, serif}
h1 { font-size:26px; display:inline-block; line-height:22px}
	h1:after { content:''; display:inline-block; width:100%; height:3px; background:#f4d60b; margin:0;}
h2,h3 { font-size:23px; text-align:center}
input,textarea { outline:none; padding:16px 18px; background:#fff; border:none; font-size:17px; font-family:Montserrat, Arial, Helvetica, sans-serif; margin:0 0 5px 0;box-sizing:border-box}
textarea {resize: vertical;}
select { width:100%}
input[type=submit] {padding:15px 10px; text-align:center; cursor:pointer; font-family:Montserrat, Arial, sans-serif; color:#243e54; border:none; background:#ffd700;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
input[type=submit]:hover {background:#fff000}
input:-moz-placeholder { color:#949494;}
textarea:-moz-placeholder { color:#949494;}
input::-webkit-input-placeholder { color:#949494;}
textarea::-webkit-input-placeholder { color:#949494;}
.warn { border:#ff0000 solid 1px;}
.warn::-webkit-input-placeholder { color:#FF0000;}
.warn:-moz-placeholder { color:#FF0000;}
.anim {-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
img { max-width:100%}
img[align=left] { padding:0 15px 10px 0}
ul, ol {overflow: hidden;}
.menu-but,.menu-but-w {width:33px; height:37px; display:none; padding:9px 0 0 0; cursor:pointer; color:#000; font-size:12px; letter-spacing:1px; z-index:7}
	.menu-but-w { color:#FFF}	
	.menu-ico { width:33px; height:25px; position:relative; top:12px;}
	.menu-ico span:after, .menu-ico span:before {content: ""; position: absolute; left: 0; top: -10px;}
	.menu-ico span:after{ top: 10px;}
	.menu-ico span { position:relative; display:block;}		
	.menu-ico span, .menu-ico span:after, .menu-ico span:before { width: 100%;  height: 4px;  background-color: #000;  transition: all 0.3s;  backface-visibility: hidden;  border-radius: 4px;-moz-border-radius: 4px;}
	.menu-but-w .menu-ico span, .menu-but-w .menu-ico span:after, .menu-but-w .menu-ico span:before {  background-color: #fff;}
	.on { color:#ffffff; background:none; z-index:1000}
	.on .menu-ico span { background-color: transparent;}
	.on span:before { transform: rotate(45deg) translate(10px, 10px); background-color:#fff;}
	.on span:after { transform: rotate(-45deg) translate(4px, -4px); background-color:#fff;}
	.on .menu-ico { height:30px;}
.clear { clear:both}
.box-flex,.box-flex2,.box-flex-c,.box-flex-cc,.ico-usl, .gallery, .box-flex-s2, .box-flex-a2, .box-flex-ac2,.el-smeta,.f-soc a,.h-phone {display:flex;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}
.box-flex2 {flex-wrap:wrap}
.box-flex-c {align-items:center}
.box-flex-cc,.ico-usl {justify-content:center; align-items:center}
.gallery,.box-flex-s2 {justify-content:flex-start;flex-wrap:wrap}
.box-flex-a2 {justify-content:space-around;flex-wrap:wrap}
.el-smeta,.f-soc a,.h-phone {justify-content:flex-start; align-items:center}
.box-flex-ac2 {justify-content:space-around;flex-wrap:wrap; align-items:center}

.main { width:1500px; margin:0 auto}
.header { height:100%; background:url(../images/header.jpg) no-repeat center top / cover; color:#fff; position:relative}
.header2 { height:100%; background:url(../images/fon4.jpg) no-repeat center top / cover; color:#fff; position:relative}
.header3 { height:100%; background:url(../images/fon5.jpg) no-repeat center top / cover; color:#fff; position:relative}
.header-vn {background:url(../images/header.jpg) no-repeat center / cover; color:#fff; padding:0; position:relative}
	.h-line2 { width:1px; height:100%; position:absolute; right:50px; top:0; background:#5b7d99}
	.logo {width:230px}
		.logo a { display:block}
	.menu { font-size:17px; padding:40px 0; box-sizing:border-box}
		.menu a { color:#fff; display:inline-block; margin:0 20px; text-decoration:none}		
	.h-line {border-top:#5b7d99 solid 1px; border-bottom:#5b7d99 solid 1px}
		.h-line .main {height:112px}
			.h-phone { font-size:25px; margin:0 63px 0 0}
				.ico-phone { width:22px; display:none}
				.h-phone a { color:#fff; text-decoration:none}
				.phone-ico { margin:0 0 0 20px; display:inline-block}
				.phone-ico img { width:30px; margin:0 10px; display:inline-block; position:relative; top:5px}
			.but { width:190px; padding:8px 10px; box-sizing:border-box; cursor:pointer; text-align-last:center; color:#fff; border:#f4d60b solid 2px}
				.but:hover {background:#f4d60b}
	.h-text { height:520px}
	.b-h-zag { width:970px; font-size:56px; color:#f4d60b; border-left:#f4d60b solid 5px; padding:60px 0 60px 45px; box-sizing:border-box;font-family:MontserratSemiBold, Arial, sans-serif}
		.b-h-zag span { font-size:25px; color:#fff; display:block;font-family:Montserrat, Arial, sans-serif; margin:40px 0 0 0}
		.b-h-zag font { font-size:28px; color:#ff0000; display:block;font-family:Montserrat, Arial, sans-serif; margin:20px 0 0 0}
		.b-h-zag h1 {font-size:56px; line-height:normal; padding:0; margin:0}
			.b-h-zag h1:after { display:none}
	.slogan { max-width:750px; background:rgba(255,215,0,0.9); font-size:30px; color:#243e54; margin:0 0 0 -211px;font-family:MontserratSemiBold, Arial, Helvetica, sans-serif; padding:40px 84px 40px 211px; position:absolute; bottom:-40px}
		.s-line1 { width:100%; height:1px; background:#fff; position:absolute; left:0; top:18px;}
		.s-line2 { width:1px; height:100%; background:#fff; position:absolute; right:18px; top:0;}
.zag { font-size:30px;font-family:MontserratSemiBold, Arial, sans-serif}
.zag2 { font-size:30px;font-family:MontserratSemiBold, Arial, sans-serif; color:#155573}	
.cont { padding:90px 0}
.b-shag { padding:100px 0 0 0}
	.b-shag .zag { text-align:center}
	.b-shag .box-flex-a2 { padding:120px 0 0 0}
	.el-shag { width:19%; text-align:center; margin:0 0 130px 0; position:relative}
		.el-shag img { height:70px}
		.shag-num { width:54px; height:54px; font-size:35px; text-align:center; border:#d8bd09 solid 2px; border-radius:50%; position:absolute; left:50%; top:0;font-family:MontserratSemiBold, Arial, sans-serif; color:#243e54; padding:5px 0 0 0; box-sizing:border-box; margin:-26px 0 0 -78px; background:#fff}
		.shag-name { font-size:20px; color:#243e54;font-family:MontserratSemiBold, Arial, sans-serif; text-decoration:underline; padding:26px 0 15px 0}
	.shag-dev { width:3%; height:50px; background:url(../images/str.svg) no-repeat center top; background-size:100% auto}
	.shag-dev:nth-child(8) { display:none}
.b-smeta { background:#e0e3e5; position:relative; padding:90px 0 53px 0; text-align:center; font-size:20px}
	.line-sm1 { width:100%; height:1px; background:#00475c; position:absolute; left:0; top:36px;}
	.line-sm2 { width:1px; height:100%; background:#00475c; position:absolute; left:36px; top:0;}
	.smeta-zag { text-align:center; font-size:30px; color:#00475c}
	.smeta-text { padding:20px 0}
	.el-smeta { width:30%; max-width:400px; box-sizing:border-box; margin:30px 0; padding:28px; background:#fff; box-shadow:-4px 4px 10px rgba(0,0,0,0.5); position:relative}
		/*.smeta-img { flex-shrink:0; height:100px}
		.smeta-img img { max-width:90px; max-height:100px; padding:0 0 0 35px}*/
		.smeta-num { flex-shrink:0;line-height:105px; height:100px; font-size:130px; text-align:left; color:#00475c;font-family:MontserratSemiBold, Arial, sans-serif}
		.smeta-des { text-align:left; padding:0 0 0 23px}
		/*.el-smeta:nth-child(2) .smeta-img img { width:70px}
		.el-smeta:nth-child(3) .smeta-img img { width:90px}*/
		.smeta1 { width:118px; background:url(../images/shag-sm1.svg) no-repeat bottom right; background-size:90px}
		.smeta2 { width:123px; background:url(../images/shag-sm2.svg) no-repeat bottom right; background-size:88px}
		.smeta3 { width:143px; background:url(../images/shag-sm3.svg) no-repeat bottom right; background-size:86px}
	
.b-usl { margin:50px 0 0 0}
	.el-usl { max-width:625px}
		.pic-usl {position:relative; overflow:hidden}
			.pic-usl img { display:block}
			.ico-usl { position:absolute; left:0; top:0; width:68px; height:100%; background:#243e54;}
		.zag-usl { font-size:25px; color:#355671; box-sizing:border-box;font-family:MontserratSemiBold, Arial, sans-serif; margin:57px 0 0 0}
			.zag-usl a { color:#355671; text-decoration:none}
		.text-usl { padding:0 0 16px 0}
		.check-usl { padding:4px 0 4px 42px; background:url(../images/check.svg) no-repeat left top;font-family:MontserratSemiBold, Arial, sans-serif; margin:10px 0}
			.check-usl a { color:#000; text-decoration:none}
		.but-usl { background:#ffd700; padding:14px 44px; color:#000; text-decoration:none; margin:45px 0 0 0; display:inline-block;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
			.but-usl:hover {background:#fff000}
	.el-usl33 {width: 32%; background:#000; margin:0 1% 1% 0; position:relative;color: #fff;box-sizing: border-box; text-transform: uppercase; cursor: pointer; overflow:hidden; font-size: 40px}
		.el-usl33 img { display: block; width: 100%; opacity:0.6;-webkit-transition:all ease-out 1s;transition:all ease-out 1s;-moz-transition:all ease-out 1s}
		.usl-info {position: absolute; left: 0; top: 0; z-index: 9; padding: 42px 25px 0 62px; height: 100%; box-sizing: border-box}
		.el-usl33 a { color: #fff; text-decoration: none}
		.el-usl33:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);opacity:0.3}
.el-obj {width: 24%; background:#000; position:relative;color: #fff;box-sizing: border-box; text-transform: uppercase; cursor: pointer; margin:0 1% 1% 0;font-size: 30px; overflow:hidden}
	.el-obj img { display: block; width: 100%; opacity:0.6;-webkit-transition:all ease-out 1s;transition:all ease-out 1s;-moz-transition:all ease-out 1s}
	.el-obj span {position: absolute; left: 0; top: 0; z-index: 9; padding: 42px 25px 0 32px; box-sizing: border-box}
	.el-obj a {color: #fff; text-decoration:none}
	.el-obj:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);opacity:0.3}
.b-call { background:url(../images/fon2.jpg) no-repeat center; margin:30px 0; color: #fff;}
	.line1 { width:100%; height:1px; background:#fff; position:absolute; left:0; top:29px;}
	.line2 { width:1px; height:100%; background:#fff; position:absolute; left:29px; top:0;}
	.b-zag-call { width:460px; text-align:center; position:relative; background:#ffd700; font-size:25px; padding:57px 0 36px 0; box-sizing:border-box}
		.zag-call { font-size:46px;font-family:Montserrat-ExtraBold, Arial, sans-serif; color:#155573}
	.b-call form { width:66%}
	.b-call input { width:35%}
	.b-call input[type=submit] { max-width:194px}
	.b-call .unified-checkbox .checkbox-text { color: #fff !important;}
	.b-call a { color: #fff;}
.b-text { padding:7px 0 40px 0}
	.el-text { width:40%}
		.el-text .zag2 { padding:0 0 37px 0}
	.el-text-img { width:50%}
.b-sl { background:url(../images/fon3.jpg) no-repeat top center / cover; color:#fff; padding:60px 0 68px 0}
	.el-sl { width:320px; z-index:1}
		.el-sl img { width:320px; max-width:auto;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;}
		.el-sl:hover { z-index:6}
		.el-sl:hover img {-webkit-transform:scale(1.2);transform:scale(1.2); z-index:9999;}
	.b-sl .zag { padding:0 0 70px 0}
	#slider { max-width:1920px; margin:0 auto}
	.sl-but { height: 30px;width: 100px;position: relative}
.cont-vn { padding:10px 0 90px 0}
	.ico-home { width:20px;position: relative;top: 4px}
	.hlebn-krohki { padding:18px 0 12px 40px; font-size:14px;color:#604632}
	.hlebn-krohki a {color:#006dde}
	.hlebn-krohki ul { list-style:none; padding:0; margin:0}
	.hlebn-krohki li { display:inline-block}
	.hlebn-krohki-dev { padding:0 10px}
	.el-gal { width:24%; margin:0 1% 1% 0; background:#000;overflow:hidden}
		.el-gal img { display:block;-webkit-transition:all ease-out 1s;transition:all ease-out 1s;-moz-transition:all ease-out 1s}
		.el-gal img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);opacity:0.6}
	.b-otz { margin:20px 0}
		.el-otziv { width:24%; text-align:center; margin:0 0 40px 0}
			.toz-name { font-weight:bold; margin:10px 0 0 0}
	.b-part { padding:50px 0 10px 0}
		.b-part .zag2 { text-align:center; padding:0 0 40px 0}
		.part-el { width:20%; text-align:center; margin:0 0 40px 0}
.map { width:100%; height:360px}
.map2 { width:100%; height:560px}
.footer { background:#d0d0d0; padding:60px 0 20px 0; position:relative}
	.footer .main { position:relative}
	.f-bl1 { width:20%}
	.f-bl2 { width:30%}
	.f-map { width:48%; height:270px}
	.f-menu a,.f-menu span { display:block; margin:11px 0; color:#000; text-decoration:none}
	.f-phone { font-size:25px;font-family:MontserratSemiBold, Arial, sans-serif; padding:0 0 0 58px; background:url(../images/phone.svg) no-repeat left 4px}
		.f-phone a {color:#000; text-decoration:none}
	.f-mail { padding:4px 0 4px 58px; background:url(../images/e-mail.svg) no-repeat left 4px; margin:28px 0}
	.f-adr { padding:4px 0 4px 58px; background:url(../images/point.svg) no-repeat left 4px}
	.f-soc { margin:30px 0 0 0; height:1px}
		.f-soc a { color:#000}
		.f-soc img { width:30px}
		.f-soc span { margin:0 0 0 27px}
	.f-map { background:#333}
	.fline1 { width:100%; height:1px; background:#355671; position:absolute; left:0; top:38px}
	.fline2 { width:1px; height:100%; background:#355671; position:absolute; left:40px; top:0}
	.created { font-size:14px; text-align:right; padding:20px 0 0 0}
		.created span { color:#ff0000}
		.created a { color:#000; text-decoration:none}
#topcontrol { width:60px; height:60px; position: fixed; z-index: 9999; bottom: 50px; right: 50px; cursor: pointer; text-align:center; background:url(../images/up-arrow.png) no-repeat center #e71922;opacity: 0.5;filter:alpha(opacity=50);border-radius:50%; webkit-border-radius:50%; moz-border-radius:50%;}
#topcontrol:hover {opacity: 1;filter:alpha(opacity=100);}

	@-moz-keyframes strtop {0%{top:0px}50%{ top:-3px}100%{ top:0px}}
	@-webkit-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	@-ms-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	@-o-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	.tbor { border-left:#ed6e00 solid 1px; border-top:#ed6e00 solid 1px;}
	.tbor th { border-bottom:#ed6e00 solid 1px;  border-right:#ed6e00 solid 1px; background:#2f1512; height:30px;}
	.tbor td { border-bottom:#ed6e00 solid 1px;  border-right:#ed6e00 solid 1px;}
	#fade { /*--Transparent background layer--*/
		display: none; /*--hidden by default--*/
		background: #000;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .5;
		z-index: 7;
	}
	.popup_block{
		display: none; /*--hidden by default--*/
		background: #ffffff;
		color:#333333;
		padding: 21px 30px;
		float: left;
		font-size: 1.2em;
		position: fixed;
		font-size:12px; text-align:left;
		top: 50%; left: 50%;
		z-index: 8;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 5px #252424;
		-moz-box-shadow: 0px 0px 5px #252424;
		box-shadow: 0px 0px 5px #252424;
		/*--CSS3 Rounded Corners--*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		 
	}
	.popup_block h3 { text-transform:uppercase;}
	.popup_block input,.popup_block textarea { display:block; width:100%; background:#e8f0fe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.popup_block input[type=submit] { color:#243e54; border:none; background:#ffd700;}
	.popup_block input[type=submit]:hover {background:#f4d60b}
	img.btn_close {
		float: right;
		margin: -4px -10px 0 0;
	}
	/*--Making IE6 Understand Fixed Positioning--*/
	*html #fade {
		position: absolute;
	}
	*html .popup_block {
		position: absolute;
	}
	.unified-checkbox {
		display: inline-block;
		position: relative;
		cursor: pointer;
		padding-left: 30px;
	}
	.unified-checkbox .checkbox-text {
		color: initial;
	}
	.unified-checkbox input[type="checkbox"] + .checkbox-text:hover:after {
		border: 1px solid #dee0ee;
	}
	.unified-checkbox input[type="checkbox"] + .checkbox-text:after {
		content: "";
		display: block;
		width: 15px;
		height: 15px;
		background: #fff;
		border: 1px solid #dee0ee;
		border-radius: 3px;
		position: absolute;
		top: 0;
		left: 0;
		margin: auto;
		transition: border ease 0.3s;
	}
	.unified-checkbox input[type="checkbox"] {
		position: absolute;
		margin-left: -20px;
		display: none;
	}
	.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:after {
		border: 1px solid #dee0ee;
		background-color: #fff;
	}
	.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:before {
		width: 16px;
		height: 16px;
		content: '';
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		z-index: 1;
		mask-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.635 12.66 16.295 5l1.18 1.178-8.84 8.84-5.303-5.304L4.51 8.536l4.125 4.125Z" fill="black"/></svg>');
		-webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.635 12.66 16.295 5l1.18 1.178-8.84 8.84-5.303-5.304L4.51 8.536l4.125 4.125Z" fill="black"/></svg>');
		background-color: #575b71;
	}
	.policy {
		margin: 20px 0;
	}
	
	.form-group-error input[type="checkbox"] + .checkbox-text:after {
	
		border: #ff0000 solid 1px;
	}
	.b-cookie {
		filter: drop-shadow(0 0 27px rgba(0,0,0,.12));
		left: 50%;
		padding: 12px 24px;
		position: fixed;
		transform: translate3d(-50%,-24px,0);
		width: 640px; bottom:10px; background:#fff; border:#eaeaea solid 1px;border-radius: 12px; z-index: 55;}
	  .main-cu { font-family: Arial, Helvetica, sans-serif; display:flex; justify-content: center; align-items:center;}
	  .b-cookie-text { margin:0 70px 0 0; font-size:14px}
	  .b-cookie-text a { text-decoration: underline; }
	  .b-cookie-but button {
		border-radius: 12px;
		padding: 12px 30px;
		margin: 0;
		background: #ffd700;
		border: none;
		color:#fff;
		cursor: pointer;
	  }
@media only screen and (max-width: 1600px){	
	.main { width:100%; padding:0 40px; box-sizing:border-box}
	.fline2,.line-sm2 { left:10px;}
	.h-line2 { display:none}
	.el-usl33 { font-size:30px}
	.el-obj { font-size:20px}
	.slogan {margin: 0 0 0 -40px; padding:40px 84px 40px 40px}
}
@media only screen and (max-width: 1480px){
	.h-text { height:480px}
	.h-phone { font-size:22px}
	.f-phone { font-size:22px; background:url(../images/phone.svg) no-repeat left 2px}
	.h-line .main { height:90px}
	.menu { padding:30px 0}
	.el-shag { width:20%}
	.shag-dev { width:2%}
	.text-usl { padding:0 0 8px 0}
	.zag-usl { margin:30px 0 0 0}
	.el-text .zag2 {padding: 0 0 27px 0}
	.b-text  { padding:0 0 40px 0}
	.b-h-zag { font-size:50px; padding:40px 0 40px 45px}
	.b-h-zag h1 {font-size:50px}
	.cont { padding:50px 0}
	.b-call { background-size: auto 210px}
	.b-zag-call { width:360px;font-size: 20px}
		.zag-call { font-size:40px}
	.b-call form { width:64%}
	.b-sl .zag { padding: 0 0 15px 0}
	.el-sl { width:280px}
	.b-sl {padding: 40px 0 48px 0}
	.footer { padding:40px 0 18px 0}
	.fline1 { top:20px}
	.f-mail { margin:20px 0}
	.f-map { height:250px}
}
@media only screen and (max-width: 1360px){
	body { font-size:16px}
	.h-text { height:440px}
	.b-smeta { font-size:18px}
	.b-h-zag { font-size:46px; padding:30px 0 30px 33px}
	.b-h-zag h1 {font-size:46px}
	.b-h-zag span { margin:30px 0 0 0; font-size:22px}
	.b-h-zag font { margin:10px 0 0 0; font-size:24px}
	.b-usl { margin:30px 0 0 0}
	.b-call form { width:68%}
	input, textarea { padding:14px 18px}
	input[type=submit] { padding:13px 10px}
	.but-usl { padding:12px 44px}
	.el-usl { width:46%}
	.zag-usl { font-size:22px}	
	.but-usl { margin:35px 0 0 0}
	.zag-call { font-size:36px}
	.b-zag-call { width:320px; font-size:18px}
	.line1 { top:20px}
	.line2 { left:20px}
	.el-sl { width:260px}
}
@media only screen and (max-width: 1300px){
	.header,.header2,.header3 { height:auto}
	.b-smeta { font-size:16px}
	.shag-name { font-size:18px}
	.b-shag .zag,.smeta-zag { font-size:26px}
	.slogan { font-size:26px; padding: 30px 64px 30px 40px}	
}
@media only screen and (max-width: 1200px){
	.h-phone { font-size:20px}
	.f-phone { font-size:20px; padding: 2px 0 2px 58px}
	.b-h-zag, .b-h-zag h1 { font-size:36px}
	.b-h-zag span { margin:20px 0 0 0; font-size:18px}
	.b-h-zag font { font-size:20px}
	.h-text { height:400px}
	.zag { font-size:26px}
	.zag-call { font-size:30px}
	.b-zag-call { width:280px; padding:47px 0 26px 0; font-size:16px}
	.b-call { background-size: auto 170px}
	input, textarea { padding:12px 14px}
	input[type=submit] { padding:11px 10px}
	.b-call input { width:33%}
	.el-text .zag2 { padding:0}
	.b-text { padding:20px 0 40px 0}
	.el-text-img { width:43%}
	.el-text { width:45%}
	.zag, .zag2, h1 { font-size:22px}
	.el-sl { width:220px}
	.b-sl { padding:30px 0}
	.b-sl .zag { padding:0 0 6px 0}
	.f-bl1 { width:17%}
	.usl-info { padding:42px 25px 0 32px}
	.el-usl33 { font-size:24px}
	.el-obj { font-size:18px}
	.b-shag .box-flex-a2 { padding:80px 0 0 0}
	.el-shag { margin:0 0 80px 0}
	.b-smeta { padding:50px 0 30px 0}
	.line-sm1 { top:26px}
	.b-shag .zag, .smeta-zag,.slogan { font-size:22px}
	.smeta-text { padding:10px 0}
	.el-smeta { width:31%; padding:20px; margin:20px 0}
	.smeta-des { padding:0 0 0 16px}
	.smeta-num { font-size:100px; line-height:80px; height:76px}
	.smeta1 { width:94px;background-size: 73px}
	.smeta2 { width: 96px; background-size: 67px}
	.smeta3 { width: 113px; background-size: 63px}
	.shag-num { width:44px; height:44px; font-size:30px;padding: 2px 0 0 0;margin: -20px 0 0 -55px}
	.phone-ico img,.f-soc img { width:26px}
	.f-soc { margin:20px 0 0 0}
	.f-soc span {margin: 0 0 0 32px}
	.b-part { padding:30px 0 0 0}
	.b-part .zag2 { padding:0 0 20px 0}
}
@media only screen and (max-width: 1130px){
	body { font-size:14px}
	.h-line .main { height:80px}
	.menu { font-size:inherit; padding:20px 0}
	.logo {width:200px;}
	.check-usl { background-size:20px; padding:2px 0 3px 32px}
	.zag-usl { font-size:18px; margin:20px 0 0 0}
	.text-usl { padding:0}
	.but-usl { margin:20px 0 0 0; padding:10px 30px}
	.ico-usl img { width:40px}
	.b-usl { margin:20px 0 0 0}
	.cont { padding:30px 0}
	.b-h-zag { width:600px; font-size:30px; border-left: #f4d60b solid 3px}
	.b-h-zag h1 { width:600px; font-size:30px}
	.zag-call { font-size:26px}
	.b-zag-call { width:240px; font-size:14px}
	input, textarea { padding:10px 12px; font-size:14px}
	input[type=submit] { padding:10px}
	.line1 { top:14px}
	.line2 { left:14px}
	.zag, .zag2, h1 { font-size:20px}
	.h-phone, .f-phone { font-size:18px}
	.f-mail {background: url(../images/e-mail.svg) no-repeat left top; padding:4px 0 4px 38px}
	.f-phone { padding:2px 0 2px 38px; background:url(../images/phone.svg) no-repeat left 0px}
	.f-adr {padding: 5px 0 5px 38px; background: url(../images/point.svg) no-repeat left 1px;}
	.f-map { height:200px}
	.f-bl1 { width:15%}
	.b-shag .zag { font-size:20px}
	.shag-name { font-size:16px}
	.b-smeta { font-size:inherit}
	.s-line1 {top: 12px}
	.s-line2 {right: 12px}
	.slogan { padding:24px 34px 24px 40px}
	.f-soc span { margin:0 0 0 11px}
}
@media only screen and (max-width: 1070px){
	.smeta-num { font-size:80px; line-height: 60px; height:58px}
	.smeta1 { width:73px;background-size: 55px}
	.smeta2 { width:77px;background-size: 54px}
	.smeta3 { width:87px;background-size: 50px}
	.line-sm1 { top:20px}
	.b-smeta { padding:44px 0 30px 0}
}
@media only screen and (max-width: 990px){
	.h-text { height:360px}
	.b-h-zag, .b-h-zag h1 { font-size:26px;}
	.b-h-zag span { font-size:18px; margin:10px 0 0 0}
	.el-obj,.el-gal { width:32%}
	.el-usl33 { width:49%; font-size:30px}
	.zag, .zag2 { font-size:18px}
	h1 { font-size:18px; line-height:16px}
	.b-zag-call { width:200px; padding:37px 0 16px 0}
	.b-call { background-size: auto 140px}
	.b-call form { width:73%}
	.b-call input { width:30%}
	.el-text { width:50%}
	.el-sl { width:180px}
	.f-map { width:40%}
	.el-shag { width:27%}
	.shag-dev { width:3%}
	.shag-dev:nth-child(6),.shag-dev:nth-child(12) { display:none}
	.shag-dev:nth-child(8) { display:block}
	.b-shag .zag, .smeta-zag, .slogan { font-size:18px}
	.smeta-des { font-size:13px}
	.el-otziv { width:30%}
	.part-el { width:24%}
}
@media only screen and (max-width: 950px){
	.smeta-num { font-size:60px; height:51px}
	.smeta1 { width:53px;background-size: 40px}
	.smeta2 { width:60px;background-size: 41px}
	.smeta3 { width:68px;background-size: 40px}
}
@media only screen and (max-width: 880px){
	.main { padding:0 20px}
	.b-h-zag { font-size:22px; padding: 20px 0 20px 23px}
	.b-h-zag h1 {font-size:22px}
	.b-h-zag span { font-size:15px}
	.b-h-zag font { font-size:17px}	
	.h-line .main { height:70px}
	.zag-usl { font-size:16px}
	input, textarea { padding:8px 12px}
	input[type=submit] { padding:8px 10px}
	.zag-call { font-size:22px}
	.b-zag-call { width:170px; padding:27px 0 6px 0}
	.line1 { top:8px}
	.line2 { left:8px}
	.h-phone, .f-phone { font-size:16px}
	.f-phone { font-size:16px; padding:3px 0 3px 38px}
	.f-soc { height:auto}
}
@media only screen and (max-width: 850px){
	.el-shag img { height:50px}
	.el-smeta {flex-direction: column}
	.smeta-des { padding:10px 0 0 0; text-align:center}
	.smeta-text br { display:none}
	.el-shag { width:40%}
	.shag-dev:nth-child(4),.shag-dev:nth-child(8),.shag-dev:nth-child(12) { display:none}
	.shag-dev:nth-child(6) { display:block}
	.h-phone { margin:0 20px 0 0}
	.phone-ico img { width:22px; top:2px}
	.phone-ico a:last-child img { width:26px; top:4px; margin:0 0 0 10px}
}
@media only screen and (max-width: 760px){
	.footer .box-flex-c { flex-wrap:wrap}
	.f-map { width:100%; margin:20px 0 0 0}
	.fline1, .fline2 { display:none}
	.f-bl2 { width:42%}
	.f-bl1 { width:20%; padding:0 0 0 20px}
	.b-text .box-flex-c, .b-call .box-flex-c { flex-wrap:wrap}
	.el-text { width:100%}
	.el-text-img { width:100%}
	.b-zag-call { width:100%; margin:-30px 0 0 0}
	.b-call form { width:100%; margin:30px 0 0 0}
	.b-zag-call  br { display:none}
	.b-call { background-size:auto}
	.b-call .main {background-size: auto 164px; padding:0 20px 24px 20px}
	.el-usl33 { font-size:20px}
	.but { width:140px}
	.part-el { width:30%}
}
@media only screen and (max-width: 744px){
	.el-obj,.el-gal { width:49%; font-size:20px}
	.menu-but-w { display:block}
	.menu { display:block;position:absolute; text-align:center; width:100%; left:-100%; top:0; background:#262626; margin:0; padding:60px 0; z-index:25; box-sizing:border-box}
	.menu a { display:block;color: #fff; margin: 14px 0}
	.but { display:none}
	.el-otziv { width:44%}
}
@media only screen and (max-width: 670px){
	.b-cookie {
		width: 96%;
		box-sizing: border-box;
	  }
	}
@media only screen and (max-width: 670px){
	.f-bl2 { width:47%}
	.el-usl { width:100%; margin:0 0 40px 0}
	.h-phone { margin:0 30px 0 0}
	.b-h-zag, .b-h-zag h1 { width:100%}
	.el-text {text-align:justify }
	.cont-vn {text-align:justify; padding:0 0 40px 0}
}

@media only screen and (max-width: 600px){
	.logo { width:180px}	
	.h-phone { margin:0}
	.h-phone span { display:none} 
	.ico-phone { display:block; padding:3px 0 0 0} 
	.phone-ico {margin:0 0 0 14px}
	.f-bl2 { width:60%}
	.menu span { display:none}
	.el-usl33,.el-obj { font-size:18px}
	.b-shag { padding:80px 0 0 0}
	.b-shag .zag, .smeta-zag, .slogan { font-size:16px}
	.shag-name { font-size:15px}
	.shag-name { padding:16px 0 10px 0}
	.el-smeta { width:100%; margin:0 auto 20px auto; flex-direction:row}
	.smeta-des { padding:0 0 0 16px; text-align:left}
}
@media only screen and (max-width: 500px){
	.el-sl { width:160px}
	.b-call input { width:32%}
	.el-obj span,.usl-info { padding:22px 15px 0 20px}
	.hlebn-krohki {padding: 18px 0 12px 0px}
	.el-shag { width:100%}
	.shag-dev,.shag-dev:nth-child(6) { display:none}
	.s-line1 {top: 6px}
	.s-line2 {right: 6px}
	.hlebn-krohki { font-size:13px}
	.el-otziv { width:100%}
	.part-el { width:46%}
}
@media only screen and (max-width: 445px){
	.h-phone { font-size:12px}
	.logo { width:150px}
	.b-h-zag { font-size:18px; padding:10px 0 10px 13px}
	.b-h-zag h1 {font-size:18px}
	.h-text { height:260px}
	.b-h-zag span { font-size:12px}
	.b-h-zag font { font-size:14px}	
	.f-bl1 { display:none}
	.f-bl2 { width:194px; margin:0 auto}
	.f-adr {background: url(../images/point.svg) no-repeat left 9px}	
	.el-usl33, .el-obj { font-size:16px;}
	.el-obj span, .usl-info {padding: 22px 5px 0 5px; text-align: center}
	.b-shag .zag, .smeta-zag, .slogan { font-size:14px}
	.slogan { padding:14px 34px 14px 40px}
}
@media only screen and (max-width: 395px){
	.logo { width:120px}
	.phone-ico img { margin:0 7px}
	.phone-ico a:last-child img {margin:0 0 0 7px}
	.b-cookie-text {
		margin: 0;
		text-align: center;
	  }
	  .main-cu {
		flex-direction: column;
		gap: 20px;
	  }
}
@media only screen and (max-width: 375px){
	.h-line .main { height:50px}
	.h-phone { font-size:10px}
	.logo { width:120px}
	.b-call input { width:100%}
	.b-call input[type=submit] {max-width:none}
	.popup_block { left:1%; width:98% !important}
	.el-usl33, .el-obj { font-size:14px;}
}
.active-menu { display:block; left:0}