@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat'), local('Montserrat-Regular'), url('../fonts/montserrat.woff2') format('woff2'), url('../fonts/montserrat.woff') format('woff'), url('../fonts/montserrat.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body { margin:0; padding:0; font-size:15px; background:#fff; font-family:Montserrat, Arial, serif}
h1 { font-size:28px; text-align:center;color:#004f9b}
h2,h3 { font-size:23px; text-align:center;color:#004f9b}

input,textarea { outline:none; padding:5px 12px;font-family:Montserrat, Arial, sans-serif; margin:0 0 5px 0; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; border-top:#9b9b9b solid 1px; border-bottom:#d7d7d7 solid 1px;box-sizing:border-box; box-shadow:0 1px 3px inset #c7c7c7}
textarea {resize: vertical;}
input[type=text] { width:300px}
textarea { width:600px}
input[type=submit],input[type=button] {padding:6px 16px; margin:0 auto; cursor:pointer; background:#004f9b; font-family:Montserrat, Arial, sans-serif;box-shadow: none; border:none; color:#fff; font-size:15px}
.wholder input:-moz-placeholder { color:#a2a2a2;}
.wholder textarea:-moz-placeholder { color:#a2a2a2;}
.wholder input::-webkit-input-placeholder { color:#a2a2a2;}
.wholder textarea::-webkit-input-placeholder { color:#a2a2a2;}
.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;}
a { color:#004fa5}
img { max-width:100%}
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}
.box-flex,.box-flex2,.box-flex3,.gallery,.box-flex-c {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 {justify-content:center;}
.head {height:234px; background:url(../images/fon-h.jpg) no-repeat center top}
	.main { width:1074px; margin:0 auto}
	.liner { width:396px;}
		.liner img { max-width:inherit; margin:0 0 0 -366px}
	.logo { width:244px; margin:60px 0 0 0}
	.h-info { width:370px; text-align:right}
		.h-menu {color:#004fa5; margin:26px 0 0 0}
			.h-menu span { padding:0 22px}
		.h-phone { font-size:37px; color:#004cb1; margin:32px 0}
		.h-skype { font-size:22px; margin:0 0 20px 0}
			.h-skype a { text-decoration:none}
			.h-skype img {display: inline-block; vertical-align: top}
		.h-soc { display:inline-block}
			.h-soc img { margin:0 5px}
.menu { background:#004f9b}
	.menu a { color:#fff; text-decoration:none}
.zag-h { font-size:20px; color:#004f9b; text-align:center; margin:30px 0}
.hleb-kroshki { margin:30px 0}
.bl { width:340px; height:382px; border:#004f9b solid 2px; background:#f0f7ff; position:relative}
	.bl img { display:block;}
	.bl-logo { padding:10px 0; background:#fff}
	.bl-logo img { max-width:264px; margin:0 auto}
	.bl-name { background:#004f9b; padding:8px 30px; color:#fff}
		.bl-name a { color:#fff}
	.bl p { padding:0 30px; color:#004f9b}
	.bl-link { font-style:italic; color:#0077cb; margin:0 30px}
	.box-flex .bl:first-child { background:#ffd728}
.zag { font-size:20px; color:#004f9b; text-transform:uppercase; padding:46px 0 7px 0}
.zag-sm,h3 { font-size:20px; color:#004f9b; font-weight:normal}
.cian {color:#004f9b}
.b-news { padding:13px 0 45px 0; border-bottom:#aeaeae solid 1px}
	.el-news { width:30%}
		.news-date { font-weight:bold; padding:0 0 10px 0}
		.news-img { max-width:153px; flex-shrink:0; padding:0 10px 0 0}
		.el-news a { color:#000; text-decoration:none}
.b-q { padding:0 0 25px 0; border-bottom:#aeaeae solid 1px}
	.b-q a { color:#000}
	.b-q ul { margin: 0 0 0 17px; padding:0}
		.b-q li { margin:8px 0}
.cont { padding:20px 0}
	.left-td {}
	.right-td { width:300px; flex-shrink:0;padding:0 0 0 10px}
.b-card { margin:33px 0 0 0}
	.b-card .zag-sm { width:670px; text-align:center; font-size:15px; margin:0 auto; font-weight:bold}
	.visa { margin:30px 0}
		.visa img { display:block; margin:0 auto}
	.b-card-el { width:710px; margin:0 auto}
		.el-card { width:87px; margin:0 0 20px 0}
		.el-card img { border:#004f9b solid 1px}
.b-menu-ico { width:960px; margin:80px auto 0 auto; padding:0 0 60px 0; border-bottom:#aeaeae solid 1px}
	.m-ico { width:162px; text-align:center; font-weight:bold}
		.m-ico a { text-decoration:none}
		.m-ico img { display:block; margin:0 auto 36px auto}
.b-ras { width:50%}
	.t-sm { font-size:12px; color:#888}
	.b-ras label { margin:0 15px 0 0}
	.b-ras input[type=button] { margin: 15px 0 50px 248px}
.b-list-docs { width:40%}
	.b-list-docs ul { list-style:none; margin:0; padding:0}
	.b-list-docs li { background:url(../images/ico-word.png) no-repeat left center; padding:6px 0 6px 30px}
	.b-list-docs li:last-child { background:url(../images/ico-pdf.png) no-repeat left center}
	.b-list-docs a { color:#000}
.pages {text-align: center; font-size: 24px;}
.pages a {padding: 3px 5px 3px 5px; display: inline-block;}
.box-country-artikle {}
	.artikle-country { font-size:22px; text-align:center;}
	.artikle-city { width:300px; float:left; padding:8px 15px;}
.otz { width:600px; margin:0 auto}
	.otz label { width:100px; display:inline-block; text-align:left}
.footer { background:#004f9b; color:#fff; font-size:12px; padding:36px 0; margin:45px 0 0 0}
	.footer a { color:#fff}
	.bf1 { width:22%; text-align:center; font-style:italic; padding:14px 0 0 0}
		.bf1 img { display:block; margin:0 auto 8px auto}
	.bf2 { width:19%}
		.f-zag { font-size:13px; font-weight:bold; padding:14px 0 0 0}
		.bf2 ul { margin:14px 0 0 25px; padding:0}
		.bf2 li { padding:1px 0}
		.bf2 a { text-decoration:none}
	.f-dev { width:1px; background:#fff; height:195px; margin:14px 0 0 0}
	.bf3 { width:19%; padding:7px 0 0 0}
		.bf3 .f-zag { padding:7px 0 0 0}
		.bf3 a { text-decoration:none}
	.h-soc-b { display:none; text-align:center; margin:20px 0 28px 0}
		.h-soc-b img { margin:0 4px}
	.copy {margin: -16px 0 0 0}
	.kproj {margin:5px 0 0 0}
	
#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] { background:#e56464; border:none; color:#FFFFFF; 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: 1100px){	
	body { font-size:14px}
	.main { width:100%; padding:0 10px; box-sizing:border-box}
	.h-menu span { padding:0 16px}
	.h-phone { font-size:26px}
	.h-skype { font-size:16px}
	.h-skype img { width:26px}
	.liner img {margin: 0 0 0 -470px}
	.h-soc img { margin:0; width: 26px}
	.bl { width: 300px;height: 337px}
	.bl-logo { padding:0}
}
@media only screen and (max-width: 990px){
	.b-menu-ico { width:100%}
	.news-img { max-width:100px}
}
@media only screen and (max-width: 960px){
	.bl { width:250px}
	.box-flex .bl:first-child img { position:absolute; top:50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%); transform: translate(0, -50%);}
}
@media only screen and (max-width: 860px){
	.bf3 { width:22%}
	.bf2 { width:24%}
	.copy { margin:18px 0 0 0}
	.bl-name { padding:8px 15px}
	.bl p,.bl-link { padding:0 15px}
}
@media only screen and (max-width: 820px){
	.liner {width: 243px}
	.liner img {margin: 0 0 0 -570px}
	.b-bl.box-flex {flex-wrap:wrap}
	.bl { width:100%; height:350px; margin:0 0 20px 0; text-align: center}
	.box-flex .bl:first-child img { position:relative; top:inherit;-webkit-transform: none;-ms-transform:none; transform:none; max-height:100%; max-width:inherit; margin:0 auto}
	.b-news.box-flex {flex-wrap:wrap}
	.el-news { width:100%; margin:0 0 20px 0}
	.news-img { max-width:153px}
	.el-news .box-flex {justify-content:flex-start}
	.b-ras input[type=text] { width:200px}
	.b-ras input[type=button] { margin: 6px 0 50px 143px}
}
@media only screen and (max-width: 790px){
	.b-ras,.b-list-docs { width:49%}
	.bf1 { width:13%}
}
@media only screen and (max-width: 760px){
	.menu-but { display:block}
	.menu {position:absolute; width:100%; left:-100%; top:0; background:#262626; margin:0; padding:60px 0; z-index:25; box-sizing:border-box}
	.menu a { display:block; padding:14px 0; text-align:center; font-size:16px; color:#fff}
	.liner,.h-menu { display:none}
	.h-info {margin: 30px 0 0 0}
	.m-ico img { width:80px;margin: 0 auto 16px auto}
	.m-ico { width:102px}
	.b-card-el { width:100%}	
}
@media only screen and (max-width: 700px){
	.b-menu-ico.box-flex {flex-wrap:wrap}
	.m-ico { width:33%; margin:0 0 20px 0}
	.b-card { margin:15px 0 0 0}
	.zag { padding:20px 0 7px 0}
	.b-card .zag-sm { width:100%}
	.bf1,.b-ras,.b-list-docs { width:100%}
	.bf2,.bf3,.f-dev { display:none}
	.copy,.kproj { text-align:center}
	.b-info.box-flex { display:block}
	.h-soc-b { display:block}
	.otz { width:100%}
	.otz label { display:block; text-align:center; margin:0 0 4px 0}
	textarea { width:100%}
	.cont-td.box-flex { display:block}
	.right-td { margin:0 auto; padding:0}
}
@media only screen and (max-width: 570px){
.el-card { width:33%}
	.el-card img { display:block; margin:0 auto}	
}
@media only screen and (max-width: 375px){
.head .main.box-flex { display:block}
.logo { width:144px; padding:20px 0 0 0; margin:0}
.h-info { width:100%; text-align:center}
.h-soc,.yashare-auto-init { display:none !important}
.m-ico { width:50%}
#topcontrol { right:20px; bottom:30px}
h1 { font-size:20px}
h2, h3 { font-size:18px}
.hleb-kroshki { font-size:12px}
img[align=left] { padding:0; float:none}
.cont { padding:8px 0; text-align: justify}
}
@media only screen and (max-width: 340px){
	.box-flex .bl:first-child img { max-height:inherit; max-width:100%}
	.news-img { max-width:120px}
}
.active-menu { display:block; left:0}