#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)} #cboxWrapper{max-width:none} #cboxOverlay{position:fixed;width:100%;height:100%} #cboxMiddleLeft, #cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch} #cboxTitle{margin:0} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic} .cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}   #cboxOverlay{background:#000;opacity:0.7 !important;} #colorbox{outline:0} #cboxContent{background:#fff;border-top:1px solid #000;overflow:hidden}   .cboxIframe{background:#fff}   #cboxError{padding:50px;border:1px solid #ccc}   #cboxTitle{display:none;position:absolute;left:0;text-align:center;width:100%;color:#949494}   #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494}   #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}   #cboxPrevious{position:absolute;top:50%;left:0;margin-top:-64px;background:url('/css/colorbox/images/arrows.png') no-repeat 0 0;width:128px;height:128px;text-indent:-9999px;opacity:0.25;border:0 none}   #cboxPrevious:hover{opacity:0.75}   #cboxNext{position:absolute;top:50%;right:0;margin-top:-64px;background:url('/css/colorbox/images/arrows.png') no-repeat -128px 0;width:128px;height:128px;text-indent:-9999px;opacity:0.25;border:0 none;}   #cboxNext:hover{opacity:0.75}   #cboxLoadingOverlay{background:url('/css/colorbox/images/loading_background.png') no-repeat center center}   #cboxLoadingGraphic{background:url('/css/colorbox/images/loading.gif') no-repeat center center}   #cboxClose{position:absolute;top:15px;right:15px;border:0;background:url('/images/ico-close.png') no-repeat;width:9px;height:9px;text-indent:-9999px}   .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight{     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}   .hotspot svg{   position:absolute;display:flex;align-content:center;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#fff;transition:0.5s transform;font-size:17px;font-weight:100;}  .hotspot:hover svg{   transform:translateX(-50%) translateY(-50%) rotate(90deg);}   #simple-search{   display:flex;margin:0 auto;padding:15px 0;align-content:center;text-align:center;align-self:center;z-index:10;}  #top-search{   display:flex;width:auto;margin:auto;column-gap:5px;vertical-align:middle;}  #simple-search .ss-wrap, #search_query_query{   display:none;}  .without-header.toolbar #top-search{   margin-top:5px;margin-bottom:5px;}  #top-search input[type="text"]{   width:200px;padding:7px 10px;height:48px;border:1px solid #d9d9d9;border-radius:3px;box-sizing:border-box;font-size:14px;text-transform:uppercase;}  #top-search input[type="checkbox"]{   width:25px;height:25px;margin:0 0 7px 0;box-sizing:border-box;}  #top-search .search{   display:flex;justify-content:center;align-items:center;width:48px;height:48px;border:0 none;border-radius:5px;background-color:var(--link-color);overflow:visible;cursor:pointer;font-size:26px;}  #top-search .search:hover{   background-color:#f24889;}  #top-search .search svg{   width:26px;height:26px;fill:#fff;}  #top-search > div{   position:relative;display:flex;align-items:center;line-height:1;flex-direction:column;}  #top-search > div > div{   color:#333;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}  #top-search > div > .symbol{   box-sizing:border-box;border-bottom:1px solid #ccc;}  #top-search > div > .value{   padding:0.5rem 1rem;text-align:center;}  #top-search .area-selection, #top-search .rooms-selection, #top-search .storey-selection, #top-search .advanced-search{   max-width:100px;background:#fff;border-radius:3px;border:1px solid #dfdfdf;cursor:pointer;}  #top-search .storey-selection{   display:none;}  #top-search .symbol{   padding:0.5rem 1rem;text-align:right;font-weight:bold;font-size:14px;line-height:1;}  #area-resizer{   display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;}  #area-resizer input{   position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 10px);background:#fff;color:var(--link-color);border-radius:3px;border:1px solid #dcdcdc;padding:3px 1px;font-size:18px;text-align:center;outline:none;}  #top-search .x{   position:absolute;right:1px;top:0;cursor:pointer;font-size:18px;color:#b0b0b0;}  #top-search .x:hover{   background:#eee;}  #top-search .drop-down .x{   display:none;right:12px;top:10px;}  #top-search .value > span{   color:#CC0066;font-size:16px;}  #top-search .storey-selection .symbol div{   width:15px;height:4px;background:#000;margin:3px auto;}  #top-search .rooms-selection .symbol div{   float:right;width:5px;height:5px;background:#000;margin:2px;}  #top-search .rooms-selection select{   display:none;}  #top-search .advanced-search{   align-items:center;align-content:center;box-sizing:border-box;padding:5px;text-align:center;text-transform:uppercase;line-height:1.7;font-size:10px;}  #top-search .advanced-search a{   display:block;text-decoration:none;color:#000;}  #top-search .advanced-search a:hover{   color:var(--link-color);}  #top-search .drop-down{   display:none;position:absolute;top:52px;left:0;width:204px;background:#fff;border-radius:3px;box-sizing:border-box;box-shadow:1px 1px 5px #999;padding:17px;cursor:default;z-index:1022;}  #top-search .area-selection .drop-down{   box-shadow:none;}  div.selected-item{   background-color:#CC0066;color:#fff;}  #top-search .rooms-selection .drop-down > div:first-of-type{   display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:center;}  #top-search .rooms-selection .drop-down > div > div{   width:48px;height:46px;margin:3px;border:1px solid #ccc;box-sizing:border-box;cursor:pointer;font-size:24px;line-height:2;text-align:center;}  #top-search .rooms-selection .drop-down > div > div:nth-of-type(1){   display:none;}  #top-search .rooms-selection .drop-down > div > div:nth-of-type(2){   width:102px;}  #top-search .rooms-selection .drop-down > div > div.hoverable:hover, #top-search .rooms-selection .drop-down > div:nth-of-type(2).hoverable:hover{   background:#CC0066;color:#fff;}  #top-search .rooms-selection .drop-down > div:nth-of-type(2){   width:48px;height:46px;border:1px solid #ccc;margin:3px;box-sizing:border-box;font-size:24px;line-height:2;text-align:center;cursor:pointer;}  #top-search div .ok{   position:absolute;bottom:10px;right:10px;padding:5px 20px;background-color:var(--link-color);border:0;border-radius:4px;box-sizing:border-box;color:#fff;font-weight:bold;cursor:pointer;line-height:1;}  #top-search .rooms-selection .drop-down > div > div:hover, #top-search .rooms-selection .drop-down > div:nth-of-type(2):hover{   background:#CC0066;color:#fff;}  #top-search div .ok:hover{   background:#F24889;}  #top-search .storey-selection .drop-down{   padding:0 5px 34px 34px;}  #top-search .storey-selection .drop-down{   list-style:none;}  #top-search .storey-selection .drop-down span{   font-size:10px;color:#000;}  #top-search .storey-selection .drop-down > div span{   color:inherit;}  #top-search .storey-selection .drop-down ul{   list-style:none;}  #top-search .storey-selection li{   clear:both;width:137px;text-align:left;}  #top-search .storey-selection li:nth-of-type(4){   border-top:1px solid #ccc;margin-top:12px;padding-top:4px;}  #top-search .storey-selection li:nth-of-type(n+4){   position:relative;top:4px;}  #top-search .storey-selection label{   text-transform:uppercase;position:relative;top:7px;left:4px;}  #top-search.zindex{   z-index:1020;}  .backdrop{   width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0, 0, 0, 0.9);display:none;}  @media (min-width:576px){   #top-search .storey-selection{     display:flex;} }  @media (min-width:992px){   #top-search > div{     flex-direction:row;}    #top-search .area-selection, #top-search .rooms-selection, #top-search .storey-selection, #top-search .advanced-search{     max-width:max-content;}    #simple-search .ss-wrap, #search_query_query{     display:flex;}    #top-search > div > .symbol{     border-bottom:none;border-right:1px solid #ccc;}    #simple-search .ss-wrap, #search_query_query{     display:block;}    #top-search > div .value{     width:120px;}    #top-search .storey-selection{     display:flex;}    #top-search .search{     width:48px;min-width:48px;height:48px;} }  @media screen and (max-width:1024px){   .without-header.without-input #top-search{     width:420px;margin-left:-210px;}    #simple-search.without-header.toolbar{     height:80px;}    #top-search .storey-selection fieldset{     width:210px;margin:20px auto 80px auto;line-height:1;}    #top-search .storey-selection input[type="checkbox"]{     margin:10px 0;padding:7px 15px;float:none;}    #top-search .storey-selection label{     font-size:19px;}    #top-search .storey-selection li{     width:auto;}    #top-search .drop-down{     position:fixed;left:50%;top:50%;width:320px;max-height:100vh;transform:translateX(-50%) translateY(-50%);z-index:2;}    #top-search .storey-selection .drop-down{     padding:0;}    #top-search .drop-down .x{     display:block;}    #top-search div .ok{     position:absolute;bottom:10px;right:20px;padding:13px 35px;font-size:16px;}    #top-search .storey-selection .drop-down span{     font-size:14px;}    #top-search .rooms-selection .drop-down > div:nth-of-type(1){     width:270px;}    #top-search .rooms-selection .drop-down > div > div, #top-search .rooms-selection .drop-down > div:nth-of-type(2){     width:80px;height:50px;}    #top-search .rooms-selection .drop-down > div > div:nth-of-type(2){     width:168px;}    #top-search .value > span{     display:table-cell;vertical-align:middle;text-align:center;padding:0 4px;min-width:70px;max-width:70px;height:28px;font-size:13px;word-wrap:break-word;line-height:1;} }  label[for="search_query_storeys_6"]{   display:none;}    .z-hint.qm{   display:inline-block;padding:0 5px;background:#ccc;color:#fff;text-align:center;text-decoration:none;cursor:pointer;}  .z-hint-container, .z-hint-container.alt{   position:absolute !important;top:0;left:0;display:none;width:360px;padding:22px !important;background:#252525 !important;box-shadow:4px 4px 9px rgba(0,0,0,0.5) !important;-webkit-box-shadow:4px 4px 9px rgba(0,0,0,0.5) !important;color:#ccc;text-align:left;font-size:14px !important;font-weight:normal;line-height:20px !important;text-decoration:none;text-transform:none;z-index:1011;}  .z-hint-container.alt{color:#fff;}  .z-hint-container.arrow-left:after, .z-hint-container.alt.arrow-left:after{   content:"";position:absolute;left:-30px;top:0;display:block;width:0;height:0;background:transparent;border-bottom:20px solid transparent;border-right:30px solid #252525;}  .z-hint-container.arrow-right:after, .z-hint-container.alt.arrow-right:after{   content:"";position:absolute;right:-30px;top:0;display:block;width:0;height:0;background:transparent;border-bottom:20px solid transparent;border-left:30px solid #252525;}  .z-hint-container a{   color:#ca1d61;text-decoration:underline;font-weight:inherit;}  .z-hint-container.alt a{   color:#BFD911;text-decoration:none;font-weight:inherit;}  .z-hint-container a:hover{text-decoration:none;} .z-hint-container.alt a:hover{text-decoration:underline;}  .z-hint-container ul{   margin-bottom:10px;}  .z-hint-container ul li{   margin-left:1.5em;list-style-type:disc;list-style-position:outside;}  .z-hint-container .more{text-align:right;}  .z-hint-container .header{  }  .z-hint-container.alt .header{   margin-bottom:10px;color:#BFD911;font-size:26px;line-height:30px;}   .admin-area{   position:fixed;top:115px;left:20px;padding:10px;background:rgba(25,25,25,0.8);color:#fff;font-size:14px;z-index:1025;}  .admin-area .alias{   margin-left:10px;cursor:pointer;}  .admin-area a{   text-decoration:none;color:#fff;}  .arrows{   font-size:28px;color:#ca1d61;}  #project .left, #project .right{   float:none;}  #project > header{   display:block;position:relative;width:100%;color:#fff;}  #project > header .owl-carousel, #project > header .owl-item{   display:block;max-height:100vh;}  @keyframes scaleAnimation{   0%{     transform:scale(1);}   100%{     transform:scale(1.05);} }  #project > header > .prev{   display:flex;align-items:center;height:100%;left:2rem;font-size:80px;}  #project > header > .next{   height:100%;right:2rem;}  #project > header > .next a, #project > header > .prev a{   display:flex;align-items:center;height:100%;font-size:80px;}  #project > header .text{   position:absolute;display:flex;flex-wrap:wrap;top:50%;left:50%;width:100%;max-width:1280px;transform:translateX(-50%) translateY(-50%);padding:2em;box-sizing:border-box;font-size:16px;z-index:3;}  #project > header .text > .right{   width:30%;}  #project > header .text > .left{   width:70%;padding-right:2em;box-sizing:border-box;text-shadow:2px 2px 8px rgba(0, 0, 0, 0.75);}  #project > header .text h1{   margin-top:0;font-size:34px;font-weight:600;vertical-align:middle;}  #project > header .text h1 .archived{   font-size:0.6em;vertical-align:middle;}  #project .hidden-text{   display:none;}  #project .button-3d{   display:block;position:relative;width:350px;height:90px;text-transform:uppercase;cursor:pointer;}  #project .button-3d .inner-wrap{   -webkit-perspective:2000px;perspective:2000px;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;}  #project .button-3d .front-3d, #project .button-3d .back-3d{   position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block }  #project .button-3d .front-3d{   -webkit-transform:rotateX(-90deg);transform:rotateX(-90deg) }  #project .button-3d .back-3d{   -webkit-transform:rotateX(0deg);transform:rotateX(0deg) }  #project .button-3d:hover .front-3d{   -webkit-transform:rotateX(0deg);transform:rotateX(0deg) }  #project .button-3d:hover .back-3d{   -webkit-transform:rotateX(90deg);transform:rotateX(90deg) }  #project .button-3d .front-3d, #project .button-3d .back-3d{   transition:-webkit-transform .25s;transition:transform .25s;}  #project .button-3d .front-3d, #project .button-3d .back-3d{   -webkit-backface-visibility:hidden;backface-visibility:hidden }  #project .button-3d .back-3d svg, #project .button-3d .front-3d svg{   display:block }  #project .price-box .hide, #project .price-box.hide, #project .mirror-symbol-code.hide{display:none;}  #project .tiles > div {   position:relative;width:50%;height:0;padding-top:calc(100vw / 4);background:#000;color:#fff;overflow:hidden;}  #project .tiles.t1 > div{   width:100%;padding-top:45%;}  #project .tiles.t2 > div a .next-arrow{display:none;}  #project .tiles.t4 > div, #project .tiles.t6 > div:nth-of-type(n+3), #project .tiles.t8 > div{   width:25%;}  #project .tiles > div a{   display:block;}  #project .tiles > div img{   position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s, filter 1s;z-index:1;}  #project .tiles > div h1{   position:absolute;bottom:0.7em;left:50%;transform:translateX(-50%);padding:0.4em 0.6em;color:#fff;font-size:28px;background-color:rgba(0, 0, 0, 0.7);z-index:2;line-height:1.1;text-align:center;}  #project .tiles > div h1 span{   white-space:nowrap }  #project .tiles > div h1 span:first-of-type{   text-shadow:0 0 2px rgba(0,0,0,0.75);}  #project .tiles > div h1 .area{   font-size:0.8em;color:#ddd;}  #project .tiles > div h1 .price{   font-size:0.8em;color:#FFC0E0;}  #project a .next-arrow{   position:absolute;width:39px;height:12px;bottom:30px;right:30px;transition:opacity 0.5s;z-index:2;}  #project a .next-arrow svg{   display:block;width:39px;height:12px;fill:transparent;stroke-width:2px;}  #project a .next-arrow svg line{   stroke-width:2px;stroke-dasharray:50;stroke-dashoffset:50;}  #project a:hover .next-arrow svg line{   opacity:0;animation:arrow 0.5s linear forwards;}  #project a:hover .next-arrow svg line.spike{   animation-delay:0.35s;animation-duration:0.5s;}  @keyframes arrow{   from{     stroke-dashoffset:50;opacity:0;}   to{     stroke-dashoffset:0;opacity:1;} }  @keyframes opacity-in{   from{     opacity:0;}   to{     opacity:1;} }   .opacity-in{opacity:0;}   #project .tiles > div a:hover img{   transform:scaleX(1.05) scaleY(1.05);filter:brightness(80%);}  #ask-for-project-form .ado-info{   padding:0;}  #project .ask-for-project{   display:flex;flex-wrap:wrap;justify-content:center;padding:3em 1em;background-color:#fff;color:#000;}  #project .ask-for-project > div{   width:33.3333%;max-width:380px;align-self:center;align-items:center;}  #project .ask-for-project > div:first-of-type{   font-size:28px;line-height:1.2em;font-weight:100;}  #project .ask-for-project > div:nth-of-type(2){   font-size:30px;font-weight:400;text-align:center;}  #project .ask-for-project > div:nth-of-type(2) a{   color:#000;text-decoration:none;}  #project .ask-for-project > div:nth-of-type(2) p{   padding-top:1em;font-size:13px;}  #project .ask-for-project > div:last-of-type span{   display:inline-block;max-width:100%;padding:1em 3em;text-transform:uppercase;border:2px solid #000;border-radius:5px;box-sizing:border-box;text-decoration:none;color:#000;font-size:21px;text-align:center;line-height:1.2em;cursor:pointer;}  #project .ask-for-project > div:last-of-type span:hover{   border-color:#ca1d61;color:#ca1d61;}  #project .social{   display:flex;flex-wrap:wrap;height:100px;justify-content:center;padding:0 1em;background-color:#000;align-items:center;font-size:24px;color:#ccc;font-weight:100;}  #project .social .box{   display:flex;align-items:center;align-content:center;justify-content:center;width:100px;height:100px;box-sizing:border-box;text-align:center;cursor:pointer;font-size:40px;}  #project .social .box:hover{   filter:brightness(130%);}  #project .social .facebook{   background:#4267b2;}  #project .social .twitter{   background:#1da1f2;}  #project .social > a{   color:#fff;text-decoration:none;}  #project .social .instagram{   background:#d6249f;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}  #project .social .odnoklassniki{   background:#e47d08;}  #project .social .vk{   background:#5181B8;}  #project .social .print{display:none;}  #project .social > div i{   align-self:center;font-size:60px;}  #project .social > div.text{   display:flex;align-items:center;align-content:center;padding:1em;cursor:default;height:100px;box-sizing:border-box;text-align:center;}  #project .social > div.share{   background:#999;color:#fff;}  #project .benefits{   padding:4rem 0;background:#000;}  #project .benefits .base{   display:flex;flex-wrap:wrap;width:100%;max-width:1120px;margin:auto;padding:2em;background-color:rgba(0, 0, 0, 0.8);box-shadow:0 0 30px rgba(0, 0, 0, 0.8);box-sizing:border-box;color:#fff;font-size:16px;line-height:2em;z-index:2;}  #project .benefits .base .left{   width:calc(100% - 300px);box-sizing:border-box;}  #project .benefits .base .left ul{   list-style:none;counter-reset:li;}  #project .benefits .base .left ul li{   clear:both;}  #project .benefits .base .left ul li:before{   float:left;content:'•';color:#ca1d61;display:inline-block;width:20px;height:40px;font-size:26px;vertical-align:middle;}  #project .benefits .base .left li span{   text-transform:uppercase;}  #project .benefits .base .right{   width:300px;box-sizing:border-box;}  #project .description{   display:flex;flex-wrap:wrap;justify-content:center;margin:7em auto;padding:0 1em;}  #project .description ul{list-style:none;}  #project .description.v0{   max-width:800px;}  #project .description > div{   width:28%;padding:1em;box-sizing:border-box;}  #project .description > .col2{   max-width:520px;width:44%;color:#666;font-size:15px;line-height:1.7em;}  #project .description.v0 > .col2{   width:100%;max-width:none;}  #project .description .copyrights{   color:#888;font-size:13px;line-height:1.5em;}  #project .projections{   display:flex;flex-wrap:wrap;justify-content:center;max-width:1220px;margin:auto;padding:5em 1em;box-sizing:border-box;}  #project .projections .left{   position:relative;width:50%;}  #project .projections .left canvas{   position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}  #project .projections .right{   width:50%;box-sizing:border-box;color:#666;text-align:left;font-size:15px;}  #project .features-costs > div{   width:100%;max-width:528px;padding:20px;box-sizing:border-box;}  #project .features-costs .info, #project .features-costs .features .info{   display:block;padding:1em 0;font-size:13px;color:#888;}  #project .projections h2{   border-color:#eee !important;font-weight:400;color:#000;}  #project .features-costs .features > div{   display:flex;flex-wrap:wrap;margin:0;font-size:16px;}  #project .features-costs .features > div > div{   box-sizing:border-box;}  #project .features-costs .features > div > div:first-of-type{   width:300px;padding:4px 0;text-align:left;font-weight:300;color:#333;}  #project .features-costs .features > div > div:nth-of-type(2){   width:100px;padding:4px 0;font-weight:bold;line-height:1.2em;color:#000;}  #project .features-costs .features > div > div:last-of-type{   min-width:4%;align-self:center;}  #project .z-hint.fa-question-circle{   color:#ca1d61;opacity:0.75;}  #project #costs header, #project #costs .costs-table{   max-width:600px;margin:auto;}  #costs .based{   margin-bottom:1em;text-transform:uppercase;font-size:14px;color:#CA1D61;}  #project #costs .costs-table table thead td{   border-right:1px solid #ADABAB;border-bottom:1px solid #ADABAB;font-size:15px;padding:10px;font-weight:400;text-align:center;}  #project #costs .costs-table table tbody td{   border-bottom:1px solid #ADABAB;border-right:1px solid #ADABAB;font-size:15px;padding:10px;text-align:right;color:#000;}  #project #costs .costs-table table tbody td:first-child{   min-width:35%;text-align:left;}  #costs .costs-table td:first-child::first-letter{   text-transform:uppercase;}  #files-to-download li{   list-style:none;line-height:1.5;font-weight:100;color:#ca1d61;}  @media screen and (max-width:1620px){   #project > header{padding-bottom:50%;}   #project > header .text{max-width:1024px;}   #project > header .text > .left{width:calc(100% - 300px);}   #project > header .text > .right{width:300px;}   #project .tiles.t2 > div{padding-top:50%;}   #project .features-costs{max-width:1280px;} }  @media screen and (max-width:1366px){   #project .description > .col2{font-size:13px;line-height:1.6em;} }  @media screen and (max-width:1280px){   #project > header{padding-bottom:60%;}   #project > header > nav{top:20%;}   #project > header .text{max-width:950px;}   #project .tiles.t2 > div{padding-top:60%;}   #project .ask-for-project > div:first-of-type{font-size:20px;}   #project .ask-for-project > div:nth-of-type(2){font-size:24px;}   #project .ask-for-project > div:last-of-type a{padding:1em 2em;}   #project .features-costs{max-width:1000px;}   #project .description{margin:3em auto;}   #project .social{height:80px;font-size:18px;}   #project .social > div.text{height:80px;}   #project .social .box{width:80px;height:80px;}   #project .tiles > div h1{     font-size:20px;} }  @media screen and (max-width:1023px){   #project .tiles > div{width:100%;padding-top:calc(100vw / 2);}   #project .tiles.t4 > div, #project .tiles.t6 > div:nth-of-type(n+3), #project .tiles.t8 > div{width:50%;padding-top:calc((100vw / 2) - 60px);}   #project .ask-for-project > div{width:100%;max-width:100%;padding:0.8em;text-align:center;}   #project .features-costs, #project .features-costs.v4{max-width:550px;}   #project .features-costs > div, #project .features-costs.v4 > div{width:100%;}   #project .projections .left, #project .projections .right{width:100%;max-width:700px;margin:auto;padding-left:2em;padding-right:2em;}   #project .description{margin:auto;}   #project .description > div, #project .description > .col2{width:100%;max-width:initial;}   #project .description > .col1, #project .description > .col3{max-width:800px;margin:auto;}   #project .social{display:flex;margin:auto;justify-content:center;flex-wrap:wrap;}   #project .social > a, #project .social > div{margin:0 0.5em;font-size:14px}   #project .social div.text{display:none;} }  @media screen and (max-width:990px){   #project > header > nav{display:none;} }  @media screen and (max-width:800px){   #project > header{padding:0;height:initial;}   #project > header iframe{transform:scale(2);}   #project > header .text{position:relative;top:initial;left:initial;transform:none;padding:3em;}   #project > header .text .left, #project > header .text .right{width:100%;padding:1em 0;}   #project > header .text .right .price-box{margin:auto;}   #project .tiles.t2 > div{padding:0;height:initial;}   #project .tiles.t2 img{position:relative;}   #project .benefits{height:auto;}   #project .benefits .base .left, #project .benefits .base .right{width:100%;padding-top:2em;}   #project .tiles > div h1{     font-size:18px;}   .section-header{font-size:24px;} }  @media screen and (max-width:640px){   .admin-area{display:none;}   #project .social{display:flex;max-width:450px;height:max-content;margin:auto;justify-content:space-between;background-color:transparent;flex-wrap:wrap;}   #project .social .text{display:none}   #project .social .box{width:100px;height:100px;margin:1em;}   #project .social .box .fa-3x, #project .social > div i{font-size:4em;}   #project .social > div.box{background-color:#ccc;color:#fff;}   #project .social > div.box:hover{filter:none;background-color:#eee;color:#333;}   #project .tiles > div h1{font-size:16px;} }  @media screen and (max-width:500px){   #project > header iframe{transform:scale(2.5);}   #project .projections .right .tools > span{width:50%;margin:0.5em 0;}   #project .social{justify-content:center;padding:0;}   #project .social .box{width:80px;height:80px;margin:20px;}   #project .social .box .fa-3x, #project .social > div i{font-size:3em;}   #project .projections{padding-top:4em;}   #project #costs .costs-table table thead td, #project #costs .costs-table table tbody td{padding:1em;font-size:15px;}   #project .tiles > div h1{     font-size:13px;} }  @media screen and (max-width:414px){   #project > header iframe{transform:scale(3);}   #project .features-costs .features > div{font-size:14px;}   #project #costs .costs-table table thead td, #project #costs .costs-table table tbody td{padding:0.75em;font-size:14px;}   #project .button-3d{width:280px;}   #project .button-3d .front-3d, #project .button-3d .back-3d{width:280px !important;}   #project .benefits{display:none;}   #project .benefits .base{font-size:15px;} }   #share-box{   display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000a5;z-index:10000;}  #share-box > div{   position:fixed;width:100%;height:100%;left:50%;top:50%;padding:30px;transform:translateX(-50%) translateY(-50%);background:#fff;box-sizing:border-box;font-size:14px;color:#333;overflow:auto;}  #share-box header{   text-transform:uppercase;text-align:center;}  #share-box header span{   padding:0.5em 0;display:inline-block;font-size:22px;}  #share-box ul{   display:flex;flex-wrap:wrap;list-style:none;justify-content:space-around;}  #share-box li{   display:block;width:140px;text-align:center;margin:5px;vertical-align:top;}  #share-box a, #share-box a:visited{   display:block;color:#333;text-decoration:none;font-size:15px;}  #share-box a svg[class*="fa-"]{   display:block;font-size:100px;padding:10px 0;margin:0 auto;}  #share-box .fa-facebook-square{   color:#3A589B;}  #share-box .fa-pinterest-square{   color:#D73532;}  #share-box .fa-twitter-square{   color:#4099FF;}  #share-box .fa-vk{   color:#333;}  #share-box .fa-odnoklassniki-square{   color:#E47D08;}  #share-box .fa-yandex, #share-box .fa-yandex-international{   color:#FC3F1D;}  #share-box .fa-telegram{   color:#54A9EB;}  #share-box ul{   margin-top:15px;}  #share-box .fa-share-alt{   color:#000;font-size:30px;margin-right:5px;position:relative;bottom:-3px;}  #share-box .icon{   display:none;margin-left:1rem;}  #share-box .link{   display:block;margin:0;background-color:#e4e4e4;border-radius:5px;font-size:16px;padding:10px;font-style:italic;line-height:1.5;cursor:pointer;}  #share-box .remark{   display:none;font-size:15px;}  #share-box .close{   position:absolute;right:20px;top:20px;font-size:30px;cursor:pointer;}  @media (min-width:576px){   #share-box > div{     height:auto;max-width:850px;max-height:90vh;} }  @media (min-width:768px){   #share-box header span{     padding:0.5em 0 1em 0;font-size:26px;}    #share-box li{     width:170px;}    #share-box a svg[class*="fa-"]{     font-size:120px;} }  @media (min-width:992px){   #share-box a{     font-size:18px;}    #share-box a svg[class*="fa-"]{     font-size:160px;} }  @media (min-width:1200px){ }