/*	Шрифты*/
@font-face {font-family: "HarmoniaSansProCyr";src: url("/fonts/regular.woff") format("woff");font-style: normal;font-weight: normal;}
@font-face {font-family: "HarmoniaSansProCyr";src: url("/fonts/semibold.woff") format("woff");font-style: normal;font-weight: 500;}
@font-face {font-family: "HarmoniaSansProCyr";src: url("/fonts/bold.woff") format("woff");font-style: normal;font-weight: 600;}
/*  Фикс ширину загоняем в переменную, чтоб не бегать по всем стилям */
:root{
	--maxWidth:calc(1200px + 2em);
	--scroll:calc(100vw - 100%);
}

body {font: 100% 'HarmoniaSansProCyr', sans-serif;height: 100%;min-height: 100vh;margin: 0;padding: 0; counter-reset: curshops;overflow-x: hidden;overflow-y:auto;color: #435077;}
img {border:0;}
fieldset {margin: 0;padding: 0;border: 0;}
h1, h2{display:block;color:#435077;margin: .5em 0;padding: 0;font-size: 211.11%;font-weight: 600;position:relative;}
h3{display:block;color:#435077;margin: .5em 0;padding: 0;font-weight: 600;letter-spacing: .07em;position:relative;text-transform:uppercase;}
p {display:block;position:relative;margin: 0.625em 0;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;line-height: 1.4em;}
a {color: #435077;text-decoration: none;}
a:not(.button):hover {color:#435077;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
article{padding: 1.5em 0;}
*{box-sizing: border-box;line-height: 1.4em;}
sup{color:inherit;}
input{outline: none;}
#wrapper ul {margin:0;padding:0;padding-left:0.5em;}
#wrapper li {list-style: none;}
#wrapper li:before {content: ''; height: 0.35em; width: 0.35em; background: #435077; border-radius: 100%; display: inline-block; line-height: 1em; margin: 0.15em 1em 0.15em 0;}
.mw{max-width:var(--maxWidth);margin-right:auto;margin-left:auto;}
h1, h3 {text-align:center;}
h1.mw{padding: 0 1em;}
h1 + .block{margin-top:1px;}
.block{margin-top:4.9em;margin-bottom:4.9em;background:#fff;padding: 1px 1em;}
.block >h2, .block >h3{text-align:center;}
.block >.button{margin-left:auto;margin-right:auto;}
.two_block{display:flex;align-items: center;padding: 0}
.two_block >div{width:50%;flex-wrap:wrap;}
.two_block >div.text{padding:1em 4em;}
.two_block >div:nth-child(2n + 1){padding-left:0;}
.two_block >div:nth-child(2n + 2){padding-right:0;}
.two_block.mw >div.text:nth-child(2n + 1){padding-left: 1em;}
.two_block.mw >div.text:nth-child(2n + 2){padding-right: 1em;}
.two_block >div >img{display:block;max-width:100%;max-height:100%;margin:0 auto;}
.head_image{display:flex;align-items:center;font-weight: 600;padding:1.5em 2em;text-transform:uppercase;cursor:pointer;}
.head_image + p{padding-left:1.4em;}
.head_image:not(.open) + p{display:none;}
.head_image.open{background-color:#fafafb;}
.head_image >img{max-width:2.4em;max-height:2.4em;margin-right:1.6em;}
.hidden{display:none!important;}
.nopad, .block.nopad, .fill.nopad{padding:0;}

/*  Заливка */
.fill{background-color:#394a76;}
.fill p, .fill a, .fill h1, .fill h2, .fill h3, .fill span{color:#fff;}
.block:not(.fill) p, .block:not(.fill) a, .block:not(.fill) h2, .block:not(.fill) h3, .block:not(.fill) span{color:#394a76;}

/*  Различные кнопки */
.show_more{display:block;text-decoration:underline;margin-top:1em;}
.button, .block a.button, input[type="submit"]{display:block;width: max-content;text-transform:uppercase;font-weight:600;letter-spacing: .07em;padding:1em 1.5em;background:#394a76;color:#fff;margin-top:2em;cursor:pointer;border:0;text-decoration:none;}
.button.transparent{background:#fff;color:#394a76;border:3px solid #394a76;}
.fill .button, .fill input[type="submit"], .fill >.text a.button{background:#fff;color:#394a76;}
.fill .button.transparent{background:#394a76;color:#fff;border:3px solid #fff;}

/*  header  */
header{display:flex;align-items:center;justify-content:space-between;padding:1em;z-index:2;position: relative;}
header >div{display:flex;align-items:center;justify-content:space-between;}
#logo{width:5em;height:5em;background:url("../images/logo.png") 50% no-repeat;background-size:contain;}
header #top_menu{display:flex;justify-content:space-between;margin: 0;padding: 0}
header #top_menu ul {margin:0;padding:0;display:flex;justify-content:space-between;}
header #top_menu li >ul{display:none;}
header #top_menu li >ul a{color:#fff;display:block;}
header #top_menu li >ul a:before{background-color: #fff;}
header #top_menu li >ul li{margin:1em 0 0;padding:0;}
header #top_menu li >ul li:first-child{margin-top:0;}
header #top_menu li {list-style:none;margin-left:2em;position:relative;}
header #top_menu >li {padding: .5em 0}
header #top_menu >li:first-child {margin-left:0;}
header #top_menu a{position:relative;}
header #top_menu a:before{content: '';height: 1px;width: 0;bottom: -.6em;background-color: #394a76;left: 0;display: block;position: absolute;transition:width .5s ease;}
header #top_menu a:hover:before{width: 100%;}
header #lang {display:flex;align-items:center;}
header #lang:before {content:'';display:inline-block;width:1.9em;height:1.2em;margin-right:1.25em;background:url("../images/icons/eng.png") 50% no-repeat;background-size:contain;}
header .contacts {display: flex;flex-wrap: wrap;align-items: center;position: relative;margin-left:4em;max-width: 10.5em;}
header .contacts a {flex: 1 0 100%;}
header .contacts:before {content: '';width: 1.5em;height: 1.2em;margin-left: -2em;background: url(../images/icons/phone.png) 50% no-repeat;background-size: contain;float: left;position: absolute;left: 0;}

#wrapper{z-index:1;min-height: 21vh;}
#wrapper >div.block:first-of-type{margin-top:0;}
#wrapper >h1:first-child {margin-top: 0;}
#wrapper >div.block:last-child, #wrapper >div.block:last-child >div.block:last-child{margin-bottom:0!important;padding-bottom:0!important;}

/*  slider */
#slider{position:relative;max-height: 1000px;margin-top: -11em;}
#slider:before{content:'';/*padding-top:100%;*/width:100%;float:left;z-index:-1;}
#slider >.slider_content >div img{z-index: 0;}
#slider >.info >div{padding: 3em;width: 32em;max-width: 100%;min-width: 300px;height: 15em;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
#slider >.info >div >span{font-size: 166.6%;line-height: 1.1em;}
#slider >.slider_content >div .slick-slide {position: relative;display: flex;opacity:0.5;transition:opacity 1s ease;width: 100vw;}
#slider >.slider_content >div .slick-slide.slick-center{opacity:1}
#slider >.slider_content >div .slick-slide >div{width:100%;max-width:var(--maxWidth);margin:0 auto;}
#slider >.slider_content >div .slick-track {justify-content:normal;}
#slider >.slider_content .arrows{position: absolute;padding-left:calc(((100vw - var(--maxWidth) - var(--scroll)) / 2) + 4em);top: 18em;left: calc(1em + 60px);}
#slider >.slider_content .slick-list + .arrows{left: calc(32em + 1em);}
#slider >.slider_content >div .slick-slide:before {content: '';background: linear-gradient(180deg, #fff 9em, transparent 60%);top: 0;left: 0;position: absolute;right: 0;height: 100%;z-index:1;transition:background .5s ease;}
#slider >.info{position: absolute;top: 12em;padding-left:calc(((100vw - var(--maxWidth) - var(--scroll)) / 2) + 4em);height:5em;margin-left: calc(30px + 1em);}
#slider >.slider_content .slick-prev, #slider >.slider_content .slick-next {position: relative;width: 60px;height: 60px;background: #e8e8e8;background-position: 50%;background-repeat: no-repeat;background-size:inherit;z-index: 1;font-size:inherit;opacity:.8;left: 0;}
#slider >.slider_content .slick-prev.slick-disabled, #slider >.slider_content .slick-next.slick-disabled{filter: hue-rotate(45deg) opacity(0.3);cursor:default;}
#slider >.slider_content .slick-prev{transform: translateX(-100%) rotate(180deg);background-image:url("../images/icons/arrow.png");}
#slider >.slider_content .slick-next{transform:none;background-image:url("../images/icons/arrow.png");}

/*  breadcrumb */
.breadcrumb{display:flex;margin: 1em 0;padding: 0 1em;}
.breadcrumb li{list-style:none;margin:0;padding:0;font-weight:600;}
.breadcrumb li:last-child{font-weight:400;}
.breadcrumb li + li:before{content:'/';display:inline-block;margin:0 1em;}

/*  tabs */
.tabs{display:flex;flex-wrap: wrap;justify-content:center;}
.tabs >a{text-transform:uppercase;font-weight:600;margin-left:4em;white-space: nowrap;cursor:pointer;}
.tabs >a:first-child{margin-left:0;}
.tabs >a.active{text-decoration:underline;}

/*  way_on_main*/
.way_on_main{display:flex;flex-wrap:wrap;margin-top:1.5em;max-width: 1070px;margin-left:auto;margin-right:auto;}
.way_on_main >a{display:flex;align-items:center;width:48%;margin-top:1em;margin-left:4%;padding:1em 1.5em;background:#394a76;color:#fff!important;text-transform:uppercase;}
.way_on_main >a >img{width: 2em;filter: grayscale(100%) brightness(10);margin-right: 1.5em;}
.way_on_main >a:nth-child(2n + 1){margin-left:0;}

/*  vacancy */
.vacancy >div{margin-top:1em;}
.vacancy >div >a{display:block;width:100%;cursor:pointer;text-transform:uppercase;font-weight:600;}
.vacancy >div >div{margin: 0 0 1.5em;overflow:hidden;transition:all ease 1s;}
.vacancy >div:not(.open) >div{height:0;margin: 0;}

/*  company_on_main */
.company_on_main {height: 100px;margin-top:1.5em;margin-left:70px;margin-right:70px;}
.company_on_main .slick-slide{margin-right:2em;}
.company_on_main a{outline:none;}
.company_on_main img{max-height: 100px;}

/*  licenses */
.licenses{background:transparent;flex-wrap:wrap;margin-top: 0em;margin-bottom: 4.9em;}
.licenses ~ p{color:#fff;margin:2em 0;text-align: center;}
.licenses .license{display:flex;background:#394a76;width:48%;margin-left:4%;margin-top:2em;align-items:center;}
.licenses .license:nth-child(2n + 1){margin-left:0;}
.licenses .license *{color:#fff!important;}
.licenses .license >div{max-width:48%;margin-left:4%;}
.licenses .license >div:first-child{margin-left:0;}
.licenses .license >div:first-child + div{flex:1;}
.licenses .license >div >a{font-weight:600;display: block;}
.licenses .license >div >img{display:block;max-width:100%;margin:0 auto;max-height: 15em;}

/*	nav_cat_top */
.nav_cat_top {max-width: var(--maxWidth);margin-right: auto;margin-left: auto;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
.nav_cat_top >a{margin-top: 1em;margin-right: 2em;text-transform: uppercase;font-weight: 600;font-size: 83%;}
.nav_cat_top >a:hover, .nav_cat_top >a.active{text-decoration:underline;}
.nav_cat_top + .block{margin-top:1.5em;}

/*  cat_image_nav */
.cat_image_nav >.fback{margin:0 0 1.5em!important;}
.cat_image_nav >div{position:relative;}
.cat_image_nav >div:first-child{padding: 0 0 2em 2em;}
.cat_image_nav >div:first-child:before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 90%;height: 90%;background: #394a76;z-index: 0;}
.cat_image_nav >div >img{display:block;max-width:100%;position:relative;}
.cat_image_nav >div.nav_cat{z-index:1;margin: 2em 10% 1em 0;display:flex;align-items:center;justify-content:flex-end;}
.cat_image_nav >div.nav_cat >span{margin-right:2em;}
.cat_image_nav >div.nav_cat .prev, .cat_image_nav >div.nav_cat .next{width:60px;height:60px;display:block;background:url("../images/icons/arrow_w.png") 50% no-repeat #394a76;outline: none;border: none;}
.cat_image_nav >div.nav_cat .prev:hover, .cat_image_nav >div.nav_cat .next:hover{background-color:#d3d4e0}
.cat_image_nav >div.nav_cat .prev{transform:rotate(180deg);border-left: 1px solid #394a76;}

/*  project */
.project{display:flex;margin-top: 1.5em;padding: 1em 2em;border: 1px solid #848393;}
.project *[filter-pid]{cursor:pointer;}
.project >div:first-child{overflow:hidden;position:relative;background-size: contain;background-repeat: no-repeat;background-position: 50%;flex: 1 0 170px;margin: 0 4em 0 2em;}
.project >div:first-child >img{display: block;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.project >div:first-child + div{width:100%;}
.project >div >span{display:block;margin:.25em 0;}
.project >div .name{font-weight: 600;margin: 0 0 .5em 0;font-size: 112.5%;color: #000;}
.project >div p>span{font-weight: 600;color: #000;}
.project .icons{display:flex;}
.project .icons >a{width: 4em;height: 4em;margin-left: 1.5em;display: flex;align-items:center;background-color: #394a76;padding: 1em;cursor:pointer;}
.project .icons >a:first-child{margin-left:0;}
.project .icons >a >img{display:block;max-width:100%;height:100%;filter: grayscale(100%) brightness(10);}

/*	slider_project */
.slider_project >div.show_more_container{margin-left:0;width:100%;}
.slider_project >div.show_more_container >.show_more{text-decoration:none;margin:1.5em auto;}

/*  russian-map */
#maple{text-align:center;}
#russian-map{text-align:center;}
#russian-map >svg{width: 90vw!important;height: calc(90vw / (862 / 497))!important;max-width:860px!important;max-height:calc(860px / (862 / 497))!important;}

/*  triggers */
.triggers{display:flex;margin:2em 0;}
.triggers >div{background:#f5f6f8;padding:0.5em;width:32%;margin-left:2%;display:flex;flex-direction:column;justify-content:center;}
.triggers >div:first-child{margin-left:0;}
.triggers >div >p{margin-top:1.5em;width:100%;font-size:88.88%;text-align:center;}
.triggers >div >div >img{display:block;margin:0 auto;}

/*  clients */
.clients{display:flex;/* justify-content:space-between; */flex-wrap:wrap;align-items:center;margin:2em auto;}
.clients >div{width:22%;margin: 2em 0 2em 4%;filter: grayscale(100%);filter: gray;cursor:pointer;}
.clients >div:hover{filter:none;}
.clients >div:nth-child(4n + 1){margin-left:0;}
.clients >div >img{display:block;max-width:100%;max-height: 80px;margin: 0 auto;}
.clients >div >a >img{display:block;max-width:80%;max-height: 80px;margin: 0 auto;}

/*  footer */
footer{color:#fff;display:flex;flex-direction:row;justify-content: stretch;flex-wrap:wrap;background: #394a76;padding: 0 calc(((100vw - var(--maxWidth) - var(--scroll)) / 2));background-size: contain;}
footer *{color:#3d4f8a;}
footer >div{width:50%;}
footer >div:first-child{padding:2em;background:#394a76;}
footer >div:first-child h3, footer >div:first-child p{text-align:center;}

/*	forms */
form#fback .select.controls{display:flex;}
form#fback .select.controls label{border-bottom: 3px solid #a1a7bb;width: 50%;color: #756e76;padding: .75em .25em;font-size: 85%;}
form#fback .select.controls select{background: transparent;color: #756e76;border: 0;border-bottom: 3px solid #a1a7bb;outline:none;padding-left: 2%;width: 100%;padding: .75em 0;}
form#fback .select.controls select option{padding:.5em .75em;}
form#fback, form#fvacancy{display:flex;flex-wrap:wrap;}
form#fback >div, form#fvacancy >div{width:48%;margin-left:4%;margin-top:.75em;}
form#fback >div:nth-child(2n + 1), form#fvacancy >div:nth-child(2n + 1){margin-left:0;}
form#fback >div.full, form#fvacancy >div.full{margin-left:0;width:100%;}
form#fback input[type="submit"], form#fvacancy input[type="submit"]{margin-left:0;width:auto;margin-top:.5em;}
form#fback input[type="text"], form#fback textarea, form#fvacancy input[type="text"], form#fvacancy textarea{background:transparent;border:0;border-bottom:3px solid #a1a7bb;padding:.75em .25em;color:#fff;outline:none;}
#cboxLoadedContent >.fill{padding:3em 2em 2em;height: 100%;width: 100%;}

/*карта*/
footer >div >ymaps, footer >div >ymaps >ymaps{width:100%!important;height:100%!important;}
.popover.top {margin-top: -10px;}
.popover {background-clip: padding-box; background-color: #fff; border: 1px solid #CCCCCC; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); left: 0; max-width: 500px; padding: 1px; position: absolute; text-align: left; top: 0; white-space: normal; z-index: 1010; display: block;}
.close {color: #000; font-size: 20px; font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #fff; position: absolute; right: 5px; top: 1px; text-decoration: none;}
.popover.top .arrow::after {border-right-color: #fff; border-top-width: 0; bottom: -24px; margin-left: -21px;}
.popover .arrow::after {border-width: 23px; content: "";}
.popover .arrow, .popover .arrow::after {border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0;}
.popover.top .arrow {border-right-color: #CCCCCC; border-top-width: 0; left: 0; margin-left: -50px; top: -1px;}
.popover .arrow {border-width: 25px;}
.popover .arrow, .popover .arrow::after {border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0;}
.popover-inner .popover-content >img{width: 66px;}
.popover-inner .popover-content >img + p{display: inline-block;max-width: 260px;margin: 0 0 0 10px;vertical-align: top;}
.popover-inner .popover-content >img + p >span{text-transform: uppercase;font-weight: bold;}
.popover-content {padding: 9px 14px;}
.popover-content .imgg{text-align:center; border-bottom:solid 1px #CBCBCB; color:#323232;}
.popover-content .imgg img{width:240px;}
.popover-content .contt{font-style:italic; font-size:12px;}
.ymaps-2-1-42-copyright__content {display: none !important;}
#mapOpen{display:none;}

@media only screen and (min-width: 1200px) {
	header #top_menu li >ul{top: 100%;position: absolute;left: 0;min-width: 23em;max-width: 30em;width: auto;flex-direction: column;background: #394a76;padding: 1em;z-index: 999;}
	header #top_menu li:hover >ul{display:block;}

	#burger{display:none;}
	footer >div{max-height:50vw;}
}

@media only screen and (max-width: 1199px) {
	header >div:first-child{flex: 2 0 auto;width: 100%;}
	header >div:first-child ~ div{flex-wrap: wrap;justify-content: flex-start;align-items:center;position: absolute;left: 50%;transform: translateX(-50%);width: calc(100vw + -7em + -30px);padding-left: calc(50vw - 10em);}
	header #lang{margin-right: .6em;}
	header .contacts{margin-left: 2em;padding-left: 1em;max-width: 12em;}
	header .contacts:before{margin-left: -2em;}
	header {padding: 1em;}
	header #top_menu{position: fixed;top: 0;left: -100%;bottom: 0;width: 320px;display: block;background: #394a76;z-index: 10;padding: 0;margin: 0;transition:left ease .3s;}
	header #top_menu .menu_close{display: flex!important;align-items: center;text-transform: uppercase;font-size: 125%;height: 60px;color: #fff;background-color: #394a76;background-image: url(../images/close.png);background-position: 92%;background-repeat: no-repeat;cursor:pointer;}
	header #top_menu .menu_close:before{content: '';position: fixed;top: 0;left: -100%;width: 0;height: 100vh;z-index: -1;background: #5a5a5a9c;transition:all ease .4s;opacity:0;}
	header.open_menu #top_menu .menu_close:before{width: 100vw;left:320px;opacity:1;}
	header.open_menu{position:inherit;}
	header.open_menu #top_menu{left:0;}
	header.open_menu #top_menu li{padding:1em 2em;margin:0;border-bottom:3px solid #2f3f6a;}
	header.open_menu #top_menu li:not(.menu_close){z-index:2}
	header.open_menu #top_menu li a{color:#fff;text-transform: uppercase;}
	
	#burger{width:30px;height:30px;background:url("../images/burger.png") 50% no-repeat;background-size:inherit;flex:1 5 auto;margin-left: 15px;cursor:pointer;font-size:0;flex: none;}

}

@media only screen and (min-width: 1100px) {
	.two_block:not(.mw) >div.text:nth-child(2n + 1){padding-left:calc((100vw - var(--maxWidth) + 2em - 17px) / 2);}
	.two_block:not(.mw) >div.text:nth-child(2n + 2){padding-right:calc((100vw - var(--maxWidth) + 2em - 17px) / 2);}

	.cat_float{overflow: hidden;}
	.cat_float >.cat_image_nav{max-width: 50%;padding-right: 2%;padding-bottom: 2%;float: left;margin-top: .75em;position: relative;z-index:1;}
}

@media only screen and (max-width: 1099px) {
	#slider {margin-top:0;min-height: 21em;}
	#slider >.slider_content >div .slick-slide:before{content:none;}
	#slider >.info{top:6em;}
	#slider >.slider_content .arrows{top:12em;}

	.two_block.licenses >div{width:100%;margin-left:0;}
	
	.two_block{flex-wrap:wrap;}
	.two_block >div{width:100%;margin:0;}
	.two_block >div.text + div{order: -1;}

	.two_block.fill{background:#fff;}
	.two_block.fill >div.text{background-color:#394a76;margin: -5em 2em 0;padding: 2em;}
}

@media only screen and (max-width: 799px) {
	.tabs >a {margin-left: 1em;}

	#slider >.info >div{margin:0 auto;max-width:93vw;max-width: calc(100vw - 8em);}
	#slider >.slider_content .slick-list + .arrows {left: calc(100vw - 5em - 27px);}

	header >div:first-child ~ div{flex-direction: column;align-items: flex-start;}
	header #lang{margin-bottom: 1.25em;}

	footer >div{width:100%;margin:0;}
	footer >div:first-child >div >*{padding: 0 1em;}

	footer >#map1, footer >div >ymaps, footer >div >ymaps >ymaps{height:20em!important;}
}

@media only screen and (min-width: 700px) and (max-width: 1099px) {
	.clients >div {width: 31.3%;margin-left: 3%;}
	.clients >:nth-child(3n + 1) {margin-left: 0;}
}

@media only screen and (max-width: 699px) {
	.clients >div {width: 48%;margin-left: 4%;}
	.clients >:nth-child(2n + 1) {margin-left: 0;}

	.way_on_main >a{width:100%;margin-left:0;}
	#mapOpen{display:block;}
}

@media only screen and (max-width: 600px) {
	body {font-size: 85.71%;}
	.project{flex-direction: column;padding:0;border: 2px solid #394a76}
	.project >div:first-child{max-height: 5em;margin: 1em;}
	.project >div >span, .project >div .name, .project >div >p{margin: 0.625em 1em;}
	.project >div >p:not(.region){transition: all ease-out .25s;margin-left:1em;}
	.project:not(.open) >div >p:not(.region){overflow: hidden;font-size: 0;margin-left: 16px;display: block;opacity: 0;transition: all .25s ease-in;}
	.project .icons{background-color:#394a76;padding:.5em 1em;}
}

@media only screen and (max-width: 398px) {
	#slider >.info{margin-left:0;}
	#slider >.info >div{max-width:100vw;width:100vw;}
	#slider >.slider_content .arrows{left:30px;}
	#slider >.slider_content .slick-list + .arrows{right: -10px;left: auto;}
	#slider >.slider_content .slick-prev, #slider >.slider_content .slick-next{width:40px;}
}
.text-cnt {margin: 0 auto; max-width: 1200px;}