@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-size:14px; background:url(../images/fon.jpg) no-repeat left top / cover #333; font-family: Arial, serif;overflow-x:hidden}
h1 { font-size:28px; text-align:center}
h2,h3 { font-size:23px; text-align:center}
input,textarea { outline:none; padding:13px 12px; font-family:Arial, sans-serif; margin:0 0 12px 0; border:#b5b5b5 solid 1px; box-sizing:border-box; border-radius:2px}
textarea {resize: vertical;}
input[type=submit] { padding:12px 20px; background:#06C; border:none; font-size:18px; color:#fff; cursor:pointer}
input:-moz-placeholder { color:#999999;}
textarea:-moz-placeholder { color:#999999;}
input::-webkit-input-placeholder { color:#999999;}
textarea::-webkit-input-placeholder { color:#999999;}
.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%; border:none}
img[align=left] { padding:0 15px 0 0}
.menu-but-w {width:40px; height:37px; display:block; padding:4px; cursor:pointer; color:#fff; font-size:12px; letter-spacing:1px; z-index:7; background:#06C}
	.menu-ico { position:relative; top:50%; margin:-2px 0 0 0}
	.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; z-index:1000}
	.on .menu-ico span { background-color: transparent; margin:-6px 0 0 0}
	.on span:before { transform: rotate(45deg) translate(10px, 10px); background-color:#fff;}
	.on span:after { transform: rotate(-45deg) translate(4px, -4px); background-color:#fff;}
	.close { width:40px; height:36px; position:relative;left: 20px; top: -30px;}
	.close:after, .close:before {content: ""; position: absolute; left: 0; top: 0; width: 100%;  height: 4px;  background-color: #06C;  transition: all 0.3s;  backface-visibility: hidden;  border-radius: 4px;-moz-border-radius: 4px;}
	.close:before { transform: rotate(45deg) translate(10px, 10px);}
	.close:after { transform: rotate(-45deg) translate(4px, -4px);top: 20px;}
	
.clear { clear:both}
.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-c2,.box-flex-c-s,.box-flex-c,.box-flex-a2 {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,.gallery {flex-wrap:wrap}
.box-flex-end {align-items:flex-end}
.box-flex-c-s {justify-content:flex-start;align-items:center}
.box-flex-c {align-items:center}
.box-flex-c2 {align-items:center;flex-wrap:wrap}
.box-flex-a2 {flex-wrap:wrap;justify-content:space-around}

.header { background:rgba(255,255,255,0.7); width:100%;position: fixed; top: 0; left: 0;z-index: 3}
	.scrol {background:rgba(255,255,255,1);}
	.scrol .logo { width:200px}
	.scrol .h-phone { font-size:18px}
	.scrol .h-phone img { width:30px}
.main { width:1200px; margin:0 auto}
	.logo { width:300px}	
	.h-phone { font-size:22px; color:#06C; position:relative}
		.h-phone a {color:#06C; text-decoration:none}
		.h-phone img { position:absolute; left:-60px; width:40px; top:4px;}
	.b-menu {position: fixed; display:flex; flex-direction: column; height:100%; flex-wrap:wrap; width:360px; right:-100%; top:0; background:#fff; margin:0; padding:60px 0; z-index:9; box-sizing:border-box;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
		.b-menu span { width:100%; display:block; padding:14px 0; text-align:center; font-size:16px;color:#06C}
		.b-menu a { width:100%; display:block; padding:14px 0; text-align:center; font-size:16px; color:#333; text-decoration:none;-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s}
		.b-menu a:hover {color:#06C}
	.sl-info { position:absolute; left:50%; top:200px; transform:translateX(-50%);font-size: 40px; color:#fff; padding:40px 100px;}
		.sl-info:after { content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,102,204,0.5); border-radius:50%;filter: blur(20px); z-index:1}
		.sl-zag { position:relative; z-index:3; text-align:center}
		.sl-text { position:relative; z-index:3; text-align:center}
			.but-sl {font-size: 20px; padding: 6px 20px; background: #fff; text-decoration: none; color:#06C; display:inline-block; margin:100px 0 0 0}
.cont-vn { padding:10px 40px 100px 40px; background:#fff;margin:126px 0 23px 0}
	.hlebn-krohki { padding:20px 0;color:#604632}
	.first-hleb-img { width:26px;position: relative;top: 5px}
	.hidden { display:none}
	.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}
.cont { padding:10px 40px 100px 40px; background:#fff; margin:0 0 23px 0}
	.gallery img { width:250px; margin:0 0 20px 0; border:#666 solid 1px}
	.cont ul { list-style-image:url(../images/ul-green.png)}
		.cont ul li {margin: 2px 0}
	.m-left { width:70%}
	.m-right { width:27%; background:#f6f8f9; padding:30px; box-sizing:border-box}
		.gsInformer { width:100% !important; margin:15px 0 0 0; height:136px !important}
	.zag { font-size:24px; text-align:center;}
	.b-otz { margin:40px 0 0 0}
		.el-otz { width:27%; margin:40px 0 0 0; padding:0 0 0 44px; box-sizing:border-box; position:relative}
		.name-otz { font-size:16px; font-weight:bold; margin:0 0 14px 0}
		.date-otz { padding:0 0 0 20px; position:relative; color:#6b6b6b; font-size:12px}
			.date-otz img { width:13px; position:absolute; left:0; top:0}
		.text-otz { margin:16px 0 0 0}
		.text-otz:before { content:''; display:block; width:30px; height:30px; position:absolute; left:0; background:url(../images/left-quote.svg) no-repeat left top / cover}
		.but-otz {text-align:center;margin:30px 0 0 0}
			.but-otz a { display:inline-block; padding:12px 30px;background:#06C; color:#fff; text-decoration:none}
	.formOtziv input[type=text],.formOtziv textarea { width:130px; height:49px; display:inline-block; vertical-align:top}
		.formOtziv textarea { width:500px; min-height:36px;resize: vertical}
		.formOtziv .captcha-box { width:195px; height:48px; display:inline-block; vertical-align:top;text-align: left; position:relative; background:#ebebeb; padding:2px 0 0 8px; border-radius:4px}
		.formOtziv .captcha-box i { display:block; font-size:11px; line-height: 13px; padding:0 0 2px 0}
		.formOtziv .captcha-box span { color:#c8645a; font-size:18px; font-style:italic}
		.formOtziv .captcha-box input[type=text] { width:60px; position:absolute; right:0; top:0}
		.formOtziv input[type=submit] { width:auto;display:inline-block; vertical-align:top;padding: 14px 34px}
		.m-box-flex { display:inline-block}
	.senks { margin:40px 0; text-align:center; font-size:18px}
	
	.b-form { margin:20px 0 0 0}
	.formOrder label { display:block; margin:0 0 6px 0}
	.formOrder label span {  color:#ff0000}
	.formOrder input[type=text] { margin:0 20px 0 0}
	.formOrder input[type=submit] { margin:10px 0 0 0}
	.w3 { width:30%}
	.order-sub { margin:0 0 0 20px}
	#f_StartDate, #f_EndDate { width:94px; display:inline-block}
	.b-plan { margin:40px 0 0 0}
		.el-plan { margin:20px 0}
		.plan1 {background:url(/images/level1.jpg) no-repeat top left; position:relative; width:300px; height:264px}
		.plan2 {background:url(/images/level2.jpg) no-repeat top left; position:relative; width:300px; height:293px}
		.plan3 {background:url(/images/level3.jpg) no-repeat top left; position:relative; width:300px; height:239px}
	#Num3-1 { width:79px; height:41px; position: absolute; top:7px; left:43px; cursor:pointer;}
	#Num2-1 { width:78px; height:40px; position: absolute; top:53px; left:43px; cursor:pointer;}
	#Num1-1 { width:78px; height:39px; position: absolute; top:98px; left:43px; cursor:pointer;}
	#Num4-1 { width:58px; height:42px; position: absolute; top:38px; left:149px; cursor:pointer;}
	
	#Num17-2 { width:43px; height:74px; position: absolute; top:211px; left:8px; cursor:pointer;}
	#Num18-2 { width:43px; height:76px; position: absolute; top:131px; left:8px; cursor:pointer;}
	#Num9-2 { width:88px; height:45px; position: absolute; top:109px; left:106px; cursor:pointer;}
	#Num7-2 { width:89px; height:45px; position: absolute; top:59px; left:105px; cursor:pointer;}
	#Num5-2 { width:88px; height:46px; position: absolute; top:8px; left:106px; cursor:pointer;}
	#Num6-2 { width:66px; height:53px; position: absolute; top:43px; left:225px; cursor:pointer;}
	#Num8-2 { width:67px; height:54px; position: absolute; top:100px; left:225px; cursor:pointer;}
	#Num10-2 { width:64px; height:45px; position: absolute; top:162px; left:228px; cursor:pointer;}
	#Num11-2 { width:64px; height:43px; position: absolute; top:211px; left:228px; cursor:pointer;}
	
	#Num16-3 { width:129px; height:66px; position: absolute; top:160px; left:14px; cursor:pointer;}
	#Num14-3 { width:130px; height:67px; position: absolute; top:86px; left:14px; cursor:pointer;}
	#Num12-3 { width:130px; height:67px; position: absolute; top:13px; left:15px; cursor:pointer;}
	#Num13-3 { width:97px; height:79px; position: absolute; top:63px; left:189px; cursor:pointer;}
	#Num15-3 { width:97px; height:79px; position: absolute; top:148px; left:189px; cursor:pointer;}

.map {width:100%; height:400px; position:relative}	
	.map-i { width:300px; height:250px; position:absolute; z-index:3; left:30%; top:50%; transform:translate(-50%,-50%); background:#fff; padding:30px; font-size:18px}
.footer { background:#333; padding:30px 0; color:#fff}	
	.copy {}
	.created span { color:#ff0000}
	.created a { color:#fff; text-decoration:none}	

#topcontrol { width:60px; height:60px; position: fixed; z-index: 39; 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);}

	@-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%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.popup_block input[type=submit] { font-size:16px;}
	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: 5px;
	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: 4px;
	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=text]:focus,
.form-group-error input[type=password]:focus,
.form-group-error textarea:focus,
.form-group-error input[type=text]:hover,
.form-group-error input[type=password]:hover,
.form-group-error textarea:hover,
.form-group-error input[type=text],
.form-group-error input[type=password],
.form-group-error textarea,
.form-group-error input[type="checkbox"] + .checkbox-text:after,
.form-group-error .ui-button {
	box-shadow: 0 0 0 3px #faaab3;
}

.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: #06C;
	border: none;
	cursor: pointer;
	color: #fff;
}
@media only screen and (max-width: 1600px){	
	.sl-info { top:130px}
	.but-sl { margin:50px 0 0 0}
}
@media only screen and (max-width: 1530px){	
	/*.menu {position:absolute; width:100%; left:-100%; top:0; background:#262626; margin:0; padding:60px 0; z-index:6; box-sizing:border-box}
	.menu a { display:block; padding:14px 0; text-align:center; font-size:16px}*/
}
@media only screen and (max-width: 1250px){	
	.main { width:96%; margin:0 auto}
	.sl-info { top:100px; font-size:30px; padding: 40px 0}
	h1 { font-size:26px}
	.text-otz:before { width:24px; height:24px}
	.map { height:350px}
	.map-i { font-size:16px; height:210px}
}
@media only screen and (max-width: 1140px){	
	.but-sl {margin: 20px 0 0 0}
	.b-form input[type=submit] { margin:15px 0 0 0}
}
@media only screen and (max-width: 1080px){	
	.el-otz { width:31%}
	.map-i { font-size:14px; left:23%; height:186px}
	.cont,.cont-vn { padding:10px 40px 50px 40px}
	.m-right  { padding:16px}
	.sl-info { font-size:24px}
	.but-sl { font-size:14px}
	.h-phone,.scrol .h-phone { font-size:16px}
	.h-phone img,.scrol .h-phone img { width:33px; top:-1px; left:-47px}
	h1 { font-size:22px}
}
@media only screen and (max-width: 970px){ 
	input, textarea { padding:8px 12px}
	input[type=submit] { font-size:16px;padding:8px 12px}
}
@media only screen and (max-width: 920px){
	.b-form .box-flex-end { flex-wrap:wrap}
	.b-form input { width:100%}
	.m-box-flex input[type=text] { width:200px}
}
@media only screen and (max-width: 900px){
	.sl-info { font-size:20px}	
}
@media only screen and (max-width: 840px){
	.map-i { font-size:11px; height:156px; width:200px}
	.el-otz { width:100%}
	 h1 { font-size:20px}
	 .logo { width:200px}
	 .menu-but-w { width:30px; height:28px}
	 .sl-info { top:73px}
	 .cont-vn { margin:90px 0 23px 0}
}
@media only screen and (max-width: 700px){
	.b-cookie {
		width: 96%;
		box-sizing: border-box;
	  }
	}
@media only screen and (max-width: 670px){
	body { margin:83px 0 0 0}
	.cont,.cont-vn { padding:10px 20px 30px 20px}
	.m-text.box-flex { flex-wrap:wrap}
	.m-left { width:100%}
	.m-right { width:100%; margin:30px 0 0 0}
	.m-right img { display:block; margin:0 auto}
	.sl-info { top:0}
	.header { background:#fff}
	.el-plan { margin:0 auto} 
}
@media only screen and (max-width: 600px){
	.el-gal { width:47%}
}
@media only screen and (max-width: 580px){
	.formOtziv textarea { width:100%}
	.map-i { display:none}
	.map { height:250px}
	.h-phone, .scrol .h-phone { font-size:14px; padding:0 0 0 37px}
	.h-phone img, .scrol .h-phone img { width:27px; top:3px;left:0}
	.b-menu { width:300px}
}
@media only screen and (max-width: 500px){
	.logo,.scrol .logo { width:120px}
	.header { padding:10px 0}
	.sl-info { font-size:16px; padding:20px 0}
	h1 { font-size:18px}
	.cont,.cont-vn { text-align:justify}
	.formOtziv { text-align:left}
	.w3 { width:100%}
	.formOrder label { margin:16px 0 3px 0}
	.created { text-align:center; margin:16px 0; width:100%}
	.copy { text-align:center; width:100%}
	.m-box-flex {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}
	.m-box-flex img{ flex-shrink:0; margin:0 4px 0 0}
	.m-box-flex input[type=text] { width:100%}
}
@media only screen and (max-width: 414px){
.main { padding:0 10px; box-sizing:border-box}
.feed-back { width:100%; margin:30px 0 0 0}
.feed-back form {padding: 22px 10px 30px 10px}
input, textarea { margin:0 0 5px 0}
.feed-back textarea {margin: 5px 0 16px 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;}
.b-cookie-text {
    margin: 0;
    text-align: center;
  }
  .main-cu {
    flex-direction: column;
    gap: 20px;
  }
}
@media only screen and (max-width: 375px){
	.sl-info { font-size:14px; padding:10px 0}
	.b-menu { width:260px}
	#slider { height:200px}
}
@media only screen and (max-width: 370px){
	.h-phone { height:27px}
	.h-phone span, .scrol .h-phone span { display:none}
	.main { width:100%}
	.first-hleb-img { width:20px}
	.hlebn-krohki-dev { padding:0 5px}
}
.active-menu { right:0}