html, body {background-color: #FFFFFF;font: 87.5%/100% Arial, Helvetica, sans-serif;height: 100%;margin: 0;padding: 0;}
body{overflow-y:scroll}
img {border:0;}
fieldset {margin: 0;padding: 0;border: 0;}
p {margin: 0.7142em 0;}
a {color: #428BCA;text-decoration: underline;transition: color 0.8s;}
a:hover {color: #2A6496;text-decoration: none;}
h1 {color: #2C679B;font-size: 171.42%;font-weight: normal;line-height: normal;margin: 0 auto 0.3846em;padding: 0.7692em 0 0 0;text-align: left;}
h2 {color: #2C679B;font-size: 142.85%;font-weight: normal;line-height: normal;margin: 0 auto 0.6em;padding: 0.9em 0 0 0;text-align: left;}
h3 {color: #000000;font-size: 128.57%;font-weight: normal;line-height: normal;margin: 0 auto 0.5555em;padding: 0.6666em 0 0;text-align: left;}
button::-moz-focus-inner {padding:0;border:0;}
details, figcaption, figure, footer, header, hgroup, section, nav {display: block;}
#wrapper {padding: 0.7142em;position:relative;}
.responsive_block {display: block;line-height: 0;overflow: hidden;position: relative;width: 100%;}
.responsive_block img{width: 100%;}
.responsive_block >a{text-decoration: none;outline: none;}
.responsive_block.max700 >img{max-width: 700px;}
.responsive {display: block;height: 0;left: 0;line-height: 0;overflow: hidden;position: relative;top: 0;width: 100%;z-index: 0;}
.responsive >img{left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.clear {clear:both;}
/*Стили шапки*/
header {overflow: hidden;padding: 0 0 0.7142em;}
.top_logo {color: #5A5A5A;}
#logo {margin: 0;overflow: hidden;}
#logo >a{padding-bottom: 11.11%;text-decoration: none;}
.top_contact {font-weight: bold;}
.top_contact >.top_phone >span{display: block;font-size: 114.28%;line-height: 137.5%;}
.top_contact >.top_site {margin-top: 0.2857em;}
.top_contact {margin-bottom: 0.7142em;}
.top_info {clear: both;line-height: normal;}
.top_info >p{color: #2C679B;font-size: 114.28%;font-weight: bold;margin: 0;}
/*fix menu
.fixed {background-color: #FFFFFF;max-width: 1170px;padding: 0.7142em 0 0;position: fixed;width: 100%;transition: top 1s;z-index: 10;}*/

/*меню*/
nav.mobile {overflow: hidden;}
nav.mobile >a.link_nav{background:url("/images/burger.png") no-repeat 50% 50%;border: 1px solid #DDDDDD;-moz-border-radius: 0.2857em;-webkit-border-radius: 0.2857em;-khtml-border-radius: 0.2857em;border-radius: 0.2857em;cursor: pointer;display: block;float: right;height: 28px;margin: 0.5714em;text-decoration: none;text-indent: -999px;width: 36px;}
nav.mobile >a.link_nav:hover{background-color: #DDDDDD;}
nav.mobile >a.link_nav +ul#top_menu{display: none;}
nav.mobile >a.link_nav +ul#top_menu >li{border-top:1px solid #E7E7E7;display: block;text-align: left;}
nav.mobile >a.link_nav.menu_parent_exp +ul#top_menu{clear: both;display: block;}
nav.mobile >a.link_nav +ul#top_menu >li.menu_parent >a:after{right: 4px;}
nav.mobile >a.link_nav +ul#top_menu >li.menu_parent.menu_parent_exp {padding-bottom: 0;}
nav.mobile >a.link_nav +ul#top_menu >li.menu_parent.menu_parent_exp >ul{background: none;border: 0;border-top: 1px solid #e7e7e7;display: block;margin: 1.0714em -0.7142em 0;position: relative;box-shadow: 0 0 0;}
nav.mobile >a.link_nav +ul#top_menu >li.menu_parent.menu_parent_exp >ul >li{padding: 0.7142em 1em;}
nav {background: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);border: 1px solid #e7e7e7;-moz-border-radius: 0.2857em;-webkit-border-radius: 0.2857em;-khtml-border-radius: 0.2857em;border-radius: 0.2857em;margin: 0.7142em 0;-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);}
nav >ul#top_menu{display: table;margin: 0;padding: 0;width: 100%;}
nav >ul#top_menu >li{display: table-cell;list-style: none;list-style-type: none;padding: 1.0714em 0.7142em;position: relative;text-align: center;}
nav >ul#top_menu >li.active {background: linear-gradient(to bottom, #ebebeb 0px, #f3f3f3 100%);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;}
nav >ul#top_menu >li.menu_parent.menu_parent_exp{box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;}
nav >ul#top_menu >li >a{color: #000000;cursor: pointer;display: block;font-weight: bold;padding: 0 0.3571em;position: relative;text-decoration: none;white-space: nowrap;}
nav >ul#top_menu >li >a:hover {color: #777777;}
nav >ul#top_menu >li.active >a{color: #333333;}
nav >ul#top_menu >li >ul{display: none;margin: 0;padding: 0;}
nav >ul#top_menu >li >ul >li{border-top:1px solid #E7E7E7;list-style: none;list-style-type: none;padding: 0.4285em 1.1428em;text-align: left;}
nav >ul#top_menu >li >ul >li:first-child{border-top: 0;}
nav >ul#top_menu >li >ul >li >a{color: #333333;text-decoration: none;white-space: nowrap;}
nav >ul#top_menu >li >ul >li >a:hover{color: #666666;}
nav >ul#top_menu >li >ul >li.active >a{color: #428BCA;}
nav >ul#top_menu >li.menu_parent >a:after{border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid;content: "";margin: -1px 0 0 0.7142em;position: absolute;top: 50%;}
nav >ul#top_menu >li.menu_parent.menu_parent_exp >a{color: #333333;}
nav >ul#top_menu >li.menu_parent.menu_parent_exp >ul {background: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);border-top: 1px solid #e7e7e7;/*border: 1px solid #e7e7e7;*/-moz-border-radius: 0 0 0.2857em 0.2857em;-webkit-border-radius: 0 0 0.2857em 0.2857em;-khtml-border-radius: 0 0 0.2857em 0.2857em;border-radius: 0 0 0.2857em 0.2857em;/*-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);*/box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;display: block;left: 0;min-width: 100%;position: absolute;top: 100%;z-index: 10;}
.head_form {}

/*Стили контента*/
article {color: #5A5A5A;text-align: justify;margin: 0.7142em 0;padding: 0 0 0.7142em;}
article >h3{clear: left;}
article >h3.red{color: red;}
article >h2:first-child{padding-top: 0;}
p.head >strong{color: #2C679B;font-size: 128.57%;font-weight: normal;font-style: normal;}
p.black {color: #000000;}
.blue{color: #428BCA;}
article ul, .table ul, article ol, .table ol{margin: 0;padding: 0 0 0 1em;}
.table {border-bottom: 1px solid #EEEEEE;color: #5A5A5A;margin: 0.7142em 0 0;padding: 0 0 0.7142em;text-align: justify;}
.table >div >div.responsive{padding-bottom: 50%;}
.more {margin: 0.7142em 0;text-align: left;}
.more.head_form >a{background: linear-gradient(to bottom, #fff 0px, #FFFF00 100%);border:1px solid #BFBF00;color: #000;}
.more.head_form >a:hover {background-color: #FFFF00;}
.more >a{background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);border:1px solid #CCCCCC;cursor: pointer;-moz-border-radius: 0.2857em;-webkit-border-radius: 0.2857em;-khtml-border-radius: 0.2857em;border-radius: 0.2857em;color: #333333;font-size: 92.85%;display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;padding: 0.3846em 0.7692em;text-decoration: none;text-shadow: 0 1px 0 #FFFFFF;}
.more >a:hover{background: #e0e0e0;}
.more >a +a{margin-left: 0.7142em;}
.more.rigth {display: flex;justify-content: flex-end;}
.red {color: #FF0000;}
/*контакты*/
.page_contact {margin: 1.1428em 0 0;text-align: left;}
.page_contact >div:first-child{margin: 0 0 1.1428em;}
.ymaps-2-1-29-copyrights-pane {display: none;}
/**/
.date_arhor {display: flex;justify-content:space-between;margin: 0 0 1em;}
.date_arhor >div {color: #333333;font-size: 92.85%;text-align: left;font-weight: bold;}
.date_arhor >div+div{margin-left: 1em;text-align: right;}
/*картинки*/
.right_img {float: right;margin: 0 0 1em 1em;}
.left_img {float: left;margin: 0 1em 1em 0;}
.tabl_b {color: #8A8A8A;font-size: 92.85%;margin: 0 auto;text-align: center;}
/*.right_photo, .left_photo, .left_photo_mini, .right_photo_mini {border: 1px solid #E4E4E4;box-sizing: border-box;line-height: 0;margin: 0.625em 0 0;padding: 0.375em;}
.right_photo img, .left_photo img, .left_photo_mini img, .right_photo_mini img {display: block;width: 100%;}*/
.left_photo_mini >span {border-top: 1px solid #E4E4E4;font-size: 87.5%;display: block;margin: 0.7142em 0 0;padding: 0.7142em 0 0;line-height: normal;text-align: center;}

.center_photo {margin: 0.25em 1em 0.625em 0; width: 100%; text-align:center;}
.center_photo img {display: block; max-width: 100%; margin: 0 auto;}
.center_photo >span {border-bottom: 1px solid #E4E4E4; font-size: 87.5%; display: inline-block; margin: 0 0 0.7142em; padding: 0 0 0.7142em; line-height: normal; text-align: center; font-weight: bold;}
/*фото*/
.photo {overflow: hidden;line-height: 0;}
.photo >a{text-decoration: none;outline: none;}
.left_fix_photo {border: 2px solid #FFF;box-sizing: border-box;line-height: 0;margin: 0.625em 0;text-align: center;}
.right_photo, .left_photo, .left_photo_mini, .right_photo_mini, .photo >div, .photo_border, .fix_photo {border: 1px solid #E4E4E4;box-sizing: border-box;line-height: 0;margin: 0.625em 0;padding: 0.375em;}
.right_photo img, .left_photo img, .left_photo_mini img, .right_photo_mini img, .photo img, .photo_border img, .photo_center_mini >img, .photo_block >img {display: block;outline: none;width: 100%;}
.photo_border >a {position: relative;display: block;text-decoration: none;}
.photo_border >a >span {color: #337AB7;display: block;line-height: normal;text-align: center;}
.photo_border >a:hover >span {color: #03A9F4;}
.photo_border.mini {border: 0;padding: 0;max-width: 640px;margin-left: auto;margin-right: auto;}
.photo_center_mini {line-height: 0;margin: 0.625em auto;max-width: 260px;}
.left_fix_photo >img{margin: 0 auto;max-width: 100%;width: auto;}
.center_fix_photo {box-sizing: border-box;line-height: 0;margin: 0.625em 0;text-align: center;}
.center_fix_photo >img{border: 2px solid #FFF;margin: 0 auto;max-width: 100%;width: auto;}

.photo_text {margin: 1.1428em 0;}
.photo_text >div {border: 1px solid #E4E4E4;box-sizing: border-box;padding: 0.625em;}
.photo_text >div >p{border-top: 1px solid #E4E4E4;font-size: 87.5%;display: block;margin: 0.7142em 0 0;padding: 0.7142em 0 0;line-height: normal;text-align: center;}

/*блоки*/
.two >div, .three >div, .four >div, .six >div{box-sizing: border-box;margin: 0.7142em 0 0;}
.three >div:first-child, .four >div:first-child{margin-top: 0;}
/*стили таблицы*/
.table_style {background-color: #A2A2A2;border: 0;border-spacing: 1px;text-align: left;}
.table_style >tbody >tr >td{background-color: #FFFFFF;font-size: 92.85%;padding: 0.7692em;}
.table_style >thead >tr >td{background: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);color: #333333;font-size: 92.85%;font-weight: bold;padding: 0.7692em;}
.table_style.triple >tbody >tr >td{width: 33.33%;}
.table_style.noborder {background-color: #FFFFFF;}
.table_style .responsive_block{margin: 0 auto;max-width: 250px;}
/*стили списков*/
li {margin: 0.2857em 0;}
/*заявка*/
.sorder {max-width: 600px;}
.sorder >fieldset{background-color: #EEEEEE;border: 1px solid #D3D3D3;-moz-border-radius: 0.2857em;-webkit-border-radius: 0.2857em;-khtml-border-radius: 0.2857em;border-radius: 0.2857em;margin: 1.1428em 0;padding: 1em;text-align: left;}
.sorder >fieldset >p.head {border-bottom: 1px solid #CCCCCC;color: #2C679B;font-size: 128.57%;line-height: normal;margin: 0 0 0.5555em;padding: 0 0 0.5555em;}
.sorder >fieldset >p.label {color: #000000;margin: 1.1428em 0 0.7142em;}
.sorder >fieldset >p.head +p.label, .sorder >fieldset >p.head +div.label{margin-top: 0.7142em;}
.sorder >fieldset >ul {margin: 0;padding: 0;}
.sorder >fieldset >ul >li{font-size: 92.85%;list-style: none;list-style-type: none;padding: 0.3076em 0 0;}
.sorder >fieldset >ul >li:first-child{padding: 0;}
.sorder >fieldset >div.label {margin: 1.1428em 0 0;}
.sorder >fieldset >div.label >label{color: #000000;display: block;padding: 0 0 0.4285em;}
.sorder >fieldset >div.label >label >sup {color: #BC1212;}
.sorder >fieldset >div.label >.query_text {background-color:#FFFFFF;border:1px solid #C1C1BF;-moz-border-radius:0.2142em;-webkit-border-radius:0.2142em;-khtml-border-radius:0.2142em;border-radius:0.2142em;color:#828282;font-family:"Raleway", sans-serif;font-size:100%;height:19px;line-height:19px;margin:0;max-width: 310px;padding:0.1428em 1%;width:98%;}
.sorder >fieldset >div.label >textarea.query_text {height: 100px;}
.sorder >fieldset >div.label >.query_text:focus {background-color:#EBEBEB;-moz-box-shadow:0 3px 4px #D8D8D8 inset;-webkit-box-shadow:0 3px 4px #D8D8D8 inset;box-shadow:0 3px 4px #D8D8D8 inset;border-color:#C1BDB8;color:#000000;}
.sorder >fieldset >div.label >.query_text.error {background-color:#FAF2E9;}
.query_sub {margin: 1.4285em 0 0;}
.query_sub >#order_s{background: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);border: 1px solid #2B669A;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);-moz-border-radius: 0.2857em;-webkit-border-radius: 0.2857em;-khtml-border-radius: 0.2857em;border-radius: 0.2857em;display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;color: #FFFFFF;cursor: pointer;margin: 0;padding: 10px 16px;}
.query_sub >#order_s:hover{background: #2d6ca2;}
/*Стили футера*/
footer {border-top: 1px solid #EEEEEE;color: #5A5A5A;padding:0.7142em 0;position: relative;}
.top {float: right;}
/*Режимы*/
/*блоки и картинки*/
@media only screen and (min-width: 360px) {
	/*блоки*/
	.four.flex, .six.flex {display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.four.flex >div, .six.flex >div{margin-top: 0.7142em;}
	.four >div{float: left;}
	.four >div:nth-child(1), .four >div:nth-child(2) {margin-top: 0;}
	.six >div:nth-child(1), .six >div:nth-child(2), .six >div:nth-child(3) {margin-top: 0;}
	/*фото*/
	.left_photo_mini, .left_fix_photo {float: left;margin: 0 1em 0 0;max-width: 200px;width: 40%;}
	.right_photo_mini {float: right;margin: 0 0 0 1em;max-width: 200px;width: 40%;}
}
@media only screen and (min-width: 360px) and (max-width: 639px) {
	/*блоки*/
	.four >div{margin: 1.6% 0 0 1.6%;width: 49.2%;}
	.four >div:nth-child(2n+1) {margin-left: 0;}
	.six >div{margin: 1.6% 0 0 1.6%;width: 32.266%;}
	.six >div:nth-child(3n+1) {margin-left: 0;}
}
@media only screen and (min-width: 390px) {	
	/*блоки*/
	.three.flex {display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.three.flex >div{margin-top: 0.7142em;}
	.three >div{float: left;}
	.three >div:nth-child(1), .three >div:nth-child(2) {margin-top: 0 !important;}
}
@media only screen and (min-width: 390px) and (max-width: 799px) {
	/*блоки*/
	.three >div{margin: 1.6% 0 0 1.6%;width: 49.2%;}
	.three >div:nth-child(2n+1) {margin-left: 0;}
	.three.big >div{margin-left: 4.1%;width: 47.95%;}
	.three.big >div:nth-child(2n+1) {margin-left: 0;}
}
@media only screen and (min-width: 490px) {
	/*блоки*/
	.two {display: flex;flex-wrap: wrap;}
	.two >div{margin: 1.9% 0 0 1.9%;width: 49.05%;}
	.two.flex >div{margin-top: 0.7142em;}
	.two >div:nth-child(1), .two >div:nth-child(2) {margin-top: 0;}
	.two >div:nth-child(2n+1) {margin-left: 0;}
	/*фото*/
	.right_photo {float: right;margin: 0.25em 0 0.625em 1em;max-width: 340px;width: 50%;}
	.left_photo {float: left;margin: 0.25em 1em 0.625em 0;max-width: 340px;width: 50%;}
	.project_photo .slick-slide >p {background: rgba(0, 0, 0, 0.7);bottom: 0;left: 0;position: absolute;right: 0;}
}
@media only screen and (min-width: 640px) {
	/*блоки*/
	.two >div{margin: 1.6% 0 0 1.6%;width: 49.2%;}
}
@media only screen and (min-width: 640px) and (max-width: 912px) {
	/*блоки*/
	.four >div{margin: 1.4% 0 0 1.4%;width: 32.4%;}
	.four >div:nth-child(3n+1) {margin-left: 0;}
	.four >div:nth-child(3) {margin-top: 0;}
	
	.six >div{margin: 1.4% 0 0 1.4%;width: 23.95%;}
	.six >div:nth-child(4n+1) {margin-left: 0;}
	.six >div:nth-child(4) {margin-top: 0;}
}
@media only screen and (min-width: 800px) {
	/*блоки*/
	.two >div{margin: 1.4% 0 0 1.4%;width: 49.3%;}
	.three >div{margin: 1.4% 0 0 1.4%;width: 32.4%;}
	.three.big >div{margin-left: 4.1%;width: 30.6%;}
	.three.big >div:nth-child(3n+1) {margin-left: 0;}
	.three >div:nth-child(3n+1) {margin-left: 0;}
	.three >div:nth-child(3), .four >div:nth-child(3) {margin-top: 0 !important;}
}
@media only screen and (min-width: 913px) {
	/*блоки*/
	.two >div{margin: 1.2% 0 0 1.2%;width: 49.4%;}
	.three >div{margin: 1.1% 0 0 1.1%;width: 32.6%;}
	.three.big >div{margin-left: 4.1%;width: 30.6%;}
	.three.big >div:nth-child(3n+1) {margin-left: 0;}
	.four >div{margin: 1.1% 0 0 1.1%;width: 24.175%;}
	.three.flex >div, .four.flex >div{margin-top: 0.875em;}
	.four >div:nth-child(4n+1) {margin-left: 0;}
	.four >div:nth-child(1), .four >div:nth-child(2), .four >div:nth-child(3), .four >div:nth-child(4) {margin-top: 0;}
	
	.six >div{margin: 1.1% 0 0 1.1%;width: 19.12%;}
	.six.flex >div{margin-top: 0.875em;}
	.six >div:nth-child(5n+1) {margin-left: 0;}
	.six >div:nth-child(1), .six >div:nth-child(2), .six >div:nth-child(3), .six >div:nth-child(4), .six >div:nth-child(5) {margin-top: 0;}
}
@media only screen and (min-width: 1000px) {
	.six.flex >div{margin: 1.1% 0 0 1.1%;width: 15.75%;}
	.six >div:nth-child(6) {margin-top: 0;}
	.six >div:nth-child(6n+1) {margin-left: 0;}
}


@media only screen and (min-width: 360px) {	
	/*фото*/
	/*.left_photo_mini {float: left;margin: 0.25em 1em 0.625em 0;max-width: 250px;width: 35%;}
	.right_photo_mini {float: right;margin: 0.25em 0 0.625em 1em;max-width: 250px;width: 35%;}
	.right_photo {float: right;margin: 0.25em 0 0.625em 1em;max-width: 320px;width: 50%;}
 	.left_photo {float: left;margin: 0.25em 1em 0.625em 0;max-width: 320px;width: 50%;}*/

}

@media only screen and (max-width: 574px){
	#logo {max-width: 300px;}
}
@media only screen and (min-width: 575px) {
	.top_logo {float: left;max-width: 360px;width: 50%;}
	.top_contact {border-left: 1px solid #326EA2;float: left;margin: 0 0 0 16px;padding: 0 0 0 16px;}
}
@media only screen and (min-width: 620px) {
	html, body {font-size: 100%;line-height: 100%;}
	#wrapper {font-size: 87.5%;line-height: 128.57%;margin: 0 auto;max-width: 1170px;}
	.top_contact >.top_site {margin: 0;}
	.table {display: table;width: 100%;}
	.table >div{display: table-cell;width: 48%;}
	.table >div:first-child{padding-right: 2%}
	.table >div:first-child +div{padding-left:2%}
	/*контакты*/
	.page_contact {display: table;width: 100%;}
	.page_contact >div{display: table-cell;margin: 0;vertical-align: top;width: 38%;}
	.page_contact >div:first-child{padding-right: 1%;width: 60%;}
	.page_contact >div:first-child +div{padding-left:1%;}
	#counter {bottom: 0;position: absolute;right: 0;}
}
@media only screen and (min-width: 920px) {
	.top_info {clear: none;float: right;text-align: right;}
}