#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);}   #addons-recommended .left{     background:#fff;} #addons-recommended .left .header{     text-align:center;}  #addons-recommended .addons-main-header{     font-size:36px;font-weight:100;text-transform:uppercase;margin:50px 0 50px 0;clear:both;text-align:center;}  #addons-recommended a{     text-decoration:none;}  .item{     position:relative;max-width:330px;height:100%;margin:auto;padding:15px;}  .addon-header{     padding:0 15px;color:white;text-transform:uppercase;background:#ca1d61;overflow:hidden;position:relative;}  .addon-name{     background-color:#cb1d64;color:white;line-height:100%;display:table-cell;vertical-align:middle;height:60px;width:320px;margin:0.3em 0;padding-top:5px;font:normal 1.6em 'Open Sans';margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;}  .addon-image{     height:200px;overflow:hidden;text-align:center;display:flex;justify-content:center;align-items:center;}  .addon-image svg[class*="fa-"]{     font-size:120px;color:#fff;margin-top:-30px;text-shadow:15px 15px 40px #2f2f2f;filter:drop-shadow(15px 15px 40px #2f2f2f);}  @media (max-width:1400px){     .item-wrapper{width:50%;} }  @media (max-width:1130px){     .item-wrapper{width:100%;} }  @media screen and (max-width:450px){     .addon-item{width:310px;} }   #full-offer{width:100%;max-width:1600px;margin:0 auto;} #full-offer header{text-align:center;} #full-offer h2{text-transform:uppercase;padding:0;margin:0;font-size:55px;font-weight:100;} #full-offer header h2{font-size:25px;} #full-offer p{font-size:15px;line-height:1.7;} #full-offer .right ul li{list-style:inside disc;font-size:14px;line-height:1.7;} #full-offer .right ul + p{margin-top:7px;} #full-offer p.bold{font-weight:bold;margin-bottom:10px;} #full-offer .right h2{font-size:35px;font-weight:400;color:#ca1d61;padding-top:40px;padding-bottom:20px;} #full-offer section{background:#fff;border:1px solid #e4e4e4;width:100%;padding:40px 0;box-sizing:border-box;-webkit-box-sizing:border-box;} #full-offer section.construction-offer h2{color:#bfd911;} #full-offer section.project-offer{margin-top:40px;} #full-offer section .left > div{width:100%;max-width:642px;margin:auto;} #full-offer img{border:0;width:100%;height:auto;} #full-offer section.adaptation-offer .left > div{background-position:0 -416px;} #full-offer section.credit-offer .left > div{background-position:0 -832px;} #full-offer section.construction-offer .left > div{background-position:0 -1248px;} #full-offer .left, #full-offer .right{float:left;width:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #full-offer .left{padding:0 10px 0 40px;} #full-offer .right{padding:0 80px 0 10px;} #full-offer a{position:relative;top:10px;font-size:15px;color:#ca1d61;} #full-offer a:hover, #full-offer .mouse-icon:hover{opacity:0.80;} #full-offer a.button{display:block;text-transform:uppercase;color:#fff;background:#ca1d61;text-align:center;width:170px;padding:7px 0;top:30px;text-decoration:none;float:right;clear:both;} #full-offer section.construction-offer a.button{background:#bfd911;color:#000;font-weight:600;} #full-offer .mouse-icon{display:none;width:131px;height:98px;position:absolute;left:50%;bottom:-60px;margin-left:-66px;} #full-offer .mouse-icon > div{width:131px;height:98px;position:absolute;left:0;top:0;background:transparent url('/images/main/mouse.png') no-repeat;cursor:pointer;} #full-offer .mouse-icon.show{display:block;} #colorbox #full-offer{padding:0;} #colorbox #full-offer section{margin-top:0;padding:40px 0 60px 0;border:0;} #colorbox #full-offer .left{padding:0 10px 0 20px;} #colorbox #full-offer .right{padding:0 20px 0 10px;} #colorbox #full-offer a.button{right:20px;top:40px;}  @media screen and (max-width:1024px){   #full-offer section{padding-top:20px;}   #full-offer .right{padding:0 40px 0 10px;}   #full-offer p{font-size:14px;line-height:1.4;} }  @media screen and (max-width:800px){   #full-offer header h2{font-size:20px;}   #full-offer .right h2{font-size:30px;}   #full-offer .left{width:100%;padding:0 40px;}   #full-offer .right{width:100%;padding:0 40px;}   #full-offer .right h2{padding-top:5px;}   #full-offer a.button{width:160px;left:30px;} }    #new-visitor-encouragement, #download-approvals{   height:100%;padding:2em;box-sizing:border-box;font-size:18px;overflow:auto;}  #new-visitor-encouragement h1, #new-visitor-success h1, #new-visitor-encouragement h2, #new-visitor-success h2{   text-transform:uppercase;font-weight:100;text-align:center;}  #new-visitor-encouragement h1, #new-visitor-success h1{   margin:0 0 10px 0;font-size:30px;}  #new-visitor-encouragement h2, #new-visitor-success h2{   margin:0 0 1rem 0;font-size:20px;}  #new-visitor-encouragement form{   display:block;max-width:600px;width:100%;margin:auto;}  #new-visitor-encouragement .row, #download-approvals .row{   clear:both;margin:5px 0;font-weight:100;}  #new-visitor-encouragement label{   display:block;box-sizing:border-box;}  #new-visitor-encouragement .nice-checkbox label{   height:auto;}  #new-visitor-encouragement input[type="text"], #new-visitor-encouragement input[type="email"]{   display:block;width:100%;padding:5px;border:1px solid #ddd;box-sizing:border-box;}  #new-visitor-encouragement input[type="checkbox"] + span, #download-approvals input[type="checkbox"] + label{   display:block;vertical-align:top;font-weight:normal;}  #new-visitor-encouragement .buttons{   display:flex;justify-content:space-around;}  #new-visitor-encouragement .buttons input, #new-visitor-encouragement .buttons button{   margin:0;}  #download-approvals input[type="checkbox"] + label{   width:90%;margin:0 5%;}  #new-visitor-encouragement .error, #download-approvals .error{   margin-left:155px;color:#f00;font-size:13px;font-weight:normal;}  #new-visitor-encouragement input[type="submit"], #download-approvals input[type="submit"]{   display:inline-block;padding:5px 10px;background-color:#ca1d61;border:0 none;text-transform:uppercase;color:#fff;cursor:pointer;transition:opacity 0.4s;}  #new-visitor-encouragement input[type="submit"]:hover, #download-approvals input[type="submit"]:hover{   opacity:0.75;}  #new-visitor-encouragement .discount-note{   margin:10px 0 0 0;font-size:13px;font-weight:100;}  #new-visitor-success{   display:table;width:100%;height:100%;}  #new-visitor-success h1{   display:table-cell;padding:20px;vertical-align:middle;}  #new-visitor-success h1 button{   width:auto;padding:5px 10px;background:#ca1d61;border:none;color:#fff;text-transform:uppercase;font:inherit;cursor:pointer;}  #subscription-success{   display:table;width:100%;height:100%;}  #subscription-success h1{   display:table-cell;padding:20px;vertical-align:middle;}  #subscription-success h1 button{   width:auto;padding:5px 10px;background:#ca1d61;border:none;color:#fff;text-transform:uppercase;font:inherit;cursor:pointer;}  .popup-message-sent{   padding:25px;font:bold 14px 'Open Sans', Arial, sans-serif;text-align:center;}  .popup-confirmation-btn{   cursor:pointer;display:inline-block;border:1px solid black;padding:5px;margin-left:2em;text-align:center;}   .popup-form h1{   font-family:Montserrat, 'Open Sans', sans-serif;margin:0;padding:15px 20px;font-weight:400;font-size:20px;line-height:1;}  .popup-form h1 strong{font-weight:bold;color:#ca1d61;}  .popup-form h2{   padding:10px 0;font-size:15px;font-weight:bold;color:#ca1d61;}  .popup-form fieldset{   padding:10px 25px;font-size:13px;}  .popup-form .row{   display:block;position:relative;padding:5px 0;margin:0;}  .popup-form label{   display:inline-block;width:176px;}  .popup-form .row.block label{display:block;width:auto;padding-bottom:3px;}  .popup-form .checkbox label{width:auto;}  .popup-form input, .popup-form textarea{   width:300px;border-radius:5px;border:0;background-color:#f6f6f6;box-sizing:border-box;padding:1rem 1.5rem;font-size:16px;outline:none;}  .popup-form input[type="checkbox"]:focus{   outline:1px solid #000;}  .popup-form textarea{   max-width:300px;max-height:100px;resize:none;vertical-align:top;height:100px;}  .popup-form .row.block input, .popup-form .row.block textarea{max-width:500px;width:100%;} .popup-form .row.error input, .popup-form .row.error textarea{border:1px solid #f00;} .popup-form .checkbox input, .popup-form input[type="checkbox"]{width:auto;border:0 none;margin-right:5px;vertical-align:middle;} .popup-form .row.checkbox.error label{color:#f00;}  .popup-form .sign-or-login, #ask-for-loan-form .ask_for_loan_content{   padding:5px 0;font-weight:bold;font-size:14px;}  .popup-form .login{   display:inline-block;padding:4px 8px;background-color:#ca1d61;border-radius:5px;border:0;color:#fff;text-decoration:none;cursor:pointer;}  .popup-form .sign-or-login a:hover{background:#000;} .popup-form .submit .legend{font-size:12px;} .popup-form .submit span{display:none;}  .popup-form .submit .legend .required{padding-bottom:5px;color:#f00;}  .popup-form .submit button{   padding:1rem 1.5rem;background-color:#ca1d61;border-radius:5px;border:1px solid #ca1d61;color:#fff;font:bold 16px/1.5 Montserrat, 'Open Sans';cursor:pointer;text-decoration:none;}  .popup-form .submit button:focus{   border:1px dotted #fff;text-decoration:underline;}  .popup-form .submit button:hover{   opacity:0.75;}  .popup-form span.required{   color:#f00;}  .popup-message-sent{   padding:25px;font:bold 14px 'Open Sans', Arial, sans-serif;text-align:center;}  .popup-form .row.checkbox.agreement label{width:275px;vertical-align:top;} .popup-form .requirement-info{   position:absolute;top:80px;right:40px;font-size:12px;color:#f4498b;}  @media (min-width:576px){   .popup-form .submit button{     font-size:18px;}    #new-visitor-encouragement .nice-checkbox{     margin-left:145px;}    #new-visitor-encouragement :not(.nice-checkbox) > label{     display:inline-block;width:150px;}   #new-visitor-encouragement input[type="text"], #new-visitor-encouragement input[type="email"]{     display:inline-block;width:calc(100% - 150px);}    .popup-form .row.checkbox input{margin-left:180px;}    .popup-form .requirement-info{     top:54px;right:60px;} }   .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 .price-box{   margin:auto;z-index:3;}  #project > header .archived{   font-size:0.6em;vertical-align:middle;}  #project .hidden-text{   display:none;}  #project .add-to-cart-button .add-to-cart{   width:100%;height:initial;padding:1em;margin:0;background:#fff;color:#000;font-size:22px;}  #project .add-to-cart-button .add-to-cart:hover{   opacity:inherit;}  #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 .interiors, #project .realizations, #project .technologies, #project .tiles{   display:flex;flex-wrap:wrap;}  #project .interiors > div, #project .realizations > div, #project .technologies > div, #project .tiles > div{   position:relative;width:50%;height:0;padding-top:270px;background:#000;color:#fff;overflow:hidden;}  #project .tiles.t1 > div{   width:100%;padding-top:45%;}  #project .interiors.i2 > div, #project .realizations.r2 > div, #project .tiles.t2 > div{   padding-top:536px;}  #project .visualizations.v2 > div a .next-arrow{   display:none;}  #project .interiors.i4 > div, #project .realizations.r4 > div, #project .tiles.t4 > div, #project .interiors.i8 > div, #project .realizations.r8 > div, #project .tiles.t8 > div{   width:25%;}   #project .visualizations > div a, #project .interiors > div a, #project .realizations > div a, #project .tiles > div a{   display:block;}  #project .visualizations > div img, #project .interiors > div img, #project .realizations > div img, #project .technologies > div img, #project .tiles > div img{   position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s, filter 0.5s;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-animation{   animation:opacity-in 1s ease-in forwards;}  .opacity-in{   opacity:0;}     #project .visualizations > div a:hover img, #project .interiors > div a:hover img, #project .realizations > div a:hover img, #project .tiles > div a:hover img{   transform:scaleX(1.05) scaleY(1.05);filter:brightness(80%);}  #project .visualizations.v2 > div a:hover img{   transform:none;filter:none;}  #project .additional-info p, #project .additional-info .info{   margin:1em 0;}  #project .additional-info .prepayment-info{   font-size:1.2em;line-height:1.5em;color:#f7c4d1;}  #ask-for-project-form{   padding:1.5rem 0;}  #ask-for-project-form .ado-info{   padding:0 25px;}  #ask-for-project-overlay{   display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000b;z-index:2000;opacity:1;}  #ask-for-project-popup{   position:fixed;top:50%;left:50%;width:100vw;max-width:600px;max-height:90vh;background-color:#fff;transform:translateX(-50%) translateY(-50%);transition:0.5s all linear;overflow-y:auto;overscroll-behavior:none;}  #ask-for-project-popup .close{   position:absolute;top:1rem;right:1rem;font-size:16px;cursor:pointer;}  #project .ask-for-project{   display:flex;flex-wrap:wrap;max-width:1400px;margin:3rem auto;justify-content:center;padding:3em 1em;border-top:2px solid #ccc;border-bottom:2px solid #ccc;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;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 .projections .editor-msg, #project .projections .draw-msg, #project .projections .draw-msg-success{   display:none;margin-top:1em;padding:1em;background:#eee;text-align:center;}  #project .projections .draw-msg-success{   background:#6BD089;}  #projections svg.flipped{   transform:scale(-1,1);transform-origin:center;}  svg.flipped #metric, svg.flipped [data-name="metric"]{   transform:scale(-1,1);transform-origin:50% 50%;transform-box:fill-box;}  #projections svg.flipped text{   position:relative;}  #project .description-images{   display:flex;justify-content:center;}  #project .description-images.v4 > div{   width:25%;}  #project .benefits{   background-color:#000 }  #project .benefits h2{   margin-bottom:1.5rem;font-size:20px;text-transform:uppercase;}  #project .benefits .left{   font-size:15px;}  #project .standard{   display:flex;flex-wrap:wrap;}  #project .standard > div{   position:relative;width:50%;padding:2em;box-sizing:border-box;line-height:1.5;font-size:16px;}  #project .standard > div:first-of-type{   background-color:#CA1D61;color:#fff;}  #project .standard > div:first-of-type a{   color:#fff;text-decoration:underline;}  #project .standard > div h2{   font-size:34px;text-transform:uppercase;line-height:1;}  #project .standard > div h3{   font-size:24px;text-transform:uppercase;line-height:1;}  #project .standard > div p{   padding:0.5em 0;}  #project .standard > div ul{   list-style-type:'- ';list-style-position:outside;}  #project .standard > div ul li{   margin-left:1em;}  #project .standard .hotspot-image{   width:100%;max-width:850px;margin:auto;}  #project .standard .standards{   display:flex;flex-wrap:wrap;justify-content:space-around;margin:1em auto;}  #project .standard .standards img{   margin:10px;}  #project .benefits .base{   display:grid;grid-template-columns:auto;width:100%;max-width:1450px;margin:auto;padding:2em;color:#fff;font-size:16px;line-height:1.8;z-index:2;gap:5rem;}  #project .benefits .base .left{   box-sizing:border-box;}  #project .benefits .base .left ul{   margin-bottom:1.5rem;list-style:none;counter-reset:li;}  #project .benefits .base .left ul li{   position:relative;clear:both;display:flex;}  #project .benefits .base .left > ul li:before{   display:inline-block;content:'•';color:#CA1D61;width:20px;height:20px;font-size:26px;vertical-align:middle;line-height:26px;}  #project .benefits .base .left li span{   text-transform:uppercase;}  #project .benefits .base .right{   box-sizing:border-box;}  #project .elevations{   display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:4em;}  #project .elevations > div{   width:50%;}  #project .elevations > div h2{   font-size:30px;text-align:center;}  #project .elevations > div .images{   width:100%;margin:auto;}  #project .elevations > div .images img{   width:100%;max-width:1000px;}  #project .elevations .twentytwenty-overlay:hover{   background:transparent;}  #project .object3d{   max-width:1280px;margin:auto;}  #project .object3d h2{   padding:1rem 0;font-size:30px;text-align:center;text-transform:uppercase;font-weight:100;}  #project .object3d > div{   width:100%;height:75vh;padding:1em;box-sizing:border-box;}   #project .copyrights, #project .heating-info{   color:#888;font-size:13px;line-height:1.5em;}  #project .animation h2{   background:linear-gradient(to bottom right, #3452ff, #ff1053);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:54px;line-height:72px;font-weight:600;color:#3452ff;}  #project .animation > div{   position:relative;height:0;padding-bottom:56.25%;margin:auto;}  #project .animation > div iframe{   position:absolute;top:0;left:0;width:100%;height:100%;}  #project .social{   display:flex;flex-flow:row wrap;justify-content:center;align-items:center;max-width:450px;margin:auto;padding:0 1em;font-size:20px;color:#ccc;font-weight:100;gap:20px;}  #project .social .box{   display:flex;align-items:center;align-content:center;justify-content:center;width:80px;height:80px;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 .telegram{   color:#54A9EB;}  #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, #project .social .yandex{   background:#5181B8;}  #project .social > div i{   align-self:center;font-size:60px;}  #project .social .text{   display:none;}  #project .social > div.share{   background:#999;color:#fff;}  #project .hblock-promo{   font-size:16px;color:#666;}  #project .hblock-promo > div{   width:50%;}  #project .hblock-promo .btn{   border-radius:0;background-color:#ca1d61;text-transform:uppercase;color:#fff;font-size:24px;}  #project .hblock-promo .btn:hover{   opacity:0.75;}  #project .technologies > div a{   position:absolute;border:2px solid #fff;top:50%;left:50%;padding:1em 2em;min-width:250px;background:rgba(0, 0, 0, 0.1);transform:translateX(-50%) translateY(-50%);transition:0.75s background;text-transform:uppercase;text-decoration:none;font-size:16px;color:#fff;text-align:center;z-index:2;}  #project .technologies > div a:hover{   background:rgba(0, 0, 0, 0.75);}  #project .adaptation{   padding:4em 2em;background:#CA1D61;color:#fff;font-size:16px;line-height:1.5em;}  #project .adaptation > div{   display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1220px;margin:auto;}  #project .adaptation > div .left{   width:100%;max-width:750px;}  #project .adaptation h3{   padding-bottom:1em;font-size:18px;text-transform:uppercase;font-weight:600;}  #project .adaptation ul{   padding:0.5em 0;list-style:none;}  #project .adaptation li{   padding:0.4em 0;}  #project .best-comments{   position:fixed;bottom:42px;left:0;right:0;max-width:1600px;margin:auto;z-index:1024;}  #project .best-comments .comment{   display:none;position:absolute;left:40px;bottom:20px;}  #project .best-comments .comment.show{   display:block;}  #project .best-comments img{   position:absolute;top:0;left:0;width:40px;height:40px;border-radius:30px;}  #project .best-comments .content{   position:relative;top:0;left:50px;width:580px;padding:15px 20px;background:rgba(40, 40, 40, 0.8);border-radius:10px;box-sizing:border-box;color:#ddd;font-size:15px;line-height:1.5em;overflow:hidden;max-height:107px;}  #project .best-comments .fa-times{   position:absolute;top:5px;right:5px;cursor:pointer;font-size:18px;}  .card-message{   display:block;background:#000;color:#fff;padding:1em;font-size:20px;text-decoration:none;text-align:center;}  #project .new-comments .button{   background-color:#ca1d61;color:#fff;cursor:pointer;font-size:16px;}  #project .button:hover{   opacity:0.75;}  #project .short-summary a{   color:#fff;}  #project .projects-listing h1{   padding:1em 0;text-align:center;text-transform:uppercase;font-size:32px;font-weight:100;}  #project .projects-listing h1 a{   color:inherit;text-decoration:none;}  #project .variants .more{   margin:2em auto;text-align:center;}  #project .variants .more a{   display:inline-block;padding:1em 2em;font-size:18px;text-transform:uppercase;text-decoration:none;background:#ca1d61;color:#fff;}  .projections .hide{   display:none;}  #project .mirror-symbol-code.hide, .cart .add-to-cart.hide{   display:none;}  #project .projections .right .tools > span.hide{   display:none;}  #project .similars, #project .variants{   padding:2rem;}  .tooltip-container > span.active{   position:fixed;}  #draw{   padding:20px;font-size:16px;line-height:1.5;}  #draw form label{   width:100%;font-size:17px;float:left;}  #draw form textarea{   width:100%;float:left;height:200px;}  #draw form .button-standard{   padding:10px;font-size:16px;border-radius:3px;width:42%;border:0 none;color:#fff;cursor:pointer;text-transform:uppercase;margin:10px 0;}  #draw form #form-submit{   background:#ca1d61;}  #draw form #form-cancel{   background:#999;}  #draw .info{   width:100%;float:left;margin-left:15px;}  #draw .addon-bullets{   list-style-type:disc;color:#ca1d61;width:70%;float:left;}  #draw .addon-bullets li span{   color:#333;}  #draw form .left-col{   width:70%;float:left;line-height:50px;}  #draw form .right-col{   width:30%;float:left;text-align:right;}  #draw .image{   width:29%;float:left;text-align:center;}  #draw .image img{   width:70%;}  #draw .error{   color:#ca1d61;}  #draw form .ado-info{   float:left;width:90%;}  #draw .email input{   width:100%;line-height:30px;}  #draw .email{   width:50%;}  .section-header{   margin:4rem 0;font-size:30px;font-weight:bold;}  .small-area-houses{   line-height:1.5;color:#333;}  .small-area-houses > div{   max-width:1024px;margin:auto;}  #interior-design{   display:flex;flex-wrap:wrap;justify-content:center;position:relative;padding:3rem 1.5rem;background:#000;color:#fff;background-position:center;background-repeat:repeat;font-size:14px;line-height:1.5;}  #interior-design > div:not(.overlay){   width:100%;max-width:700px;z-index:2;}  #interior-design .overlay{   position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1;}  #interior-design h2{   padding-bottom:1.5rem;text-align:center;text-transform:uppercase;font-weight:100;font-size:24px;}  #interior-design ul li{   display:flex;list-style:none;margin-bottom:0.5rem;}  #interior-design ul li:before{   content:'#';float:left;padding-right:1rem;}  #interior-design > a{   width:100%;max-width:320px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;border:2px solid #fff;box-sizing:border-box;margin-top:1.5rem;padding:1.5rem;z-index:2;color:#fff;text-decoration:none;}  #interior-design > a .button-like{   display:flex;flex-direction:row;width:100%;text-transform:uppercase;}  #interior-design > a .button-like > div{   padding:1rem;box-sizing:border-box;text-align:center;font-size:16px;}  #interior-design > a .button-like > div:first-of-type{   width:60%;background-color:#000;color:#fff;}  #interior-design > a .button-like > div:last-of-type{   width:40%;background-color:#fff;color:var(--link-color);}  #interior-design > a .text{   padding-top:0.5rem;}  @media screen and (max-width:1620px){   #project .visualizations.v2 > div{     padding-top:50%;} }  @media screen and (max-width:1280px){   #project .visualizations.v2 > 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 .projections .left{     max-width:660px;}    #project .projections .right{     max-width:400px;}    #project .projections .right h2{     font-size:26px;}    #project .tiles > div h1{     font-size:20px;}    #project .standard > div{     width:100%;font-size:14px;}    #project .standard > div:first-of-type{     padding:1em calc(((100% - 800px) / 2) + 1em);} }  @media screen and (max-width:1023px){   #project .interiors > div, #project .realizations > div, #project .technologies > div, #project .tiles > div{     width:100%;padding-top:calc(100vw / 2);}    #project .visualizations > div:nth-of-type(5){     width:50%;padding-top:calc(100vw / 2);}    #project .interiors.i4 > div, #project .interiors.i6 > div, #project .interiors.i8 > div,   #project .realizations.r4 > div, #project .realizations.r6 > div, #project .realizations.r8 > div,   #project .tiles.t4 > div, #project .tiles.t6 > div, #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 .elevations > div{     width:100%;}    #project .animation h2{     font-size:44px;font-weight:400;}    #project .social div.text{     display:none;}    .projections .left .save-button{     right:10%;}    #project .standard > div:first-of-type{     padding:1em 2em;}    #project .hblock-promo > div{     width:100%;}    #project .hblock-promo .right-col{     max-width:800px;margin:auto;font-size:14px;}    #project .hblock-promo > div:first-of-type{     position:relative;height:0;padding-bottom:56.25%;margin:auto;}    #project .hblock-promo > div:first-of-type iframe{     position:absolute;top:0;left:0;width:100%;height:100%;} }  @media screen and (max-width:800px){   #project > header{     padding:0;height:initial;}    #project > header .owl-next, #project > header .owl-prev{     font-size:30px;}    #project .visualizations.v2 > div{     padding:0;height:initial;}    #project .visualizations.v2 img{     position:relative;}    #project .animation h2{     font-size:32px;font-weight:100;}    #project .technologies > div{     width:100%;padding-top:calc(100vw / 2);}    #project .tiles > div h1{     font-size:18px;}    .section-header{     font-size:24px;}    #colorbox #full-offer section{     display:flex;} }  @media screen and (max-width:640px){   .admin-area{     display:none;}    #project > header > .next{     right:0.5rem;}    #project > header > .prev{     left:0.5rem;}    #project > header > .next a, #project > header > .prev a{     font-size:50px;}    #project .projections .right .tools i{     font-size:3em;}    #project .projections .right .tools > span span{     font-size:13px;}    #project .sketchfab h2{     padding:0 1em;font-size:26px;}    #draw .email{     width:100%;}    #draw form .left-col{     width:100%;}    #draw form .right-col{     width:100%;text-align:center;}    #project .tiles > div h1{     font-size:16px;}    #project .standard > div:first-of-type h2{     font-size:22px;}    #project .standard > div:first-of-type h3{     font-size:18px;} }  @media screen and (max-width:500px){   #project .projections .right .tools > span{     width:50%;margin:0.5em 0;}    #project .tiles > div h1{     font-size:13px;} }  @media screen and (max-width:414px){   #project .button-3d{     width:280px;}    #project .button-3d .front-3d, #project .button-3d .back-3d{     width:280px !important;}    #archicad-expand{     display:none;}    #project .benefits .base{     font-size:15px;} }  @media print{    @page{     margin:1cm;size:A4;}       html, body{     height:99%;background:white;}    #project .ask-for-project > div{     width:100%;padding:40px;text-align:center;}    #project .ask-for-project .cboxElement{     display:none;}    #project .social{     display:none;}    #project .projections .right .tools{     display:none;}    .project-disclaimer{     background:white;}     #main-menu, #header, #simple-search, #footer, .share-box, .admin-area,   .add-to-cart, .mirror-box, .like, #addons-recommended, .promotion, .video, .mc, .files-to-download, .cost-file a, .button,   .get-adaptation, .z-hint, .box, .variants, .comments, .interior, .realizations, .interiors,   .wooden-version-info, .old-price, .unavailable, #urgent-message, .social-media-inline, .adaptation, .animation,   .addons_recommended{     display:none !important;} }  @media (min-width:576px){   #project .ask-for-project > div:last-of-type span{     padding:1em 3em;} }  @media (min-width:768px){   #project > header .owl-next, #project > header .owl-prev{     display:block;font-size:50px;}    #project .social > div.box{     background-color:#ccc;color:#fff;}    #project .social > div.box:hover{     filter:none;background-color:#eee;color:#333;} }  @media (min-width:992px){    #project > header .price-box{     position:absolute;bottom:2rem;right:2rem;}    #project .social{     max-width:none;justify-content:center;padding:0 1em;background-color:#000;color:#ccc;font-weight:100;gap:0  }    #project .social .box{     width:100px;height:100px;}    #project .benefits h2{     font-size:24px;}    #project .benefits .base{     grid-template-columns:1fr 540px;}    #interior-design > div:not(.overlay){     width:50%;max-width:700px;z-index:2;}    #interior-design h2{     text-align:left;} }  @media (min-width:1200px){   #project > header .owl-next, #project > header .owl-prev{     font-size:80px;}    #project .social .text{     display:flex;align-items:center;align-content:center;padding:1em;cursor:default;height:100px;box-sizing:border-box;text-align:center;} }  @media (min-width:1600px){   #project .social{     font-size:24px;} }   #project .promotion-box{   font-size:15px;background-color:#006699;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;padding:2em;box-sizing:border-box;color:#fff;}  #project .promotion-box h2{   font-size:2em;}  .promotion-box a{   text-decoration:none;}  #subscribe-form{   padding:5px;box-sizing:border-box;width:100%;text-align:center;}  .promotion-box .promotion-title{   font-size:32px;line-height:1.3;text-transform:uppercase;font-weight:100;}  .promotion-box .counter{   font-size:14px;text-align:center;}  #subscribe-form form > label{   display:block;padding-bottom:1em;}  #subscribe-form form > label[for="promotion_subscribe_email"]{   color:#eee;padding:1em 0 3px 0;}  #subscribe-form form input[type="email"]{   width:20%;min-width:200px;padding:0.3em;}  #subscribe-form form ul li{   display:block;}  .promotion-box .hide{display:none;}  .promotion-box .form-errors{   background-color:#FFA5A5;color:#A06363;padding:10px;border:1px solid #A06363;}  #project .promotion-box a{   color:#fff;}  #promotion-clock{text-decoration:none;font-size:22px;color:#fff;padding-left:5%;float:left;} #promotion-clock .flip-clock-label{color:#fff;} #promotion-clock .flip-clock-dot{left:calc(50% - 5px);} .promotion-box .counter{margin:auto;margin-top:20px;} .promotion-box .promotion-title{margin:0 auto;width:100%;text-align:center;}  .promotion-box .flip-clock-wrapper{   display:flex;align-items:center;}  .promotion-box .flip-clock-divider{   float:none;}  .promotion-box .flip-clock-label{   color:#fff;font-weight:100;font-size:20px;font-family:'Open Sans', sans-serif;}  .promotion-box select{   padding:5px;border-radius:5px;border:0 none;}  .promotion-box .flip-clock-divider{   position:relative;}  .promotion-box .flip-clock-divider .flip-clock-label{   display:block;width:180px;text-align:center;right:auto;} .promotion-box .flip-clock-divider.days .flip-clock-label{   width:151px;}  @media screen and (max-width:800px){   #promotion-clock{padding:0;}   .promotion-box .promotion-details > div{padding:5px}   #subscribe-form form input[type="email"]{width:80%;} }  @media screen and (max-width:670px){   .promotion-box .promotion-title{font-size:1.6em;}   .promotion-box .counter .flip:nth-child(11), .promotion-box .counter .flip:nth-child(12), .promotion-box .counter .flip-clock-divider.seconds{display:none;}   .promotion-box .flip-clock-wrapper ul{height:60px;width:35px;}   .promotion-box .flip-clock-wrapper ul li{width:100%;line-height:60px;}   .promotion-box .flip-clock-wrapper ul li a div div.inn{font-size:35px;}   .promotion-box .flip-clock-divider{height:90px;}   .promotion-box .flip-clock-divider .flip-clock-label{font-size:16px;top:-12px;}   .promotion-box .flip-clock-divider .flip-clock-label{width:130px;}   .promotion-box .flip-clock-divider.days .flip-clock-label{width:90px;} }  @media screen and (max-width:414px){   .promotion-box .counter .flip:nth-child(11), .promotion-box .counter .flip:nth-child(12), .promotion-box .counter .flip-clock-divider.seconds{display:none;} }  .price-box{   display:block;position:relative;width:100%;max-width:580px;padding:1rem;margin:auto;background-color:#fff;box-sizing:border-box;font-size:13px;line-height:1.5;color:#333;}  .price-box img{   display:block;width:320px;height:180px;margin:auto;border-radius:0.5rem;}  .price-box .technology{   text-transform:uppercase;font-weight:400;}  .benefits .price-box .cols{   display:flex;flex-direction:column;gap:10px;align-items:end;}  .benefits .price-box .cols > div:first-of-type{   display:flex;flex-wrap:wrap;flex-direction:column;gap:0.5rem;}  .benefits .price-box .cols .prices{   display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;}  .price-box .price{   font-size:24px;text-transform:none;text-align:right;letter-spacing:-1px;line-height:24px;}  .price-box  .ask-for-project-btn{   opacity:inherit;}  .price-box .price-save{   font-size:18px;}  .price-box p{font-size:13px;}  .price-box a{color:#ca1d61;text-decoration:none;}  .price-box .unavailable{   font-weight:bold;font-size:16px;text-transform:none;color:#070;}  .price-box .availability{   text-align:right;font-size:13px;}  #subscribe-button{   border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:18px;font-weight:400;background:#fff none repeat scroll 0 0;border:1px solid #000;color:#000;cursor:pointer;outline:medium none;padding:5px 0;text-transform:uppercase;width:100px;margin-top:5px;}  #subscribe-button:hover{   color:#CA1D61;border-color:#CA1D61;}  @media (min-width:576px){   .benefits .price-box{     width:560px;}    .price-box h1{     font-size:34px;}    .price-box .price{     font-size:27px;line-height:27px;}    .price-box .title{     font-size:15px;}    .price-box .availability{     font-size:14px;}    .price-box img{     width:540px;height:302px;}    .price-box .price-box-ask-for-project{     font-size:19px;} }  @media (min-width:768px){   .benefits .price-box .price{     font-size:29px;line-height:29px;} }   #my-construction{   max-width:1450px;margin:0 auto auto auto;padding:10px 0 30px 0;font-size:17px;}  #my-construction .welcome a{color:#333;}  #my-construction .welcome header h1, #my-construction .stages h1, #my-construction .archive h1, .construction-site h1{   text-transform:uppercase;font-weight:100;font-size:50px;text-align:center;}  #my-construction .welcome header p{   line-height:1.2;text-align:center;text-transform:uppercase;font-size:23px;font-weight:100;}  #my-construction .welcome figure{   display:flex;justify-content:center;margin:42px auto 22px auto;color:#333;} #my-construction .welcome figure:after{content:".";display:block;height:0;clear:both;visibility:hidden;}  #my-construction .welcome figure div{   width:219px;padding:10px;text-align:center;font-size:16px;line-height:1.5em;}  #my-construction .welcome figure div:nth-child(4){   width:220px;}  #my-construction .welcome footer{   padding-bottom:28px;text-align:right;font-size:13px;text-align:center;}  #my-construction .welcome footer button{   margin-top:1em;padding:7px 20px;background:#e8548e;background:-moz-linear-gradient(top,  #e8548e 0%, #ca1d61 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8548e), color-stop(100%,#ca1d61));background:-webkit-linear-gradient(top,  #e8548e 0%,#ca1d61 100%);background:-o-linear-gradient(top,  #e8548e 0%,#ca1d61 100%);background:-ms-linear-gradient(top,  #e8548e 0%,#ca1d61 100%);background:linear-gradient(to bottom,  #e8548e 0%,#ca1d61 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8548e', endColorstr='#ca1d61',GradientType=0 );border:0 none;font:normal 17px 'Open Sans', sans-serif;color:#fff;cursor:pointer;}  #my-construction .welcome footer button:hover{opacity:0.75;}  #my-construction .stages header > div{   display:flex;justify-content:space-between;align-items:center;}  #my-construction .stages header #mc-search-form{   width:344px;height:55px;padding:15px;background:#ca1d61;color:#fff;font:13px 'Open Sans', sans-serif;}  #my-construction .stages header #mc-search-form p{   margin:0;padding:0 0 4px 0;}  #my-construction .stages header #mc-search-form input{   width:290px;padding:5px 5px;border-top:1px solid #dbdcde;border-left:1px solid #dbdcde;border-radius:2px;-webkit-border-radius:2px;color:#333;} #my-construction .stages header #mc-search-form button{   width:25px;height:26px;border:0 none;padding:0;margin-left:8px;background:transparent url('/images/my_construction/ico-magnifier-white.png') no-repeat;vertical-align:middle;cursor:pointer;}  .ui-menu .mc-item.ui-menu-item a{padding:1px;border:1px solid #fff;cursor:pointer;} .ui-menu .mc-item.ui-menu-item a.ui-state-hover{border:1px solid #999;} .ui-menu .mc-item.ui-menu-item a img{vertical-align:top;width:60px;} .ui-menu .mc-item.ui-menu-item a span{display:inline-block;} .ui-menu .mc-item.header{padding:0;background:#f4f4f4;line-height:1.5;} .ui-menu .mc-item.header a{font-weight:bold;} .ui-menu .mc-item.header:hover a{border:1px solid #999;}  #my-construction .archive{   padding:10px 0;border-top:1px solid #000;}  #my-construction .stages h1, #my-construction .archive h1{   color:#000;}  #my-construction .stages h1 span, #my-construction .archive h1 span{color:#ca1d61;}  #my-construction .stages header > p{   padding-top:1em;text-align:center;}  #my-construction .stages .filters{   display:flex;justify-content:space-between;align-items:center;margin:4rem auto;padding:1rem;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;line-height:1.5;}  #my-construction .stages .filters ul{   display:block;margin-top:1rem;}  #my-construction .stages .filters ul li{   display:inline-block;padding:0 1rem 0 0;}  #my-construction .stages .filters ul li a{   padding:2px 5px;text-decoration:none;color:#333;}  #my-construction .stages .filters ul li a:hover{background:#f4f4f4;} #my-construction .stages .filters ul li a.selected{background:#ddd;}  #my-construction .stages .filters .sort select{display:none;} #my-construction .stages .filters .province select, #my-construction .stages .filters > select{   display:block;margin-top:1rem;background-color:#fff;border-top:1px solid #abadb3;border-right:1px solid #dbdfe6;border-bottom:1px solid #e3e9ef;border-left:1px solid #e2e3ea;border-radius:2px;font-family:inherit;}  .mc-listing-big ul{   display:flex;flex-wrap:wrap;justify-content:center;flex-grow:1;list-style:none;}  .mc-listing-big ul li{   min-width:347px;width:25%;margin:0;}  .mc-listing-big ul li .banner{   padding-top:70px;}  .mc-listing-big ul li > div{position:relative;width:304px;margin:auto;}  .mc-listing-big .header{   position:relative;padding:5px 0;}  .mc-listing-big .header h2{   margin:0;font:bold 17px 'Open Sans', sans-serif;max-height:24px;overflow:hidden;}  .mc-listing-big .header h3{   margin:0;font:17px 'Open Sans', sans-serif;}  .mc-listing-big .header .popularity{   margin:4px 0 2px auto;height:16px;background:url('/images/my_construction/star-gray.png') repeat-x right center;}  .mc-listing-big h4{   position:absolute;top:50px;left:0;width:100px;padding:7px 7px;margin:0;background:#000;font-size:15px;color:#fff;}  .mc-listing-big h4:after{   position:absolute;bottom:-5px;display:block;content:' ';width:0;height:0;border-left:6px solid #000;border-bottom:6px solid #000;border-right:6px solid transparent;border-top:6px solid transparent;transform:rotate(-45deg);}   .mc-listing-big .arrow{   position:absolute;top:86px;left:15px;}  .mc-listing-big .header .province{   font-size:11px;color:#666;}  .mc-listing-big .header p{   margin:0;}  .mc-listing-big .header.own{   padding:5px 10px;background:#252525;} .mc-listing-big .header h2 a, .mc-listing-big .header h3 a{color:#333;} .mc-listing-big .header.own h2, .mc-listing-big .header.own h3, .mc-listing-big .header.own h2 a, .mc-listing-big .header.own h3 a{color:#fff;} .mc-listing-big .header h2 a, .mc-listing-big .header h3 a{text-decoration:none;} .mc-listing-big .header a:hover{opacity:0.75;}  .mc-listing-big .header .watched{   position:absolute;top:3px;right:0;display:block;width:33px;height:33px;background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -90px;}  .mc-listing-big img{   display:block;width:304px;height:172px;padding-bottom:3px;} .mc-listing-big img:hover{opacity:0.75;}  .mc-listing-big .photo{   position:absolute;top:213px;left:10px;padding:0 0 0 30px;background:url('/images/my_construction/sheets-white.png') no-repeat left center;color:#fff;font:bold 12px 'Open Sans', sans-serif;text-shadow:1px 1px 0 #000, 0 0 2px #fff;}  .mc-listing-big .new, .mc-listing-big .total-cost{   display:block;position:absolute;top:210px;right:10px;padding:4px 5px;background:#ca1d61;font-size:12px;color:#fff;} .mc-listing-big .total-cost{font-size:20px;top:198px;} .mc-listing-big .footer{   font-size:10px;color:#999;}  .mc-listing-big .footer p{   display:inline-block;padding-top:2px;}  .mc-listing-big .footer span{   padding:0 5px 0 2px;color:#000;}  .mc-listing-big .progress-background{   width:100%;height:7px;background:#dbdcdb;}  .mc-listing-big .progress{   height:7px;background:#3fd626;background:-moz-linear-gradient(top,  #3fd626 0%, #1aa204 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fd626), color-stop(100%,#1aa204));background:-webkit-linear-gradient(top,  #3fd626 0%,#1aa204 100%);background:-o-linear-gradient(top,  #3fd626 0%,#1aa204 100%);background:-ms-linear-gradient(top,  #3fd626 0%,#1aa204 100%);background:linear-gradient(to bottom,  #3fd626 0%,#1aa204 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fd626', endColorstr='#1aa204',GradientType=0 );}  #my-construction .archive ul{   padding-top:10px;list-style:none;}  #my-construction .archive ul li{   float:left;padding:0 5px 15px 5px;}  #my-construction .archive img{   width:120px;height:90px;border:1px solid #ccc;cursor:pointer;}  #my-construction .archive img:hover{opacity:0.75;}  #my-construction.construction-site .listing-big{   border-bottom:1px solid #333;} #my-construction.construction-site .construction-details{width:100%;padding:40px 0;margin:0 auto;background:#fff;} #my-construction.construction-site .construction-details header{   position:relative;height:75px;margin:0 40px;}  #my-construction.construction-site .construction-details header img{   float:left;height:75px;margin-right:15px;}  #my-construction.construction-site .construction-details h1{   padding:5px 0 3px 0;font-size:20px;font-weight:bold;text-transform:none;margin-bottom:3px;text-align:left;}  #my-construction.construction-site .construction-details h2{   font:14px 'Open Sans', sans-serif;color:#999;text-align:left;text-transform:none;}  #my-construction.construction-site .construction-details h4{   position:absolute;top:75px;margin-top:0;left:0;width:90px;padding:5px 7px;background:#ca1d61;font-size:18px;font-weight:bold;color:#fff;}  #my-construction.construction-site .construction-details .arrow{   position:absolute;left:15px;top:109px;}  #my-construction.construction-site header h2{   text-align:left;font:bold 18px 'Open Sans', sans-serif;text-transform:uppercase;}  #my-construction.construction-site header h2 span{color:#ca1d61;}  #my-construction.construction-site header .new-events{   display:none;position:absolute;top:27px;right:20px;font-size:14px;}  #my-construction.construction-site header .new-events span{   display:inline-block;padding:3px 5px;background:#ca1d61;font-weight:bold;color:#fff;}  .construction-site .content{   display:flex;flex-wrap:wrap;height:200px;margin:0 40px;background:#fff;}  .construction-site .content .left-col{   width:300px;height:170px;border-bottom:1px solid #f4f4f4;}  .construction-site .content .right-col{   position:relative;display:flex;padding:17px 0 0 0;border-bottom:1px solid #f4f4f4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f4f4f4);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f4f4f4)";background-image:linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-o-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-moz-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-webkit-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-ms-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.9, #FFFFFF),color-stop(1, #F4F4F4));font-size:12px;}  .construction-details .third-col div{   display:flex;width:100%;height:30px;}  .construction-details .third-col div p{   display:inline-block;width:50%;font-size:14px;}  .construction-details .third-col div p.icn{   padding-left:40px;margin-left:20px;min-width:25px;}  .construction-details .third-col div .last-activity{   padding:0;color:#000;font-weight:bold;}  #my-construction.construction-site .construction-details header .popularity{   margin:0;height:16px;background:url('/images/my_construction/star-gray.png') repeat-x left center;position:absolute;top:17px;right:0;}  .construction-details .second-col{   float:left;width:800px;height:145px;padding:5px 30px 3px 30px;box-sizing:border-box;overflow:hidden;}  .construction-details .second-col p{   text-transform:uppercase;margin-bottom:9px;}  .construction-details .second-col p a{   text-decoration:none;color:#ca1d61;}  .construction-site .content .left-col  a img:hover, .construction-details .second-col p a:hover{opacity:0.75;}  .construction-details .second-col div{   line-height:1.8;}  .construction-details .second-col div:first-line{   font-weight:bold;}  .construction-details .construction-cost{   padding-top:1em;font-size:16px;font-weight:bold;}  .construction-details .third-col{   display:flex;flex-wrap:wrap;width:calc(230px - 1.5rem);height:139px;padding:0;padding-left:1.5rem;border-left:1px solid #f4f4f4;}  .construction-details .third-col .icon1{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -2px;} .construction-details .third-col .icon2{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -31px;} .construction-details .third-col .icon3{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -63px;} .construction-details .third-col .icon4{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -95px;}  .ajax-empty-msg{   padding:10px;text-align:center;font-size:14px;}  .ajax-empty-msg a{color:#ca1d61;}  article.stages{margin-top:20px;} article.archive{clear:both;margin-top:20px;display:inline-block;width:100%;} article.archive ul{margin:auto;width:1720px;}  #my-construction{   max-width:1450px;padding:0 1em;margin:auto;box-sizing:border-box;}  #project #project-content article.archive ul{margin:auto;width:1320px;}  .mc-listing-big .total-cost, .mc-listing-big .partial-cost{position:absolute;right:10px;top:188px;font-size:26px;padding:6px;cursor:pointer;} .mc-listing-big .partial-cost{background:#b6b6b6;cursor:pointer;} .mc-listing-big .new{top:80px;} .mc .star{display:none;}  @media screen and (max-width:1870px){   article.archive ul{width:1320px !important;} } @media screen and (max-width:1560px){   article.archive ul{width:1060px !important;}   #my-construction .stages .filters ul{display:none;}   #my-construction .stages .filters .sort select{display:inline-block;}   #my-construction.construction-site .construction-details{max-width:1050px;}   .construction-details .second-col{width:400px;} } @media screen and (max-width:1300px){   #my-construction.construction-site header h2{margin-bottom:30px;}   #my-construction .stages header #mc-search-form{top:60px;padding:4px 10px;}   #my-construction .stages header #mc-search-form .arrow{display:none;} } @media screen and (max-width:1190px){   article.archive ul{width:660px !important;}   #footer > div{width:100%;}    #my-construction.construction-site .construction-details{max-width:900px;}   .construction-details .second-col{padding:5px 15px 3px 15px;width:280px;} } @media screen and (max-width:1024px){   #my-construction.construction-site .construction-details {max-width:730px;padding:20px 0;}   #my-construction.construction-site .construction-details header{margin:0 20px;}   .construction-site .content{height:180px;margin:0 20px;}   .construction-site .content .left-col{width:230px;height:130px;}   .construction-site .content .left-col img{width:230px;height:auto;}   .construction-details .second-col{padding:0 10px 3px 10px;width:265px;height:110px;}   .construction-details .second-col div{height:60px;line-height:1.5;}   .construction-details .third-col{height:105px;padding:0 15px 3px 15px;}   .construction-details .third-col div{height:23px;}   #my-construction .stages header > div{     display:flex;justify-content:center;align-items:center;flex-direction:column;}    #my-construction .welcome figure{flex-wrap:wrap;max-width:600px;} } @media screen and (max-width:830px){   article.archive ul{width:270px !important;}   #my-construction .stages .filters{height:auto;font-size:16px;}   #my-construction .stages .filters .sort{display:block;float:none;width:350px;margin:auto auto 5px auto;}   #my-construction .stages .filters .province{display:block;float:none;width:350px;margin:auto;}   #my-construction.construction-site .construction-details {max-width:370px;}   .construction-site .content{margin-bottom:20px;height:auto;width:88%;}   .construction-site .content .left-col{height:auto;float:none;width:100%;}     .construction-site .content .left-col img{width:100%;height:auto;}   .construction-site .content .right-col{width:100%;height:auto;padding:0;float:none;}   .construction-details .second-col{width:100%;padding:0;height:auto;float:none;}   .construction-details .second-col p{padding:5px;margin:0;}   .construction-details .second-col div{height:auto;text-align:justify;padding:0;}   .construction-details .third-col{border-left:0;padding:10px 0 0 0;margin:auto;float:none;width:150px;height:auto;}   .construction-details .third-col div{height:30px;}   #my-construction.construction-site .construction-details header img{margin-right:5px;}   #my-construction.construction-site .construction-details header h1{padding:0;margin-top:5px;line-height:1.1;}   #my-construction.construction-site .construction-details header .popularity{top:-20px;}   #project .breadcrumbs, #project nav#next-prev .info {width:360px;} } @media screen and (max-width:700px){   #my-construction .welcome header h1, #my-construction .stages h1, #my-construction .archive h1, .construction-site h1{font-size:36px;}   #my-construction .welcome figure{width:244px;}   #my-construction.construction-site header h2{text-align:center} } @media screen and (max-width:390px){   #my-construction .stages header #mc-search-form{width:95%;right:auto;margin-right:0;left:0;}   #my-construction .stages header #mc-search-form input{width:80%;}   #my-construction .stages h1{font-size:42px;}   #my-construction .stages .filters .sort, #my-construction .stages .filters .province{width:auto;}   #my-construction .stages .filters .sort select, #my-construction .stages .filters .province select{display:block;} }   .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{   content:" ";display:block;background:white;position:absolute;z-index:30;-webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);}  .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{   width:3px;height:9999px;left:50%;margin-left:-1.5px;}  .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{   width:9999px;height:3px;top:50%;margin-top:-1.5px;}  .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay{   position:absolute;top:0;width:100%;height:100%;}  .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay{   -webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s;}  .twentytwenty-before-label, .twentytwenty-after-label{   -webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;}  .twentytwenty-before-label:before, .twentytwenty-after-label:before{   color:white;font-size:13px;letter-spacing:0.1em;}  .twentytwenty-before-label:before, .twentytwenty-after-label:before{   position:absolute;background:rgba(255, 255, 255, 0.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}  .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before{   top:50%;margin-top:-19px;}  .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before{   left:50%;margin-left:-45px;text-align:center;width:90px;}  .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow{   width:0;height:0;border:6px inset transparent;position:absolute;}  .twentytwenty-left-arrow, .twentytwenty-right-arrow{   top:50%;margin-top:-6px;}  .twentytwenty-up-arrow, .twentytwenty-down-arrow{   left:50%;margin-left:-6px;}  .twentytwenty-container{   -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}   .twentytwenty-container img{     max-width:100%;position:absolute;top:0;display:block;}   .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay{     background:rgba(0, 0, 0, 0);}     .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,     .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,     .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{       opacity:0;}   .twentytwenty-container *{     -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}  .twentytwenty-before-label{   opacity:0;}   .twentytwenty-before-label:before{     content:attr(data-content);}  .twentytwenty-after-label{   opacity:0;}   .twentytwenty-after-label:before{     content:attr(data-content);}  .twentytwenty-horizontal .twentytwenty-before-label:before{   left:10px;}  .twentytwenty-horizontal .twentytwenty-after-label:before{   right:10px;}  .twentytwenty-vertical .twentytwenty-before-label:before{   top:10px;}  .twentytwenty-vertical .twentytwenty-after-label:before{   bottom:10px;}  .twentytwenty-overlay{   -webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0, 0, 0, 0);z-index:25;}   .twentytwenty-overlay:hover{     background:rgba(0, 0, 0, 0.5);}     .twentytwenty-overlay:hover .twentytwenty-after-label{       opacity:1;}     .twentytwenty-overlay:hover .twentytwenty-before-label{       opacity:1;}  .twentytwenty-before{   z-index:20;}  .twentytwenty-after{   z-index:10;}  .twentytwenty-handle{   height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);z-index:40;cursor:pointer;}  .twentytwenty-horizontal .twentytwenty-handle:before{   bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);} .twentytwenty-horizontal .twentytwenty-handle:after{   top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}  .twentytwenty-vertical .twentytwenty-handle:before{   left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);} .twentytwenty-vertical .twentytwenty-handle:after{   right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);-moz-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);}  .twentytwenty-left-arrow{   border-right:6px solid white;left:50%;margin-left:-17px;}  .twentytwenty-right-arrow{   border-left:6px solid white;right:50%;margin-right:-17px;}  .twentytwenty-up-arrow{   border-bottom:6px solid white;top:50%;margin-top:-17px;}  .twentytwenty-down-arrow{   border-top:6px solid white;bottom:50%;margin-bottom:-17px;}   #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){ }    .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('/css/owlcarousel/owl.video.play.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}    .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;border:2px solid #CA1D61}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#CA1D61}    #cms-contact-overlay{   background-color:rgba(0,0,0, 0.85);}  #cms-contact{   position:fixed;max-width:800px;top:50%;left:50%;padding:1em;box-sizing:border-box;transform:translateX(-50%) translateY(-50%);}  .project-tile{   position:relative;width:320px;height:320px;margin:auto;overflow:hidden;}  .project-tile img{   width:320px;height:320px;}  .project-tile 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;}   #comments{   max-width:800px;margin:auto;}  .comments-header{   margin:10px auto 0 auto;color:#666;font-size:2rem;font-weight:100;line-height:1.2;width:100%;max-width:730px;}  .comments-body{   margin:0 auto 0 auto;width:100%;max-width:730px;padding-bottom:30px;}  .comments-body .context{   clear:both;}  .comment{   margin:20px auto 0 auto;padding:10px;border-top:1px solid #dcdbdb;font-family:'Open Sans', Arial, sans-serif;color:#333;}  .comments.best .comment{   border-top:0;}  #load-more-comments{   width:180px;font-size:15px;text-transform:uppercase;text-align:center;margin:15px auto;color:#fff;background:#ca1d61;padding:8px 0;cursor:pointer;}  .comment.my{   color:#000;}  .comment.best .date a{   color:#ca1d61;}  .comment header{   position:relative;height:35px;}  .comment header img{   float:left;width:35px;height:35px;margin-right:10px;position:relative;left:0;top:0;}  .comment[data-level='0'] header img{   width:50px;height:50px;}  .comment .comment-form-avatar{   width:35px;height:35px;position:absolute;top:0;left:0;}  .comment.edit .body > div[data-moderator='0']{   display:none;}  .comment.edit .body > div[data-moderator='1']{   display:block;}  .comment.edit .body .flags, .comment.edit .body > div, .comment.edit .body > p, .comment.edit .body label, .comment.edit .body select, .comment.edit .row.submit{   display:none;}  #comment_form_rollup{   cursor:pointer;text-align:center;display:none;font:20px/20px Courier;padding:0;color:gray;clear:both;width:40px;margin:auto;}  #comment_email, #comment_name{   border:1px solid #ddd;}  .comment header .info{   float:left;position:relative;}  .comment header menu{   display:none;position:absolute;top:0;right:0;width:250px;margin:0;padding:10px 0 10px 0;background:#fff;border:1px solid #ddd;box-shadow:3px 3px 6px #ddd;font-size:14px;text-align:left;z-index:100;}  .comment menu svg{   min-width:25px;}  .comment .info .name{   position:relative;font-size:16px;margin-right:5px;font-weight:bold;margin-right:5px;}  .comment[data-level='0'] .info .name{   font-size:20px;}  .comment .info .name.z500{   font-weight:bold;color:#E32471;}  .comment .info .province, .comment .info .my_construction{   color:#ca1d61;text-transform:uppercase;font-size:11px;}  .comment .info a.my_construction{   text-decoration:none;}  .comment .info .province{   color:#D8D8D8;}  .comment .info .new{   display:inline-block;margin-left:5px;padding:3px 5px;background:#E32471;text-transform:uppercase;font-size:11px;color:#fff;line-height:1em;}  .comment footer .date{   text-transform:none;color:#999;font-size:11px;margin:0 0 0 55px;}  .comment.sublevel footer .date{   margin:0 0 0 40px;}  .comment footer .date a{   color:#999;text-decoration:none;}  .comment header .options{   position:relative;display:inline-block;margin:-2px 0 2px 0;padding:0;vertical-align:middle;line-height:8px;}  .comment header > .options{   position:absolute;top:0;right:0;width:60px;text-align:right;}  .comment header .options .context{   display:inline-block;width:20px;height:16px;cursor:pointer;}  .comment .options .context{   background:url('/images/my_construction/gray-arrow.png') no-repeat center;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}  .comment .body{   position:relative;padding:0 10px 0 50px;}  .comment.sublevel .body{   padding:0 10px 0 35px;}  .comment .body .options{   float:left;}  .comment .content{   padding:2px 10px 5px 5px;font-size:15px;line-height:22px;word-wrap:break-word;text-align:left;width:100%;max-width:650px;}  .comment .files{   padding:0 10px 0 5px;}  .comment.sublevel .content{   -webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;text-align:left;width:100%;max-width:600px;}  .comment.sublevel .content a{   color:#E32471;}  .comment .content .parent{   padding-right:10px;font-style:italic;}  .comment.z500 .content .parent{   color:#E32471;}  .comment footer{   text-align:left;margin:0 0 -20px 0;}  .comment.my footer{   margin:0 0 -7px 0;}  .comment footer a.btn-answer{   color:#666;text-decoration:none;font-size:13px;display:inline-block;vertical-align:top;padding:4px;float:right;}  .comment footer span.btn-answer, .comment .content .parent span.btn-answer{   background:url('/images/my_construction/answer-arrow.png') no-repeat 0 0;display:inline-block;width:19px;height:15px;float:right;margin-top:7px;}  .comment .content .parent span.btn-answer{   float:none;margin:10px -5px -2px 3px;line-height:10px;}   .comment.edit{   padding:0;background:transparent;border:0;}  .comment.edit .body{   padding:0 0 0 36px;}  .comment .body textarea{   width:100%;height:35px;min-height:35px;cursor:pointer;border:2px solid #999;padding:6px;font-size:14px;box-sizing:border-box;resize:vertical;}  .comment.edit .body textarea.invalid{   border:1px solid #f00;}  .flags{   position:absolute;left:0;top:-4px;width:50px;text-align:center;}  .comment.edit .flags{   top:35px;width:35px;}  .comment.sublevel .flags{   top:3px;width:35px;}  .flags .fa-flag, .flags .fa-lock{   display:block;font-size:15px;display:block;margin:8px auto 0 auto;width:auto;text-decoration:none;}  .flags .fa-flag, .comment.edit .flags .fa-flag.enabled{   color:#ca1d61;}  .flags .fa-lock, .comment.edit .flags .fa-lock.enabled{   color:red;}  .comment.edit .flags .fa-flag, .comment.edit .flags .fa-lock{   color:#bbb;margin:12px auto 0 auto;}  .comment .signature{   padding-top:5px;clear:left;}  .comment .signin{   display:flex;flex-wrap:wrap;width:100%;padding-top:1rem;align-items:center;}  .comment .btn{   display:inline-block;padding:5px 10px;background-color:#ca1c61;color:#fff;border:0;cursor:pointer;font-size:14px;}  .comment footer a.btn-answer:hover, .comment .info a.my_construction:hover, #load-more-comments:hover{   opacity:0.7;}  .comment .security > span{   padding:10px 0;font:13px 'Open Sans', Arial, sans-serif;color:#333;text-transform:uppercase;}  .comment .spacer{   margin:0 2rem;padding:15px 0;text-align:center;color:#CBCBCB;}  .comment.edit .row{   position:relative;padding:3px 0 2px 0;clear:left;}  .comment.edit .row label{   display:none;width:60px;}  .comment.edit .row.from_z500 label{   width:95px;float:left;line-height:2;}  .comment.edit label.add-files{   width:105px;float:right;clear:both;position:relative;font-size:12px;font-family:inherit;color:#333;cursor:pointer;overflow:hidden;}  .comment.edit label.add-files:hover{   color:#ca1d61;}  .comment.edit label.add-files input{   position:absolute;top:0;left:0;opacity:0;direction:ltr;cursor:pointer;width:100%;}  .comment.edit .row.submit{   text-align:right;font-size:14px;margin-bottom:-4px;clear:both;padding:0 0 3px 0;}  .comment.edit .row .error-msg{   display:inline-block;padding-left:10px;color:#f00;font-size:12px;}  .comment.edit .btn-cancel{   background:transparent;border:0 none;font:inherit;cursor:pointer;}  .comment.edit .btn-save{   padding:5px 20px;background:#ca1d61;border:0 none;font:inherit;color:#fff;cursor:pointer;height:38px;}  .comment.edit .btn-save:hover{   opacity:0.7;}  .comment.edit .files{   margin:5px 0;padding-left:2px;overflow:auto;}  .comment.edit .files .file{   position:relative;float:left;padding:5px;}  .comment.edit .files .file img, .comment .files .file-other, .comment.edit .files .file canvas{   width:90px;height:64px;z-index:1;cursor:default;}  .comment .files .file-other{   background:url('/images/icons/file_other.png') no-repeat center;}  .comment .files a.file-other{   display:block;cursor:pointer;}  .comment.edit .files .progress-bar{   position:relative;margin:4px 0 0 0;width:90px;height:6px;background:#ddd;}  .comment.edit .files .progress-bar .progress{   width:0%;height:6px;background-image:linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-o-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-moz-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-webkit-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-ms-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.50, #6abb01), color-stop(0.50, #84d020));}  .comment.edit .files .remove{   display:block;position:absolute;top:8px;right:8px;width:20px;height:20px;box-sizing:border-box;padding:3px 0 0 0;background:#fff;border:1px solid #ca1d61;text-decoration:none;text-align:center;z-index:2;color:#ca1d61;}  .comment.edit .files .remove:hover{   background:#ca1d61;border:1px solid #fff;color:#fff;}  .comment .files img, .comment .files canvas{   cursor:pointer;}   .comment.sublevel{   margin-left:50px;border:0;}   .comment menu{   display:none;position:absolute;top:10px;right:0;width:240px;padding:10px 0 10px 0;background:#fff;border:1px solid #ddd;box-shadow:3px 3px 6px #ddd;font:13px 'Open Sans', sans-serif;z-index:100;}  .comment menu ul{   list-style:none;}  .comment menu ul li:not(.separator){   display:block;padding:6px 10px;color:#666;cursor:pointer;}  .comment menu ul li hr{   padding:0.5rem 0;}  .comment menu ul li:not(.separator):hover, .comment menu ul li:not(.separator):hover svg{   color:#E6538E;fill:#E6538E;}  .comment menu ul li a{   text-decoration:none;}  .comment menu ul li > * span{   display:inline-block;width:25px;height:25px;margin-right:10px;background:transparent url('/images/my_construction/menu-icons.png') no-repeat 0 0;vertical-align:middle;}  .comment menu ul li.mark svg{   transform:rotate(45deg);}  .comment menu ul li .answers span{   background-position:-125px 0;}  .comment menu ul li .answer span{   background-position:-325px 0;}  .comment menu ul li .delete span{   background-position:-25px 0;}  .comment menu ul li .mark-spam span{   background-position:-475px 0;}  .comment menu ul li > *:hover span{   background-position-y:-25px;}  #comments-not-found{   padding:20px;background:#ffeff5;font-size:16px;line-height:22px;text-align:center;}  .comments-filters{   width:100%;height:24px;margin:15px 0;float:left;clear:both;background:#fff;}  .comments-filters > div{   float:left;margin:0;padding:0;position:relative;z-index:1;background:#F5F6F5;width:36%;}  .comments-filters > div:first-of-type{   width:32%;}  .comments-filters > div > ul{   margin:0;padding:5px 20px 10px 20px;height:125px;display:none;background:#fff;border:1px solid #ccc;box-shadow:4px 4px 9px #999;border-top-width:0;list-style:none;}  .comments-filters > div > ul li{   margin:5px 0;font-size:14px;}  .comments-filters > div:nth-of-type(2) > ul{   height:415px;}  .comments-filters > div > h4{   padding:5px 20px;margin:0;background:#fff;font-size:14px;line-height:1;font-weight:bold;cursor:pointer;border-bottom:2px solid #dcdbdb;position:relative;}  .comments-filters > div.selected h4{   border-bottom:2px solid #ca1d61;}  .comments-filters > div > h4 .context{   display:inline-block;width:20px;height:16px;position:absolute;left:120px;}  .comments-filters > div:nth-of-type(2) > h4 .context{   left:77px;}  .comments-filters > div > h4 .context{   background:url('/images/my_construction/gray-arrow.png') no-repeat center;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}  .comments-filters > div:last-of-type{   width:32%;}  .comments-filters > div:last-of-type > ul{   height:90px;}  .comments-filters a{   color:#333;text-decoration:none;display:block;width:100%;}  .comments-filters a.selected{   color:#ca1d61;}  .comments-filters a:hover{   text-decoration:underline;}   @media screen and (max-width:800px){   #comments{max-width:600px;}    .comment.edit .row.submit{     margin-bottom:35px;position:relative;top:30px;} }  @media screen and (max-width:600px){   #comments{     max-width:340px;}    .comment .body{     padding:0 10px 0 20px;}    .comment footer .date{     margin:0 0 0 25px;}    .flags{     width:18px;} }  @media screen and (max-width:450px){   .comment{     padding:10px 0;}    .comment .content{     width:96%;}    .comment .body .flags{     display:none;}    .comment .spacer{     padding:18px 10px 0 0;margin-left:-5px;}    .comment.edit .security input{     width:126px;}    .comment[data-level='0'] .body{     padding:0;}    .comment.sublevel{     margin-left:0;}    .comment footer .date{     margin:0 0 0 5px;}    .comment.edit .btn-save{     margin-top:18px;}    .comment.edit .row .error-msg{     padding-left:0;height:13px;line-height:1;overflow:hidden;font-size:13px;}    .comments-filters{     display:none;} }