html, body {margin: 0; height: 100%; padding: 0; overflo1w: hidden; text-align: left; font-family: "Montserrat", sans-serif; color: #09364E; background: white;/* scroll-behavior: smooth;*/}

img {border: none;}
ul, ol, li, p {margin: 0; padding: 0;}

a {outline: 0;}

textarea, input {outline: none;}

#isMobile {display: none;}
.forMobile {display: none;}
.noMobile {display: block;}


#site {posi1tion: relative; width: 100%; height: 100%; transform-origin: top left;}

.text *:first-child {position: relative;}
.portfolio_item *:first-child {position: relative;}


#preloader {position: relative; width: 100%; height: 100%; background: url(/images/preloader.svg) no-repeat 50% 50%;}
#preloader .line {position: absolute; left: 20%; right: 20%; top: 50%; height: 1px; background: rgba(226, 193, 175, .3);}
#preloader .dot {position: absolute; left: 0%; top: -1px; width: 3px; height: 3px; background: #E2C1AF;}
#preloader .fill {position: absolute; left: 0; top: 0; margin: 0 0 0 -1px; width: 0%; height: 1px; background: #E2C1AF;}
#preloader .number {position: absolute; left: 0%; top: -90px; margin: 0 0 0 -35px; width: 70px; text-align: center; font-weight: 300; font-size: 70px; line-height: 70px; color: #E2C1AF;}

#preloader2 {display: none; position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(255, 255, 255, .7);}
#preloader2 object, #preloader2 img {position: absolute; left: 50%; top: 50%; margin: -60px 0 0 -60px; width: 120px; height: 120px;}

noscript div {margin: 70px auto; width: 767px;}
noscript img {margin: 0 0 30px;}
noscript p {margin: 0 0 20px;}
noscript a {color: #09364E;}




/* mobile */
#mobile_header {display: none;}

#mobile_menu {display: none;}

#mobile_filters {display: none;}

#mobile_slides ul {display: none;}
#index_projects {display: none;}





/* bk */

#bk {width: 100%; height: 100%;}
#bk .bk_image {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#bk .bk_image img {display: block; width: 100%; height: 100%; object-fit: cover;}



#bk .bk_image.show {animation: 2s circle_show;}



#content .bk {width: 100%; height: 100%;}
#content .bk .bk_image {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#content .bk .bk_image img {display: block; width: 100%; height: 100%; object-fit: cover;}



#content .bk .bk_image.show {animation: 1.5s circle_show;}



@keyframes circle_show {
	0% {clip-path: circle(0% at 42% 50%);}
	100% {clip-path: circle(100% at 42% 50%);}
	}




/* index landing */
#content_scroller {position: relative; width: 100%;}


.page {display: grid; grid-template-columns: 62% auto; position: relative; transform-origin: top left;}


.page .bk {position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%;}
.page .bk .bk_image {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.page .bk .bk_image img {display: block; width: 100%; height: 100%; object-fit: cover;}


.page .content_left, .page .content_right {position: relative; z-index: 100;}





.page h2 {margin: 0 -90px 70px; overflow: hidden; font-weight: bold; font-size: 40px; line-height: 50px;}
.page h2 .word {position: relative; padding: 0 90px;}
.page h2 .left {display: block; position: absolute; right: 90%; top: .62em; width: 500px; height: 1px; background: white;}
.page h2 .right {display: block; position: absolute; left: 90%; top: .62em; width: 10000px; height: 1px; background: white;}



#page_index {position: fixed; top: 0; z-index: 1;}


#page_about {position: fixed; top: 0; left: 100%; z-index: 2; width: 100%;}
#page_numbers {position: fixed; top: 0; z-index: 3; width: 100%;}
#page_team {position: fixed; top: 0; z-index: 4; width: 100%;}
#page_partners {position: fixed; top: 0; z-index: 5; width: 100%; height: 0 !important; min-height: 0 !important;}
#page_contacts {position: fixed; top: 0; z-index: 6; width: 100%;}





#page_about .content_left {background: url(/images/bk-logo.svg) no-repeat 100% -50px #F6F5F4; background-size: 50%;}


#page_about .bk p {width: 100%; height: 100%;}
#page_about .bk img {width: 100%; height: 100%; object-fit: cover;}

#page_about .text {box-sizing: border-box; width: 100%; height: 100%; padding: 90px; overflow-y: scroll; font-weight: 300; font-size: 16px; line-height: 180%; color: #09364E;}
#page_about .text p {margin: 0 0 40px;}
#page_about .text p.more {margin: 70px 0 0;}
#page_about .text p.more a {display: inline-block; padding: 8px 30px; text-decoration: none; font-size: 18px; line-height: 29px; color: #09364E; border: 1px solid #09364E; border-radius: 2px; -webkit-transition: all .2s; transition: all .2s;}
#page_about .text p.more a:hover {color: white; background: #09364E;}


#page_about .text h3 {margin: 0 0 40px;}

#page_about .text table {border: none; border-collapse: collapse;}
#page_about .text table td {padding-right: 30px; text-align: left;}

#page_about .text .logo-stark {height: 70px;}
#page_about .text .logo-instruments {height: 40px;}


#page_about ul {margin: 0 0 40px;}
#page_about li {margin: 0 0 7px 1em;}







#page_numbers .numbers {box-sizing: border-box; width: 100%; height: 100%; padding: 90px 90px; overflow-x: hidden; overflow-y: scroll; font-size: 0; background: rgba(226, 193, 175, 1);}
#page_numbers .numbers .circle {position: relative; margin: 0 auto; width: 421px; height: 430px; transform-origin: center top;}
#page_numbers .numbers .circle .bk {position: absolute; left: 0; top: 8px; z-index: 1; width: 421px; height: 421px; background: url(/images/numbers-about.svg) no-repeat 0 0; -webkit-transition: all .5s; transition: all .5s;}


#page_numbers .numbers .circle .bk.turn1 {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
#page_numbers .numbers .circle .bk.turn2 {-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg);}
#page_numbers .numbers .circle .bk.turn3 {-webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg);}
#page_numbers .numbers .circle .bk.turn4 {-webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg);}
#page_numbers .numbers .circle .bk.turn5 {-webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg);}



#page_numbers .numbers .circle .bk.turn5_2 {-webkit-transform: rotate(-72deg); -moz-transform: rotate(-72deg); -ms-transform: rotate(-72deg); -o-transform: rotate(-72deg); transform: rotate(-72deg);}
#page_numbers .numbers .circle .bk.turn3_2 {-webkit-transform: rotate(-144deg); -moz-transform: rotate(-144deg); -ms-transform: rotate(-144deg); -o-transform: rotate(-144deg); transform: rotate(-144deg);}






#page_numbers .numbers .circle .num a {display: block; position: absolute; z-index: 2; margin: -5% 0 0 -8%; width: 66px; height: 66px; padding: 0; text-align: center; text-decoration: none; font-weight: bold; font-size: 30px; line-height: 220%; color: #E2C1AF; background: #a19792; border-radius: 60px; -webkit-transition: all .2s; transition: all .2s;}

#page_numbers .numbers .circle .num a:hover {color: white; background: #09364E;}

#page_numbers .numbers .circle .num.sel a {color: white; background: #09364E;}


#page_numbers .numbers .circle .num.one a {left: 213px; top: 0;}
#page_numbers .numbers .circle .num.two a {left: 410px; top: 141px;}
#page_numbers .numbers .circle .num.three a {left: 342px; top: 372px;}
#page_numbers .numbers .circle .num.four a {left: 92px; top: 372px;}
#page_numbers .numbers .circle .num.five a {left: 15px; top: 141px;}

#page_numbers .numbers .circle .words {position: absolute; left: 78px; top: 140px; width: 265px; text-align: center; font-size: 18px; line-height: 28px;}
#page_numbers .numbers .circle .words .deg {display: inline-block; margin: 0 -20px 0 0; width: 20px;}
#page_numbers .numbers .circle .words big {display: block; font-weight: bold; font-size: 44px; line-height: 56px;}


#page_numbers .content_right {background: rgba(255, 255, 255, 0.8);}


.numbers_right .number {padding: 0 40px; font-weight: bold; font-size: 180px; line-height: 226px; color: #89919A;}


.numbers_right .numbers_item {display: none;}
.numbers_right #numbers_item_1 {display: block;}



.numbers_right .name {margin: 0 0 0 45px; font-weight: bold; font-size: 30px; line-height: 132%;}

.numbers_right .text {margin: 0 30px 0 100px; padding: 0; font-weight: 500; font-size: 20px; line-height: 128.47%;}
.numbers_right .text p {margin: 0 0 20px;}

.numbers_right .line1 {margin: -10px 0 10px 100px; width: 1px; height: 25px; background: #89919A;}
.numbers_right .line2 {margin: 10px 0 10px 100px; width: 1px; height: 100px; background: #89919A;}












.contacts {box-sizing: border-box; width: 100%; height: 100%; padding: 90px 90px 200px; overflow-y: scroll; font-weight: 500; font-size: 22px; line-height: 160%; background: #E2C1AF;}
.contacts h3 {margin: 70px 0 30px; font-weight: normal; font-size: 15px; line-height: 22px; color: white;}
.contacts h4 {margin: 0 0 0 44px; font-weight: 300; font-size: 16px; line-height: 180%;}
.contacts p {margin: 0 0 20px 44px;}
.contacts a {text-decoration: none; color: #09364E;}
.contacts a:hover {text-decoration: underline;}

#page_contacts iframe, #page_contacts #map {width: 100%; height: 100%; border: none;}

#page_contacts .mobile_map {display: none;}























#col_right {display: none; position: fixed; right: -138px; top: 0; z-index: 100; width: 138px; height: 100%; background: #E2C1AF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); transform-origin: top right; -webkit-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}


/*
#col_right.hidden {right: -200px;}
*/



#col_right.construction {background: #89919A;}
#col_right.construction .menu_lang li a:hover {color: #E2C1AF;}

#col_right.technical {background: #09364E;}
#col_right.technical .menu_lang li a:hover {color: #E2C1AF;}

#col_right.portfolio {background: #09364E;}
#col_right.portfolio .menu_lang li a:hover {color: #E2C1AF;}


#col_right.technical .menu_lang li.sel, #col_right.construction .menu_lang li.sel, #col_right.portfolio .menu_lang li.sel {background: url(/images/sel-right-lang-light.svg) no-repeat 0 50%;}
#col_right.technical .menu_lang li, #col_right.construction .menu_lang li, #col_right.portfolio .menu_lang li {color: #E2C1AF;}


#col_right .menu_lang {position: absolute; left: 27px; top: 34px; right: 0; text-align: left; font-size: 18px; line-height: 29px; list-style: none;}
#col_right .menu_lang li {margin-bottom: 10px; padding-left: 33px; color: #09364E; -webkit-transition: all .2s; transition: all .2s;}
#col_right .menu_lang li.sel {background: url(/images/sel-right-lang-dark.svg) no-repeat 0 50%;}
#col_right .menu_lang li a {text-decoration: none; color: white; -webkit-transition: all .2s; transition: all .2s;}
#col_right .menu_lang li a:hover {color: #09364E;}

#menu_slides {position: absolute; left: 0; top: 50%; right: 0; margin-top: -180px; font-size: 22px; line-height: 160%; list-style: none;}
#menu_slides li {padding: 20px 0 0; text-align: center; background: url(/images/sel-right-nums.svg) no-repeat 50% 0;}
#menu_slides li:first-child {background: none;}
#menu_slides li a {text-decoration: none; color: white; -webkit-transition: all .2s; transition: all .2s;}
#menu_slides li.sel a {font-weight: bold; color: #09364E;}
#menu_slides li a:hover {color: #09364E;}

#col_right .social {position: absolute; left: 0; bottom: 45px; width: 100%; text-align: center; list-style: none;}
#col_right .social li {margin-top: 30px;}


#col_right .hdr {position: absolute; left: 0; top: 50%; margin: 300px 0 0 44px; width: 600px; text-align: center; font-weight: bold; font-size: 40px; line-height: 50px; text-align: center; color: #FFFFFF; transform-origin: 0 0; transform: rotate(-90deg);}












#col_left {display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 315px; height: 100%; background: white; transform-origin: top left;}


#col_left.hidden {right: -1000px;}


#col_left .logo img {position: absolute; left: 90px; top: 45px; z-index: 20; width: 90px; -webkit-transition: all .2s; transition: all .2s;}
#col_left .logo:hover img {left: 85px; top: 40px; width: 100px;}



#col_left .menu_main {position: absolute; left: 90px; bottom: 0; padding: 0 0 78px; list-style: none;}
#col_left .menu_main li {margin-bottom: 16px; font-size: 16px; line-height: 180%;}
#col_left .menu_main li a {text-decoration: none; color: #09364E; -webkit-transition: all .2s; transition: all .2s;}
#col_left .menu_main li.sel a {color: #89919A;}
#col_left .menu_main li a:hover {color: #89919A;}



#main_menu_fold {display: none; position: absolute; left: 90px; bottom: 78px; padding: 0;}
#main_menu_fold a {display: inline-block; padding: 0 30px 0 0; text-decoration: none; color: #E2C1AF; background: url(/images/main-menu-folded.svg) no-repeat 100% 0;}
#main_menu_fold a:hover {text-decoration: underline;}



#hdr_left {position: absolute; left: 0; top: 230px; padding: 0 0 0 88px; font-weight: bold; font-size: 30px; line-height: 132%; color: #E2C1AF;}

#col_left .back a {position: absolute; left: 0; top: 230px; padding: 0 0 0 148px; text-decoration: none; font-weight: bold; font-size: 30px; line-height: 132%; color: #E2C1AF; background: url(/images/arrow-back.svg) no-repeat 78px 5px; -webkit-transition: all .2s; transition: all .2s;}
#col_left .back a:hover {color: #89919A;}



#filters {position: absolute; left: 0; top: 300px; width: 320px; list-style: none;}
#filters .close a {display: none;}

#filters .block {margin: 0 0 20px;}


#filters li {display: block; margin-bottom: 16px; padding: 0 31px 0 80px; font-size: 16px; line-height: 180%;}
#filters li a {display: inline-block; padding: 0 10px; text-decoration: none; color: #09364E; background: white; -webkit-transition: all .2s; transition: all .2s;}

#filters li a:hover {color: #E2C1AF;}

#filters li.sub {display: none; font-weight: 300;}
#filters li.sub a {display: block; padding-left: 36px; background: url(/images/filters-box.svg) no-repeat 10px 6px;}
#filters li.sub a.checked {background: url(/images/filters-box-checked.svg) no-repeat 10px 6px;}


#filters li.hdr a {display: block; position: relative; font-weight: 500; color: #09364E; background: url(/images/filters-header-arrow.svg) no-repeat 100% .8em;}
#filters li.hdr.sel a {background: url(/images/filters-header-arrow-sel.svg) no-repeat 100% .8em;}
#filters li.hdr a:header {position: relative; color: #E2C1AF;}


#filters .reset a {display: none;}




#menu_secondary {position: absolute; left: 0; top: 252px; width: 315px; list-style: none;}
#menu_secondary li {display: inline-block; margin-bottom: 16px; padding: 0 31px 0 80px; font-size: 16px; line-height: 180%;}
#menu_secondary li a {display: inline-block; padding: 0 10px; text-decoration: none; color: #89919A; background: white; -webkit-transition: all .2s; transition: all .2s;}
#menu_secondary li a:hover {color: #E2C1AF;}
#menu_secondary li.sel {background: url(/images/sel-left-menu.svg) no-repeat 100% 50%;}
#menu_secondary li.sel a {color: #E2C1AF; transition: all .5s;}
#menu_secondary li.sel span {display: inline-block; padding: 0 10px; text-decoration: none; color: #E2C1AF; background: white;}








/* index page */
#col_left.inner {width: 315px;}

#col_left.index {width: 36.23%;}






#col_left .phone {position: absolute; right: -100px; top: 73px; z-index: 10;}
#col_left .phone a {text-decoration: none; font-size: 22px; line-height: 35px; color: #09364E; -webkit-transition: all .2s; transition: all .2s;}
#col_left .phone a:hover {color: #89919A;}



#index_logo_left {position: absolute; right: -37.8%; top: 0; z-index: 1; width: 38%; height: 100%; background: url(/images/index-logo-left.svg) no-repeat 100% 50%; background-size: cover;}


#index_logo_right {position: absolute; right: -79.4%; top: 50%; margin: -1002px 0 0; width: 46.95%; height: 2000px; line-height: 2000px;}
#index_logo_right img {width: 100%; vertical-align: middle;}


#index_dots {position: absolute; left: 0; bottom: 65px; padding: 0 0 0 90px;}
#index_dots a {display: inline-block; margin-right: 20px; width: 3px; height: 3px; background: #89919A; -webkit-transition: width 1s; transition: width 1s;}
#index_dots a.sel {width: 23px; background: #09364E;}


#index_arrows {position: absolute; right: -100px; bottom: 48px; z-index: 5;}
#index_arrows a {display: inline-block; margin-left: 12px;}
#index_arrows a img {position: relative; right: 0; bottom: 2px; width: 38px; -webkit-transition: all .2s; transition: all .2s;}
#index_arrows a img:hover {right: -3px; bottom: 0; width: 44px;}


#col_left .index_projects {box-sizing: border-box; position: absolute; left: 0; bottom: 120px; width: 100%; height: 230px; overflow: hidden; opacity: 0;}

#col_left .index_project {position: absolute; left: 90px; top: 0;}

#col_left .index_project h2 {margin: 0 0 22px; font-weight: normal; font-size: 22px; line-height: 35px; color: #09364E;}
#col_left .index_project p.desc {margin: 0 0 30px; font-size: 15px; line-height: 22px; color: #89919A;}
#col_left .index_project p.more a {display: inline-block; padding: 8px 30px; text-decoration: none; font-size: 18px; line-height: 29px; color: #09364E; border: 1px solid #09364E; border-radius: 2px;}








#content {box-sizing: border-box; position: absolute; left: 315px; right: 138px; top: 0; z-index: 50; overflow-x: hidden; transform-origin: top left;}
#content_back {display: none;}


 
/* team */
#page_team .bk p {width: 100%; height: 100%;}
#page_team .bk img {display: block; width: 100%; height: 100%; object-fit: cover;}

#page_team .content_left {background: url(/images/bk-logo.svg) no-repeat 100% -50px #F6F5F4; background-size: 50%;}
#page_team h2 {margin: 0 -50px 70px;}


.team_list {box-sizing: border-box; width: 100%; height: 100%; padding: 90px 50px; o1verflow-y: scroll; font-size: 0;}



.team_list .item {box-sizing: border-box; display: inline-block; width: 50%; padding: 0 40px 45px; text-align: center;}
.team_list .item .image {display: inline-block; position: relative;  margin: 0 0 15px; width: 100%; padding: 100% 0 0; border: 1px solid #E2C1AF; border-radius: 1000px;}
.team_list .item .image img {box-sizing: border-box; display: block; position: absolute; left: 0; top: 0; width: 100%; padding: 4px; border-radius: 1000px;}
.team_list .item .name {font-weight: 500; font-size: 16px; line-height: 160%;}
.team_list .item .position {font-size: 12px;}

#mobile_team_name, #mobile_team_position {display: none;}




/* partners */
#page_partners .bk p {width: 100%; height: 100%;}
#page_partners .bk img {display: block; width: 100%; height: 100%; object-fit: cover;}

#page_partners .content_left {background: url(/images/bk-logo.svg) no-repeat 100% -50px #F6F5F4; background-size: 50%;}
#page_partners h2 {margin: 0 -50px 70px;}



.partners_list {box-sizing: border-box; width: 100%; height: 100%; padding: 90px 50px; overflow-y: scroll; font-size: 0;}

.partners_list .item {box-sizing: border-box; display: inline-block; width: 50%; padding: 0 40px 45px; text-align: center;}
.partners_list .item .image {display: inline-block; position: relative; margin: 0 0 15px; width: 100%; padding: 100% 0 0;}
.partners_list .item .image img {display: block; position: absolute; left: 0; top: 0; width: 100%;}
.partners_list .item .name {font-weight: 500; font-size: 16px; line-height: 160%;}
.partners_list .item .position {font-size: 12px;}


#mobile_partners_name, #mobile_partners_position {display: none;}








/* numbers */



/* contacts */
.contacts {box-sizing: border-box; width: 100%; height: 100%; padding: 90px 90px 200px; overflow-y: scroll; font-weight: 500; font-size: 22px; line-height: 160%; background: #E2C1AF;}
.contacts h3 {margin: 40px 0 20px; font-weight: normal; font-size: 15px; line-height: 22px; color: white;}
.contacts h4 {margin: 0 0 0 44px; font-weight: 300; font-size: 16px; line-height: 180%;}
.contacts p {margin: 0 0 20px 44px;}

.contacts_block iframe, .contacts_block #map {width: 100%; height: 100%; border: none;}

.contacts_block .mobile_map {display: none;}



















/* technical */


#content.technical {padding: 140px 80px 140px 90px; background: url(/images/bk-logo-technical.svg) no-repeat calc(100% + 250px) -100px; background-size: auto 3000px;}

#content.technical.design {background: url(/images/bk-logo.svg) no-repeat calc(100% + 250px) -100px; background-size: auto 3000px;}




#content.technical .bk {display: none;}

#content.technical h2 {margin: 0 0 70px; font-weight: bold; font-size: 40px; line-height: 50px;}

#content.technical h3 {margin: 0 0 18px; font-weight: bold; font-size: 30px; line-height: 132%;}

#content.technical .text {box-sizing: border-box; width: 100%; font-weight: 300; font-size: 16px; line-height: 180%;}


#content.technical .text img {max-width: 100%;}


#content.technical .text blockquote {position: relative; margin: 0 0 84px; padding: 38px 0 38px 42px; font-weight: 300; font-size: 16px; line-height: 180%; background: url(/images/line-blockquote.svg) no-repeat 0 100%;}
#content.technical .text blockquote p {-webkit-column-count: 2; column-count: 2; -webkit-column-gap: 42px; column-gap: 42px;}



#content.technical .text ol {counter-reset: my-awesome-counter; display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
#content.technical .text ol li {counter-increment: my-awesome-counter; display: flex; margin: 0 0 0 210px; width: 100%; padding: 100px 0 70px 0; align-items: center; font-weight: bold; font-size: 30px; line-height: 132%; background: url(/images/line-ol.svg) no-repeat 100% 0;}
#content.technical .text ol li:first-child {background: none;}
#content.technical .text ol li::before {margin: 0 0 0 -210px; width: 210px; flex-basis: *; content: "0" counter(my-awesome-counter); font-weight: bold; font-size: 100px; line-height: 1; color: white; -webkit-transition: all .7s; transition: all .7s;}
/* #content.technical.production .text ol li::before {content: counter(my-awesome-counter);} */

#content.technical .text ol li.scrolledIn::before {color: #E2C1AF;}


#content.technical .text ul {margin: 0 0 40px;}
#content.technical .text li {margin: 0 0 7px 1em;}




#content.technical .text .block_docs {box-sizing: border-box; display: inline-block; margin: 87px 5% 120px 0; width: 46%; padding: 133px 44px 70px; vertical-align: top; font-weight: 300; font-size: 16px; line-height: 150%; background: url(/images/icon-docs.svg) no-repeat 44px 44px; border: 1px solid #E2C1AF; border-radius: 2px; list-style: none;}
#content.technical .text .block_docs li {margin: 0 0 15px; padding: 0 0 0 25px; font-weight: 300; font-size: 16px; line-height: 150%; background: url(/images/bullet.svg) no-repeat 0 .6em;}

#content.technical .text .block_build {box-sizing: border-box; display: inline-block; margin: 87px 0 190px; width: 46%; padding: 133px 44px 70px; vertical-align: top; font-weight: 300; font-size: 16px; line-height: 150%; background: url(/images/icon-build.svg) no-repeat 44px 44px; border: 1px solid #E2C1AF; border-radius: 2px; list-style: none;}
#content.technical .text .block_build li {margin: 0 0 15px; padding: 0 0 0 25px; font-weight: 300; font-size: 16px; line-height: 150%; background: url(/images/bullet.svg) no-repeat 0 .6em;}


#content.technical .text table {width: 100%; border: none !important;}
#content.technical .text table td {height: auto !important; padding: 10px 0; text-align: center; vertical-align: middle; border: none !important;}
#content.technical .text table img {max-width: 60%; min-width: 50%; /* max-height: 70%; min-height: 60%;*/}


#content.technical .portfolio .column {display: inline-block; width: 46%; vertical-align: top;}
#content.technical .portfolio .column.one {margin: 0 5% 0 0; padding: 44px 0 0;}

#content.technical .portfolio .item {position: relative; margin: 0 0 182px; -webkit-transition: all .5s; transition: all .5s;}
#content.technical .portfolio .item .image img {display: block; width: 100%;}

#content.technical .portfolio .item .name a {box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; padding: 15px 20px; text-decoration: none; font-weight: 500; font-size: 22px; line-height: 160%; color: white; background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));}
#content.technical .portfolio .item .desc a {box-sizing: border-box; display: block; position: absolute; right: 0; top: 90%; z-index: 10; margin: 0; width: 300px; height: auto; padding: 30px; text-decoration: none; font-weight: 300; font-size: 16px; color: #09364E; line-height: 150%; background: white; border: 1px solid #E2C1AF;}




/* construction */

#content.construction {padding: 125px 80px 140px 90px; font-weight: 300; font-size: 16px; line-height: 180%; background: url(/images/bk-logo-construction.svg) no-repeat calc(100% + 250px) -100px; background-size: auto 3000px;}

#content.construction .bk {display: none;}


#content.construction .text img {max-width: 100%;}

#content.construction h2 {margin: 0 0 80px; font-weight: bold; font-size: 40px; line-height: 50px;}

#content.construction p, #content.construction ul {margin: 0 0 40px;}
#content.construction li {margin: 0 0 7px 1em;}
#content.construction a {color: #89919A;}


#content.construction .numbers {position: relative; margin: 0 0 80px;}
#content.construction .numbers .num {display: inline-block; position: relative;  margin: 0 4.5% 0 0; width: 20%; height: 0; padding: 20% 0 0; text-align: center; vertical-align: top;}




#content.construction .numbers .num .bk {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/numbers-construction.svg) no-repeat 0 0; background-size: cover; -webkit-transition: all .5s; transition: all .5s;}
#content.construction .numbers .num .bk.wentRound {transform: rotate(720deg);}

#content.construction .numbers .num .bk.type2 {transform: rotate(1400deg);}
#content.construction .numbers .num .bk.type3 {transform: rotate(320deg);}


#content.construction .numbers .num .data {position: absolute; left: 0; top: 50%; box-sizing: border-box; width: 100%; padding: 0 10px; text-align: center; font-size: 14px; line-height: 1.2vw; -ms-transform: translateY(-50%); transform: translateY(-50%);}
#content.construction .numbers .num .data big {display: block; margin: 0 auto; font-weight: bold; font-size: 3vw; line-height: 100%;}


#content.construction .numbers .num:nth-child(2n) {margin-top: 40px;}







#content.construction .portfolio {padding: 0 45px;}

#content.construction .portfolio .item {position: relative; margin: 0 0 182px; width: 100%; -webkit-transition: all .5s; transition: all .5s;}
#content.construction .portfolio .item .image img {width: 100%;}

#content.construction .portfolio .item a.name {box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; padding: 15px 20px; text-decoration: none; font-weight: 500; font-size: 22px; line-height: 160%; color: white; background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));}

#content.construction .portfolio .item .desc a {box-sizing: border-box; display: block; position: absolute; left: 50px; right: 50px; top: 100%; z-index: 10; margin: -50px 0 0; padding: 30px; text-decoration: none; font-weight: 300; font-size: 16px; line-height: 150%; color: #09364E; background: white; border: 1px solid #E2C1AF;}




#content.technical .lets_meet, #content.construction .lets_meet {display: flex; justify-content: space-between; align-items: center; padding: 30px 40px; font-size: 22px; line-height: 135%; background: linear-gradient(rgba(226, 193, 175, 0.94), rgba(226, 193, 175, 0.94)), url(/images/bk-lets-meet.jpg);}

#content.construction .lets_meet {margin: 70px 0 120px;}
#content.technical .lets_meet {margin: 0 0 120px;}

#content.technical .lets_meet .icon a, #content.construction .lets_meet .icon img, #content.construction .lets_meet .icon a, #content.technical .lets_meet .icon img {display: block;}

#content.technical .lets_meet .btn, #content.construction .lets_meet .btn {margin: 0;}

#content.technical .lets_meet .btn a, #content.construction .lets_meet .btn a {display: block; width: 254px; padding: 10px 0; text-align: center; text-decoration: none; font-size: 18px; line-height: 160%; color: #09364E; border: 1px solid #09364E; border-radius: 2px; -webkit-transition: all .2s; transition: all .2s;}



#content.construction .lets_meet .icon img, #content.technical .lets_meet .icon img {-webkit-transition: all .2s; transition: all .2s;}
#content.construction .lets_meet .icon img:hover, #content.technical .lets_meet .icon img:hover {transform: scale(1.1);}

#content.technical .lets_meet .btn a:hover, #content.construction .lets_meet .btn a:hover {color: white; border-color: white;}









/* portfolio list */

#content.portfolio {padding: 115px 70px 200px 90px; background: url(/images/bk-logo-technical.svg) no-repeat calc(100% + 250px) -100px; background-size: auto 3000px;}

#content.portfolio h1, #content.portfolio .filters_btn {display: none;}


#content.portfolio #all_portfolio_items {position: relative; overflow: hidden;}

#content.portfolio .item {z-index: 10;}
#content.portfolio .item, #content.portfolio #shuffle div {display: inline-block; position: relative; margin: 0 10% 84px 0; width: 45%; padding: 45% 0 0;}
#content.portfolio .item:nth-child(2n), #content.portfolio #shuffle div:nth-child(2n) {top: 50px; margin-right: 0;}


#content.portfolio .item .image {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
#content.portfolio .item .image img {display: block; min-width: 100%; height: 100%; -webkit-transition: all .5s; transition: all .5s;}

#content.portfolio .item .name a {display: block; position: absolute; left: 0; top: 0; right: 0; padding: 25px 25px 20px; text-decoration: none; font-weight: 500; /* font-size: 40px; line-height: 50px; */ font-size: 22px; line-height: 160%; color: white; background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));}

#content.portfolio .item .branches a {display: inline-block; position: absolute; left: 27px; bottom: 30px; padding: 0 0 0 25px; text-decoration: none; font-size: 13px; line-height: 19px; color: white; background: url(/images/icon-branches.svg) no-repeat 0 5px;}

#content.portfolio #shuffle {position: relative; z-index: 5;}

#content.portfolio #filters_none {display: none; margin: 0 0 50px; padding: 150px 105px 40px; text-align: center; font-size: 15px; line-height: 22px; color: #09364E; background: url(/images/filters-none.svg) no-repeat 50% 34px #FFFFFF; border: 1px solid #E2C1AF; border-radius: 2px;}
#content.portfolio #filters_none p {margin: 0 0 10px;}



#content.portfolio .lets_meet {display: inline-block; position: relative; z-index: 10; margin: 0 10% 284px 0; width: 45%; padding: 30px; box-sizing: border-box; font-size: 22px; line-height: 135%; background: linear-gradient(rgba(226, 193, 175, 0.94), rgba(226, 193, 175, 0.94)), url(/images/bk-lets-meet.jpg);}
#content.portfolio .lets_meet .icon {margin: 0 0 20px;}
#content.portfolio .lets_meet .btn {margin: 40px 0 0; box-sizing: border-box; text-align: center; text-decoration: none; font-size: 18px; line-height: 160%; color: #09364E; -webkit-transition: all .2s; transition: all .2s;}
#content.portfolio .lets_meet .btn a {display: block; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; font-size: 18px; line-height: 160%; color: #09364E; border: 1px solid #09364E; border-radius: 2px; -webkit-transition: all .2s; transition: all .2s;}

#content.portfolio .lets_meet .icon img {display: block; -webkit-transition: all .2s; transition: all .2s;}
#content.portfolio .lets_meet .icon img:hover {transform: scale(1.1);}

#content.portfolio .lets_meet .btn a:hover {color: white; border-color: white;}





/* portfolio item */

.portfolio_item {padding: 140px 85px 100px 90px; font-size: 16px; line-height: 180%; background: url(/images/bk-logo-technical.svg) no-repeat calc(100% + 250px) -100px; background-size: auto 3000px;}
.portfolio_item h1 {margin: 0 0 12px; font-weight: bold; font-size: 40px; line-height: 50px;}

.portfolio_item p.branchesDesktop {margin: 0 0 48px; padding: 0 0 0 25px; font-size: 13px; line-height: 19px; color: #89919A; background: url(/images/icon-branches.svg) no-repeat 0 5px;}
.portfolio_item p.branchesMobile {display: none;}


.portfolio_item p {margin: 0 0 70px;}
.portfolio_item img {width: 100%; -webkit-transition: all .5s; transition: all .5s;}


.portfolio_item .iconsAims {display: flex; position: relative; z-index: 100;}
.portfolio_item .icons {margin: 0 0 70px; width: 70%; height: 40px; padding: 18px 0 22px; text-align: center; font-weight: 500; font-size: 17px; line-height: 160%; background: white; border: 1px solid #E2C1AF; border-radius: 2px;}
.portfolio_item .icons .bk {display: none;}
.portfolio_item .icons .hdr {display: none;}
/*
.portfolio_item .icons .style {display: inline-block; margin: 0 35px 0 0; padding: 5px 0 5px 55px; background: url(/images/icon-style.svg) no-repeat 0 0; background-size: 32px 30px;}
.portfolio_item .icons .area {display: inline-block; margin: 0 35px; padding: 5px 0 5px 60px; background: url(/images/icon-area.svg) no-repeat 0 5px; background-size: 31px 31px;}
.portfolio_item .icons .address {display: inline-block; margin: 0 0 0 35px; padding: 5px 0 5px 47px; background: url(/images/icon-address.svg) no-repeat 0 2px; background-size: 32px 42px;}
*/
	.portfolio_item .icons .style {display: inline-block; margin: 0 20px 0 0; padding: 5px 0 5px 45px; background: url(/images/icon-style.svg) no-repeat 0 0; background-size: 35px 32px;}
	.portfolio_item .icons .area {display: inline-block; margin: 0 20px; padding: 5px 0 5px 47px; background: url(/images/icon-area.svg) no-repeat 0 4px; background-size: 35px 34px;}
	.portfolio_item .icons .address {display: inline-block; margin: 0 0 0 20px; padding: 5px 0 5px 37px; background: url(/images/icon-address.svg) no-repeat 0 2px; background-size: 26px 35px;}

.portfolio_item .aimsBtn {width: 30%; height: 82px; padding: 0 0 0 20px; box-sizing: border-box; text-align: center;}
.portfolio_item .aimsBtn a {display: inline-block; position: relative; width: 100%; height: 80px; vertical-align: middle; text-decoration: none; line-height: 80px; color: #09364E; background: #E2C1AF; border-radius: 2px;}

.portfolio_item .aimsBtn a span {display: block; position: absolute; bottom: -7px; left: 50%; width: 15px; height: 15px; margin: 0 0 0 -10px; background: #E2C1AF; transform: rotate(45deg); opacity: 0 !important; -webkit-transition: all .5s; transition: all .5s;}
.portfolio_item .aimsBtn.pressed a span {opacity: 1 !important;}

.portfolio_item #aimsPopup {display: none; position: absolute; left: 0; top: 132px; width: 100%; padding: 30px 30px 1px; box-sizing: border-box; font-size: 16px; line-height: 180%; background: white; border: 1px solid #E2C1AF; border-radius: 2px; opacity: 1 !important;}
.portfolio_item #aimsPopup * {opacity: 1 !important; transform: scale(1) !important;}
.portfolio_item #aimsPopup .close {position: absolute; right: 20px; top: 20px;}
.portfolio_item #aimsPopup .close a {display: block; width: 20px; height: 20px; background: url(/images/btn-close-beige.svg) no-repeat 0 0;}
.portfolio_item #aimsPopup p.hdr {margin: 0 0 20px; font-size: 18px; line-height: 160%; color: #09364E;}
.portfolio_item #aimsPopup p, .portfolio_item #aimsPopup ul, .portfolio_item #aimsPopup ol {margin: 0 0 30px;}

.portfolio_item #aimsPopup ul li {margin: 0 0 5px; padding: 0 0 0 25px; list-style: none; background: url(/images/bullet.svg) no-repeat 0 .8em;} 




.portfolio_smalls {display: grid; grid-template-columns: 40% auto; grid-column-gap: 30px; margin: 0 0 30px !important; height: 30%;}
.portfolio_smalls_right {display: grid; grid-template-columns: auto 40%; grid-column-gap: 30px; margin: 0 0 90px; height: 30%;}

.portfolio_smalls_3 {display: grid; grid-template-columns: auto auto auto; grid-column-gap: 30px; margin: 0 0 90px; height: 30%;}


.portfolio_smalls a, .portfolio_smalls_right a, .portfolio_smalls_3 a {overflow: hidden;}
.portfolio_smalls img, .portfolio_smalls_right img, .portfolio_smalls_3 img {display: block; position: relative; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .5s; transition: all .5s;}


.portfolio_big {width: 100%;}
.portfolio_big a {display: block; overflow: hidden;}
.portfolio_big img {display: block; position: relative; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .5s; transition: all .5s;}








/* portfolio popup */

#portfolio_popup {display: none; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%;}
#portfolio_popup .big_image {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; background: #222;}
#portfolio_popup .big_image img {mi1n-width: 100%; height: 100%; min-height: 100%;}

#portfolio_popup .big_image_change {position: absolute; left: 100%; top: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; background: #222;}
#portfolio_popup .big_image_change img {mi1n-width: 100%; height: 100%; min-height: 100%;}



#portfolio_popup .header {position: absolute; left: 0; top: 0; width: 100%; height: 35%;}

#portfolio_popup .header .bk {width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); opacity: 0; transition: all 1s;}


#portfolio_popup .name {position: absolute; left: 90px; top: 45px; right: 90px; font-weight: bold; font-size: 40px; line-height: 50px; color: white;}



#portfolio_popup .close a {display: block; position: absolute; top: 55px; right: 45px; width: 41px; height: 41px; background: url(/images/portfolio-close.svg) no-repeat 0 0;}

#portfolio_popup .list {position: absolute; left: 0; right: 0; bottom: 0; height: 45%; min-height: 250px; overflow-x: scroll;}

#portfolio_popup .list .bk {width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); opacity: 0; transition: all 1s;}




#portfolio_popup .list .container {position: absolute; left: 40px; right: 40px; bottom: 50px; height: 126px; overflow-x: scroll; -ms-overflow-style: none;}
#portfolio_popup .list .container::-webkit-scrollbar {display: none;}
#portfolio_popup .list .cut {position: absolute; left: 0; bottom: 13px; width: 1000000px; opacity: 0; transition: all 1s;}


#portfolio_popup .list a {box-sizing: border-box; display: inline-block; margin: 0 10px 0 0; height: 100px; padding: 10px; transition: all .2s;}
#portfolio_popup .list a img {display: inline-block; height: 100%; vertical-align: middle; border: 3px solid white; transition: all .2s;}

#portfolio_popup .list a.sel {padding: 0;} 
#portfolio_popup .list a.sel img {border: 3px solid #E2C1AF;} 

#portfolio_popup .left a {display: block; position: absolute; left: 50px; top: 50%; margin: -30px 0 0; width: 68px; height: 60px; background: url(/images/arrow-portfolio-left.svg) no-repeat 0 0; background-size: 68px 60px; -webkit-transition: all .2s; transition: all .2s;}
#portfolio_popup .right a {display: block; position: absolute; right: 50px; top: 50%; margin: -30px 0 0; width: 68px; height: 60px; background: url(/images/arrow-portfolio-right.svg) no-repeat 0 0; background-size: 68px 60px; -webkit-transition: all .2s; transition: all .2s;}

#portfolio_popup .left a:hover, #portfolio_popup .right a:hover {transform: scale(1.1);}




#lets_meet {display: none; position: fixed; left: 50%; top: 0; z-index: 2000; width: 50%; height: 100%; overflow: hidden; font-size: 18px; line-height: 160%; color: #09364E; background: #E2C1AF;}
#lets_meet .close a {display: block; position: absolute; top: 35px; right: 35px; z-index: 100; width: 41px; height: 41px; background: url(/images/lets-meet-close.svg) no-repeat 0 0;}

#lets_meet form {padding: 50px 0 90px;}

#lets_meet input[type="text"] {margin: 0 0 35px; width: 100%; padding: 7px 10px; box-sizing: border-box; font-size: 18px; color: white; background: none; border: none; border-bottom: 1px solid #09364E;}
#lets_meet input[type="submit"] {margin: 40px 0 0; width: 234px; height: 45px; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; color: white; background: none; border: 1px solid #FFFFFF; border-radius: 2px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s;}
#lets_meet input[type="submit"]:hover {color: #09364E; border-color: #09364E;}
#lets_meet a {color: white;}
#lets_meet label {display: block; margin: 0 0 -35px 10px; font-size: 18px; color: #09364E; opacity: .7; -webkit-transition: all .2s; transition: all .2s;}
#lets_meet label.small {margin: 0 0 -10px 10px; font-size: 10px; opacity: 1;}
#lets_meet .info {font-size: 13px; opacity: .7;}



#lets_meet .hdr {margin: 0 -90px 70px; overflow: hidden; font-weight: bold; font-size: 40px; line-height: 50px;}
#lets_meet .hdr .word {position: relative; padding: 0 90px;}
#lets_meet .hdr .left {display: block; position: absolute; right: 90%; top: .62em; width: 500px; height: 1px; background: white;}
#lets_meet .hdr .right {display: block; position: absolute; left: 90%; top: .62em; width: 10000px; height: 1px; background: white;}


#lets_meet .form {position: absolute; left: 0; top: 0; z-index: 50; width: 100%; padding: 100px 90px; box-sizing: border-box;}
#lets_meet .result, #lets_meet .err {position: absolute; left: 100%; top: 0; z-index: 50; width: 100%; padding: 100px 90px; box-sizing: border-box;}

#lets_meet .form.sent {left: -100%;}
#lets_meet .result.sent {left: 0;}
#lets_meet .err.sent {left: 0;}



#lets_meet .links {margin: 40px 0 0;}
#lets_meet .links a {margin: 0 20px 0 0; padding: 10px 27px; text-decoration: none; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 18px; color: white; background: none; border: 1px solid #FFFFFF; border-radius: 2px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s;}
#lets_meet .links a:hover {color: #09364E; border-color: #09364E;}





/* noscript version */

body.noscript #col_right {display: block; right: 0;}


body.noscript #col_left {display: block;}


body.noscript #page_index {position: relative; height: 1000px; overflow: hidden;}
body.noscript #page_about {position: relative; left: 0; overflow: hidden;}
body.noscript #page_numbers {position: relative; overflow: hidden;}
body.noscript #page_team {position: relative; overflow: hidden;}
body.noscript #page_partners {display: none; position: relative; overflow: hidden;}
body.noscript #page_contacts {position: relative; overflow: hidden;}

body.noscript #content.technical .text ol li::before {color: #E2C1AF !important;}

body.noscript #page_index .content_left {width: 72.56%; background: white;}


body.noscript #page_index .content_left .phone {position: absolute; right: -100px; top: 73px; z-index: 10;}
body.noscript #page_index .content_left .phone a {text-decoration: none; font-size: 22px; line-height: 35px; color: #09364E; -webkit-transition: all .2s; transition: all .2s;}
body.noscript #page_index .content_left .phone a:hover {color: #89919A;}


body.noscript #page_index #index_dots {position: absolute; left: 0; bottom: 65px; padding: 0 0 0 90px;}
body.noscript #page_index #index_dots a {display: inline-block; margin-right: 20px; width: 3px; height: 3px; background: #89919A; -webkit-transition: width 1s; transition: width 1s;}
body.noscript #page_index #index_dots a.sel {width: 23px; background: #09364E;}


body.noscript #page_index #index_arrows {position: absolute; right: -100px; bottom: 48px; z-index: 5;}
body.noscript #page_index #index_arrows a {display: inline-block; margin-left: 12px;}
body.noscript #page_index #index_arrows a img {position: relative; right: 0; bottom: 2px; width: 38px; -webkit-transition: all .2s; transition: all .2s;}
body.noscript #page_index #index_arrows a img:hover {right: -3px; bottom: 0; width: 44px;}


body.noscript #page_index .index_projects {box-sizing: border-box; position: absolute; left: 0; bottom: 120px; width: 100%; height: 300px; overflow: hidden;}

body.noscript #page_index .index_project {position: absolute; left: 90px; top: 0;}

body.noscript #page_index .index_project h2 {margin: 0 0 22px; font-weight: normal; font-size: 22px; line-height: 35px; color: #09364E;}
body.noscript #page_index .index_project p.desc {margin: 0 0 30px; font-size: 15px; line-height: 22px; color: #89919A;}
body.noscript #page_index .index_project p.more a {display: inline-block; padding: 8px 30px; text-decoration: none; font-size: 18px; line-height: 29px; color: #09364E; border: 1px solid #09364E; border-radius: 2px;}




@media (min-width: 992px) {
	

	.team_list .item {-webkit-transition: all .5s; transition: all .5s;}
	.team_list .item.fadedOut {opacity: 0 !important; transform: scale(0.5);}


	.partners_list .item {-webkit-transition: all .5s; transition: all .5s;}
	.partners_list .item.fadedOut {opacity: 0 !important; transform: scale(0.5);}
	


	#content.technical p, #content.technical li, #content.technical h1, #content.technical h2, #content.technical h3, #content.technical blockquote, #content.technical .portfolio .item, #content.technical .text .block_docs, #content.technical .text .block_build {-webkit-transition: all .5s; transition: all .5s;}
	#content.technical p.fadedOut, #content.technical li.fadedOut, #content.technical h1.fadedOut, #content.technical h2.fadedOut, #content.technical h3.fadedOut, #content.technical blockquote.fadedOut, #content.technical .portfolio .item.fadedOut, #content.technical .text .block_docs.fadedOut, #content.technical .text .block_build.fadedOut {opacity: 0 !important; transform: scale(0.9);}


	#content.technical .text td img {-webkit-transition: all .5s; transition: all .5s;}
	#content.technical .text td img.fadedOut {opacity: 0 !important; transform: scale(0.9);}
/*
	#content.technical p, #content.technical li, #content.technical h1, #content.technical h2, #content.technical h3, #content.technical blockquote, #content.technical .portfolio .item, #content.technical .text .block_docs, #content.technical .text .block_build {-webkit-transition: all .5s; transition: all .5s;}
	#content.technical p.fadedOut, #content.technical li.fadedOut, #content.technical h1.fadedOut, #content.technical h2.fadedOut, #content.technical h3.fadedOut, #content.technical blockquote.fadedOut, #content.technical .portfolio .item.fadedOut, #content.technical .text .block_docs.fadedOut, #content.technical .text .block_build.fadedOut {opacity: 0 !important; transform: scale(0.9);}
*/

	#content.construction .numbers .num, #content.construction p, #content.construction li, #content.construction h1, #content.construction h2, #content.construction h3, #content.construction .portfolio .item {-webkit-transition: all .5s; transition: all .5s;}
	#content.construction .numbers .num.fadedOut, #content.construction p.fadedOut, #content.construction li.fadedOut, #content.construction h1.fadedOut, #content.construction h2.fadedOut, #content.construction h3.fadedOut, #content.construction .portfolio .item.fadedOut {opacity: 0 !important; transform: scale(0.9);}


	#content.portfolio .item {-webkit-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s;}
	#content.portfolio .item.fadedOut {op1acity: 0 !important; transform: scale(0.9);}


	
	.portfolio_item h1, .portfolio_item p, .portfolio_item .icons {-webkit-transition: all .5s; transition: all .5s;}
	.portfolio_item h1.fadedOut, .portfolio_item p.fadedOut, .portfolio_item .icons.fadedOut {opacity: 0 !important; transform: scale(0.9);}
	
	
	
	
	#content.technical .portfolio .item:hover {transform: scale(1.05);}
	
	
	
	
	
	#content.construction .portfolio .item:hover {transform: scale(1.02);}



		
	#content.portfolio .item:hover img {transform: scale(1.02) !important;}
	

	.portfolio_item img:hover {transform: scale(1.02);}
	.portfolio_smalls img:hover, .portfolio_smalls_right img:hover, .portfolio_smalls_3 img:hover {transform: scale(1.05);}
	.portfolio_big img:hover {transform: scale(1.05);}




	#portfolio_popup .header:hover .bk {opacity: 1;}
	#portfolio_popup .list:hover .bk {opacity: 1;}
	#portfolio_popup .list:hover .cut {opacity: 1;}
	#portfolio_popup .list a:hover {padding: 0;} 
	#portfolio_popup .list a:hover img {border: 3px solid #E2C1AF;} 
	}






@media (max-width: 1199.98px) {

	#content.portfolio {padding: 100px 40px 200px 40px;}


	#content.portfolio .item, #content.portfolio #shuffle div {margin-bottom: 40px;}
	
	
	#content.portfolio .item .name a {font-size: 18px;}
	
	
	#content.technical {padding: 140px 40px 0 40px;}


	#content.technical h2 {margin: 0 0 30px; font-size: 30px; line-height: 40px;}

	#content.technical .text {font-size: 14px;}
	#content.technical .text blockquote {margin: 0 0 60px; padding: 28px 0 28px 42px; font-size: 14px;}

	#content.technical .text ol li {padding: 70px 0 45px; font-size: 20px;}
	#content.technical .text ol li {margin: 0 0 0 130px;}
	#content.technical .text ol li::before {margin: 0 0 0 -130px; width: 130px; font-size: 60px;}

	#content.technical .portfolio .column.one {margin: 0 4% 0 0;}
	
	#content.technical .portfolio .column {width: 48%;}
	    
	#content.technical .portfolio .item {margin: 0 0 80px;}
	#content.technical .portfolio .item .name a {font-size: 18px;}
	#content.technical .portfolio .item .desc a {top: 75%; bottom: auto; width: 200px; height: auto; padding: 15px 20px; font-size: 14px;}




	#content.construction {padding: 140px 40px 0 40px; font-size: 14px;}
	#content.construction h1, #content.construction h2 {margin: 0 0 40px; font-size: 30px; line-height: 40px;}

	#content.construction .numbers {margin: 0 0 40px;}	
	#content.construction .numbers .num {margin: 0 2.5% 0 0; width: 22%; padding-top: 22%;}	
	#content.construction .numbers .num .data {font-size: 12px;}
	#content.construction .numbers .num .data big {margin: 0 0 5px; font-size: 2.5vw;}


	#content.construction .portfolio {padding: 0 20px;}
	
	#content.construction .portfolio .item {margin: 0 0 82px;}	
	#content.construction .portfolio .item a.name {font-size: 18px;}
	#content.construction .portfolio .item .desc a {left: 20px; right: 20px; padding: 15px 20px; font-size: 14px;}


	#content.technical .text .block_docs {margin: 50px 5% 40px 0; padding: 133px 44px 40px;}
	#content.technical .text .block_docs li {font-size: 14px;}
	
	#content.technical .text .block_build {margin: 50px 0 40px; padding: 133px 44px 40px;}
	#content.technical .text .block_build li {font-size: 14px;}


	
		
		
	.portfolio_item {padding: 140px 40px 100px 40px; font-size: 14px;}
	
	.portfolio_item h1 {font-size: 30px; line-height: 40px;}
	.portfolio_item p.branchesDesktop {margin: 0 0 28px;}
	.portfolio_item p {margin: 0 0 40px;}
	
	.portfolio_item .icons {margin: 0 0 40px; font-size: 17px;}
	
	
	.portfolio_item .icons .style {margin: 0 20px 0 0; padding: 5px 0 5px 45px; background: url(/images/icon-style.svg) no-repeat 0 0; background-size: 35px 32px;}
	.portfolio_item .icons .area {margin: 0 20px; padding: 5px 0 5px 47px; background: url(/images/icon-area.svg) no-repeat 0 4px; background-size: 35px 34px;}
	.portfolio_item .icons .address {margin: 0 0 0 20px; padding: 5px 0 5px 37px; background: url(/images/icon-address.svg) no-repeat 0 2px; background-size: 26px 35px;}
	
	
	
	
	.portfolio_smalls {grid-column-gap: 10px; margin: 0 0 10px !important;}
	
	
	.portfolio_smalls_right {grid-column-gap: 10px; margin: 0 0 10px !important;}
	
	
	
	
	.portfolio_smalls_3 {grid-column-gap: 10px; margin: 0 0 10px !important;}
	
	
	}



@media (max-width: 991.98px) {


	#content.portfolio {padding: 100px 40px 200px 40px;/* column-count: 2; column-gap: 20px;*/}

	#content.portfolio .item, #content.portfolio #shuffle div {margin-bottom: 20px;}


	#content.construction .numbers {position: relative; margin: 0 0 1px;}
	#content.construction .numbers .num {margin: 0 5% 30px; width: 38%; padding: 40% 1% 0;}
	#content.construction .numbers .num:nth-child(2n) {margin-top: 0;}
	#content.construction .numbers .num .data {width: 100%; padding: 0 20px; font-size: 12px; line-height: 140%;}
	#content.construction .numbers .num .data big {font-size: 5vw;}
	
		
	
	
	}






@media (max-width: 767.98px) {

	@keyframes circle_show {
		0% {clip-path: circle(0%);}
		100% {clip-path: circle(100%);}
		}


	#isMobile {display: block;}

	.forMobile {display: block;}
	.noMobile {display: none;}




	
	#site {height: auto;}


	
	#preloader {background: none;}
	
	
	
	#preloader .line {left: 50%; right: auto; top: 0; bottom: 0; width: 1px; height: 100%;}
	#preloader .dot {top: auto; bottom: 0; margin: 0 0 0 -1px;}
	#preloader .fill {top: auto; bottom: 0; margin: 0; width: 1px; height: 0;}
	
	
	
	#preloader .number {display: none;}
	
	
	#preloader2 object, #preloader2 img {margin: -40px 0 0 -40px; width: 80px; height: 80px;}
	
	
	
	noscript div {margin: 30px 20px; width: auto;}		
	
	
	#col_right {display: none;}
	#col_left {display: none;}
	
	
	
	#mobile_header {display: none; position: fixed; left: 0; top: 0; z-index: 200; width: 100%; height: 60px; background: rgba(255, 255, 255, 1);}

	#mobile_header .logo {position: absolute; left: 50%; top: 22px; margin: 0 0 0 -70px; width: 140px; text-align: center;}

	#mobile_header .back a {position: absolute; left: 20px; top: 10px; width: 40px; height: 40px; background: url(/images/arrow-back-menu-mobile.svg) no-repeat 50% 50%;}

	#burger a {display: block; position: absolute; right: 20px; top: 10px; width: 40px; height: 40px; background: url(/images/btn-burger.svg) no-repeat 50% 50%;}




	#mobile_menu {display: none; position: fixed; left: 0; top: 0; z-index: 220; width: 100%; height: 100%; background: url(/images/bk-menu-mobile.svg?t=2) no-repeat 0 100% white; background-size: contain /*100% 240px*/;}

	#mobile_menu .menu_lang {position: absolute; right: 60px; top: 0; list-style: none;}
	#mobile_menu .menu_lang li {display: inline-block; margin: 0 12px 0 0; padding: 16px 0 30px; font-weight: 300; font-size: 16px; line-height: 180%;}
	#mobile_menu .menu_lang li.sel {background: url(/images/sel-top-lang.svg) no-repeat 50% 0;}
	#mobile_menu .menu_lang a {text-decoration: none; color: #E2C1AF;}
	#mobile_menu .menu_lang span {color: #09364E;}

	#mobile_menu .menu_main {position: absolute; left: 30px; top: 17px; list-style: none;}
	#mobile_menu .menu_main li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 180%;}
	#mobile_menu .menu_main li a {text-decoration: none; color: #89919A;}
	
	
	#mobile_menu .phone {position: absolute; left: 30px; bottom: 110px; font-weight: 500; font-size: 18px; line-height: 160%;}
	#mobile_menu .phone a {text-decoration: none; color: white;}
	
	#mobile_menu .social {position: absolute; left: 30px; bottom: 63px; list-style: none;}
	#mobile_menu .social li {display: inline-block; margin: 0 30px 0 0;}
	#mobile_menu .close a {display: block; position: absolute; right: 20px; top: 10px; width: 40px; height: 40px; background: url(/images/btn-close.svg) no-repeat 50% 50%;}
	


	
	#mobile_slides ul {display: block; position: fixed; right: 20px; top: 100px; z-index: 210; padding: 18px 9px 13px; background: white; list-style: none; border-radius: 100px; box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
	#mobile_slides li {margin: 0 0 5px; padding: 25px 0 0; text-align: center; background: url(/images/sel-right-nums-mobile.svg) no-repeat 50% 0;}
	#mobile_slides li:first-child {padding: 0; background: none;}
	#mobile_slides li a {text-decoration: none; color: #E2C1AF;}
	#mobile_slides li.sel a {font-weight: bold; color: #09364E;}
	


	#mobile_filters {display: none; position: fixed; left: 0; top: 0; z-index: 210; width: 100%; height: 100%; padding: 100px 0 0; background: white; background-size: 100% 240px;}
	#mobile_filters .close a {display: block; position: absolute; right: 20px; top: 10px; width: 40px; height: 40px; background: url(/images/btn-close.svg) no-repeat 50% 50%;}


	#mobile_filters .block {margin: 0 0 30px;}
	
	#mobile_filters li {display: block; margin-bottom: 16px; font-size: 16px; line-height: 180%;}
	
	#mobile_filters li.hdr a {display: block; position: relative; width: 250px; padding: 0 30px 0 40px; font-weight: 500; color: #09364E; background: url(/images/filters-header-arrow.svg) no-repeat 100% .8em;}
	#mobile_filters li.hdr.sel a {background: url(/images/filters-header-arrow-sel.svg) no-repeat 100% .8em;}
	#mobile_filters li.hdr a:header {position: relative; color: #E2C1AF;}

	
	
	#mobile_filters li a {display: inline-block; text-decoration: none; color: #09364E; background: white; -webkit-transition: all .2s; transition: all .2s;}
	
	#mobile_filters li a:hover {color: #E2C1AF;}
	
	#mobile_filters li.sub {display: none; font-weight: 300;}
	#mobile_filters li.sub a {display: block; padding-left: 76px; background: url(/images/filters-box.svg) no-repeat 50px 6px;}
	#mobile_filters li.sub a.checked {background: url(/images/filters-box-checked.svg) no-repeat 50px 6px;}
	
	
	
	#mobile_filters .reset a {display: block; width: 250px; padding: 0 31px 0 40px; text-decoration: none; color: #59A8BD; background: url(/images/filters-reset.svg) no-repeat 100% .2em;}
	












	#content {left: 0; right: 0; top: 0; width: 100%;}


	









	#content.technical {padding: 80px 20px;}


	/* technical */

	#content.technical * {position: relative; z-index: 10;}

	#content.technical .bk {display: block; position: fixed; left: 0; top: 0; z-index: 5; width: 100%;}
	#content.technical .bk img {display: block; width: 100%; height: 100%; object-fit: cover; opacity: .05;}
	

	
	#content.technical h2 {margin: 0 0 40px; font-size: 30px; line-height: 40px;}
	
	#content.technical h3 {font-size: 20px;}
	
	#content.technical .text {font-size: 12px;}
	
		
	#content.technical .text blockquote {position: relative; margin: 0 0 50px; padding: 20px 0 20px 20px; column-count: 1; column-gap: 0; font-weight: 500; font-size: 12px; line-height: 180%; background: url(/images/line-blockquote.svg) no-repeat 0 100%;}
	
	
	#content.technical .text ol {margin: 0 0 20px;}
	#content.technical .text ol li {margin: 0 0 0 110px; padding: 40px 0 20px 0; font-size: 20px;}
	#content.technical .text ol li::before {margin: 0 0 0 -110px; width: 110px; font-size: 60px; color: #E2C1AF;}
	
	
	
	
	#content.technical .text .block_docs {display: block; margin-right: 0; width: 100%; background-color: white;}

	
	#content.technical .text .block_build {display: block; width: 100%; background-color: white;}

	
	
	#content.technical .text table img {max-width: 80%; max-height: 80%;}
	
	
	
	
	#content.technical .portfolio .column {display: block; width: 100%;}
	#content.technical .portfolio .column.one {margin: 0; padding: 0;}

	#content.technical .portfolio .item {position: relative; margin: 0 -20px 20px;}
	
	#content.technical .portfolio .item .name a {top: auto; bottom: 0; font-weight: bold; font-size: 20px; line-height: 160%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));}

	#content.technical .portfolio .item .desc {display: none;}

	#content.technical .portfolio .item:hover .more {display: none;}

	
		
	







	/* portfolio list */
	
	
	#content.portfolio {padding: 97px 20px 100px 20px; column-count: 1;}

	#content.portfolio h1 {display: block; margin: 0 0 25px; font-weight: bold; font-size: 20px; line-height: 160%;}

	#content.portfolio .filters_btn {display: block;}	
	#content.portfolio .filters_btn a {display: block; float: right; position: relative; margin: -4px 0 0; width: 43px; height: 43px; background: url(/images/btn-filters.svg) no-repeat 50% 50% white; border-radius: 100px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}



	#content.portfolio .item, #content.portfolio #shuffle div {margin-right: 0; width: 100%; padding-top: 60%;}
	
	#content.portfolio .item:nth-child(2n), #content.portfolio #shuffle div:nth-child(2n) {top: 0;}
    
	
	#content.portfolio .item .name a {padding: 15px 20px; font-weight: bold; font-size: 12px; line-height: 160%;}
	
	#content.portfolio .item .branches a {left: 20px; bottom: 15px; padding-top: 3px; font-size: 10px; line-height: 150%;}
	
	
	#content.portfolio #filters_none {padding: 130px 20px 40px; font-size: 14px; line-height: 21px; background-position: 50% 22px;}

	#content.portfolio .lets_meet {display: block; margin-right: 0; width: 100%;}

	
	
	
	
	/* portfolio item */
	
	
	.portfolio_item {padding: 60px 20px; font-size: 12px; line-height: 160%; background: none;}
	.portfolio_item h1 {display: none;}
	.portfolio_item p {margin: 0 0 20px;}
	
	

	.portfolio_item p.branchesDesktop {display: none;}
	
	
	.portfolio_item .iconsAims {flex-direction: column;}
	
	.portfolio_item .icons {position: relative; margin: 0 -20px 30px; width: 100%; padding: 112.5% 20px 0; overflow: hidden; text-align: left; font-weight: 500; font-size: 9.7px; line-height: 160%; color: white; border: none;}
	.portfolio_item .icons .bk {display: block; position: absolute; left: 0; top: 0; width: 100%;}
	.portfolio_item .icons .bk img {width: 100%;}


	.portfolio_item .icons .branchesMobile {display: block; position: absolute; left: 20px; top: 23px; padding: 0 0 0 25px; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 150%; color: white; background: url(/images/icon-branches.svg) no-repeat 0 2px;}

	.portfolio_item .icons .overlayer {box-sizing: border-box; position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; padding: 120px 0 20px 8px; background: linear-gradient(rgba(0, 0, 0, 0), #000000);}
	
	.portfolio_item .icons .hdr {display: block; position: absolute; left: 20px; right: 40px; bottom: 80px; z-index: 10; margin: 0; text-align: left; font-weight: bold; font-size: 20px; line-height: 130%;}
	
	.portfolio_item .icons .container {position: absolute; left: 20px; bottom: 20px;}
	
	
	.portfolio_item .icons .style {display: inline-block; margin: 0 12px 0 0; padding: 3px 0 5px 25px; background: url(/images/icon-style.svg) no-repeat 0 0; background-size: 17px 16px;}
	.portfolio_item .icons .area {display: inline-block; margin: 0 12px; padding: 3px 0 5px 27px; background: url(/images/icon-area.svg) no-repeat 0 2px; background-size: 19px 19px;}
	.portfolio_item .icons .address {display: inline-block; margin: 0 0 0 12px; padding: 3px 0 5px 22px; background: url(/images/icon-address.svg) no-repeat 0 2px; background-size: 14px 18px;}
	
	
	.portfolio_item .aimsBtn {width: 100%; height: auto; padding: 0; font-size: 14px;}
	.portfolio_item .aimsBtn a {height: auto; padding: 20px 0; line-height: 14px;}
		
	.portfolio_item #aimsPopup {position: relative; left: 0; top: 0; font-size: 14px;}
	.portfolio_item #aimsPopup p.hdr {font-size: 16px;}
	
	.portfolio_item iframe {margin: 0 -20px; width: calc(100% + 40px) !important; max-width: none !important; height: 56.25vw !important;}
	
	
	.portfolio_item .portfolio_big {margin: 0 -20px 20px; width: auto;}
	
	.portfolio_item .portfolio_smalls {display: grid; grid-template-columns: 40% auto; grid-column-gap: 2px; margin: 0 -20px 20px !important; height: 30%;}
	.portfolio_item .portfolio_smalls_right {display: grid; grid-template-columns: auto 40%; grid-column-gap: 2px; margin: 0 -20px 30px !important; height: 30%;}
	
	.portfolio_item .portfolio_smalls_3 {display: grid; grid-template-columns: auto auto auto; grid-column-gap: 2px; margin: 0 -20px 30px !important; height: 30%;}
	
	
	.portfolio_item .portfolio_smalls a, .portfolio_item .portfolio_smalls_right a, .portfolio_item .portfolio_smalls_3 a {overflow: hidden;}
	.portfolio_item .portfolio_smalls img, .portfolio_item .portfolio_smalls_right img, .portfolio_item .portfolio_smalls_3 img {display: block; width: 100%; height: 100%; object-fit: cover;}
	


	.page h2 {margin: 0;}
	.page h2 .word {padding: 0;}

	#page_index, #page_about, #page_numbers, #page_team, #page_contacts {display: block; position: relative; left: 0;}
	#page_partners {display: none;}
	#page_contacts .bk p {width: 100%; height: 100%;}
	#page_contacts .bk img {width: 100%; height: 100%; object-fit: cover;}



	/* index */
	#page_index {width: 100%; height: 100%;}
	#page_index .content_left {width: 100%; height: 100%;}
	
	#index_projects {display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}

	#index_projects h2 {position: absolute; left: 20px; bottom: 30px; font-size: 20px; line-height: 24px;}
		
	#index_dots_mobile {position: absolute; left: 20px; bottom: 100px;}
	#index_dots_mobile a {display: inline-block; margin-right: 20px; width: 3px; height: 3px; background: #E2C1AF;}
	#index_dots_mobile a.sel {width: 23px; background: #E2C1AF;}
	
	
	.index_project_mobile {font-weight: bold; font-size: 20px; line-height: 24px; color: white;}



	/* about */
	#page_about .content_left {position: relative; left: 0; top: 0; width: 100%; height: 100%; background: rgba(226, 193, 175, 0.9);}
	
	#page_about h2  {margin-bottom: 15px; font-size: 20px; line-height: 160%;}
	#page_about h2 .left {display: none;}
	#page_about h2 .right {display: none;}
	
	
	#page_about .text {padding: 40px 80px 90px 20px; overflow-y: hidden; font-size: 12px; line-height: 160%;}
	#page_about .text p {margin-bottom: 15px;}
	
	
	#page_about .text h3 {margin: 30px 0 20px; text-align: left;}

	#page_about .text table td {display: block; margin: 0 0 30px; text-align: left;}


	#page_about .text .logo-stark {height: 50px;}
	#page_about .text .logo-instruments {height: 30px;}
	
	

	
	#page_about .text h2 {margin-bottom: 15px;}
	#page_about .contacts h2 {margin-bottom: 15px;}
	#page_about .numbers h2 {margin-bottom: 15px;}
	
	
	#page_about .text p.more {margin-top: 40px;}
	#page_about .text p.more a {font-size: 14px; line-height: 25px;}



	#page_about.content_right {position: relative; left: 0; top: 0; width: 100%; height: auto; padding: 0 0 1px; background: rgba(255, 255, 255, 0.9);}



	/* numbers */	


	#page_numbers .content_left {height: auto; background: none;}
	#page_numbers .content_right {background: rgba(255, 255, 255, 0.9);}
	#page_numbers .numbers {height: auto; padding: 35px 22px 65px; background: rgba(255, 255, 255, 0.9);}


	#page_numbers .numbers h2 {margin: 0 0 35px; font-size: 20px; line-height: 160%;}
	#page_numbers .numbers h2 .word {padding: 0;} {margin: 0 0 35px;}

	#page_numbers .numbers h2 .left, #page_numbers .numbers h2 .right {display: none;}




	#page_numbers .numbers .circle {width: auto; height: auto;}
	
	#page_numbers .numbers .circle .bk {display: none;}
	#page_numbers .numbers .circle .num a {display: none;}
	
	#page_numbers .numbers .circle .words {position: relative; left: 0; top: 0; width: auto; text-align: left; font-size: 13px; line-height: 19px;}
	#page_numbers .numbers .circle .words .deg {margin: 0 -7px 0 0; width: 7px;}
	#page_numbers .numbers .circle .words big {display: block; float: left; margin: -3px 20px 0 0; width: 56px; height: 56px; text-align: center; font-size: 17px; line-height: 56px; border: 5px solid #aab7bf; border-radius: 200px;}
	

	.numbers_right {padding: 0 80px 20px 20px;}	
	.numbers_right .numbers_item {display: block;}
	
	.numbers_item {margin: 0 0 40px; padding: 16px; background: white; border-left: 1px solid #E2C1AF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
	
	.numbers_right .number {margin: -45px 0 0; padding: 0; font-size: 50px; line-height: 60px; color: #E2C1AF; opacity: 0.6;}
	
	.numbers_right .name {margin: 0 0 20px; font-size: 12px; line-height: 160%; background: url(/images/btn-numbers-open.svg) no-repeat 100% 60%; cursor: pointer;}
	
	.numbers_right .text {display: none; margin: 0; font-weight: 300; font-size: 12px; line-height: 18px;}
	.numbers_right .text p {margin: 0 0 10px;}
	
	.numbers_right .line1, .numbers_right .line2 {display: none;}
	
	
	.numbers_right .opened .name {background: url(/images/btn-numbers-close.svg) no-repeat 100% 60%;}

	









	/* team */
	#page_team {height: 100%; background: white;}
	#page_team .content_left {height: 100%; background: none;}


	#page_team h2 {position: absolute; left: 20px; top: 40px; margin: 0; font-size: 20px; line-height: 160%; color: white;}
	#page_team h2 .word {padding: 0;}
	#page_team h2 .left, #page_team h2 .right {display: none;}

	#team_mobile_one, #team_mobile_two {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	#team_mobile_one img, #team_mobile_two img {display: block; width: 100%; height: 100%; object-fit: cover;}

	#team_mobile_two.show {animation: 1.5s circle_show;}

	


	#mobile_team_name {display: block; position: absolute; left: 20px; bottom: 165px; font-weight: bold; font-size: 20px; line-height: 120%; color: white;}
	#mobile_team_position {display: block; position: absolute; left: 20px; bottom: 148px; font-weight: 500; font-size: 10px; line-height: 160%; color: white;}
	
	
	
	.team_list {box-sizing: border-box; width: 100%; height: 100%; padding: 0;}
	
	
	
	.team_list .items {position: absolute; left: 0; bottom: 40px; width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
	.team_list .items .cut {margin: 0 20px; white-space: nowrap; wid1th: 100000px; padding: 10px 5px 10px 0; background: #E2C1AF; border-radius: 100px; box-shadow: 0px 0px 30.1453px rgba(0, 0, 0, 0.1);}
	
	
	.team_list .item {display: inline-block; margin: 0 10px; width: 60px; height: 60px; padding: 0;}
	
	.team_list .item .image {margin: 0; border: 2px solid white; cursor: pointer;}
	.team_list .item.sel .image {border: 2px solid #09364E;}
	.team_list .item .image img {padding: 0;}
		
	.team_list .item .name {display: none;}
	.team_list .item .position {display: none;}
	




	/* partners */

	#page_partners h2 {margin: 0 0 35px; font-size: 20px; line-height: 160%;}
	#page_partners h2 .word {padding: 0;} {margin: 0 0 35px;}
	#page_partners h2 .left, #page_partners h2 .right {display: none;}
	
	#page_partners .partners_list {padding: 35px 20px;}

	#page_partners .partners_list .item .name {font-size: 14px;}




	
	/* contacts */
	#page_contacts .mobile_map {display: block; position: relative; margin: -20px -20px 20px; width: 100%; height: 0; padding: 100% 20px 0;}
	#page_contacts .mobile_map iframe, #page_contacts .mobile_map #map {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none;}

	#page_contacts .content_right {display: none;}


	#page_contacts .content_left {background: rgba(226, 193, 175, .8);}

	#page_contacts .bk {overflow: hidden;}	
	#page_contacts .bk img {display: block; width: 100%; height: 100%; object-fit: cover;}

	
	
	#page_contacts h2 {margin: 0 0 35px; padding: 11px 0 0; font-size: 20px; line-height: 160%; background: url(/images/header-contacts.svg) no-repeat 50% 0;}
	#page_contacts h2 .word {padding: 0;} {margin: 0 0 35px;}
	#page_contacts h2 .left, #page_contacts h2 .right {display: none;}

	
	
	.contacts {padding: 20px; font-weight: bold; font-size: 12px; line-height: 160%; background: none;}
	.contacts p {margin: 0 0 40px;}
	.contacts em {display: inline-block; width: 90px; font-style: normal; font-weight: normal; color: white;}



	
	
	













	
	
	
	/* construction */


	#content.construction {padding: 95px 22px 65px; font-size: 12px; line-height: 160%; background: white;}
	
	#content.construction * {position: relative; z-index: 10;}
	
	#content.construction .bk {display: block; position: fixed; left: 0; top: 0; z-index: 5; width: 100%;}
	#content.construction .bk img {display: block; width: 100%; height: 100%; object-fit: cover; opacity: .05;}
	
	
	#content.construction h2 {margin: 0 0 35px; font-size: 20px; line-height: 160%;}
	
	
	#content.construction .numbers .num .data {font-size: 12px; line-height: 120%;}
	#content.construction .numbers .num .data big {margin-bottom: 2px; font-size: 7vw;}
	
	
	
	#content.construction .portfolio {margin: 0 -20px; padding: 0;}
	
	/* #content.construction .portfolio .item {margin: 0 0 20px;} */

	#content.construction .portfolio .item .desc {position: relative; left: 0; top: 0; margin: 0 0 50px; padding: 0 20px; font-size: 12px; line-height: 160%; background: none; border: none;}
	

	#content.construction .portfolio .item .image {position: relative; margin: 0 0 30px;}
		
	#content.construction .portfolio .item .name {top: auto; bottom: 30px; margin: 0; font-size: 20px; line-height: 160%;}	
		
		
	



	#content.technical .lets_meet, #content.construction .lets_meet {flex-direction: column; align-items: stratch; padding: 30px 30px 40px; font-size: 16px; line-height: 160%;}
	#content.technical .lets_meet br, #content.construction .lets_meet br {display: none;}
	#content.technical .lets_meet p, #content.construction .lets_meet p {width: 100%; text-align: left;}
	#content.technical .lets_meet .icon, #content.construction .lets_meet .icon {margin: 0 0 20px;}
	#content.technical .lets_meet .btn, #content.construction .lets_meet .btn {margin: 40px 0 0;}
	#content.technical .lets_meet .btn a, #content.construction .lets_meet .btn a {width: 100%; box-sizing: border-box; padding: 7px 0; font-size: 14px; line-height: 14px;}

	
	
	/* portfolio popup */
	#portfolio_popup {background: rgba(0, 0, 0, .8);}
	#portfolio_popup .big_image {display: none;}
	#portfolio_popup .header {height: 20%; z-index: 200; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); }
	#portfolio_popup .name {position: absolute; left: 20px; top: 20px; right: 90px; z-index: 200; font-size: 20px; line-height: 130%;}
	#portfolio_popup .close a {top: 20px; right: 20px; z-index: 200;}


	
	#portfolio_popup .header .bk, #portfolio_popup .list .bk {display: none;}
	
	
	#portfolio_popup .list {position: relative; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
	
	
	#portfolio_popup .list .container {position: relative; left: 0; top: 0; height: auto;}
	
	#portfolio_popup .list .cut {position: relative; left: 0; bottom: 0; width: auto; opacity: 1;}
	
	
	#portfolio_popup .list a {display: block; margin: 0 0 2px; width: 100%; height: auto; padding: 0;}
	
	#portfolio_popup .list a img {width: 100%; height: auto; border: none;}
	
	#portfolio_popup .list a:hover {padding: 0;} 
	#portfolio_popup .list a:hover img {border: none;} 
	
	#portfolio_popup .list a.sel {padding: 0;} 
	#portfolio_popup .list a.sel img {border: none;} 
	




	#lets_meet {left: 0; width: 100%; padding: 50px 20px; box-sizing: border-box; font-size: 18px; line-height: 160%; color: #09364E; background: #E2C1AF;}
	
	
	
	#lets_meet .close a {top: 23px; right: 23px; width: 15px; height: 15px; background-size: 15px 15px;}
	
	#lets_meet form {padding: 40px 0;}
	
	#lets_meet input[type="text"] {margin: 0 0 28px; width: 100%; font-size: 14px;}
	#lets_meet input[type="submit"] {margin: 40px 0 0; width: 100%; height: 45px; box-sizing: border-box; font-size: 14px; line-height: 14px;}
	#lets_meet label {margin: 0 0 -28px 10px; font-size: 14px;}
	
	#lets_meet .hdr {margin: 0 0 30px; font-size: 20px; line-height: 160%;}
	#lets_meet .hdr .word {padding: 0;}
	#lets_meet .hdr .left, #lets_meet .hdr .right {display: none;}
	
	

	
body.noscript #mobile_header {display: block;}


body.noscript #col_right {display: none;}


body.noscript #col_left {display: none;}
	
	body.noscript #page_index .content_left {width: 100%; background: none;}
	
	
body.noscript #page_index .content_left .phone {display: none;}
body.noscript #page_index #index_dots {display: none;}
body.noscript #page_index #index_arrows {display: none;}
body.noscript #page_index .index_projects {display: none;}
body.noscript #page_index #index_logo_left {display: none;}
body.noscript #page_index #index_logo_right {display: none;}
	body.noscript #page_team {height: 800px; overflow: auto;}

	}