@charset "utf-8";
/* CSS Document */
@font-face {
		font-family: "RobotoSlab";
		src: url("../fonts/robotoslabregular.eot");
		src: url("../fonts/robotoslabregular.eot?#iefix")format("embedded-opentype"),
		url("../fonts/robotoslabregular.woff") format("woff"),
		url("../fonts/robotoslabregular.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}
body { margin:0; padding:0; font-size:18px; font-family:RobotoSlab, Arial, serif}
body, html { min-width:320px; }
h1 { font-size:25px}
h2,h3 { font-size:25px}
input[type=text],textarea {max-width:440px; width:100%; outline:none; padding:13px 12px; font-family:RobotoSlab, Arial, sans-serif; margin:0; border:none; box-sizing:border-box; box-shadow:-4px 4px 4px inset rgba(111,111,111,0.6)}
textarea {resize: vertical;}
input[type=submit] { max-width:440px; width:100%; padding:11px 24px 12px 24px; font-size:18px; background:#faa34d; color:#fff; text-shadow:-2px 2px 4px #000; border:none; cursor:pointer}
input:-moz-placeholder { color:#acacac;}
textarea:-moz-placeholder { color:#acacac;}
input::-webkit-input-placeholder { color:#acacac;}
textarea::-webkit-input-placeholder { color:#acacac;}
.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,.menu-but-w {width:40px; height:37px; position: absolute; top:22px; right:0; padding:9px 0 0 6px; cursor:pointer; color:#faa34d; 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: #faa34d;  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;}
	.close { width:40px; height:36px; position:relative;left: 20px; top: -30px; cursor:pointer}
	.close:after, .close:before {content: ""; position: absolute; left: 0; top: 0; width: 100%;  height: 4px;  background-color: #000;  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-c-start,.box-flex-s,.f2,.box-flex-cs {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-cs {justify-content:flex-start;align-items:center}
.box-flex-s {justify-content:flex-start}
.f2 {flex-direction:column}

.head { background:url(../images/header.jpg) no-repeat top center #040404}
.head .main { position:relative}
.main { width:1500px; margin:0 auto; padding:26px 0}
	.logo { width:330px; color:#e5a254; font-size:28px}
		.logo a {color:#e5a254; text-decoration:none}
		.logo span { display:block; font-size:60px; line-height:70px; margin:0 0 20px 0}
		.logo font { color:#fff}
	.phone { font-size:28px; color:#fff; margin:0 130px 0 0; position:relative;padding: 0 0 0 50px}
		.phone a { color:#fff; text-decoration:none}
		.phone img { position: absolute; top:7px; left:0}
.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:#e5a254}
		.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:#e5a254}
.news-el { width:46%; margin:0 0 40px 0}
	.news-name { font-size:18px; font-weight:bold}
	.news-name a { text-decoration:none; color:#333}
	.news-date {padding: 4px 0 4px 17px; font-size:12px; color: #7b7f8e; background: url(../images/clock.svg) no-repeat left 6px;background-size: 10px;}
	.news-an p { padding:0; margin:0}
	.but-more {background:#faa34d; color:#fff; padding:2px 6px 4px 6px; display:inline-block; margin:6px 0 0 0}
		.but-more a { color:#fff; text-decoration:none; font-size:14px}
.cont { padding:100px 0 100px 0}	
	.cont-vn { padding:0 0 100px 0}
	.hlebn-krohki { padding:18px 0 12px 0;color:#604632; font-size:14px}
	.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 ul { list-style:none; padding:0}
		.cont li { position:relative; padding:2px 0 2px 10px}
		.cont li:before { content:''; position:absolute; left:0; top:14px; display:block; width:4px; height:4px; background:#e5a254;border-radius:50%}
	.ul-check { list-style:none; padding:26px 0}
		.ul-check li { position:relative; padding:10px 0 10px 40px}
		.ul-check li:before { content:''; position:absolute; left:0; top:13px; display:block; width:17px; height:17px; background:url(../images/ico-check.png) no-repeat left top; border-radius:unset}
	.w7 { width:70%; padding:0 0 0 100px}
	.w4 { width:45%}
	.w5 { width:50%}
	.b-question a { color:#000}
.b-praktika { border-top:#a6a6a6 solid 1px; padding:90px 0}
	.zag { color:#e5a254; font-size:25px}
	.zag2 { font-size:25px; font-weight:bold}
		.b-prak { padding:25px 0 0 0}
			.el-prak { padding:3px 0; font-size:16px}
			.el-prak a { color:#000}
.b-otz { background:#dde0e6; padding:33px 0}
	#slider { margin:80px 0}
	#slider .el-otz { width:90%; margin:0 auto}
	.el-otz { width:30%; padding-bottom:30px; }
		.el-otz img {width:98px; border-radius:50%}
		.name-otz { margin:0 0 0 54px}
			.name-otz b { display:block; margin:22px 0 0 0}
		.text-otz { font-size:16px; margin:40px 0 0 0}
.but { text-align:center}
	.but a { display:inline-block; padding:10px 24px 14px 24px; background:#faa34d; color:#fff; text-shadow:-2px 2px 4px #000; text-decoration:none}
.b-kons { margin:-120px 0 0 0}
	.b-kons .main {  padding:50px 0 0 0;background:url(../images/kons.jpg) no-repeat left top / cover;}
	.zag3 { text-align:center; color:#fff; font-size:25px; font-weight:bold}
	.b-kons form { padding:54px 60px}
.part-el { margin:0 0 30px 0}
	.part-el img { width:150px; border-radius:50%; margin:0 40px 0 0}
	.part-img { margin:10px 0 0 0}
		.part-img img { width:90px; margin:0 10px 0 0; border-radius:inherit}
.map { height:570px; background:#fdfaf2}
.footer { background:#101012; color:#a6a6a6; font-size:16px; padding:34px 0}
	.footer a {color:#a6a6a6; text-decoration:none}
	.logo-f { width:330px; font-size:20px}
		.logo-f span { display:block; font-size:44px; line-height:54px; margin:0 0 12px 0}
		.logo-f font { font-size:18px}
	.copy { font-size:14px; margin:78px 0 0 0}
	.f2 { height:216px}
	.f2 a { display:block}
	.f3 { width:1px;height:216px; background:#faa34d}
	.f4 { width:300px}
		.f-phone { font-size:18px; padding:0 0 0 53px; position:relative; margin:50px 0 0 0}
		.f-phone img { position:absolute; left:0; top:6px}
		.f-mail {  padding:0 0 0 53px; position:relative; margin:57px 0 0 0}
			.f-mail img {position:absolute; left:0; top:3px}
#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 #faa34d;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);}

.header-phone { font-size:17px; }
.header-phone img { top:76px; }
.phone img.ico-viber-1 { left:-35px; }
.phone img.ico-viber-2 { top:42px; left:-35px; }
.phone img.ico-whatsapp-1 { left:-70px; }
.phone img.ico-whatsapp-2 { top:42px; left:-70px; }
.phone img.ico-phone-1 {}
.phone img.ico-phone-2 { top:42px; }
.menu-ico:after { content:'Меню'; display:block; position:relative; top:12px; left:-2px; }

	@-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;
	}
@media only screen and (max-width: 1620px){	
	#slider { width:96%; margin:80px auto}
}
@media only screen and (max-width: 1580px){	
	/*.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}*/
	.main { width:100%; padding:0 40px; box-sizing:border-box}
	.cont { padding:50px 0}
	.b-praktika { padding:40px 0 50px 0}
	.head .main { padding:26px 40px}
	.menu-but { right:35px}
	.w7 { padding:0 0 0 50px}
	.map { height:470px}
	.b-kons .main { width:96%}
	input[type=text], textarea,input[type=submit] { width:30%}
}
@media only screen and (max-width: 1400px){	
	body { font-size:16px}
	h1, h2, .zag, .zag2 { font-size:23px}
	.text-otz { font-size:14px}
	.text-otz { margin:20px 0 0 0}
	.name-otz { margin:0 0 0 44px}
	#slider { margin:40px auto}
	/*.b-otz { padding:33px 0 160px 0}*/
	.logo { font-size:23px}
	.logo span { font-size:50px}
}
@media only screen and (max-width: 1280px){	
	.ul-check li { padding: 8px 0 8px 40px}
	.logo-f span { font-size:40px}
	.logo-f { font-size:18px}
}
@media only screen and (max-width: 1240px){	
	.main-bl.box-flex {align-items:center}
}
@media only screen and (max-width: 1024px){
	body { font-size:14px}
	.hlebn-krohki { font-size:12px}
	.main-bl .w7 { width:50%}
	h1 { font-size:20px}
	h2, .zag, .zag2 { font-size:18px}
	.el-prak { font-size:14px; padding:6px 0}
	.el-prak a:hover { text-decoration:none}
	#slider { width:92%}
	input[type=submit] { font-size:16px; padding:13px 24px 13px 24px}
	.zag3 { font-size:22px}
	.footer, .logo-f { font-size:14px}
	.logo-f span { font-size:31px}
	.logo-f font { font-size:16px}
	.copy { font-size:12px}
	.map { height:370px}
}
@media only screen and (max-width: 870px){	
	.logo { font-size:18px}
	.logo span { font-size:40px}
	.phone { font-size:24px}
	.head { background-size:cover}
	.news-el { width:100%; margin:0 0 30px 0}
	.header-phone img { top:70px; }
	.phone img { width:20px; }
	.phone img.ico-viber-1 { left:-28px; }
	.phone img.ico-viber-2 { left:-28px; }
	.phone img.ico-whatsapp-1 { left:-56px; }
	.phone img.ico-whatsapp-2 { left:-56px; }
	.el-otz { width:45%; }
}
@media only screen and (max-width: 840px){
	.main-bl.box-flex {flex-wrap:wrap}
	.main-bl .w5,.main-bl .w7 { width:100%; padding:0}
	.logo { width:auto}
	.footer, .logo-f font { font-size:12px}
	.logo-f span { font-size:26px; line-height:normal}
	.logo-f { width:auto;font-size:12px}
	.f2,.f3 { height:170px}
	.f-phone {margin: 30px 0 0 0}
	.f-mail { margin:37px 0 0 0}
	.main { padding:0 20px}
	.map { height:300px}
	.b-prak.box-flex {flex-wrap:wrap}
	.b-prak .w4 { width:100%}
	.head .main { padding-left:20px; padding-right:20px; }
	.phone { padding-left:35px; margin-right:50px; }
}
@media only screen and (max-width: 760px){
	.logo { font-size:14px}
	.logo span { font-size:30px;line-height: 42px}
	.phone { font-size:20px}
	/* .phone img {padding: 0 12px 0 0; top: 5px} */
	.phone { line-height: 34px; }
	.header-phone img { top:79px; }
	.name-otz { margin-left:20px; }
}
@media only screen and (max-width: 640px){
	.phone { margin:0 45px/* 88px */ 0 0}
	.cont { text-align:justify}
	.f2 { display:none}
}
@media only screen and (max-width: 580px){
	.phone { position:absolute; right:20px; top:80px; margin:0}
	.head .main { padding:15px 20px 15px 20px; }
	.menu-but {right: 13px;top: 15px}
	.text-otz { font-size:13px}
	.b-kons form { padding:30px}
	.b-kons .main { padding:23px 0 0 0}
	input[type=text], textarea { padding:8px 12px}
	input[type=submit] { padding:8px 12px}
	.cont { padding:30px 0}
	.logo span { margin:0; }
	.head { height:210px; }
	.header-phone { font-size: 15px; }
	.phone { top:100px; }
}
@media only screen and (max-width: 520px){
	.footer .main.box-flex { flex-wrap:wrap; text-align:center; position:relative}
	.f1 { width:100%}
	.f3 { width:100%; height:1px; margin:20px 0}
	.copy { margin:0; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%)}
	.f4 { margin:0 auto}
	.f-phone,.f-mail { width:150px; text-align:left; margin:20px auto}
	.f-mail img { top:0}
	.el-otz { width:100%; }
}
@media only screen and (max-width: 414px){
.main { padding:0 10px}
.map { width:100%; height:200px}
.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;}
}
@media only screen and (max-width: 375px){
	.b-kons .box-flex { flex-wrap:wrap}	
	input[type=text], textarea, input[type=submit] { width:100%; margin:0 0 6px 0}
	.b-menu { width:100%}
	.zag3 { font-size:20px}
}
@media only screen and (max-width: 319px){
	.phone {top:90px; font-size:16px; top:96px}	
	.phone img { width:20px}
}
.active-menu { right:0}