@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
		font-family: "MetaNormalCyr-Italic";
		src: url("../fonts/MetaNormalCyr-Italic.eot");
		src: url("../fonts/MetaNormalCyr-Italic.eot?#iefix")format("embedded-opentype"),
		url("../fonts/MetaNormalCyr-Italic.woff") format("woff"),
		url("../fonts/MetaNormalCyr-Italic.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}
@font-face {
		font-family: "Oswald-Medium";
		src: url("../fonts/Oswald-Medium.eot");
		src: url("../fonts/Oswald-Medium.eot?#iefix")format("embedded-opentype"),
		url("../fonts/Oswald-Medium.woff") format("woff"),
		url("../fonts/Oswald-Medium.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}
body { margin:0; padding:0; font-size:22px; font-family:Montserrat, Arial, serif;color:#6f6f6f; line-height:30px}
h1 { font-size:28px; text-align:center}
h2 { font-size:40px; text-align:center; color:#2e3882; font-family:Oswald-Medium, Arial, serif; line-height:46px}
h3 { font-size:28px;font-family:Montserrat, Arial, serif; color:#2e3882}
input,textarea {width:100%; max-width:470px; outline:none; padding:12px 18px; font-family:Montserrat, sans-serif; margin:0; font-size:18px; box-sizing:border-box; background:#e8eefb; box-shadow:-4px 4px 5px inset #a6abb4; border:#fff solid 2px}
textarea {resize: vertical;}
button { outline:none}
input[type=submit] { padding:13px 20px; margin:0 auto; display:block; background:#2e3882; border:none; font-size:22px; color:#fff; cursor:pointer; box-shadow:none}
input[type=number] { max-width:70px;}
input:-moz-placeholder { color:#999999;}
textarea:-moz-placeholder { color:#999999;}
input::-webkit-input-placeholder { color:#999999;}
textarea::-webkit-input-placeholder { color:#999999;}
.warnText {color:#FF0000}
.captcha { margin:0 0 10px 0}
.warn { border:#ff0000 solid 2px;}
.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%; border:none}
img[align=left] { padding:0 15px 0 0}
.menu-but,.menu-but-w {width:40px; height:37px; display:none; padding:9px 0 0 6px; cursor:pointer; color:#000; font-size:12px; letter-spacing:1px; z-index:10}
	.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)}
	.on span:after { transform: rotate(-45deg) translate(4px, -4px)}
	.on .menu-ico { height:30px;}
.clear { clear:both}
.ckeck { margin: 40px 0;}
.captcha-box { width:100%; position:relative; margin:0 0 20px 0}
.captcha-box i { display:block; font-size:12px; line-height: 13px; padding:0 0 2px 0;}
.captcha-box span { color:#c8645a; font-size:18px; font-style:italic;}
.captcha-box input[type=text] { width:100px; position:absolute; right:0; top:13px;}
.box-flex,.box-flex2,.box-flex-end,.gallery,.box-flex-c-s,.box-flex-c,.box-flex-a,.box-flex-a2,.box-flex-s,.vn-plan, .el-gal-plan,.b-sl-t {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-end {flex-wrap:wrap;justify-content:flex-end}
.box-flex-c-s {justify-content:flex-start;align-items:center}
.box-flex-c {align-items:center}
.box-flex-a {justify-content:space-around}
.box-flex-a2 {justify-content:space-around;flex-wrap:wrap}
.box-flex-s {justify-content:flex-start}
.vn-plan,.el-gal-plan,.b-sl-t {align-items:center; flex-wrap:wrap}
.main { width:1206px; margin:0 auto}
.cont { min-height:300px; padding:30px 0}
.senks { text-align:center}
.shapka { background:linear-gradient(to bottom, #c4c4c4,#ffffff); position:relative; z-index:9}
.header-block { background:linear-gradient(to bottom, #c4c4c4,#ffffff); position:relative; z-index:9}
.shapka.scrol { position:fixed; top:0; opacity:1; left:0; right:0}
.header-block.scrol { position:fixed; top:0; opacity:1; left:0; right:0}
	.scrol .shapka-line { padding:15px 0}
	.shapka a { display:inline-block}
	.logo { position:relative; top:-10px}
	.logo-sg { position:relative; top:7px}
	.shapka-line {background:url(../images/shapka-line.png); padding:45px 0 35px 0}
	.h-dev { height:56px; width:1px; background:#d3d3d3}
	.h-but { font-size:16px; background:#e8e8e8; padding:11px 86px; color:#4a4a4c; text-decoration:none}
	.h-info { font-family:Oswald-Medium, serif}
		.h-mail,.h-phone {font-family:Oswald-Medium, serif}	
		.h-mail img { display:inline-block; padding:0 20px 0 0; position:relative; top:2px}
		.h-mail a,.h-phone a {color:#6f6f6f; text-decoration:none}	
		.h-phone img { display:inline-block; padding:0 20px 0 0; position:relative; top:5px}
		.but { color:#fff; font-size:16px; background:#2e3882; padding:5px 35px; text-decoration:none}
.b-menu {background:linear-gradient(to bottom, #293062,#3b478a)}
	.b-menu a { color:#fff; font-size:16px; display:inline-block; padding:13px 10px; text-decoration:none}
.b-menu.scrol a { color:#fff; font-size:16px; display:inline-block; padding:3px 1px; text-decoration:none}
.el-otz-video { width:98%; margin:0 auto}
	.el-otz-video iframe { width:100% !important}
.b-sl { position:relative; line-height:normal}
	.b-sl .main { position: absolute; left:50%; height:100%; top:0; transform:translateX(-50%)}
	.space-sl { height:100%; max-width:none}
	.sl-name { width:225px; height:225px; background:#2e3882; transform:rotate(45deg); position:absolute; left:0; top:130px; font-size:30px;line-height: 56px; color:#fff; text-shadow:5px 0 10px #000; font-family:MetaNormalCyr-Italic, serif; text-align:center}
		.sl-name span { display:block; transform:rotate(-46deg);left: 2px; position: relative; top: 31px}
	.sl-text { font-size:28px; font-family:MetaNormalCyr-Italic, serif; position:absolute; left:0; bottom:46px; color:#fff; text-shadow:5px 0 10px #000}
	.sl-gorod {font-size: 45px; position: absolute; right: 0; top: 90px; color: #374281}
	.korp-info { position: absolute; bottom: 30px; left: 0; padding: 20px; background: rgba(0,0,0,0.4); color: #fff;}
.b-plan { padding:110px 0 0 0}
	.plan-text { border-left:#2e3882 solid 5px; padding:0 50px 0 24px; margin:40px 0 0 0}
	.plan-img { flex-shrink:0}
	.plan-img1 { display:none}
	.plan-img2 { display:block}
	.plan-gor { position:relative}
		.plan-gor-t1 {font-size:46px; padding:20px 0; color:#2e3882; font-family: Oswald-Medium, Arial, serif;}
			.plan-gor-t1 h1 {font-size:46px; font-weight:normal; color:inherit; text-align:left}
		.plan-gor-t2 {font-size:26px; text-align:right; margin:20px 0 0 0; color:#2e3882; font-family: Oswald-Medium, Arial, serif;}
	.plan-zag1 { font-size:46px; color:#2e3882; line-height:normal; text-align:center; font-family:Oswald-Medium, Arial, serif; padding:0 0 60px 0}
	.b-zag-plan {text-align:left}
		.plan-zag2 { color:#2e3882;font-size:46px; line-height:normal;font-family:Oswald-Medium, Arial, serif}
		.plan-zag3 { margin:40px 0 80px 0; font-size:28px; line-height:38px}
	.vn-plan { margin:40px 0 0 0}
		.vn-plan-text { width:48%;font-size: 28px; line-height: 38px}
		.vn-plan-img { width:48%}
			.vn-plan-img img { max-width:300px}
	#sl-plan { margin:60px 0}		
		.el-gal-plan { position:relative;}
			.sl-plan-text { font-size:28px; line-height:38px; position:relative; margin:40px 0 80px 0}
			.sl-plan-img img { width:100%}
			.el-gal-plan img { width:100%}
			.plan-gal-text { width:100%; text-align:center; font-size:16px; line-height:normal; font-weight:normal; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; text-shadow:0 0 1px #000; padding:0 10px; box-sizing:border-box}
	.after-text-plan { font-size: 28px; line-height: 38px; text-align:center; margin:50px 0 0 0; color:#2e3882}
.b-call-back { margin:30px 0 100px 0; text-align:center; background:#e8eefb; padding:60px 40px; border-radius:10px}
		.b-call-back input[type=text] { background:#fff; z-index: 3 !important; max-width:280px;}
		.b-call-back input[type="submit"] { display:inline-block; max-width:280px; cursor:pointer; border:none; font-size:16px; background:#5263a9; color:#fff; border-radius:2px; padding:12px 30px; outline:none;}
		.b-call-back form { margin:33px 0 0 0}
.b-gal { padding:70px 0 45px 0}
	.gal-text { padding:20px 0 30px 0}
	.b-rasp {}
		.el-filt-rasp { cursor:pointer; color:#2e3882; text-decoration:underline; margin:0 30px 30px 0}
			.active { text-decoration:none; font-weight:bold; cursor:default}			
	.el-rasp { display:none}
	.active2 { display:flex}
	.el-gal { width:31%; max-width:349px; text-align:center; margin:0 0 50px 0}
		.el-gal a { display:block;  color:#6f6f6f}
		.el-gal a:first-child { border:#2e3882 solid 2px; margin:0 0 25px 0}
		.el-gal img { border:#fff solid 8px; box-sizing:border-box; display:block; margin:0 auto}
.b-call { height:605px; background:url(../images/fon1.jpg) no-repeat left top; padding:100px 0 0 0}
	.sm-zag { color:#7b7b7b; font-size:30px; text-align:center; padding:17px 0 52px 0}
	.main-call { width:103%; margin:0 0 0 -3%; border-top:#2e3882 solid 2px; padding:8px 0 0 0}
	.b-call form { width:100%; max-width:990px; margin:60px 0 0 auto; padding:0 0 47px 0; border-bottom:#2e3882 solid 2px; position:relative}
	.b-call input[type=text] { margin:0 0 40px 0}
	.b-call img { position:absolute; right:-170px; bottom:-51px}
.b-skidka { background:url(../images/fon7.jpg) no-repeat center top / cover; padding:86px 0}
	.skidka-info { width:100%; max-width:740px; background:rgba(46,56,130,0.8); padding: 49px 30px; box-sizing:border-box; color:#fff}
	.skidka-zag { font-size:66px; line-height:70px;font-family:Oswald-Medium, serif; border-left:#fff solid 3px; padding:40px 0 40px 30px }
	.skidka-zag2 { font-size:66px; line-height:70px;font-family:Oswald-Medium, serif; border-left:#fff solid 3px; padding:40px 0 40px 0 }
	.sk-i { font-size:30px; padding:60px 0 77px 0}
	.sk-i2 {font-size:30px}
	.but-bor { font-size:18px; padding:10px 56px; display:inline-block; border:#fff solid 2px; color:#fff; text-decoration:none}
.b-preim {}
	.b-preim  h2 { margin:137px 0 110px 0}
	.el-preim { width:31%; margin:75px 0 0 0; font-size:20px; line-height:24px}
	.el-preim:nth-child(1),.el-preim:nth-child(2),.el-preim:nth-child(3),.el-preim:nth-child(4){ width:23%}
	.el-preim img { display:block; margin:0 auto 50px auto}
	.el-preim b { color:#2e3882}
.b-question { width:100%; max-width:1920px; position:relative; margin:180px auto 52px auto}
	.q-text { width:40%}
		.q-text h2 { margin:0 0 50px 0; padding:0}
		ul { list-style:none}
		ul li { position:relative; margin:20px 0}
		ul li:before { content:''; display: block; width:8px; height:8px; background:#2e3882;transform:rotate(45deg); position:absolute; left:-23px; top:8px}
		.q-text li { cursor:pointer}
		.q-text span { text-decoration:underline}
	.q-img { width:857px; height:422px; position:absolute; top:8px; right:0}
		.q-img img { object-fit:cover; height:100%; width:auto}
	.hidden { display:none; margin:10px 0; font-size:16px}
	.b-question .hidden { color:#2e3882; line-height:normal}
	.on { display:block}
.b-call2 { background:#e8eefb; padding:70px 0}
	.call-text { padding:0 68px 0 0; line-height:24px}
	.call-text h3 { margin:0; padding:2px 0 10px 0}
	.b-call2 input[type=text] { background:#fff; margin:0 0 34px 0}
	.b-call2 input[type=submit] { margin:0}
	.b-call2 form { width:490px; flex-shrink:0}
.b-infra { padding:100px 0; position:relative}
	.but-infra { width:114px; position:absolute; left:0; top:190px; z-index:3}
		.el-but-infra { color:#2e3882; text-align:center; cursor:pointer; font-size:20px; margin:0 0 40px 0}
		.el-but-infra img { display:block; margin:0 auto}
	.el-infra { padding:50px 0 0 0}
	.el-infra img { display:none}
	.el-infra img:first-child { display:block}
.map-ya { height:770px; margin:71px 0 110px 0}
	#map_yandex {width: 100%; height: 100%;}
#slider { padding:26px 0 0 0}
	.gal-main { position:relative}
		.gal-tit { font-size:22px; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); background:rgba(255,255,255,0.7); padding:20px 40px; border-radius:38px; color:#2e3882;}
.b-usl { margin:170px 0}
	.b-usl h2 { margin:0 0 100px 0}
	.el-usl { position:relative}		
		.el-usl .main { position:relative; z-index:3; padding:65px 0}
			.el-usl:nth-child(even) .main,.el-usl:nth-child(even) .left-usl {background:#e8eefb; padding:12px 0}
		.el-usl-img { width:130px; flex-shrink:0}
			.el-usl-img img { display:block}
		.el-usl-name {  width:190px; font-size:25px; color:#2e3882; padding:0 50px 0 60px;font-family:Oswald-Medium, serif; flex-shrink:0}
		.el-usl-dev { width:1px; height:160px; background:#2e3882; flex-shrink:0}
		.el-usl-text { font-size:18px; padding:0 50px 0 50px}
			.el-usl-text p { line-height:24px}
			.el-usl-text span { color:#2e3882}
		.left-usl { width:50%; height:184px; position:absolute; left:0; top:0; z-index:1; box-sizing:border-box}
		.el-usl-h2 { height:210px;}
.b-call3 { height:605px; background:url(../images/fon5.jpg) no-repeat left top; padding:100px 0 0 0;font-size: 22px}
	.b-call3 .main-call { min-height:309px}
	.b-call3 img { position:absolute; right:-170px; bottom:-51px}
	.test1 { margin:0 auto}
	.test1 button { max-width:512px; width:100%; font-size:22px; margin:86px auto 0 auto;padding:12px 20px; display:block; background:#2e3882; border:none; color:#fff; cursor:pointer}
	.test1 p { text-align:center}
	.call-line { max-width:990px; margin:45px 0 0 auto; padding:0 0 47px 0; border-bottom:#2e3882 solid 2px; position:relative}
	#sl-test { width:590px; margin:0 auto}
		.el-test { margin:23px 0 37px 0}
			.el-test input[type=text] { border:#888888 solid 1px; background:#fff; max-width:100%;box-shadow: -4px 4px 5px inset #d7d7d7; margin:0 0 22px 0}
			#sl-test button { width:100%; background: #2e3882; padding:10px; border: none;color: #fff; line-height:28px; font-size: 20px; cursor: pointer;}
			.test-zag { font-size:25px; color:#2e3882; margin:0 0 35px 0}
			.num-input { position:relative}
				.b-reg-num { width:16px; height:35px; display:inline-block; vertical-align:top; margin:0 10px; position:relative}
					.up-num { height:0; width:0; margin:3px 0 0 0; border-bottom:#000 solid 8px; border-left:transparent solid 8px; border-right:transparent solid 8px}	
					.down-num { height:0; width:0; border-top:#000 solid 8px; border-left:transparent solid 8px; border-right:transparent solid 8px; position:absolute; left:0; bottom:0}	
			label {display: inline-block;padding-left: 45px}
			.check label {cursor: pointer;position: relative;margin-right: 15px; margin:3px 0}
				.check input[type=radio] {display: none}
				.check label:before {content: "";display: inline-block;width: 23px;height: 21px;margin-right: 10px;position: absolute;left: 0;top: 0; background:url(../images/check.png) no-repeat 0 -21px;}
				.check input[type=radio]:checked + label:before {content: ""; display:block; width:23px; height:21px; background:url(../images/check.png) no-repeat 0 0;}
.b-obr { background:url(../images/fon6.jpg) no-repeat left -187px; color:#fff; position:relative; text-align:left; font-size:18px; padding:55px 0 40px 0; line-height: 22px; text-shadow:0 0 2px #000}
	.b-obr .main { position:relative; z-index:1}
	.obr-flex { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0; display:none}
	.link { font-size:16px; color:#dcdcdc; margin:70px 0 0 0; text-decoration:underline; cursor:pointer}
	.b-obr h2 { text-align:left; color:#fff; margin:28px 0}
	.b-obr.on { background-size:146%; z-index:1/*-webkit-filter: blur(10px);filter: blur(10px);*/}
	.on .obr-flex { display:block}
	.b-obr ul { list-style: disc; list-style-image:none}
	.b-obr ul li:before { display:none}
.b-otz { padding:100px 0 75px 0}
	.item-video { height:300px}
	#sl-otz { width:1000px; margin:0 auto}
		.el-otz { padding:70px 0 0 0; min-height:470px; box-sizing:border-box}
			.otz-img { width:97px}
				.otz-img img {border-radius:50%}
			.otz-name { font-size:22px; color:#2e3882; padding:0 0 0 44px; font-weight:bold}
			.otz-text { font-size:18px; margin:40px 0 50px 0}
		.el-otz .on { color:inherit; z-index:1}
		.el-otz .hidden { font-size:18px}
		.link-otz { font-size:16px; text-decoration: underline; cursor:pointer; display:inline-block}
.b-feedback { background:url(../images/fon-mail.jpg) no-repeat right top}
	.b-feedback h2 { text-align:left}
	.feedback-t { font-size:30px; padding:6px 0 55px 0}
	.b-feedback input { display:block; margin:0 0 27px 0}
	.b-feedback textarea { max-width: none; min-height:170px; margin:0 0 40px 0}
.map-office { height:400px}
.b-house { width:100%; max-width:1920px; margin:0 auto}
	.house1-img,.house2-img { display:block; height:100%;object-fit: cover}
	.house1 { width:57%; position:relative; background:#000; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 73% 100%, 0 100%)}
	.house2 { width:57%; position:absolute; right:0; background:#000;-webkit-clip-path: polygon(27% 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(27% 0, 100% 0, 100% 100%, 0 100%)}
	.house-info { width:385px; display:none; text-align:center; color:#fff; position:absolute; left:50%; top:74px; transform:translateX(-50%)}
	.house2 .house-info { top:58px}
		.house-img { width:262px; margin:0 auto}
		.house2 .house-img { width:200px}
		.house-name { font-size:40px;font-family:Oswald-Medium, serif; padding:55px 0 40px 0}
		.house2 .house-name {padding:46px 0 40px 0}
		.house-text { font-size:18px; line-height:24px; min-height:98px}
		.house-info a { display:block; padding:9px; border:#fff solid 3px; color:#fff; text-decoration:none; margin:100px 0 0 0}
.footer { background:url(../images/footer.jpg) no-repeat top center #171d3d; color:#fff; margin:20px 0 0 0}	
	.footer .box-flex-c { padding:40px 0 20px 0; border-bottom:#2d3eb9 solid 1px}
	.logo-f { position:relative; top:-10px}
	.f-mail,.f-phone {font-family:Oswald-Medium, serif}	
	.f-mail img { display:inline-block; padding:0 20px 0 0; position:relative; top:2px}
	.footer a {color:#fff; text-decoration:none}	
	.f-phone img { display:inline-block; padding:0 20px 0 0; position:relative; top:5px}
	.f-but { font-size:16px; background:#888; padding:11px 86px; color:#4a4a4c; text-decoration:none}
	.f-dev { height:56px; width:1px; background:#2d3eb9}
	.f-menu { margin:57px auto 0 auto; font-size:18px;font-family:Oswald-Medium, serif}
	.f-text { text-align:center; font-size:20px; padding:34px 0}
	.created {text-align: right; font-size: 12px; height: 0; position: relative; top: -30px;}
		.created span { color:#ff0000}
		.created a { color:#fff; 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 #4574a0;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);}

.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-but button {
	border-radius: 12px;
	padding: 12px 30px;
	margin: 0;
	background: #2e3882;
	border: none;
	cursor: pointer;
	color: #fff;
}

	@-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: 9;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 5px #252424;
		-moz-box-shadow: 0px 0px 5px #252424;
		box-shadow: 0px 0px 5px #252424;
		 
	}
	.popup_block h3 {font-family:Oswald-Medium, Arial, serif}
	.popup_block input,.popup_block textarea { margin:0 0 10px 0}
	.popup_block input[type=submit] { font-size:18px;}
	img.btn_close {
		float: right;
		margin: -4px -10px 0 0;
	}
	#popskidka img.btn_close { margin:-4px -20px 0 0}
	/*--Making IE6 Understand Fixed Positioning--*/
	*html #fade {
		position: absolute;
	}
	*html .popup_block {
		position: absolute;
	}
	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	.pop-plan1,.pop-plan2,.pop-plan3,.pop-plan4,.pop-plan5,.pop-plan6,.pop-plan7 { display:none}
	#popplan { width:98%; max-width:1205px;padding: 0 40px 30px 40px; box-sizing:border-box;position: absolute; transform:translateX(-50%)}
		img.btn_cl { float: right; margin: 15px -14px 0 0}
		.pop-plan-head { font-size:25px;font-family:Oswald-Medium, Arial, serif}
			.pop-plan-name { color:#2e3882; padding:34px 50px 0 0}
			.pop-plan-pr { background:#2e3882; color:#fff; padding:34px 30px 10px 30px}
	.pop-pl-left { width:46%}
		.pop-plan-img { max-width: 270px; max-height:450px; margin:60px 0 50px 0}
		.pop-plan-text {font-size:17px;font-weight:bold}
	.pop-pl-right { width:50%}
		.pop-map { border-bottom:#888888 solid 1px; padding:0 0 25px 0; position:relative}	
		.pop-zag-otd { font-size:25px; color:#2e3882;font-family:Oswald-Medium, Arial, serif; text-align:center; margin:25px 0 48px 0}
		.el-gal-pop { width:30%; max-width:243px; text-align:center; display:none}
			.el-gal-pop a { display:block; color:#2e3882; font-size:18px}
			.el-gal-pop a:first-child { border:#c4c4c4 solid 2px; margin:0 0 25px 0}
			.el-gal-pop img { border:#fff solid 8px; box-sizing:border-box; display:block; max-height:173px}
	.f-pop input { width:32%}
	.f-pop { margin:30px 0 0 0}
	.pop-but-link { padding:9px 19px; background:#fff; border:#2e3882 solid 2px; margin:24px 0 0 30px}
		.pop-but-link a { text-decoration:none; color:#2e3882}
	#popskidka { padding:0; width:90%; max-width:940px}
		.popskidka img { display:block}
	.banner {position: absolute; right:0;top:-5000px; z-index:1000}
		.close-banner { width:30px; position:absolute; right:5px; top:7px; cursor:pointer;}
		.banner-img img { display:block}
@media only screen and (max-width: 1920px){
	.q-img { width:50%}	
}
@media only screen and (max-width: 1820px){
	.b-call { background:url(../images/fon1.jpg) no-repeat -100px top}
	.b-call3 { background:url(../images/fon5.jpg) no-repeat -100px top}
}
@media only screen and (max-width: 1760px){
	.el-usl-h2 { height:208px;}
}
@media only screen and (max-width: 1680px){
	body { font-size:20px; line-height:28px}
	input[type=submit] { font-size:20px}
	input, textarea { font-size:16px}
	h2 { font-size:36px; line-height:42px}
	.b-plan {padding: 60px 0 0 0}
	.b-gal {padding: 60px 0 45px 0}
	.gal-text {padding: 0px 0 40px 0}
	.main-call { margin:0}
	.b-call form {margin: 50px 0 0 auto}
	.sm-zag { font-size:26px;padding: 10px 0 44px 0}
	.b-call { background:url(../images/fon1.jpg) no-repeat -200px top}
	.b-call3 { background:url(../images/fon5.jpg) no-repeat -200px top}
	.call-line img,.b-call img {right: -100px}
	.b-skidka { padding:50px 0}
	.skidka-info { width:50%}
	.skidka-zag { font-size:56px;padding: 20px 0 20px 20px; line-height: 67px}
	.skidka-zag2 { font-size:56px;padding: 20px 0 20px 0; line-height: 67px}
	.sk-i { font-size:26px;padding: 40px 0 57px 0}
	.sk-i2 { font-size:26px}
	.b-preim h2 {margin: 80px 0 20px 0}
	.el-preim { font-size:16px; line-height:20px}
	.el-preim img { height:90px;margin: 0 auto 30px auto}
	.b-question {margin: 100px auto 152px auto}
	.q-img { width:44%}
	.b-call2 { padding:50px 0}
	.call-text { line-height:inherit}
	.call-text p { margin:0}
	.b-infra {padding: 50px 0}
	.el-infra img { width:80%; margin:0 0 0 auto}
	.b-usl {margin: 70px 0}
	.b-usl h2 {margin: 0 0 50px 0}
	.b-obr { padding:30px 0}
	.b-obr h2 {margin: 27px 0 40px 0}
	.b-otz { padding:50px 0}
	.el-otz {padding: 20px 0 0 0; min-height:362px}
	.otz-text {margin: 20px 0 30px 0}
	.el-usl-h2 { height:210px;}
}
@media only screen and (max-width: 1500px){
	.call-line img, .b-call img { right:0}	
	.el-but-infra {margin: 0 0 20px 0}
	.el-infra {padding: 30px 0 0 0}
	.map-ya { height:500px; margin: 25px 0 50px 0}
	.el-usl-img { width:100px}
	.el-usl-name { padding:0 30px}
	.el-usl-dev { height:130px}
	.el-usl-text { padding:0 30px}
	.left-usl { height:154px}
	.el-usl-h2 { height:190px;}
	.el-usl-text p { line-height:normal}
	.el-usl .main {padding: 35px 0}
	.b-call3 { background:url(../images/fon5.jpg) no-repeat -100px top;background-size:400px;padding: 70px 0 100px 0; height:auto}
	.test1 button { margin: 86px auto 0 auto}
	.link { margin:20px 0 0 0}
	.b-feedback { background:url(../images/fon-mail.jpg) no-repeat right 66px; background-size: 320px}
	.feedback-t { font-size:26px;padding: 6px 0 35px 0}
	.b-feedback textarea { min-height: 100px}
	.b-house { padding:50px 0 0 0}
	.house-text { font-size:16px;line-height: 22px; min-height:73px}
	.house-name { font-size:34px; padding:40px 0}
	.house1,.house2 { height:600px}
	.house-info a { margin:60px 0 0 0}
	.f-text { font-size:18px; padding: 26px 0}
	.f-menu {margin: 37px auto 0 auto}
	.footer .box-flex-c { padding:30px 0 20px 0}
}
@media only screen and (max-width: 1436px){
	.b-call { background:url(../images/fon1.jpg) no-repeat -150px top;background-size:400px;padding: 70px 0 100px 0; height:auto}
	.b-call form { width:80%}
	.b-call input, .b-call textarea { width:49%}
	.b-call3 { background:url(../images/fon5.jpg) no-repeat -150px top;background-size:400px;font-size:18px}
	 h2 { font-size:32px}
	.test1 button { padding: 8px 20px;max-width: 412px}
	.main-call { width:100%}
	.main-call h2 { padding:0 100px}
}
@media only screen and (max-width: 1320px){
	body { font-size:18px; line-height:26px}
	.b-otz-video { width:91%; margin:0 auto}
	.sl-name { width:180px; height:180px; left:50px; top:100px; font-size:24px; line-height:40px}
	.sl-text { font-size:22px}
	.b-plan { padding:20px 0 0 0}
	h2 { line-height:normal}
	.b-gal { padding:40px 0 0px 0}
	.sm-zag { padding:0 0 34px 0}
	.b-preim h2 { padding:50px 0 0 0}
	.b-question { margin:70px auto 132px auto}
	.b-infra {padding: 30px 0}
	.el-infra img { width:70%}
	/*.q-img { position:relative}*/
	.b-usl {margin: 50px 0}
	.el-usl-text { font-size:16px}
	.el-usl-name { font-size:22px; width:150px}
	.el-usl-img { width:76px}
	.el-usl-dev { height:100px}
	.left-usl { height:136px}
	.el-usl-h2 { height:168px;}
	.b-otz { padding:30px 0}
	.feedback-t { font-size:22px}
	.house1, .house2 { height:480px}
	.house-info { top:40px}
	.house1 .house-info { left:40%}
	.house2 .house-info { left:60%; top:16px}
	.house-info a { padding:6px; border:#fff solid 2px}
	.house-text { min-height:81px}
	.f-text { font-size:16px}
	.sl-plan-text, .plan-zag3, .vn-plan-text { font-size:24px; line-height:34px}
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:42px}
}
@media only screen and (max-width: 1240px){
	.main { width:100%; padding:0 20px; box-sizing:border-box}
	.sl-name { left:57px}
	.sl-text { left:20px}
	.left-usl { display:none}
	.el-usl .main { padding:25px 20px}
	.el-usl:nth-child(even) .main { padding:12px 20px}
	.b-feedback { background:url(../images/fon-mail.jpg) no-repeat right 70px;background-size:320px}
	.house-info { width:300px}
	.house-name {padding: 20px 0}
	.house-text { font-size:14px;line-height: 20px; min-height:inherit}
	.house1 .house-text { min-height:86px}
	.house-info a {margin: 30px 0 0 0}
	#sl-otz { width:80%}
	.call-line { width:76%}
	.b-obr {background: url(../images/fon6.jpg) no-repeat left top}
	.b-obr.on {background-size:cover}
	.sl-gorod { right:20px}
}
@media only screen and (max-width: 1090px){
	body { font-size:16px; line-height: 24px}
	h2 { font-size:28px}
	h3 { font-size:20px}
	.shapka-line { padding:35px 0 25px 0}
	.sl-name { width:130px; height:130px; top: 70px;left: 46px;font-size: 17px; line-height:28px}
	.sl-name span { left:0; top:23px}
	.sl-text { font-size:16px}
	.h-but,.f-but { padding:11px 46px}
	.but { padding:5px 15px}
	.b-menu a { font-size:14px; padding:8px 10px}
	.b-plan { padding:0}
	.b-plan .box-flex-c { display:block}
	.plan-text { text-align:center; border-left:none; margin:20px 0 0 0; padding:0}
	.plan-img { width:769px; margin:0 auto}
	.gal-text {padding: 0 0 10px 0}
	.el-gal a:first-child {margin: 0 0 14px 0}
	.b-call { background:url(../images/fon1.jpg) no-repeat -150px top;background-size: 344px}
	.b-call input[type=text] { margin: 0 0 20px 0}
	.sm-zag {font-size: 20px; padding: 0 0 14px 0}
	.b-call form { width:76%;margin: 25px 0 0 auto}
	.skidka-info {width: 40%; padding:30px 20px}
	.skidka-zag { font-size:40px; line-height:normal; padding:20px 0 20px 20px}
	.skidka-zag2 { font-size:40px;padding: 20px 0 20px 0; line-height: normal}
	.sk-i { font-size:20px; padding:30px 0 47px 0}
	.sk-i2 { font-size:20px}
	.but-bor { font-size: 16px; padding: 6px 46px}
	.b-preim h2 { padding:0;margin: 30px 0 0 0}
	.el-preim {margin: 55px 0 0 0;font-size: 14px; line-height: 18px}
	.el-preim img { height:70px}
	.b-question { margin:70px auto 72px auto}
	.q-img {height: 340px}
	.b-call2 form { width:37%}
	.b-infra { padding:10px 0}
	.but-infra { top:100px}
	.map-ya { height:400px;margin: 25px 0 30px 0}
	.el-infra,#slider { padding:0}
	.b-usl {margin: 30px 0}
	.b-usl h2 { margin:0 0 30px 0}
	.b-call3 {padding: 20px 0 100px 0;background: url(../images/fon5.jpg) no-repeat -110px top; background-size: 300px; font-size: inherit}
	.b-call3 label { margin:6px 0}
	#sl-test button {font-size:18px; line-height:18px}
	.test1 button {margin: 50px auto 0 auto}
	.call-line { margin: 10px 0 0 auto}
	.b-obr { font-size:inherit}
	.b-otz { padding:10px 0}
	.el-otz { padding:0; min-height:330px}
	.otz-text,.el-otz .hidden { font-size:inherit}
	.b-feedback {background: url(../images/fon-mail.jpg) no-repeat right 36px; background-size: 320px}
	.feedback-t { font-size:18px}
	.b-feedback input {margin: 0 0 17px 0}
	.b-feedback textarea { margin: 0 0 20px 0}
	.b-house { padding:20px 0 0 0}
	.house1, .house2 { height:384px}
	.footer { margin:10px 0 0 0}
	.footer .box-flex-c { padding:20px 0 10px 0}
	.f-menu {margin: 20px auto 0 auto}
	.f-text { font-size:14px; padding:16px 0}
}
@media only screen and (max-width: 1030px){
	.q-text { width:50%}
	.q-text h2 {margin: 0 0 20px 0}
	.skidka-zag,.skidka-zag2 { font-size:32px}
	.sl-plan-text, .plan-zag3, .vn-plan-text { font-size:20px; line-height:30px}
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:38px}
}
@media only screen and (max-width: 960px){
	.item-video { height:260px}
}
@media only screen and (max-width: 930px){
	body { font-size:14px}
	.shapka a.but,.footer a.but { display:none}
	.h-mail span, .h-phone span { display:none}
	.h-phone img { top:1px}
	.h-mail img, .h-phone img {padding: 0;display: block}
	.shapka-line { padding:24px 0}
	.menu-but { display:block}
	.b-menu {position:fixed; width:100%; left:-100%; top:0; background:#262626; margin:0; padding:60px 0; z-index:6; box-sizing:border-box}
	.b-menu a,.b-menu.scrol a { display:block; padding:14px 0; text-align:center; font-size:16px}
	.b-menu .box-flex-a { display:block}
	.el-preim { font-size:12px; line-height:16px}
	h2 { font-size:24px}
	ul li {margin: 10px 0}
	.q-img { height:245px}
	.b-call2 { padding:30px 0}
	.el-usl-name { font-size:18px}
	.el-usl-text { font-size:inherit; line-height:normal}
	.b-call3 {background: url(../images/fon5.jpg) no-repeat -95px top; background-size: 260px}
	.otz-name { font-size:18px}
	.otz-img { width:90px}
	.b-feedback {background-size: 272px}
	.feedback-t {padding: 6px 0 25px 0}
	input, textarea { font-size:inherit;margin: 0 0 10px 0;padding: 10px 14px}
	.popup_block input[type=submit] { font-size:inherit; padding:10px 14px; margin:2px 0 0 0}
	.b-feedback textarea {margin: 0 0 10px 0}
	input[type=submit] { font-size:16px; margin:0 0 10px 0}
	.b-house .box-flex { display:block}
	.house1, .house2 { width:100%; height:auto;clip-path:none; margin:5px 0}
	.b-house img { height:auto}
	.house2 { position:relative}
	.house1 .house-info,.house2 .house-info { display:block !important; top:50%; left:50%; transform:translate(-50%,-50%)}
	.house1-img,.house2-img { opacity:0.5}
	.house1 .house-text { min-height:inherit}
	.f-text { font-size:12px}
	.hidden { font-size:inherit}
	.gal-tit { font-size:18px; padding:10px 20px}
}
@media only screen and (max-width: 860px){
	.b-call3 { background:none}
	.call-line { width:100%}
	.call-line img { width:100px; bottom:-30px}
}
@media only screen and (max-width: 840px){
	.sl-name { width:100px; height:100px;font-size: 12px; line-height:18px}
	.sl-text { font-size:12px}
	.sm-zag { font-size:18px}
	.el-gal img {border: #fff solid 4px}
	.skidka-info { width:50%}
	.test1 button {max-width: 212px}
	.plan-img { width:100%}	
	.plan-img1 { display:block}
	.plan-img2 { display:none}
	.pop-plan-head,.pop-zag-otd { font-size:20px}
	.pop-plan-text { font-size:14px}
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:34px}	
	.vn-plan-img img { max-width:254px}
	.plan-zag3,.sl-plan-text { margin:20px 0 40px 0}
	.plan-zag1 { padding:0 0 40px 0}
	.plan-gor-t2 { font-size:22px; margin:10px 0 0 0}
}
@media only screen and (max-width: 810px){
	.b-feedback input[type=text]{ width:50%}
	.plan-img { position:relative}
}
@media only screen and (max-width: 760px){
	.f-menu{ display:none}
	.footer .box-flex-c { display:block; text-align:center}
	.f-dev  { height:1px; width:100px; margin:16px auto 30px auto}
	.f-but { margin:0 0 16px 0}
	.f-mail { margin:30px 0 0 0}
	.f-phone { margin:0 0 10px 0}
	.el-but-infra { font-size:16px}
	ul li  { line-height:18px}
	ul li:before { top:2px}
	.but-infra { top:62px;width:78px}	
	.el-otz { min-height:350px}
	.logo-f { top:0}
	.korp-info { bottom: 0;}
}
@media only screen and (max-width: 740px){
	.vn-plan-img img { max-width:100%}
	.vn-plan-img { width:40%}
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:30px}
	.plan-zag1 { padding:0 0 20px 0}
}
@media only screen and (max-width: 700px){
	#popplan { width:96% !important; transform:none; left:2%; box-sizing:border-box; top:1%}
	.gal-tit { font-size:16px; padding:6px 10px; text-align:center}
	.b-cookie {
		width: 96%;
		box-sizing: border-box;
	  }
}
@media only screen and (max-width: 676px){
	h2 { font-size:20px}
	.skidka-info { width:64%}
	.el-preim:nth-child(1), .el-preim:nth-child(2), .el-preim:nth-child(3), .el-preim:nth-child(4),.el-preim { width:48%}
	.el-usl-name { width:110px}
	.el-usl-img { width:50px}
	.otz-name,.feedback-t { font-size:16px}
	.house-name { font-size:26px}
	.house-img { width:200px}
	input[type=submit] { margin: 0 auto 10px auto}
	.b-call img { width:100px; bottom:-30px}
	.main-call h2 { padding:0}
	.pop-pl-left,.pop-pl-right { width:100%}
	.f-pop input[type=text] { width:48%}
	.popup_block input[type=submit] { margin:2px auto 0 auto}
	.pop-plan-img {margin: 30px auto 20px auto;display: block}
	.pop-zag-otd {margin: 15px 0 20px 0}
	.el-gal-pop a { font-size:14px}
	.el-gal-pop a:first-child {margin: 0 0 15px 0}
	.f-pop { margin:10px 0 0 0}
	.pop-plan-name { padding:14px 20px 0 0}
	.pop-plan-pr { padding:14px 14px 10px 14px}
	#popplan { padding:0 20px 20px 20px}
	img.btn_cl {margin: 15px -6px 0 0}
}
@media only screen and (max-width: 650px){
	.logo { width:130px; top:-1px}
	.logo-sg { top:9px}
	.shapka .logo-sg { width:130px}
	.sl-name { top:46px}
	.sl-text { bottom:20px}
	.plan-text p { margin:0}	
	#sl-test { width:96%; margin:0 auto}
	#sl-test button {font-size:16px; line-height:16px}
	.sl-plan-text, .plan-zag3, .vn-plan-text {font-size: 18px;line-height: 26px}
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:26px}
	.plan-gor-t2 { font-size:18px}
}
@media only screen and (max-width: 590px){
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:22px}
	.sl-plan-text, .plan-zag3, .vn-plan-text { font-size:16px; line-height:24px}
}
@media only screen and (max-width: 560px){
	.el-but-infra { font-size:14px;margin: 0 0 12px 0}	
	.b-feedback { background:url(../images/fon-mail.jpg) no-repeat right 116px;background-size: 154px}
	.b-sl { height:248px}
	.b-sl img { height:100%; object-fit:cover}
	.b-call {background: url(../images/fon1.jpg) no-repeat -200px top; background-size: 344px;}
	.b-call form { width:81%}
	.skidka-zag { font-size:26px; padding:10px 0 10px 10px}
	.skidka-zag2 { font-size:26px; padding:10px 0 10px 0}
	.sk-i { font-size:18px; padding:25px 0}
	.sk-i2 { font-size:18px}
	.el-test { margin:10px 0}
	.b-call3 .main-call { min-height: inherit}
	.test-zag { font-size:20px;margin: 0 0 15px 0}
	.b-call3 label {padding-left: 35px}
	.b-filt-rasp.box-flex-s {justify-content:space-between}
	.el-filt-rasp { margin:0 0 30px 0}
}
@media only screen and (max-width: 500px){
	body { line-height:normal}
	.menu-but { top:15px}	
	.shapka-line,.scrol .shapka-line {padding: 10px 0}
	.menu-but, .menu-but-w { top:4px}
	.logo { width:100px}
	.logo-sg { top:6px}	
	.h-but { display:none}
	.gal-text { text-align:justify}	
	.b-call { background:none}
	.b-call form { width:100%}
	.b-question .box-flex { display:block}
	.q-text { width:100%}
	.q-img { width:100%; height:auto; position:relative}
	.q-img img { height:auto}
	.b-call2 .box-flex { display:block}
	.call-text { padding:0}
	.b-call2 form { width:100%; padding:14px 0 0 0}
	.b-call2 input[type=text] { margin:0px 0 10px 0}
	.but-infra { position:relative; width:100%; top:0}
	.el-infra img { width:100%}
	.el-usl .box-flex-c-s { flex-wrap:wrap}
	.el-usl-dev { height:1px; width:100%; margin:10px 0}
	.el-usl-text { padding:0}
	.el-usl-name { width:200px}
	.call-line { width:100%}
	.house1,.house2 { height:306px}
	.b-house img { height:100%}
	.house2 .house-name { padding:20px 0}
	.house-img img { height:auto}
	.popplan input { width:100%}
	.el-gal img { border: #fff solid 2px}
	.q-text span { text-decoration:underline}
	.check label:before { top:-6px}
	.sl-gorod { font-size:32px; text-shadow:0 0 4px #fff}	
	.banner { position:absolute; right:1%; width:98%}
}
@media only screen and (max-width: 470px){
	.vn-plan-img { width:250px; margin:0 auto}
	.vn-plan-text { width:100%}
	.plan-zag1 { padding:0}
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { text-align:center}
}
@media only screen and (max-width: 443px){
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:21px}
}
@media only screen and (max-width: 430px){
	.plan-zag2, .plan-zag1, .plan-gor-t1 h1, .plan-gor-t1 { font-size:20px}
}
@media only screen and (max-width: 414px){
	body { line-height:normal}
	.main { padding:0 10px}
	.menu-but, .menu-but-w { top:8px; right:6px}
	.plan-text p { margin:8px 0}
	.h-dev,.shapka a.h-but { display:none}
	.b-gal { padding:20px 0 0 0}
	.b-call { padding:50px 0}
	.b-skidka { background:url(../images/fon7.jpg) no-repeat -450px top / cover}	
	.otz-name {padding: 0 0 0 24px}
	.house1, .house2 { height:350px}
	input, textarea { margin:0 0 5px 0}	
	.popup_block { width:98%; padding:0 5px 18px 5px; left:1%; box-sizing:border-box}
	.popup_block h3 { font-size:18px}
	img.btn_close {margin: 12px 7px 0 0}
	.pop-plan-head, .pop-zag-otd { font-size:16px}
	.pop-plan-pr { width:60px}
	.gal-tit { bottom:20px}
	#popskidka { margin-left:4% !important}
	.plan-gor-t2 { font-size:16px}
	.b-otz-video { width:86%}
	.item-video { height:220px}
	.b-cookie-text {
		margin: 0;
		text-align: center;
	  }
	  .main-cu {
		flex-direction: column;
		gap: 20px;
	  }
}
@media only screen and (max-width: 394px){
	.plan-gor-t1 { width:310px; margin:0 auto}
}
@media only screen and (max-width: 375px){
	.menu-but, .menu-but-w { top:1px}
	.logo { width:70px}
	.shapka .logo-sg { width:70px}
	.b-call input { width:100%}
	.b-call .box-flex { display:block}
	.sm-zag { font-size:15px}
	.skidka-zag { font-size: 20px; padding: 0px 0 0px 10px}
	.skidka-zag2 { font-size: 20px; padding: 0px 0 0px 0}
	.skidka-info { padding:20px}
	.b-call input[type=text] {margin: 0 0 10px 0}
	.gal-tit { font-size:14px}
}
@media only screen and (max-width: 320px){	
	.skidka-info { width:80%}
	.sk-i { font-size:14px}	
	.sk-i2 { font-size:14px}
	.but-bor { font-size:14px}
	.el-usl-name { width:164px}
	.b-feedback {background: url(../images/fon-mail.jpg) no-repeat right 136px; background-size: 100px}
	.b-feedback input[type=text] { width:64%}
	.b-feedback input { margin:0 0 6px 0}
}
.active-menu { display:block; left:0}