/*reset styles*/ button,hr,input{overflow:visible} audio,canvas,progress,video{display:inline-block} progress,sub,sup{vertical-align:baseline} html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block} figcaption,figure,main{display:block} figure{margin:0;} hr{box-sizing:content-box;height:0} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} a{background-color:transparent;-webkit-text-decoration-skip:objects} a:active,a:hover{outline-width:0} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:700} dfn{font-style:italic} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative} sub{bottom:-.25em} sup{top:-.5em} audio:not([controls]){display:none;height:0} img{border-style:none} svg:not(:root){overflow:hidden} button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button,input{} button,select{text-transform:none} [type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{} textarea{overflow:auto} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} summary{display:list-item} [hidden],template{display:none} input,textarea,button,select,a {-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none} /*IMPORT FONTS @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');*/ @font-face { font-family: 'FuturaBT-Bold'; src: url('../fonts/FuturaBT-Bold.woff2') format('woff2'), url('../fonts/FuturaBT-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'FuturaBT-Book'; src: url('../fonts/FuturaBT-Book.woff2') format('woff2'), url('../fonts/FuturaBT-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'FuturaBT-ExtraBold'; src: url('../fonts/FuturaBT-ExtraBold.woff2') format('woff2'), url('../fonts/FuturaBT-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /*GRID STYLES*/ .maxwidthfix{max-width:1920px;} .row{margin:0 auto 0 auto;width:100%;} .row:after{content:"";display:table;clear:both;} [class*='col-']{float:left;padding:0 0.5%;/*background:#fefefe;*/background-clip:content-box;} .col-1{width:4.1666%;}.col-2{width:8.3333%;}.col-3{width:12.5%;}.col-15p{width:15%;}.col-4{width:16.6666%;}.col-18p{width:18.3333%;}.col-20p{width:20%;}.col-33p{width:33.3333%;}.col-5{width:20.8333%;}.col-6{width:25%;}.col-7{width:29.1666%;}.col-8{width:33.3333%;}.col-9{width:37.5%;}.col-10{width:41.6666%;}.col-11{width:45.8333%;}.col-12{width:50%;}.col-13{width:54.1666%;}.col-14{width:58.3333%;}.col-15{width:62.5%;}.col-16{width:66.6666%;}.col-17{width:70.8333%;}.col-18{width:75%;}.col-19{width:79.1666%;}.col-20{width:83.3333%;}.col-21{width:87.5%;}.col-22{width:91.6666%;}.col-23{width:95.8333%;}.col-24{width:100%;} .m-0{margin:0;}.m-1{margin:4.1666%;}.ml-0_5{margin-left:2.0833%;}.ml-1{margin-left:4.1666%;}.ml-2{margin-left:8.3333%;}.ml-3{margin-left:12.5%;}.ml-4{margin-left:16.6666%;}.ml-5{margin-left:20.8333%;}.ml-6{margin-left:25%;}.ml-7{margin-left:29.1666%;}.ml-8{margin-left:33.3333%;}.ml-9{margin-left:37.5%;}.ml-10{margin-left:41.6666%;}.ml-11{margin-left:45.8333%;}.ml-12{margin-left:50%;}.ml-13{margin-left:54.1666%;}.ml-14{margin-left:58.3333%;}.ml-15{margin-left:62.5%;}.ml-16{margin-left:66.6666%;}.ml-17{margin-left:70.8333%;}.ml-18{margin-left:75%;}.ml-19{margin-left:79.1666%;}.ml-20{margin-left:83.3333%;}.ml-21{margin-left:87.5%;}.ml-22{margin-left:91.6666%;}.ml-23{margin-left:95.8333%;}.ml-24{margin-left:100%;}.mt-0{margin-top:0%;}.mt-1p{margin-top:1%;}.mt-1_7p{margin-top:1.7%;}.mt-0_5{margin-top:2.0833%;}.mt-1{margin-top:4.1666%;}.mt-1_5{margin-top:6.25%;}.mt-2{margin-top:8.3333%;}.mt-10p{margin-top:10%;}.mt-3{margin-top:12.5%;}.mt-4{margin-top:16.6666%;}.mt-5{margin-top:20.8333%;}.mt-6{margin-top:25%;}.mt-7{margin-top:29.1666%;}.mt-8{margin-top:33.3333%;}.mr-1p{margin-right:1%;}.mr-1{margin-right:4.1666%;}.mr-2{margin-right:8.3333%;}.mr-3{margin-right:12.5%;}.mr-4{margin-right:16.6666%;}.mr-5{margin-right:20.8333%;}.mr-10{margin-right:41.6666%;}.mb-0{margin-bottom:0%;}.mb-1p{margin-bottom:1%;}.mb-0_5{margin-bottom:2.0833%;}.mb-1{margin-bottom:4.1666%;}.mb-1_5{margin-bottom:6.25%;}.mb-2{margin-bottom:8.3333%;}.mb-3{margin-bottom:12.5%;}.mb-4{margin-bottom:16.6666%;}.mb-05{margin-bottom:2%;}.mb-0{margin-bottom:0;}.mr-m2{margin-right:-4.1666%;}.ml-m10px{margin-left:-10px;}.mb--1{margin-bottom:-4.1666%;} .p-1{padding:4.1666%;} .p-0_5{padding:2.0833%;} .pt-0_5{padding-top:2.0833%;}.pt-1{padding-top:4.1666%;}.pt-1_7{padding-top:7.3%;}.pt-2{padding-top:8.3333%;}.pt-3{padding-top:12.5%;}.pt-4{padding-top:16.6666%;}.pb-0_5{padding-bottom:2.0833%;}.pb-1{padding-bottom:4.1666%;}.pb-2{padding-bottom:8.3333%;}.pb-3{padding-bottom:12.5%;}.pb-4{padding-bottom:16.6666%;}.pl-1{padding-left:4.1666%;}.pl-2{padding-left:8.3333%;}.pl-3{padding-left:12.5%;}.pl-4{padding-left:16.6666%;}.pr-0_5{padding-right:2.0833%;}.pr-1{padding-right:4.1666%;}.pr-2{padding-right:8.3333%;}.pr-3{padding-right:12.5%;}.pr-4{padding-right:16.6666%;} .ml--1{margin-left:-4.1666%;} .mr--1{margin-right:-4.1666%;} /*MAIN TAGS*/ *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} body{margin:0;padding:0;height:100%;width:100%;font-size:1vw;background:#2B2B2B;color:#050a14;overflow-x:hidden;font-family:"FuturaBT-Book",sans-serif;line-height:1.66;letter-spacing:.01em;position:relative;} h1 {font-size:220%;font-family:"FuturaBT-ExtraBold",sans-serif;line-height:1.3;margin:1em 0;font-weight:700;color:#050a14;} h1.h1line{padding-bottom: .5em;position:relative;} h1.h1line:after{content:" ";width:4em;height: .20em;background:linear-gradient(to right, #86dab7, #75c8d0 53%,#6db5e1 100%);position:absolute;bottom:0;left:0;} h1.h1line_center:after{left: calc(50% - 2em);} h2 {font-size:190%;font-family:"FuturaBT-ExtraBold",sans-serif;line-height:1.3;margin:1em 0;color:#050a14;font-weight:700;} h2.h2line{padding-bottom: .5em;position:relative;} h2.h2line:after{content:" ";width:4em;height: .20em;background:#6db5e1;position:absolute;bottom:0;left:0;} h3 {font-size:120%;font-family:"FuturaBT-Bold",sans-serif;font-weight:700;} input,textarea,select,button {font-size:100%;font-family:"FuturaBT-Book",sans-serif;} p{line-height:1.66;margin-bottom:4.1666%;} p.h2alt{font-size:166%;line-height:1.3;margin:1em 0;color:#FFFFFF;font-weight:700;} ul{list-style:disc;} ul,ol{line-height:1.66;margin:.5em 0 1.5em 0em;padding-left:1.2em;} ul li,ol li{margin-left:0;} a{text-decoration:none;color: #A2D9F7;} /*LAYOUT*/ #container{margin:0 auto;max-width:1920px;background:#ffffff;padding:0;} #header{} #header_main{background:#2B2B2B;} #logo{padding:1.7em 0;} .uppermenu{float:right;display:inline-block;} #menu{position:relative;background:#A2D9F7;padding: 2em 0;z-index:20;} #menu>ul{list-style:none;white-space:nowrap;margin:0 2em;padding:0} #menu>ul>li{padding: 0 1.2em;display:inline-block;position:relative;} #menu>ul>li>a{display:block;padding: 0.5em 0;position:relative;font-weight: 600;color: #080f1f; font-family: 'FuturaBT-Bold';font-size: 110%;} #menu>ul>li>a.inline{display:inline-block;padding: 0.5em 0;position:relative;font-weight: 800;color: #080f1f;} #menu>ul>li>a.inline.weight400{font-weight: 400;font-family: 'FuturaBT-Book';} .career_orange{position:absolute;background:#F47D2D;padding:0 .3em;font-weight:400;right:-1.7em;color:#ffffff;line-height: 1.3;} #menu>ul>li>a:hover{color: #080f1f;} #menu>ul>li>a:before {content: "";position: absolute;width: 100%;height: .2em;bottom: 0em;left: 0;background: #080f1f;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} #menu>ul>li>a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);} #menu>ul>li>a.selected{/* font-size: 110%; */font-weight: 700;} #menu>ul>li>a.selected:before {content: "";position: absolute;width: 100%;height: .25em;bottom: 0em;left: 0;background: #080f1f;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} /* #menu>ul >li>ul{display:none;} #menu>ul>li:hover>a{color: #080f1f;} #menu>ul>li:hover>ul{display:block;position:absolute;left: 50%;right:0px;top: 3em;z-index:99;padding: 0.7em 0 0 0;list-style:none;width:100%;min-width: 17.2em;margin-left: -8.6em;} #menu>ul>li:hover>ul>li>a{display:block;width:100%;text-align:left;padding:.5em 1.5em;line-height:2;white-space:nowrap;font-size:90%;text-transform:uppercase;text-align:center;background: #ffffffe8;transition:all .3s;} #menu>ul>li:hover>ul>li>a:hover{background: #4da2d9;color:#ffffff;}*/ #menu_right{margin-top:.5em;} #mobile_menu{display:none;} .close-icon{width:100%;display:block;padding:.8em 0;margin:0 auto;} #intro{width:100%;background:#2B2B2B;top: -1em;z-index:9;} #slider_homepage .item {display:flex;width:100%;padding-bottom:6em;} .slider_homepage_preview{position:absolute;left: 0;bottom: -4em;width: 12%;z-index: 20;overflow-x: hidden;background:#2B2B2B;} #slider_homepage_preview_pic{width: 245%;margin-left: -75%;filter:grayscale(100%);transition:.6s filter;} #slider_homepage_preview_pic:hover{filter:grayscale(0%);cursor:pointer;} .slider_homepage_social{position:absolute;right: 0;bottom:2em;width: 12%;z-index: 20;height:2em;text-align:right;margin-right:4%;} .slider_homepage_left{display:table-cell;padding-top: 10em;margin-right: -15%;margin-left: 15%;z-index: 10;} .slider_homepage_left h2 {opacity:0;transition:opacity 1s;} .slider_homepage_left p {opacity:0;transition:opacity 1s;} .slider_homepage_left h3 {margin-top:.5em;margin-bottom:.5em;opacity:0;transition:opacity 1s;text-shadow: 0 0 0.2em #000000;} .slider_homepage_left h3 a {transition:color .5s;} .slider_homepage_left h3 a:hover {color:#ffffff;} .slider_homepage_right{display:table-cell;position:relative;} .skica{position:absolute;width:52%;top:15%;opacity:.6;right:0em;pointer-events:none;mix-blend-mode: hard-light;} .pointer-events_yes{pointer-events:visible;} .pointer-events_none{pointer-events:none;} .slider_btn{border-bottom: .3em solid #ffffff;letter-spacing: 0.2em;padding: .5em 0;font-weight: 400;font-size: 80%;margin: 0 3em 2em 0;display:inline-block;transition:all .3s;color: #ffffff;text-transform: uppercase;transition: border .3s;} .slider_btn:hover{background: rgba(255,255,255,.1);border-bottom: .6em solid #A2D9F7;} #slider_paging{position: absolute;z-index:9;bottom: 3.3em;left: 25em;margin: 0;width: 2.5em;text-align: center;font-size:90%;color: #ffffff;} #about{width:100%;z-index:8;top: -1em;padding-bottom: 5em;margin-bottom: -1em;} #about_left{z-index:20;margin-top:5em;} #about_right{z-index:8;} #about_right img{z-index: 11;position: relative;} #about_blog{margin-left:5.37%;} #about_logo_block{top: 8.5em;position: absolute;} #about_logo{top: 0em;z-index: 16;position: relative;opacity: .20;} #about_over{position: absolute;background: rgba(154,183,191,.37);top: 13.1em;right: 0;z-index: 17;padding: 11em 0 2em 2em;} #about_logo2{width: 17%;} #about_left h2{border-bottom:.1em solid #A2D9F7;padding-bottom:2%} #homepage_architecture{background:#A2D9F7;display:block;position:relative;} #homepage_architecture h2{margin:.8em 0;} .skica_left {position: absolute;width: 23%;top: 0;opacity: .6;left: 0;pointer-events: none;z-index: 22;mix-blend-mode: hard-light;} .skica_right {position: absolute;width: 23%;top: 0;opacity: .6;right: 0;pointer-events: none;z-index: 22;mix-blend-mode: hard-light;} .skica_left_about {position: absolute;width: 18%;top:3em;opacity: .3;left: 0;pointer-events: none;z-index: 22;mix-blend-mode: hard-light;} .skica_right_about {position: absolute;width:18%;top:10em;opacity: .3;right: 0;pointer-events: none;z-index: 22;mix-blend-mode: hard-light;} .skica_left_about2 {position: absolute;width: 48%;top:8em;opacity: .3;left: 0;pointer-events: none;z-index: 5;mix-blend-mode: hard-light;} .skica_left_about3 {position: absolute;width: 130%;top:-3em;opacity: .3;left: 0;pointer-events: none;z-index: 22;mix-blend-mode: hard-light;} .skica_right_about2 {position: absolute;width:180%;top:-3em;opacity: .3;right: 0;pointer-events: none;z-index: 23;mix-blend-mode: hard-light;} .browse {margin-bottom: -6em;} .browse .item{float: none;width:29.7333%;margin:0 1.8% 2% 1.8%;transition:all .3s;display: inline-block;} .browse .item a{width:100%;height:100%;position:relative;display:block;overflow:hidden;background: #b4bfc2e0;} .browse .item a img.br_product{transform: scale(1);position:absolute;top:0;left:0;transition:all .5s;} .browse .item a:hover img.br_product{transform: scale(1.1);} .browse .item .product_block{position:absolute;bottom:0;width: 90%;text-align:center;margin-bottom:1.5em;text-shadow: 0 0 .5em rgba(0, 0, 0, 0.8);left: 5%;right: 5%;} .browse .item .product_h3{display:block;transition:all .4s;line-height:1.2;} .browse .item .product_h4{transition:all .8s;display:block;} .browse .item:hover .product_h3 {margin-bottom:2em;} .browse .item:hover .product_h3 {color: #ffffff;} h3.h3_browse{position:absolute;color: #A2D9F7;top: -.5em;margin-left: .2em;font-size: 180%;} .slider_btn2{/*border-bottom: .3em solid #080f1f;*/letter-spacing: 0.2em;padding: .5em 0;font-weight: 400;font-size: 80%;margin: 0 0 2em 0;display:inline-block;transition:all .3s;color: #080f1f;text-transform: uppercase;transition: border .3s;position:relative;} .slider_btn2:before{content:" ";background:#080f1f;height:.3em;position:absolute;width:100%;bottom:-.6em;left:0;right:0;transition:all .3s;} .slider_btn2:hover{background: rgba(0,0,0,.1);padding: .5em 0;} .slider_btn2:hover:before{content:" ";background:#A2D9F7;height:.6em;position:absolute;width:100%;bottom:-.6em;left:0;right:0;} .slider_btn2.selected{/* font-family: "FuturaBT-ExtraBold"; */font-weight: 700;} .slider_btn2.selected:before{content:" ";background:#A2D9F7;height:.6em;position:absolute;width:100%;bottom:-.6em;left:0;right:0;} /*#contact .slider_btn2{border-bottom: .3em solid #A2D9F7;} #contact .slider_btn2:hover{}*/ .submenu {position:relative;vertical-align: top;margin-left:10%;} .submenu li{display:inline-block;padding: 0 1em 1em 1em;margin-top: 4em;position: relative;} .slider_btn2:before{background:#A2D9F7;height:.2em;} .slider_btn2:hover:before{background:#A2D9F7;height:.6em;} .submenu.interier{margin-left:30%;} button.slider_btn2{outline: 0;background: none;border: none;cursor: pointer;margin-top: 1em;font-weight: 700;} #homepage_quote{margin-top:0em;} .quote_l{position:absolute;bottom: -.2em;left:-1em;} .quote_r{position:absolute;top: -.3em;right:-1em;} #homepage_interier{background:#2B2B2B;display:block;position:relative;} #homepage_interier h2{margin:.8em 0;} #homepage_architects{background:#d9dfe0;display:block;position:relative;} #homepage_architects h2{margin:.8em 0 .5em 0;} .browse2.mb--5em {margin-bottom: -5em;} .browse2 .item{float: none;width:29.7333%;margin:1.8%;transition:all .3s;display: inline-block;position: relative;} .browse2 .item .browse_product_a{width:100%;height:100%;position:relative;display:block;overflow:hidden;transition:all .5s;} .browse2 .item .browse_product_a img.br_product{transform: scale(1);position:relative;z-index:15;display:block;} .browse2 .item a:hover {transform: scale(1.1);} .browse2 .item a.slider_btn2:hover {transform: scale(1);} .browse2 .item .product_block{position:absolute;bottom:0;width:100%;text-align:left;margin: 0 0 2.5em 1.5em;text-shadow: 0 0 .5em rgba(0, 0, 0, 0.8);z-index:16;} .browse2 .item .product_h3{display:block;transition:all .4s;line-height:1.2;position:relative;} .browse2 .item .product_h3:after{content:" ";position: absolute;width: 2.4em;height: .12em;background: #A2D9F7;display: block;bottom: -.5em;} .browse2 .item .product_h4{transition:all .8s;display:block;} .browse2 .item .product_h6{position:absolute;transform: rotate(270deg);display:block;z-index: 17;left: 91%;bottom: 1.5em;transform-origin: left;text-align: left;width: 100%;} /*.browse2 .item:hover .product_h3 {margin-bottom:1em;}*/ .browse2 .item:hover .product_h3 {color: #ffffff;} #homepage_blog{background:url(../i/skica_blog.png) #A2D9F7 no-repeat bottom right;background-size:45%;} #homepage_blog_left{margin-left:10%;} #homepage_blog_left .heading {border-bottom: .1em solid #050a14;padding-bottom: 2%;} #homepage_blog_right a{position:relative;margin-bottom:.3em;margin-left: 4em;color:#050a14;} #homepage_blog_right a.block:before{position:absolute;content:" ";left: -4em;top: .4em;background: url(../i/icon_arrow_r2.svg) no-repeat;background-size: contain;width: 2em;height: 1em;} #homepage_back{} #homepage_back a{font-size: 80%;display: inline-block;background: #A2D9F7;width: 5em;height:56.6em;position: absolute;right: 0;bottom: 0;transition:all .3s} #homepage_back a:hover{background:#ffffff;} #homepage_back a span.backtext{transform: rotate(270deg) translateY(0em);transform-origin: 0 100%;text-transform: uppercase;font-weight: 600;display:block;letter-spacing: 0.2em;white-space: nowrap;position: absolute;bottom: 2em;left: 3.5em;color: #0c1012;} #homepage_back a span.backtext .arroww{margin-left:1em;overflow: hidden;width: 4em;display: inline-block;position: absolute;top: -.6em;transition:.3s width;} #homepage_back a span.backtext .arroww img{width: 7em;} #homepage_back:hover a span.backtext .arroww {width: 7em;} #footer{background:#2B2B2B;margin-top: -6em;padding-top:10em;color:#b4bfc2;} #logo_footer{padding:1.7em 0;} a.bluehover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} a.bluehover img:hover{filter: invert(80%) sepia(16%) saturate(673%) hue-rotate(162deg) brightness(98%) contrast(97%);} a.bluehover2 img:hover{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} a.bluehover2 img{filter: invert(80%) sepia(16%) saturate(673%) hue-rotate(162deg) brightness(98%) contrast(97%);} #footer_left .clearboth{margin-top:16.2em;} .blue_icon{filter: invert(80%) sepia(16%) saturate(673%) hue-rotate(162deg) brightness(98%) contrast(97%);} #about_us h2{font-size:350%;} #contact h2{font-size:350%;} #contact h2.h2_alt{margin: 0;font-size:280%} #contact h3.h3_alt{margin: 0 0 1em 0;font-size:170%} .contact_btn{color:#000000;background:#A2D9F7;padding: 0.5em 1em;font-size:150%;font-family: "FuturaBT-Bold";margin:1.3em 0 1.8em 0;display:inline-block;} #gallery h2{font-size:350%;} .b1pxlightblue{border:1px solid #A2D9F7;} .zindex22{z-index:22;} .about_partner_left_text{padding: 2% 2% 2% 9%;margin-left: -6%;z-index: 5;position: relative;margin-top: 10%;margin-right: 0.8%;} .about_partner_left_text .product_h3:after{content:" ";position: absolute;width: 2.4em;height: .12em;background: #A2D9F7;display: block;bottom: -.5em;} .about_partner_left_text_icons{position:absolute;width:10em;left: 5%;top: 18em;} .about_partner_left_text_function{position:absolute;width: 15em;right: -2em;top: 1em;transform: rotate(270deg);display:block;z-index: 17;transform-origin: right;text-align: right;height: 2em;} .about_partner_left_text_function span{} .about_partner_right_text{padding: 2% 9% 2% 2%;margin-right: -6%;z-index: 5;position: relative;margin-top: 10%;margin-left: 0.8%;margin-top: 30em;} .about_partner_right_pic{margin-top: 21em;position:absolute;right:4.1%;} .about_partner_right_text .product_h3:after{content:" ";position: absolute;width: 2.4em;height: .12em;background: #A2D9F7;display: block;bottom: -.5em;} .about_partner_right_text_icons{position:absolute;width:10em;right: 5%;top: 20em;text-align: right;} .about_partner_right_text_function{position:absolute;/* width: 15;left: -1em;;0em;;top:;;;left: -8em;;em: 0;;; */right: -11em;bottom: 2em;transform: rotate(270deg);display:block;z-index: 17;transform-origin: left;text-align: left;height: 2em;} .about_partner_right_text_function span{} .contact_form input,.contact_form textarea{background:#bfc4c5;border:.3px solid #bfc4c5;padding:.5em;outline:none;} .contact_form input.red_cal,.contact_form textarea.red_cal{border:.3px solid #ff0000;background: #ccb7b7;} .gallery {margin-bottom:0;} .gallery .item{float: none;width:32.1333%;margin:.6%;transition:all .3s;display: inline-block;} .gallery .item.thin{width:15.468%;} .gallery .item a{width:100%;height:100%;position:relative;display:block;overflow:hidden;} .gallery .item a img.br_product{transform: scale(1);position:absolute;top:0;left:0;transition:all .5s;} .gallery .item a:hover img.br_product,.gallery .item a:active img.br_product{transform: scale(1.1);} .gallery .item .product_block{position:absolute;width: calc(100% - 2em);text-align:center;margin-bottom:1.5em;background: #b4bfc2e0;top: 1em;left: 1em;right: 1em;bottom: 1em;height: calc(100% - 2em);opacity:0;transition:all .4s;padding-top: 2em;padding-left: 1em;padding-right: 1em;} .gallery .item .product_h3{display:block;transition:all .8s;line-height:1.2;padding-top:3em;} .gallery .item .product_h4{transition:all .8s;display:block;transition:all .4s;padding-top:.5em;} .gallery .item:hover .product_block, .gallery .item:active .product_block {opacity:1;} .gallery .item:hover .product_h3,.gallery .item:active .product_h3 {padding-top:2em;} .gallery .item:hover .product_h4,.gallery .item:active .product_h4 {padding-top:0em;} #gallery{min-height:calc(100vh - 10em);} #project {top: -1em;z-index: 9;padding-bottom: 0em;position:relative;margin-bottom: 0em;} #slider_project {width:100%;position:relative;} #slider_project .item {width:100%;} #slider_project .item img.pr_pic {width:100%;} .slider-nav .item{padding:.3em;position:relative;} .slider-nav .item img{width:100%;z-index:22;} .slider-nav .item img.vimeo_icon{width: 20%;z-index:23;position:absolute;top: 33%;left: 40%;} .slider-nav .item:before{z-index:23;content:" ";position: absolute;width: calc(100% - 10em);height: calc(100% - 10em);background: #A2D9F799;display: block;top:5em;left:5em;right:5em;bottom:5em;transition:all .2s;opacity:0;} .slider-nav .item:hover:before{z-index:23;content:" ";position: absolute;width: calc(100% - 1em);height: calc(100% - 1em);background: #A2D9F799;display: block;top:.5em;left:.5em;right:.5em;bottom:.5em;opacity:1;} #slider_nav{margin-top:-2em;} #project_info{position:absolute;width:35%;z-index:23;left:7%;top:4em;background:rgba(43,43,43,.85);padding:1.5em 1.5em 0.5em 1.5em;} #project_info h1{position:relative;letter-spacing: .2em;font-size:200%;margin: 0 0 0 20%;} #project_info h1:before{position:absolute;content:"I";left: -25%;} #project_info h2{font-size: 100%;margin: 0 0 2em 20%;letter-spacing: .3em;} /*#project_info .slider_btn2 {border-bottom: .3em solid #A2D9F7;}*/ .project_info_table{font-size: 95%;line-height: 1.3;} .project_info_table td{vertical-align:top;padding-bottom:.5em;} .project_info_table td:first-child{padding-right:1em;font-weight:700;} .project_info_table hr{height:1px;outline:none;border:none;color:transparent;background:#A2D9F7;margin-top:.8em;} .project_info_detail {max-height:0em;overflow-y:hidden;transition:all .5s;} .project_info_detail.opened {max-height:12em;overflow-y:scroll;padding-right:.5em;margin-top:1.3em;} .project_info_detail p {margin-top:0;margin-bottom:.5em;line-height: 1.3;} .project_info_detail::-webkit-scrollbar {width: .5em;} .project_info_detail::-webkit-scrollbar-track {border-radius: .2em;} .project_info_detail::-webkit-scrollbar-thumb {border-radius: .2em;background:#A2D9F7;} #collapse_bt{position:absolute;right: -0.7em;top: 2.4em;font-size: 90%;} #expand_bt{position:absolute;right:-2.7em;top: 0.2em;} .skica_project{position:absolute;width:30%;top:15%;opacity:1;right:0em;pointer-events:none;mix-blend-mode: hard-light;z-index:24;} #project_bottom{position: fixed;background: #2B2B2B;bottom: 0;z-index: 50;} #footer2{background:#2B2B2B;color:#b4bfc2;} .dhide{display:none;} .plus_button{bottom: -11.6em;z-index:16;text-align:center;width:100%;position:absolute;} .plus_button_line{width:1px;height:5em;background:#A2D9F7;margin: 0 auto 1em auto;} .blog_main{column-count:2;column-gap:4em;} .blog_main p{margin-top:0;} .minheight{min-height:50vh;} #wysiwyg{min-height:50vh;} #wysiwyg h1{font-family: "FuturaBT-Bold";color: #59a7d4;} #wysiwyg h2{font-family: "FuturaBT-Book";} #wysiwyg li p{margin: 0 0 1em 0;} .about_partner_left_text_inner::-webkit-scrollbar {width: .5em;} .about_partner_left_text_inner::-webkit-scrollbar-track {border-radius: .2em;} .about_partner_left_text_inner::-webkit-scrollbar-thumb {border-radius: .2em;background:#A2D9F7;} .about_partner_right_text_inner::-webkit-scrollbar {width: .5em;} .about_partner_right_text_inner::-webkit-scrollbar-track {border-radius: .2em;} .about_partner_right_text_inner::-webkit-scrollbar-thumb {border-radius: .2em;background:#A2D9F7;} .about_partner_left_text_inner{height: 41em;overflow-y: scroll;padding-right: 1em;} .about_partner_right_text_inner{height: 20em;overflow-y: scroll;padding-right: 1em;} @media only screen and (min-width:1921px){ body{font-size:19px;} } @media only screen and (max-width:1400px){ /*body{font-size:1.2vw;}*/ .xcol-1{width:4.1666%;}.xcol-2{width:8.3333%;}.xcol-3{width:12.5%;}.xcol-4{width:16.6666%;}.xcol-20p{width:20%;}.xcol-33p{width:33.3333%;}.xcol-5{width:20.8333%;}.xcol-6{width:25%;}.xcol-7{width:29.1666%;}.xcol-8{width:33.3333%;}.xcol-9{width:37.5%;}.xcol-10{width:41.6666%;}.xcol-11{width:45.8333%;}.xcol-12{width:50%;}.xcol-13{width:54.1666%;}.xcol-14{width:58.3333%;}.xcol-15{width:62.5%;}.xcol-16{width:66.6666%;}.xcol-17{width:70.8333%;}.xcol-18{width:75%;}.xcol-19{width:79.1666%;}.xcol-20{width:83.3333%;}.xcol-21{width:87.5%;}.xcol-22{width:91.6666%;}.xcol-23{width:95.8333%;}.xcol-24{width:100%;} .xml-0{margin:0;}.xml-0_5{margin-left:2.0833%;}.xml-1{margin-left:4.1666%;}.xml-2{margin-left:8.3333%;}.xml-3{margin-left:12.5%;}.xml-4{margin-left:16.6666%;}.xml-5{margin-left:20.8333%;}.xml-6{margin-left:25%;}.xml-7{margin-left:29.1666%;}.xml-8{margin-left:33.3333%;}.xml-9{margin-left:37.5%;}.xml-10{margin-left:41.6666%;}.xml-11{margin-left:45.8333%;}.xml-12{margin-left:50%;}.xml-13{margin-left:54.1666%;}.xml-14{margin-left:58.3333%;}.xml-15{margin-left:62.5%;}.xml-16{margin-left:66.6666%;}.xml-17{margin-left:70.8333%;}.xml-18{margin-left:75%;}.xml-19{margin-left:79.1666%;}.xml-20{margin-left:83.3333%;}.xml-21{margin-left:87.5%;}.xml-22{margin-left:91.6666%;}.xml-23{margin-left:95.8333%;}.xml-24{margin-left:100%;}.xmt-0{margin-top:0%;}.xmt-1p{margin-top:1%;}.xmt-1_7p{margin-top:1.7%;}.xmt-0_5{margin-top:2.0833%;}.xmt-1{margin-top:4.1666%;}.xmt-1-5{margin-top:7.2%;}.xmt-2{margin-top:8.3333%;}.xmt-10p{margin-top:10%;}.xmt-3{margin-top:12.5%;}.xmt-4{margin-top:16.6666%;}.xmt-5{margin-top:20.8333%;}.xmr-1p{margin-right:1%;}.xmr-1{margin-right:4.1666%;}.xmr-2{margin-right:8.3333%;}.xmr-3{margin-right:12.5%;}.xmr-4{margin-right:16.6666%;}.xmr-5{margin-right:20.8333%;}.xmb-0{margin-bottom:0%;}.xmb-1p{margin-bottom:1%;}.xmb-0_5{margin-bottom:2.0833%;}.xmb-1{margin-bottom:4.1666%;}.xmb-2{margin-bottom:8.3333%;}.xmb-3{margin-bottom:12.5%;}.xmb-4{margin-bottom:16.6666%;}.xmb-05{margin-bottom:2%;}.xmb-0{margin-bottom:0;}.xmr-m2{margin-right:-4.1666%;}.xml-m10px{margin-left:-10px;} .xpt-0_5{padding-top:2.0833%;}.xpt-1{padding-top:4.1666%;}.xpt-2{padding-top:8.3333%;}.xpt-3{padding-top:12.5%;}.xpt-4{padding-top:16.6666%;}.xpb-0_5{padding-bottom:2.0833%;}.xpb-1{padding-bottom:4.1666%;}.xpb-2{padding-bottom:8.3333%;}.xpb-3{padding-bottom:12.5%;}.xpb-4{padding-bottom:16.6666%;}.xpr-1{padding-right:4.1666%;}.xpr-2{padding-right:8.3333%;}.xpr-3{padding-right:12.5%;}.xpr-4{padding-right:16.6666%;} } @media only screen and (max-width:960px){ body{font-size:2vw;} .thide{display:none;}.tcol-2{width:8.3333%;}.tcol-4{width:16.6666%;}.tcol-6{width:25%;} .tcol-7{width:29.1666%;}.tcol-8{width:33.3333%;}.tcol-9{width:37.5%;}.tcol-10{width:41.6666%;}.tcol-11{width:45.8333%;}.tcol-12{width:50%;}.tcol-13{width:54.1666%;}.tcol-14{width:58.3333%;}.tcol-15{width:62.5%;}.tcol-16{width:66.6666%;}.tcol-17{width:70.8333%;}.tcol-18{width:75%;}.tcol-20{width:83.3333%;}.tcol-22{width:91.6666%;}.tcol-24{width:100%;}.mb-1p{margin:0;}.tmr-0{margin-right:0%;}.tmt-1{margin-top:4.1666%;}.tmt-2{margin-top:8.3333%;}.tmt-3{margin-top:12.5%;}.tmt-6{margin-top:25%;}.tmt-8{margin-top:33.3333%;}.tmr-1{margin-right:4.1666%;}.tml-0{margin-left:0%;}.tmr-0{margin-right:0%;}.tpt-2{padding-top:8.3333%;}.tml-1{margin-left:4.1666%;}.tml-2{margin-left:8.3333%;}.tml-3{margin-left:12.5%;}.tml-4{margin-left:16.6666%;}.tmr-1{margin-right:4.1666%;}.tmb-1{margin-bottom:4.1666%;} #menu {padding:1.4em 0;font-size: 75%;} .slider_homepage_left{margin: 0 -5% 0 5%;/* top:0; */padding-top: 3em;font-size: 66%;} .slider_homepage_preview{display:none;} #about_left{font-size:90%} .browse .item:hover .product_h3 {margin-bottom:1em;} #homepage_architecture{font-size:70%;} #homepage_architects {/* font-size: 70%; */} #homepage_quote{font-size:80%;} #homepage_interier{font-size:70%;} #homepage_back{height:100%;top:0} #about_us h2{font-size:190%;} #contact h2{font-size:190%;} #gallery h2{font-size:190%;} #about_us .browse2 .item{/* font-size: 80%; */} .about_partner_right_pic{margin-top: 3em;position: relative;float: right;} .about_partner_right_text{margin-top:9em;} .about_partner_left_text_icons{position: relative;left:0;top: 0;margin-top: 1em;} .about_partner_right_text_icons{position:relative;text-align:left;left:0;top: 0;margin-top: 1em;} .gallery .item .product_block{font-size:50%;} .submenu{margin-top: 1.5em;} .submenu li{margin-top:0;padding: 0 2em 0em 0em;} .submenu.interier{margin-left:0;padding-left: 0;} #project_info{width:80%;left:10%;top:1em;} .project_info_detail.opened {max-height:15em;} .plus_button {bottom: -8.6em;} .plus_button_line{height:2em;} h3.h3_browse{margin-left: 0;top: -1.2em;} .browse .item .product_block{font-size:80%} .about_partner_left_text_inner{height: 20em;} } @media only screen and (max-width:480px){ body{font-size:4vw;} .mcol-1{width:4.1666%;} .mcol-2{width:8.3333%;} .mcol-3{width:12.5%;} .mcol-4{width:16.6666%;} .mcol-7{width:29.1666%;} .mcol-8{width:33.3333%;} .mcol-10{width:41.6666%;} .mcol-11{width:45.8333%;} .mcol-12{width:50%;} .mcol-13{width:54.1666%;} .mcol-14{width:58.3333%;} .mcol-15{width:62.5%;} .mcol-16{width:66.6666%;} .mcol-20{width:83.3333%;} .mcol-22{width:91.6666%;} .mcol-24{width:100%;} [class*='col-']{padding:0 2% 2% 2%;} [class*='tcol-']{padding:0 2% 2% 2%;} [class*='mcol-']{padding:0 2% 2% 2%;} .mb-1p{margin:0;} .mmb-0{margin-bottom:0;} .mml-0{margin-left:0;} .mml-2p{margin-left:2%;} .mml-1{margin-left:4.1666%;} .mml-2{margin-left:8.3333%;} .mml-3{margin-left:12.5%;} .mml-4{margin-left:16.6666%;} .mmt-0{margin-top:0%;} .mmt-1{margin-top:4.1666%;} .mmb-1{margin-bottom:4.1666%;} .mmb-2{margin-bottom:8.3333%;} .mmt-0{margin-top:0%;} .mmt-1{margin-top:4.1666%;} .mmt-4{margin-top:16.6666%;} .mmt-6{margin-top:25%;} .mpt-0{padding-top:0;} .mp-1{padding:0 6%;} .mhide{display:none;} .dhide{display:inline-block;} .mcenter{text-align:center;} #slider_homepage .item{display:block;padding-bottom:4em;} .slider_homepage_left{width:100%;display:block;margin-top:2em} .slider_homepage_right{width:100%;display:block;} .slider_homepage_social{height: 1.3em;margin-right: 12%;bottom: 1.5em;} #slider_paging{bottom: 1.5em;left: 16em;} #mobile_menu{display:block;width: 100%;position: fixed;z-index: 9999;} .hamburger{position:absolute;width: 2em;height: 2em;top: 0;padding: 2.6em;right: 0px;z-index: 18;cursor:pointer;margin: 0;background: #A2D9F7;transform: scale(1);transition:all .3s;transform-origin:top right;} .hamburger.hamburger_small{transform: scale(.7);} .hamburger div{position:relative;width: 1.6em;height: 3px;border-radius:0;background-color: #080f1f;margin-top: 0.35em;transition:all 0.3s ease-in-out;border-radius: 2px;} .hamburger .top{margin-top: -0.6em;right: .8em;} .hamburger div.meat{width: 1.2em;right: 0.4em;} .hamburger div.bottom{width: 0.8em;right: 0em;} #toggle{display:none;} #toggle:checked + .hamburger{/*background: #eeeeee;*/} #toggle:checked + .hamburger .top{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top: -.1em;/* right: .6em; */background-color: #212657;} #toggle:checked + .hamburger .meat{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top: -0.15em;width: 1.6em;margin-left: -.4em;background-color: #212657;} #toggle:checked + .hamburger .bottom{-webkit-transform:scale(0);transform:scale(0);right: -4em;background-color: #ffffff;} #toggle:checked + .hamburger + .nav{top: 0em;display:block;left: 0;} .nav{position: relative;width:100%;height:100%;background: #8dc6e6;top:-100%;left:0;right:0;bottom:0;overflow:hidden;transition:all 0.3s ease-in-out;z-index: 10;display:none;} .nav .nav-wrapper{position:relative;/* overflow-y:auto; *//* height:100%; */margin-top: 1em;} nav.mobile{height: 100vh;display: block;align-items: inherit;justify-content: left;font-weight:700;overflow-y: scroll;} nav.mobile a{/* margin-bottom: 0.9em; */color: #ffffff;opacity:0;text-decoration:none;/* font-size:1.3em; *//* letter-spacing:3px; */transition:all 0.1s ease;} nav.mobile a:first-child{margin-top:0;} #toggle:checked + .hamburger + .nav .nav-wrapper nav.mobile a{opacity: 1;/* -webkit-transform:scale(1); *//* transform:scale(1); */font-size: 130%;padding: 0.8em 1.8em;position: relative;color:#050a14;display: block;} #toggle:checked + .hamburger + .nav .nav-wrapper nav.mobile a:hover{opacity:1;/* color: #4da2d9; *//* -webkit-transform: scale(1.05); *//* transform: scale(1.05); */background: #ffffff;} #toggle:checked + .hamburger + .nav .nav-wrapper nav.mobile a.sub{padding: 0.5em 1em 0.5em 3em;font-weight:300;} #toggle:checked + .hamburger + .nav .nav-wrapper nav.mobile a.icon{/* height: 2em; */margin: 0 0 0 1em;float: left;/* max-height: 2em; */zoom: .6;} #toggle:checked + .hamburger + .nav .nav-wrapper nav.mobile a.icon img{height:3em; width: 3em;} #toggle:checked + .hamburger + .nav .nav-wrapper nav.mobile a.short{font-weight:400;display: inline-block;width: auto;} #intro{top:0;} #project{top:0;} #logo {margin-left:8%} #about_logo_block{display:none;} .slider_homepage_left h2 {opacity:1;} .slider_homepage_left p {opacity:1;} .slider_homepage_left h3 {opacity:1;} .browse .item:hover .product_h3 {margin-bottom: 1.8em;} .browse .item{width:100%;margin:0 0 1em 0;} .browse2 .item{width:100%;margin:0 0 1em 0;} .browse2 .item.last{width:100%;margin:0;} .browse2 .item a:hover {transform: scale(1.0);} #homepage_architecture{font-size:100%;} #homepage_architecture h2{font-size:200%;} #homepage_architects h2 {font-size: 200%;} #homepage_interier h2{font-size:200%;} #homepage_interier{font-size:100%;} #footer{margin-top:0;padding-top:2em;} #footer_left .clearboth {margin-top: 2em;} #homepage_back{height: 11em;background: #ffffff;top: auto;bottom: -5.5em;position: absolute;right: 0;} #homepage_back a{font-size:100%;} .browse2 .item{font-size: 150%;} #homepage_blog{background-size:100%;} .about_partner_left_text{padding: 7%;margin-left: 0em;margin-top: 0;position: relative;} .about_partner_left_text_inner{height: 20em;overflow-y: scroll;padding-right: 1em;} .about_partner_right_text_inner{height: 20em;overflow-y: scroll;padding-right: 1em;} .about_partner_right_text{padding: 7%;margin-right: 0;margin-top: 0;margin-left: 16.7%;width: 83%;} .about_partner_right_pic{position:relative;margin-top: 2em;margin-left: 5em;right: 0;} .gallery .item{width:100%;font-size: 180%;margin:0;} .gallery .item.thin{width:100%;margin:0;} .gallery .item.thin .product_h4{padding-top:6em;} .submenu{margin-left:0;} .submenu li{margin-top:0;} #slider_project{z-index:23;} #project_info{width: 100%;left:0%;top:2em;position:relative;z-index:5;margin-bottom: 6em;padding-bottom: 2em;padding-right: 10%;} .project_info_detail {max-height:70em;} #slider_nav{display:none;} #project{margin-bottom:0;} #slider_paging2{display:none;} #expand_bt{display:none;} .skica_project{top:1em;width:45%;} .about_partner_right_text_function{left: -2em;margin-left: 0;top: 10em;} .back_button{background:#9FD7F8;color:#030A14;padding: .5em;} .back_button a.lightblue{color:#030A14;} .back_button a img{filter:brightness(-100%);} .back_button a:hover img{filter:brightness(-100%);} #footer a.bluehover img{height:1em;} #footer2 a.bluehover img{height:1em;} #homepage_back a{background:#ffffff;height: 11em;} #homepage_back a span.backtext .arroww{display:none;} .dhide{display:block;} .plus_button{position:relative;bottom: auto;top: -1.5em;font-size: 70%;} h3.h3_browse{} #project_info h1{letter-spacing: .05em;margin: 0px 0 0 8%;} #project_info h1:before{left: -9%;} #project_info h2{margin: 0 0 1em 8%;} .submenu{margin-left:0;padding-left:0;margin-top: 0;} .blog_main{column-count:1;column-gap:0em;} .skica_left_about3{width:120%;} #collapse_bt{display:none;} } @media only screen and (min-width:481px){ .collapse_text{display:none;} } .font400p{font-size:400%;} .font370p{font-size:370%;} .font350p{font-size:350%;} .font300p{font-size:300%;} .font270p{font-size:270%;} .font250p{font-size:250%;} .font230p{font-size:230%;} .font220p{font-size:220%;} .font200p{font-size:200%;} .font180p{font-size:180%;} .font178p{font-size:178%;} .font170p{font-size:170%;} .font160p{font-size:160%;} .font150p{font-size:150%;} .font140p{font-size:140%;} .font130p{font-size:130%;} .font120p{font-size:120%;} .font115p{font-size:115%;} .font110p{font-size:110%;} .font105p{font-size:105%;} .font100p{font-size:100%;} .font95p{font-size:100%;} .font90p{font-size: 100%;} .font85p{font-size:95%;} .font80p{font-size:90%;} .font75p{font-size:85%;letter-spacing:0em;} .font70p{font-size: 80%;} .font60p{font-size:60%;} .font50p{font-size:50%;} .lh-1{line-height:1;} .lh-1_1{line-height:1.1;} .lh-1_2{line-height:1.2;} .lh-1_3{line-height:1.3;} .lh-1_4{line-height:1.4;} .lh-1_5{line-height:1.5;} @media only screen and (max-width:480px){.mlh-1{line-height:1;}.mlh-1_2{line-height:1.2;}.mlh-1_3{line-height:1.3;}.mlh-1_5{line-height:1.5;}.mlh-2{line-height:2;}} .lh-2{line-height:2;} .ls-0{letter-spacing:0em;} .ls-0_1{letter-spacing:0.1em;} .ls-0_2{letter-spacing:0.2em;} .ls-0_3{letter-spacing:0.3em;} .ls-0_4{letter-spacing:0.4em;} .ls-0_5{letter-spacing:0.5em;} .ls-0_2{letter-spacing: 0.2em;} .ls-0_3{letter-spacing: 0.3em;} .weight400{font-weight:400;} .weight600{font-weight:600;} .weight700{font-weight:700;} .left{text-align:left;} .right{text-align:right;} @media only screen and (max-width:480px){.mcenter.right{text-align:center;}} .center{text-align:center;} .justify{text-align:justify;} .uppercase{text-transform:uppercase;} .valign-top{vertical-align:top;} .valign-middle{vertical-align:middle;} .valign-bottom{vertical-align:bottom;} .bord-radius{border-radius:.7em;} .bord-grey{border:.07em solid #dddddd;} .bord-left-grey{border-left:.07em solid #dddddd;} .placeholder_italic:placeholder-shown {font-style:italic;} .underline{text-decoration:underline;} .black{color:#050a14;} .grey{color:#8b9699;} .grey2{color:#b4bfc2;} .red{color:#FF0000;} .orange{color:#F47D2D;} .green{color:#47c529;} .green2{color:#F47D2D;} .white{color:#ffffff;} .lightblue{color:#A2D9F7;} .green_back{background:#F47D2D;border-radius:.5em;display:inline-block;padding:.5em 1em;} .green_back2{background:#F47D2D;} .cyan_back{background:#00edff;} .blue_back{background:#e4eff9;} .grey_back{background:#f3f3f4;} .grey_back2{background: #1f2658;} .grey_back3{background:#626366;} .white_back{background:#ffffff;} .black_back{background:#2B2B2B;} .lightblue_back{background:#A2D9F7;} .red_badge{background:#D2232A;color:#ffffff;font-size:90%;display:inline-block;padding:0 0.2em;line-height:1.2} .padd0{padding:0;} .w110p{width:110%;} .w100p{width:100%;} .w90p{width:90%;} .w80p{width:80%;} .w70p{width:70%;} .w66p{width:66.6666%;} .w50p{width:50%;} .w40p{width:40%;} .w33p{width:33.3333%;} .w30p{width:30%;} .w20p{width:20%;} .w10p{width:10%;} .w2em{width:2em;} .w1em{width:1em;} .h1em{height:1em;} .h1_5em{height:1.5em;} .h2em{height:2em;} .h3em{height:3em;} .h4em{height:4em;} .h100p{height:100%;} .block{display:block;} .nowrap{white-space:nowrap;} .hide{display:none;} .flex{display:flex;} .table{display:table;} .table-cell{display:table-cell;} .inline-block{display:inline-block;} .inline{display:inline;} .p20p{padding:20%;} .absolute{position:absolute;} .relative{position:relative;} strong{font-weight:700;} .bold{font-weight:700;} .top0{top:0;} .float_left{float:left;} .float_right{float:right;} @media only screen and (max-width:480px){.float_right.mfloat_left{float: left;width:100%;margin-left:0}} .clearboth{clear:both;height:0;} .futura-bold{font-family: "FuturaBT-Bold"; font-weight: normal; font-style: normal;} .futura-extrabold{font-family: "FuturaBT-ExtraBold"; font-weight: normal; font-style: normal;} .futura-book{font-family: "FuturaBT-Book"; font-weight: normal; font-style: normal;} .pointer{cursor:pointer;} /* Slick */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .slick-track:before, .slick-track:after{display:table;content:"";} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .left-align-slick > .slick-list > .slick-track{margin-left:0;} /* Slick Theme */ @charset 'UTF-8';/* Arrows */ .slick-prev, .slick-next{position:absolute;top:calc(50% - 1em);display:block;width: 2.5em;height: 1em;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;} .slick-prev{left:-2.2em;z-index:8;} .slick-next{right:0em;} .slick-prev:before{background:url(../i/icon_arrow_l.svg) no-repeat;background-size:100%;width: 2.5em;height: 1em;content:" ";position:absolute;box-shadow:0 0 1em 0 rgba(0,0,0,0.05);transition:all .3s;} .slick-prev:hover:before{left: 1em;} .slick-next:before{background:url(../i/icon_arrow_r.svg) no-repeat;background-size:100%;width: 2.5em;height: 1em;content:" ";position:absolute;transition:all .3s;/* left: 0; */} .slick-next:hover:before{left: 1.7em;} .slick-prev2, .slick-next2{position:absolute;top:calc(50% - 1em);display:block;width: 2.5em;height: 1em;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;} .slick-prev2{left:-2.2em;z-index:8;} .slick-next2{right:0em;} .slick-prev2:before{background:url(../i/icon_arrow_l_blue.svg) no-repeat;background-size:100%;width: 2.5em;height: 1em;content:" ";position:absolute;/* box-shadow:0 0 1em 0 rgba(0,0,0,0.05); */transition:all .3s;left:.5em;} .slick-prev2:hover:before{filter: brightness(0);} .slick-next2:before{background:url(../i/icon_arrow_r.svg) no-repeat;background-size:100%;width: 2.5em;height: 1em;content:" ";position:absolute;transition:all .3s;left: -1.5em;} .slick-next2:hover:before{filter: brightness(0);} .item{outline:none;} /* Dots */ .slick-dotted.slick-slider{margin-bottom:30px;} .slick-dots{position:absolute;bottom: -2.5em;display:block;width: 100%;padding:0;margin:0;left: 0%;list-style:none;text-align:center;} .slick-dots li{position:relative;display:inline-block;width:1em;height:1em;margin:0 .3em;padding:0;cursor:pointer;} .slick-dots li button{/* font-size:0;*/ /* line-height:0;*/ display:block;width:1em;height:1em;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;border-radius:50%;} .slick-dots li button:hover, .slick-dots li button:focus{outline:none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1;outline:none;} .slick-dots li button:before{/* font-family:'slick';*//* font-size:6px;*//* line-height:20px;*/position:absolute;top:0;left:0;width: .5em;height: .5em;content:' ';text-align:center;opacity:.25;/* color:black; */-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background: #A2D9F7;border-radius:50%;} .slick-dots li.slick-active button:before{opacity:.75;color:black;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{/*display:none;*//* background:#2B2B2B; */opacity: 0;cursor: no-drop;} .slick-prev2.slick-disabled:before, .slick-next2.slick-disabled:before{/*display:none;*//* background:#2B2B2B; */opacity: 0;cursor: no-drop;} .slick-prev.slick-disabled:before img, .slick-next.slick-disabled:before img{} .slick-prev2.slick-disabled:before img, .slick-next2.slick-disabled:before img{} /*up and down*/ .slick-up, .slick-down{position:absolute;left:calc(50% - 2em);display:block;width:2em;height:2em;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;} .slick-up{top:-.6em;z-index:8;} .slick-down{right:0em;bottom:-0.3em;} .slick-up:before{background:url(../i/icon_arrow_u.svg) #ffffff;background-size:100%;border:.1em solid #dfdfdf;border-radius:50%;width:2em;height:2em;content:" ";position:absolute;box-shadow:0 0 1em 0 rgba(0,0,0,0.05);transition:all .3s;} .slick-up:hover:before{background-color:#efefef;box-shadow:0 0 1em 0 rgba(0,0,0,0.15);} .slick-down:before{background:url(../i/icon_arrow_d.svg) #ffffff;background-size:100%;border:.1em solid #dfdfdf;border-radius:50%;width:2em;height:2em;content:" ";position:absolute;box-shadow:0 0 1em 0 rgba(0,0,0,0.05);transition:all .3s;} .slick-down:hover:before{background-color:#efefef;box-shadow:0 0 1em 0 rgba(0,0,0,0.15);} .slick-up.slick-disabled:before, .slick-down.slick-disabled:before{/*display:none;*/ background:#ffffff;opacity:.2;} .slick-up.slick-disabled:before img, .slick-down.slick-disabled:before img{} img.w100p.slick-lazyload-error{display:none;} .slick-hmpgsldr-left{top:auto;left: 3.2em;bottom:3em;z-index: 21;} .slick-hmpgsldr-right{top:auto;left: 15em;bottom:3em;} .slick-prjctsldr-left{top:calc(50% - 2em);left: 2em;z-index: 21;} .slick-prjctsldr-right{top:calc(50% - 2em);right: 1em;z-index: 21;} .slick-prjctsldr-left:after{content:" ";width: 12em;height: 12em;z-index: -1;border-radius:50%;background: #2B2B2Bab;position: absolute;left: -10em;top: -5em;transition:all .3s;} .slick-prjctsldr-left:hover:after{background: #A2D9F7cc;left: -8em;} .slick-prjctsldr-right:after{content:" ";width: 12em;height: 12em;z-index: -1;border-radius:50%;background: #2B2B2Bab;position: absolute;left: -1em;top: -5em;transition:all .3s;} .slick-prjctsldr-right:hover:after{background: #A2D9F7cc;left: -3em;} /*@-webkit-keyframes fadeInUpSD { 0% {opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }*/ @keyframes fadeInUpRight { 0% { opacity: 0;right:-100%; } 100% { opacity: .6;right:0%; } } @keyframes fadeInUpSD { 0% { opacity: 0;-webkit-transform: translateX(50%);transform: translateX(50%); } 100% { opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%); } } .fadeInUpSD {-webkit-animation-name: fadeInUpSD;animation-name: fadeInUpSD;} @media only screen and (min-width:481px){ .slick-active .slider_homepage_left h2 {animation-name: fadeInUpSD;animation-duration: 1.5s;opacity: 1;} .slick-active .slider_homepage_left h3 {animation-name: fadeInUpSD;animation-duration: 2s;opacity: 1;} .slick-active .slider_homepage_left p {animation-name: fadeInUpSD;animation-duration: 2.4s;opacity: 1;left:0;} .slick-active .slider_homepage_right .skica {animation-name: fadeInUpRight;animation-duration: 2s;right:0;} } @media only screen and (max-width:960px){ .slick-hmpgsldr-left{bottom: 3.5em;} .slick-hmpgsldr-right{bottom: 3.5em;left: 9em;} } @media only screen and (max-width:480px){ .slick-hmpgsldr-left{bottom: 1.5em;left: 2em;} .slick-hmpgsldr-right{bottom: 1.5em;left: 7em;} } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none;} .pswp *{-webkit-box-sizing:border-box;box-sizing:border-box;} .pswp img{max-width:none;} .pswp--animate_opacity{/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity:0.001;will-change:opacity;/* for open/close transition */ -webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);} .pswp--open{display:block;} .pswp--zoom-allowed .pswp__img{/* autoprefixer:off */ cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .pswp--zoomed-in .pswp__img{/* autoprefixer:off */ cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;} .pswp--dragging .pswp__img{ cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;} .pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity;} .pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;} .pswp__container, .pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0;} /* Prevent selection and tap highlights */ .pswp__container, .pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} .pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1);} .pswp__bg{will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);} .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none;} .pswp__container, .pswp__zoom-wrap{-webkit-backface-visibility:hidden;} .pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;} .pswp__img{position:absolute;width:auto;height:auto;top:0;left:0;} .pswp__img--placeholder{-webkit-backface-visibility:hidden;} .pswp__img--placeholder--blank{background:#222;} .pswp--ie .pswp__img{width:100% !important;height:auto !important;left:0;top:0;} .pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC;} .pswp__error-msg a{color:#CCC;text-decoration:underline;} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents:1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*