@charset "utf-8";
/* CSS Document */
@font-face {
		font-family: "Montserrat-Regular";
		src: url("../fonts/Montserrat-Regular.eot");
		src: url("../fonts/Montserrat-Regular.eot?#iefix")format("embedded-opentype"),
		url("../fonts/Montserrat-Regular.woff") format("woff"),
		url("../fonts/Montserrat-Regular.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}
@font-face {
font-family: 'Montserrat Medium';
src: url('../fonts/Montserrat-Medium.eot');
src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Medium.woff') format('woff'),
url('../fonts/Montserrat-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-SemiBold';
src: url('../fonts/Montserrat-SemiBold.eot');
src: 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;
}
body { margin:0; padding:0; font-size:15px; background:url(../images/fon.jpg); font-family:Montserrat, Arial, serif}
h1 { font-size:34px}
h2,h3 { font-size:28px}
input,textarea {width:100%; outline:none; padding:13px 12px; font-family:Arial, sans-serif; margin:0 0 24px 0; border:#60605e solid 1px; box-sizing:border-box; border-radius:2px}
textarea {resize: vertical;}
input[type=submit] { padding:12px 20px; margin:0 auto; display:block; background:#eae106; border:none; font-size:22px; color:#000; 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 2px;}
.warn::-webkit-input-placeholder { color:#FF0000;}
.warn:-moz-placeholder { color:#FF0000;}
.anim,.menu a {-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; position: absolute; top:10px; right:10px; padding:9px 0 0 6px; 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}
.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,.box-flex-c-start,.box-flex-c,.box-flex-m {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-start {justify-content:flex-start;align-items:center}
.box-flex-c {align-items:center}
.box-flex-m {justify-content:space-around}
.gallery {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
}
.gallery-albom {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
}
.gallery-albom-item__title {
	margin: 8px 0 0;
	text-align: left;
}
.logo { width:189px}
	.logo span { display:block; font-size:13px; text-align:justify}
.header, .header-vn { background:url(../images/head.jpg) no-repeat center top; color:#fff; padding:24px 0 160px 0}
.header-vn {padding:24px 0 100px 0}
	.header .main,.header-vn .main { position:relative}
	.header a,.header-vn a { color:#fff; text-decoration:none}
	.but-w { font-family:Montserrat Medium, serif; text-transform:uppercase; font-size:18px; padding:4px 10px; border:#fff solid 2px; display:inline-block}
	.h-info { width:560px; padding:8px 0 0 0}
		.h-dev { width:1px; background:#fff; height:90px; position:relative; top:-13px}
		.phone { font-size:28px}
	.h-sm-des { font-size:34px; padding:42px 0 60px 0}
	.header h1 { font-size:44px; text-shadow:0 3px 14px #000; margin:0 0 150px 0}
	.but { font-size:18px; background:#514957; text-transform:uppercase; font-size:18px; padding:14px 25px; display:inline-block}
.main { width:1198px; margin:0 auto}
.menu { background:#748d27; font-size:18px; margin:-38px 0 0 0}
	.menu a { text-decoration:none; color:#fff; display:inline-block; padding:27px}
	.menu a:hover { background:#a2b941}
	.dev { width:1px; height:36px; background:#fff}
.bl { width:318px; margin:64px 0 47px 0}
	.bl img { border-radius:50%; border:#748d27 solid 7px; box-shadow:0 3px 20px #4a4a4a; z-index:2; position:relative}
	.bl-link { padding:28px 10px; font-size:18px; text-transform:uppercase; text-align:center; background:#514957; margin:-32px 0 0 0; position:relative; z-index:3}
		.bl-link a { color:#fff; text-decoration:none}
.b-usl { background:#fff; padding:48px 0 0 0}
	.zag { font-size:28px; font-family:Montserrat-SemiBold; position:relative; text-align:center; color:#514957}
		.zag span { display:inline-block; background:#fff; position:relative; z-index:1; padding:0 27px}
		.zag:before { content:''; display:block; position:absolute; top:50%; left:0; width:100%; height:2px; background:#748d27; z-index:0}
	.b-usl .box-flex2 { padding:40px 44px}
	.el-usl { width:325px; box-shadow:0 4px 14px #bdbdbd; text-align:center; padding:22px 0; margin:0 0 50px 0}
		.el-name { font-size:18px; min-height:60px; text-transform:uppercase; padding:8px 10px 19px 10px }
			.el-name a {color:#514957;text-decoration:none;}
		.el-link a {background:#748d27; display:inline-block; color:#fff; text-decoration:none; padding:8px 27px}
.b-byst { border-top:#514957 solid 6px;background:#748d27; border-bottom:#fff solid 22px}
	.b-byst .line { height:7px; background:#fff}
	.b-byst img { border-radius:50%; border:#fff solid 5px; box-shadow:0 7px 20px #4a4a4a; position:relative; top:-46px; left:44px}	
	.b-name { width:652px; margin:39px 46px 0 0;font-family:Montserrat Medium, serif; text-transform:uppercase; color:#fff}
		.byst-name { font-size:36px; line-height:64px}
		.b-name .but-w { float:right; font-size:15px; text-transform:none}
		.but-w a { color:#fff; text-decoration:none}
.cont { padding:10px 0 40px 0}
	.hlebn-krohki { padding:12px 0 20px 76px;color:#604632}
		.hlebn-krohki a {color:#1686cc}
		.hlebn-krohki ul { list-style:none; padding:0; margin:0}
		.hlebn-krohki li { display:inline-block}
		.hlebn-krohki-dev { padding:0 10px}
	.feed-back {width:48%}
	.feed-back form { background:#e8e8e8; padding:22px 30px 30px 30px; box-sizing:border-box}
	.feed-back h3 { padding:0 0 20px 0; margin:0;}
	.feed-back textarea { height:125px; margin:32px 0 21px 0}
.map {width:48%; height:400px}	
	.info-cont { width:48%; margin:48px 0 20px 0}
		.ico-cont { min-height:30px; position:relative; margin:0 0 30px 0; padding:0 0 0 60px; background-position: left top; background-repeat:no-repeat; background-size:30px}
		.ico-cont img { width:30px; position:absolute; left:0; top:0}
		.point { background-image:url(../images/ico/point.svg)}
	
		.call { background-image:url(../images/ico/call.svg)}
		.mail { background-image:url(../images/ico/mail.svg)}
		.time { background-image:url(../images/ico/time.svg)}
.footer { background:#514957; color:#fff; padding:45px 0 0 0}
	.footer a { color:#fff}
	.b-bl-f { padding:0 44px 43px 44px}
		.bl-f1 { width:280px}
		.bl-f2 { width:210px}
		.bl-f3 { width:290px}
			.el-bl-f { margin:0 0 0 19px}
			.bl-f-name { font-family:Montserrat-SemiBold; text-transform:uppercase}
			.el-bl-f p { padding:0; margin:10px 0}
	.u-footer { border-top:#fff solid 2px;padding:20px 44px}	
		.copy { font-size:13px; padding:5px 0 0 0}
		.b-soc { width:180px}

#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);}

	@-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: 1240px){	
	.main { width:100%; padding:0 20px; box-sizing:border-box}
}
@media only screen and (max-width: 1160px){	
	.el-usl { width:30%}
	.el-pic { min-height:320px}
	.el-name { font-size:16px}
	.b-name { width:53%;min-height: 45px}
	.h-info { width:500px}
}
@media only screen and (max-width: 1044px){	
	body { font-size:14px}
	.b-name { width:48%}
	.byst-name { font-size:30px}
	.h-info { width:464px}
	.phone { font-size:24px}
	.menu {margin: -28px 0 0 0; font-size:16px}
	.menu a { padding:16px}
	.bl-link { font-size:16px; padding:20px 10px}
	.el-pic { min-height:294px}
	.b-byst img { width:300px}
}
@media only screen and (max-width: 960px){
	.bl-f3 { width:253px}
	.bl-f2 { width:196px}
	.byst-name { font-size:26px;line-height: 54px}
	.h-sm-des { font-size:26px}
	.header h1 { font-size:36px}
	.h-info { width:440px;}
}
@media only screen and (max-width: 930px){
	.el-pic {min-height: 260px}
}
@media only screen and (max-width: 870px){
	.el-pic {min-height: 240px}
	.b-byst img { width:250px}
	.byst-name { font-size:20px;line-height: 44px}
	.b-bl-f {padding: 0 0 32px 0}
}
@media only screen and (max-width: 800px){
	.menu-but-w { display:block}
	.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}
	.menu.box-flex-c {flex-wrap:wrap}
	.h-info { width:300px; padding:0}
	.h-info .box-flex { flex-wrap:wrap}
		.h-dev { width:180px; height:1px; top:0; margin:13px 0}
	.bl { width:35%}
	.el-usl { width:32%}
	.zag { font-size:26px}
	.but-w { box-shadow: 0 0 2px #bdbdbd; text-shadow: 0 0 3px #bdbdbd}
	.dev { display:none}
	.gallery,.gallery-albom {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 750px){
	.el-usl { width:48%}
	.el-pic { min-height: 320px}
	.b-name { margin: 39px 20px 0 0}
	.byst-name { font-size: 18px; line-height: 38px}
	.b-bl-f.box-flex { flex-wrap:wrap}
	.bl-f1, .bl-f2, .bl-f3 { width:100%; margin:16px 0}
	.bl-f1.box-flex,.bl-f2.box-flex,.bl-f3.box-flex {justify-content:flex-start;}
}
@media only screen and (max-width: 700px){
	.b-byst .box-flex {flex-wrap:wrap}
	.b-byst img {left: auto; margin: 0 auto}
	.b-name { width:100%; margin:0 0 20px 0; text-align:center}
	.byst-name { margin:10px 0}
	.b-name .but-w { float:none}
}
@media only screen and (max-width: 600px){
	.logo { margin:0 auto}
	.header { padding: 18px 0 30px 0}
	.header .main.box-flex { flex-wrap:wrap}
	.h-info { width:100%; text-align:center; margin: 40px 0 0 0}
	.h-dev { margin:16px auto }
	.t-h,.phone { width:100%}
	.h-sm-des { padding:30px 0}
	.header h1 {margin: 0 0 30px 0}
	.el-pic { min-height:242px}
	.b-byst img { width:180px; top: -22px; left: 24px}
	.b-name {margin: 32px 20px 0 0}
	.byst-name {font-size: 16px;line-height: 30px}
	.box-flex-m { flex-wrap:wrap}
	.bl { width:100%; text-align:center;margin: 30px 0}
	.el-usl { width:100%}
	.el-pic { min-height:inherit}
	.gallery, .gallery-albom {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}
@media only screen and (max-width: 400px){
.main { padding:0 5px}
.cont { text-align:justify}
.map-c { 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: 320px){
	.b-usl .box-flex2 { padding:20px}
}
.active-menu { display:block; left:0}
.articls a {color: #1686cc;}