body{overflow:hidden}header{width:100%;background:#f3f3f3;z-index:2000;padding:.75rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:auto!important}header,header .title-logo{position:relative;height:12.5vh}header .title-logo{width:180px;margin-left:2rem}header .title-logo img{position:absolute;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;left:0}.samples{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:800px;max-width:1140px;height:100%;width:100%;overflow:hidden;position:relative;padding-right:0!important;padding-left:0;margin:0 auto;background:transparent}@media (max-width:768px){.samples{max-height:100vh}}.samples .main-content{height:100%}@media (min-width:769px){.samples:has(footer) .main-content{height:calc(100% - 12.5vh - 68px)}}.samples .hotspot{text-align:center;color:#fff;z-index:20}.samples .close-info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:1;cursor:pointer}.samples .close-info svg{width:32px;height:32px}.samples .close-info svg path{fill:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.samples .close-info:hover svg path{fill:#000}.intro-modal{position:absolute;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;width:50%;padding:1rem;text-align:center;z-index:300;border-radius:4px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);box-shadow:0 3px 6px rgba(0,0,0,.15)}.wendland .feature-list li span{color:#ee6929}.wendland .product-info{background:#ef6929}.wendland .product-info:after{content:"";background:#ef6929;background:-webkit-gradient(linear,left top,left bottom,from(rgba(236,105,40,0)),to(#ec6928));background:linear-gradient(180deg,rgba(236,105,40,0),#ec6928)}.wendland footer{background:#ef6929}.wendland .btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:0!important}.wendland .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#ef6929;color:#fff!important;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.wendland .btn-primary:active,.wendland .btn-primary:focus,.wendland .btn-primary:hover{background:#5b5e61;color:#fff!important}.wendland .hub-list{background:#ef6929}.wendland .hub-list .hub-item:hover{color:#fed8b1}.wendland .btn-grey{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#808488;color:#fff!important;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.wendland .btn-grey:active,.wendland .btn-grey:focus,.wendland .btn-grey:hover{background:#bd470e;color:#fff!important}.wendland .active-tab{color:#fff!important}.wendland .active-tab,.wendland .image-info{background:#ef6929!important}.wendland .image-info--blue{background:#297ac1!important}.wendland .image-info-stratus-whitelabel--darker{background:#9d9e9b!important}.ultraframe .product-item span{color:#0e1703}.ultraframe .hub-list{background:#424448}.ultraframe .hub-list .hub-list-item.desktop{display:list-item}.ultraframe .hub-list .hub-list-item.mobile{display:none}@media (max-width:768px){.ultraframe .hub-list .hub-list-item.desktop{display:none}.ultraframe .hub-list .hub-list-item.mobile{display:list-item}}.ultraframe .hub-list .hub-list-item.classic-roof a:hover{color:#c1e089}.ultraframe .hub-list .hub-list-item.ultraroof a:hover{color:#6e3860}.ultraframe .hub-list .hub-list-item.livinroof a:hover{color:#ac3c73}.ultraframe .hub-list .hub-list-item.ultrasky-roof a:hover{color:#00a19c}.ultraframe .hub-list .hub-list-item.stratus-lantern a:hover{color:#0b7ac1}.ultraframe .hub-list .hub-list-item.garden-room a:hover{color:#b03873}.ultraframe .hub-list .hub-list-item.flat-roof a:hover{color:#00a19c}.ultraframe .hub-list .hub-list-item.hup a:hover{color:#93d400}#viewwindow{z-index:19}#turntable,#viewwindow{width:100%!important;height:100%!important}footer{width:100%;position:relative;min-height:68px;z-index:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer span{color:#fff;font-size:1.25rem}.ultraroof .btn{background:#424448}.ultraroof .btn:hover{background:#6e3860}.ultraroof .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#424448;color:#fff!important;letter-spacing:0;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.ultraroof .btn-primary:hover{background:#6e3860;color:#fff!important}.ultraroof .feature-list .feature-item{background:#424448;color:#fff}.ultraroof .feature-list .feature-item span{color:#fff}.ultraroof .feature-list .feature-item:hover{background:#6e3860}.ultraroof .icon-overlay .st0-1,.ultraroof .icon-overlay .st1-1{fill:#6e3860}.ultraroof footer{background:#6e3860}.ultraroof .product-item svg path{fill:#6e3860}.ultraroof .active-tab{background:#6e3860!important;color:#fff!important}.classicroof .btn{background:#424448}.classicroof .btn:hover{background:#c1e089}.classicroof .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#424448;color:#fff!important;letter-spacing:0;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.classicroof .btn-primary:hover{background:#c1e089;color:#fff!important}.classicroof .feature-list .feature-item{background:#424448;color:#fff}.classicroof .feature-list .feature-item span{color:#fff}.classicroof .feature-list .feature-item:hover{background:#c1e089}.classicroof .icon-overlay .st0-1,.classicroof .icon-overlay .st1-1{fill:#c1e089}.classicroof footer{background:#c1e089}.classicroof .product-item svg path{fill:#c1e089}.classicroof .active-tab{background:#c1e089!important;color:#fff!important}.flatroof .btn,.ultraskyroof .btn{background:#424448}.flatroof .btn:hover,.ultraskyroof .btn:hover{background:#00a19c}.flatroof .btn-primary,.ultraskyroof .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#424448;color:#fff!important;letter-spacing:0;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.flatroof .btn-primary:hover,.ultraskyroof .btn-primary:hover{background:#00a19c;color:#fff!important}.flatroof .feature-list .feature-item,.ultraskyroof .feature-list .feature-item{background:#424448;color:#fff}.flatroof .feature-list .feature-item span,.ultraskyroof .feature-list .feature-item span{color:#fff}.flatroof .feature-list .feature-item:hover,.ultraskyroof .feature-list .feature-item:hover{background:#00a19c}.flatroof .icon-overlay .st0-1,.flatroof .icon-overlay .st1-1,.ultraskyroof .icon-overlay .st0-1,.ultraskyroof .icon-overlay .st1-1{fill:#00a19c}.flatroof footer,.ultraskyroof footer{background:#00a19c}.flatroof .product-item svg path,.ultraskyroof .product-item svg path{fill:#00a19c}.flatroof .active-tab,.ultraskyroof .active-tab{background:#00a19c!important;color:#fff!important}.stratus-lantern .btn{background:#424448}.stratus-lantern .btn:hover{background:#0b7ac1}.stratus-lantern .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#424448;color:#fff!important;letter-spacing:0;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.stratus-lantern .btn-primary:hover{background:#0b7ac1;color:#fff!important}.stratus-lantern .feature-list .feature-item{background:#424448;color:#fff}.stratus-lantern .feature-list .feature-item span{color:#fff}.stratus-lantern .feature-list .feature-item:hover{background:#0b7ac1}.stratus-lantern .icon-overlay .st0-1,.stratus-lantern .icon-overlay .st1-1{fill:#0b7ac1}.stratus-lantern footer{background:#0b7ac1}.stratus-lantern .product-item svg path{fill:#0b7ac1}.stratus-lantern .active-tab{background:#0b7ac1!important;color:#fff!important}.livinroof .btn{background:#424448}.livinroof .btn:hover{background:#ac3c73}.livinroof .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#424448;color:#fff!important;letter-spacing:0;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.livinroof .btn-primary:hover{background:#ac3c73;color:#fff!important}.livinroof .feature-list .feature-item{background:#424448;color:#fff}.livinroof .feature-list .feature-item span{color:#fff}.livinroof .feature-list .feature-item:hover{background:#ac3c73}.livinroof .icon-overlay .st0-1,.livinroof .icon-overlay .st1-1{fill:#ac3c73}.livinroof footer{background:#ac3c73}.livinroof .product-item svg path{fill:#ac3c73}.livinroof .active-tab{background:#ac3c73!important;color:#fff!important}.gardenroom .btn{background:#424448}.gardenroom .btn:hover{background:#b03873}.gardenroom .btn-primary{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-transform:none!important;font-size:1.25rem!important;background:#424448;color:#fff!important;letter-spacing:0;margin-bottom:0;margin-right:.5rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.gardenroom .btn-primary:hover{background:#b03873;color:#fff!important}.gardenroom .feature-list .feature-item{background:#424448;color:#fff}.gardenroom .feature-list .feature-item span{color:#fff}.gardenroom .feature-list .feature-item:hover{background:#b03873}.gardenroom .icon-overlay .st0-1,.gardenroom .icon-overlay .st1-1{fill:#b03873}.gardenroom footer{background:#b03873}.gardenroom .product-item svg path{fill:#b03873}.gardenroom .active-tab{background:#b03873!important;color:#fff!important}.side-info{width:45%;height:100%;position:relative;padding:1.5%;z-index:100}@media (min-width:992px){.side-info{max-height:75vh}}.title-nav{margin-right:2rem}.back-btn{position:absolute;left:.25rem}.sample-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:100%}.active-view .side-info{display:block}.icon-overlay{position:absolute;top:0;width:100%;height:100%;z-index:20;max-height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon-overlay svg{top:50%;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:35%;width:5rem}.hotspot-area{position:absolute;top:0;left:0;right:0;bottom:0}#KeyShotXR{height:100%!important;width:100%!important;position:relative}#backbuffer{top:-70px!important}.video-container{width:80%;overflow:hidden;position:relative}@media (min-width:1440px){.video-container{width:90%}}@media (min-width:1440px){.video-container iframe{height:600px}}.video-container--large{width:100%}.feature-list{position:relative;padding-left:0;list-style-type:none;background:#e3e3e3;height:100%;overflow-y:scroll}.feature-list li{padding:1.5rem 2rem;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;font-size:20px;border-bottom:1px solid #fff;border-top:1px solid #fff;font-weight:400}.feature-list li span{font-size:24px;margin-right:1rem}.feature-list li:hover{background:#ee6929;color:#fff}.feature-list li:hover span{color:#fff}.feature-list li:first-of-type{border-top:2px solid #fff}.feature-list li:last-of-type{border-bottom:2px solid #fff}.feature-offscreen{position:absolute;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);min-width:100%;bottom:-4px}.feature-offscreen.sticky{position:-webkit-sticky;position:sticky;height:100%;max-height:calc(100% - 220px)}.feature-offscreen.sticky.active{max-height:100%}.image-info{position:relative;height:100%;background:#b2b2b2;-webkit-transition:all .3s ease;transition:all .3s ease}.image-info img{position:absolute;-o-object-fit:cover;object-fit:cover;height:auto;left:0;width:100%}@media (min-width:769px) and (max-height:790px){.image-info img.image-info-img--small{width:80%}}@media (min-width:769px) and (max-height:790px){.image-info img.image-info-img--small-right{width:90%;left:auto;right:0}}.image-info img.image-info-img---top{top:-4%}@media (min-width:769px) and (max-width:1400px){.image-info img.image-info-img---top{top:-7%}}.image-info-stratus{background:#0b7ac1!important}.image-info-stratus-whitelabel{background:#b2b2b2!important}.image-info-stratus-whitelabel--darker{background:#9d9e9b!important}.inner-content{position:absolute;top:3%;left:0;right:0;height:100%;padding:1rem;color:#fff}.product-info{bottom:19px;padding-right:0;padding:1.5rem;background:#b2b2b2}.product-info,.product-info:after{position:absolute;left:0;width:100%}.product-info:after{content:"";top:-100px;height:100px;background:#b2b2b2;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,70%,0)),to(#b2b2b2));background:linear-gradient(180deg,hsla(0,0%,70%,0),#b2b2b2)}.product-info .product-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.product-info.product-info-stratus{background:#0b7ac1}.product-info.product-info-stratus span{color:#fff}.product-info.product-info-stratus svg path{fill:#fff}.product-info.product-info-stratus:after{content:"";background:transparent}.product-info.product-info-stratus-whitelabel{background:#b2b2b2}.product-info.product-info-stratus-whitelabel:after{content:"";position:absolute;left:0;top:-100px;width:100%;height:100px;background:#b2b2b2;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,70%,0)),to(#b2b2b2));background:linear-gradient(180deg,hsla(0,0%,70%,0),#b2b2b2)}@media (min-width:940px) and (max-height:790px){.product-info-nopadding{padding:0 1.5rem}}.spin-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3rem;z-index:30}.product-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.05rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.product-item svg{width:24px;min-width:24px;margin-right:.75rem}.product-item svg path{fill:#fff}.product-item span{font-size:20px;font-weight:500}.hub-list{width:40%;height:100%;overflow-y:auto;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hub-list ul{list-style-type:disclosure-closed;padding-left:1rem;margin-bottom:0}.hub-list ul::marker{color:#fff}.hub-list ul li{margin-bottom:.5rem}.hub-list ul .hub-item{color:#fff;font-size:1.5rem;font-weight:600;-webkit-transition:all .2s ease;transition:all .2s ease;left:0;position:relative;text-decoration:underline!important}.hub-list ul .hub-item:hover{left:1rem}.hub-list span{color:#fff;font-size:32px;padding-left:1rem;font-weight:300;line-height:1.4}.hub-list img{width:75%;margin-left:1rem;position:relative;top:2%}.hub-background{display:none}.hub-model{width:60%;position:relative}.hub-model>img{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-o-object-fit:cover;object-fit:cover;height:100%}.hub-model .ultraroof-split{height:100%;background:#f7f7f7}.hub-model .ultraroof-split .ultraroof-split-half{height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#6e3860}.hub-model .ultraroof-split .ultraroof-split-half:first-child{margin-bottom:.5rem}.hub-model .ultraroof-split .ultraroof-split-half:nth-child(2){margin-top:.5rem}.hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content{width:50%;padding:2rem}.hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content h3{color:#fff;font-size:1.35rem}.hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content p{color:#fff}.hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content a{font-weight:700;color:#fff;text-decoration:underline;font-size:18px;letter-spacing:1px}.hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-image{width:50%;height:100%;position:relative}.hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-image img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.wendland .hub-list li::marker{color:#fff}.wendland .hub-list li.desktop{display:list-item}.wendland .hub-list li.mobile{display:none}@media (max-width:768px){.wendland .hub-list li.desktop{display:none}.wendland .hub-list li.mobile{display:list-item}}.wendland .hub-model .ultraroof-split{height:100%;background:#f7f7f7}.wendland .hub-model .ultraroof-split .ultraroof-split-half{height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f5f5f5}.wendland .hub-model .ultraroof-split .ultraroof-split-half:first-child{margin-bottom:.5rem}.wendland .hub-model .ultraroof-split .ultraroof-split-half:nth-child(2){margin-top:.5rem}.wendland .hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content{width:50%;padding:2rem}.wendland .hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content h3{color:#808488;font-size:1.35rem}.wendland .hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content p{color:#808488}.wendland .hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-content a{font-weight:700;color:#808488;text-decoration:underline;font-size:18px;letter-spacing:1px}.wendland .hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-image{width:50%;height:100%;position:relative}.wendland .hub-model .ultraroof-split .ultraroof-split-half .ultraroof-split-image img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.feature-title-footer{right:21%;font-size:20px;right:2rem}.feature-title-footer,.part-title{position:absolute;color:#fff;font-weight:600}.part-title{bottom:1.5%;left:15%;font-size:32px}.active-info{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.product-label{-webkit-transition:all .3s ease;transition:all .3s ease}.prod-label-active{left:18%;position:absolute}.sample-left{width:60%;position:relative}.sample-container{height:75vh;position:relative;min-height:500px}.active-btn-classic{background:#c1e089!important}.mobile-menu{display:none;-webkit-transform:translateX(115%);transform:translateX(115%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease}.mobile-menu-active{-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.mobile-btn{display:none}.mobile-activate{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:500}.mobile-activate span{color:#fff;font-size:2rem;top:-5%;position:relative}.image-info{overflow:hidden}#turntable{background-color:transparent!important}.back-logo{display:none}.digital-video-container.embed-responsive{padding-bottom:56.25%}@media (min-width:1440px){.digital-video-container.embed-responsive--large{padding-bottom:60.25%}}@media (max-width:768px){.back-logo{width:32px;height:32px;margin-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.back-logo svg{font-size:1.5rem}.back-logo svg path{fill:#000}.feature-list li{padding:1rem 1.5rem;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;font-size:16px;border-bottom:1px solid #fff;border-top:1px solid #fff;font-weight:400}.feature-list li span{margin-right:0;font-size:16px}main{width:100%!important}.main-content{height:100vh;overflow-y:scroll;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header .title-logo{width:150px;height:12.5vh;margin-left:unset;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hub-list{background:rgba(66,68,72,.85)!important}.hub-list,.wendland .hub-list{position:absolute;top:0;bottom:0}.wendland .hub-list{background:rgba(239,105,41,.9)!important;width:100%}.mobile-activate{display:-webkit-box;display:-ms-flexbox;display:flex}.desktop-360,footer{display:none}.sample-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sample-left{width:100%}.sample-container{height:43vh;position:relative;min-height:unset}.side-info{width:100%;max-height:45vh;overflow-y:scroll}.title-nav{display:none}.product-list{width:94%;padding-top:1rem;margin-bottom:0;max-height:85%;overflow-y:auto}.mobile-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;top:10%;right:0;left:0;top:0;bottom:0;background:rgba(0,0,0,.75);padding:2.5rem}.mobile-menu a{margin-bottom:1.5rem;color:#fff;font-size:1.5rem}.mobile-menu svg{width:32px!important;height:32px!important;position:absolute;top:50%;right:50%;width:2rem;-webkit-transform:translateX(50%);transform:translateX(50%)}.mobile-menu svg path{fill:#fff}.image-info{background:rgba(0,0,0,.9)!important;height:87%}.image-info .inner-content{height:56%}.image-info img{display:none}.product-info{top:0;bottom:0!important;width:100%}.product-item{margin-bottom:.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mobile-btn{display:block;width:32px;position:absolute;right:1rem;text-align:center}.mobile-btn svg{width:32px!important;height:32px!important}.mobile-btn span{font-size:12px}.feature-offscreen{position:fixed;top:52%;bottom:0;right:0;height:100%}.feature-offscreen .product-info{bottom:unset}.ultraframe .product-item span{color:#fff!important}.hub-background{display:block!important;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1.25);transform:scale(1.25)}.hub-list{width:100%;height:100%;min-height:unset;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hub-list img{top:0;margin-left:0;width:60%;margin-bottom:5rem}.hub-list .hub-label{font-size:32px!important;line-height:1.4}.hub-model{display:none}.hub-label{font-size:16px!important;margin-bottom:3rem;font-weight:300!important}.hub-list span{padding-left:0;line-height:1.4}.hub-list span,.wendland .hub-list span{margin-bottom:2rem!important}.video-container{width:100%;margin-top:1rem}.nav-btn{padding:.25rem 1rem}}@media (max-width:413px){.sample-container{height:38vh;position:relative;min-height:unset}}.hub-awards{position:absolute;width:75%;left:50%;bottom:4.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100px}.hub-awards .award-img{width:unset!important;height:100%!important;position:relative!important;max-height:80px;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.wendland .hub-awards{-webkit-transform:translateX(-55%);transform:translateX(-55%)}.samples .group-slider-container{height:44vh!important}.samples .roof-slide{height:40vh!important}.hup{padding:0}.hup *{font-family:Quicksand}.hup h1,.hup h2,.hup h3{text-transform:none;letter-spacing:normal;font-weight:500;color:#081f2d}.hup h1{font-size:2rem;position:relative;margin-bottom:1.5rem}.hup h1:after{content:"";width:100px;height:1px;position:absolute;left:0;bottom:-25px;background:#93d400}.hup-accent{color:#93d400;font-size:calc(100% + 4px)}.hup-flag{width:200px;height:160px}.hup-diagonal-bg{position:absolute;left:0;top:40%;z-index:-1;background:#e0e3e8;-webkit-transform:skewY(352deg);transform:skewY(352deg);height:90%;width:100%}.hup-accent-img{position:absolute;top:-40px;right:-110px;width:auto;height:430px;z-index:-1;opacity:.3}.hup-video{overflow:auto}.hup-video .digital-video-container.embed-responsive{padding-bottom:52.25%}.hup-video .digital-video-container.embed-responsive video{-o-object-fit:cover;object-fit:cover}.hup-cards{overflow:auto}.hup-cards-cards-wrap{margin:0 -8px;min-height:400px}.hup-card{position:relative;height:410px;cursor:pointer}.hup-card:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#081f2d;opacity:.3}.hup-card img,.hup-card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hup-card h4{position:absolute;margin:0;bottom:0;left:0;width:100%;padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-size:1.15rem;color:#fff;text-transform:none;letter-spacing:normal;background:rgba(8,31,45,.8)}.hup-card h4 svg{font-size:1.35rem}.hup-card h4 svg path{fill:#fff}.hup-card:hover h4{padding:1.35rem 1.25rem}.hup-logo img{width:150px;height:auto}.hup-hub-list-wrap{background:#081f2d;position:relative;width:40%;height:100%}.hup-hub-list-wrap:after{content:"";height:100%;width:200px;background:#081f2d;position:absolute;right:-90px;top:0;z-index:1;-webkit-transform:skewX(352deg);transform:skewX(352deg)}.hup-hub-list{height:100%;padding:1rem 2rem;overflow-y:scroll;overflow-x:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hup-hub-list h1{color:#fff;margin:4rem 0 0;line-height:44px;position:relative;z-index:2}.hup-hub-list ul{margin:6rem 0 0;list-style:none;position:relative;z-index:2}.hup-hub-list ul li{margin-bottom:1.5rem}.hup-hub-list ul .hub-item{color:#fff;font-size:1.35rem;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;left:0;padding-left:1.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hup-hub-list ul .hub-item svg path{fill:#fff}.hup-hub-list ul .hub-item:before{content:"";position:absolute;left:0;top:-10%;height:120%;width:7px;background:#93d400;-webkit-transform:skewY(-15deg);transform:skewY(-15deg)}.hup-hub-list ul .hub-item:hover{padding-left:2rem;color:#93d400}.hup-hub-list ul .hub-item:hover svg path{fill:#93d400}.hup-hub-model{width:60%;background:#f3f3f3;text-align:right}.hup-hub-model img{margin-left:auto;width:85%;height:100%;-o-object-fit:contain;object-fit:contain}.hup-btn,.hup .nav-btn{background:#081f2d;border-radius:5px;color:#fff;font-size:1rem;padding:1rem 2.25rem;display:inline-block;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:none}.hup-btn.active,.hup-btn.active-tab,.hup .nav-btn.active,.hup .nav-btn.active-tab{background:#93d400!important}.hup-btn.nav-btn-stratus.active,.hup-btn.nav-btn-stratus.active-tab,.hup .nav-btn.nav-btn-stratus.active,.hup .nav-btn.nav-btn-stratus.active-tab{background:#0b7ac1!important}.hup-btn:hover,.hup .nav-btn:hover{color:#fff;background:#2d2e31}.hup-copyright{padding:.5rem;color:#9f9f9f;font-size:.7rem;position:relative;z-index:10}.hup-copyright,.hup header{background:#fff}.hup .feature-title-footer{color:#081f2d;position:relative;right:auto}.hup.hup-walls .main-content{height:100%;max-height:calc(100% - 12.5vh - 72px)}.hup.hup-journey .main-content{max-height:calc(100% - 32px)}.hup .sample-view[data-sample="3d-sample"]{background:#f3f3f3;height:100%}.hup .title-nav{margin-right:0}.hup .side-info{padding:0;height:100%;width:50%;overflow-y:auto;overflow-x:hidden}.hup .side-info,.hup .side-info .feature-list{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.hup .side-info .feature-list{max-height:none;background:#f3f3f3;overflow-y:unset}.hup .side-info .feature-list li{background:#081f2d;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 18px) 110%,0 105%);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 110%,0 105%);height:16.68%;min-height:60px;width:calc(100% - var(--n))}.hup .side-info .feature-list li span{font-size:20px;margin-left:1rem;-webkit-transition:all .1s ease;transition:all .1s ease}.hup .side-info .feature-list li:hover{background:#93d400;color:#081f2d}.hup .side-info .feature-list li:hover span{color:#081f2d}.hup .side-info .feature-offscreen{-webkit-transform:translateX(100%);transform:translateX(100%);right:auto;left:0;bottom:0}.hup .side-info .feature-offscreen .image-info{-webkit-clip-path:polygon(0 0,100% 0,83% 100%,0 100%);clip-path:polygon(0 0,100% 0,83% 100%,0 100%);-webkit-transform:scaleX(-1);transform:scaleX(-1)}.hup .side-info .feature-offscreen .image-info.active-info{-webkit-transform:translateX(-100%) scaleX(-1);transform:translateX(-100%) scaleX(-1)}.hup .side-info .feature-offscreen .image-info img{width:100%;height:100%;left:0;top:0;-webkit-transform:none;transform:none}.hup .side-info .feature-offscreen .image-info .inner-content{color:#081f2d}.hup .side-info .feature-offscreen .image-info .inner-content .product-info{bottom:0;width:100%}.hup .side-info .feature-offscreen .image-info .inner-content .product-info .product-list{width:80%}.hup .side-info .feature-offscreen .image-info .inner-content .product-info .product-list .product-item svg path{fill:#081f2d}.hup .sample-left{width:50%}.hup .sample-left .sample-container{height:100%}.hup .sample-left #backbuffer{top:0!important}.hup .video-container{padding:1rem}.hup .video-container iframe{height:559px}@media (max-width:991px){.hup-hub-list:after{right:-60px}.hup.hup-hub .hup-logo img{width:150px;height:auto;min-height:60px}.hup.hub-journey .hup-logo img,.hup.hup-walls .hup-logo img{width:auto;height:100%;min-height:60px}}@media (max-width:768px){.hup header{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hup header .mobile-btn{position:relative;right:auto}.hup header .hup-logo img{width:auto;height:100%}.hup header .nav-btn{background:none;font-size:1.5rem;padding:0}.hup header .nav-btn.active-tab{background:none!important;color:#93d400}.hup header .nav-btn:hover{background:none}.hup.hup-walls .main-content{max-height:calc(100% - 12.5vh - 37px)}.hup-flag{width:140px;height:110px}.hup-cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hup-cards-wrap{height:calc(100% - 98px)}.hup-card{height:calc(33.33% - 5px);margin-bottom:10px}.hup-hub-list-wrap{width:100%}.hup-hub-list-wrap:after,.hup-hub-model{display:none}.hup .sample-view{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.hup .sample-container{height:100%}.hup .sample-container #backbuffer{height:100%!important;width:100%!important;-o-object-fit:contain!important;object-fit:contain!important}.hup .sample-left{width:100%}.hup .sample-left .sample-container{height:50vh}.hup .side-info{width:100%;height:35vh!important}.hup .side-info,.hup .side-info .feature-list{-webkit-transform:scaleX(1);transform:scaleX(1)}.hup .side-info .feature-list{overflow-y:scroll;overflow-y:auto;margin:0}.hup .side-info .feature-list li{width:100%;-webkit-clip-path:none;clip-path:none}.hup .side-info .feature-list li span{font-size:16px}.hup .side-info .feature-offscreen{position:fixed;top:auto;left:0;bottom:0}.hup .side-info .feature-offscreen .image-info{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-clip-path:none;clip-path:none}.hup .side-info .feature-offscreen .image-info .inner-content{height:100%}.hup .side-info .feature-offscreen .image-info.active-info{-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%}.hup .side-info .feature-offscreen .image-info .product-info .product-list{width:100%}.hup .feature-title-footer{font-size:24px;text-align:right}}@media (max-width:576px){.hup h1{font-size:1.7rem}.hup h1:after{bottom:-18px}.hup-hub-list h1{margin:2rem 0 0}.hup-hub-list ul{margin:4rem 0 0}.hup-cards{height:calc(100% - 110px)}.hup-cards-wrap{height:calc(100% - 86px)}.hup-card h4{padding:.75rem 1rem;font-size:1rem}}@media (orientation:landscape) and (max-height:600px){body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}header{height:20vh}.hup .hup-hub-list h1{margin:2rem 0 0;font-size:1.5rem;line-height:34px}.hup .hup-flag{width:150px;height:120px}.hup .sample-container{height:100%;min-height:auto}.hup .sample-container #backbuffer{height:100%!important;width:100%!important;-o-object-fit:contain!important;object-fit:contain!important}.hup .sample-view{overflow-y:auto;overflow-x:hidden}.hup .sample-left{height:100%}.hup .hup-video{overflow:auto;height:calc(100% - 121px)}.hup .side-info .feature-list li span{font-size:16px}.hup.hup-walls .main-content{height:calc(100% - 20vh - 72px)}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none!important}html{scroll-behavior:smooth}.main-body-area{height:100vh;padding:15px;position:relative}.product-img-hub{padding:12px;height:50%}@media (min-width:1200px){.product-img-hub{height:100%}}.main-body-area .row{height:100%}.main-body-area .logo{width:120px;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:9;border:1px solid #e3e3e3;padding:10px;background-color:#fff}.main-body-area .back svg,.main-body-area .home svg{font-size:20px;color:#56575b}@media (min-width:768px){.main-body-area .back svg,.main-body-area .home svg{font-size:32px}}.main-body-area .back svg path,.main-body-area .home svg path{fill:#56575b}.main-body-area .home{width:50px;height:50px;position:absolute;top:0;right:0;z-index:9;border:1px solid #e3e3e3;padding:20px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:768px){.main-body-area .home{width:75px;height:75px}}@media (min-width:1280px){.main-body-area .home{width:98px;height:98px}}.main-body-area .back{width:50px;height:50px;position:absolute;top:0;left:0;z-index:9;border:1px solid #e3e3e3;padding:20px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:768px){.main-body-area .back{width:75px;height:75px}}@media (min-width:1280px){.main-body-area .back{width:98px;height:98px}}.main-body-area .logo img{width:100%;-o-object-fit:contain;object-fit:contain}.main-product-img{width:100%;height:100%;position:relative;background-color:#f1f1f1}.main-product-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-product-img1 img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.main-product-name{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;background-color:#fff}@media (min-width:768px){.main-product-name{padding:25px}}.product-title{color:#707070;margin-bottom:10px;text-align:center;font-size:20px;text-transform:uppercase;letter-spacing:2;font-weight:400}@media (min-width:768px){.product-title{font-size:32px;letter-spacing:2.5}}.product-btn{display:block;background-color:#96c23f;padding:7px 15px;color:#fff;text-align:center;text-transform:uppercase;font-size:14px;letter-spacing:1.6;font-weight:600;width:100%;border:none}@media (min-width:768px){.product-btn{font-size:20px;letter-spacing:3;padding:15px}}.product-btn:hover{background-color:#b6d479;color:#fff}.product-btn-colour1{background-color:#18a299}.product-btn-colour2{background-color:#b03873}.product-btn-colour3{background-color:#6e3860}.background{background-color:#f7f7f7}.product-section .product-img-area{height:50%;padding:12px}.product-section .product-img-area img{-o-object-fit:contain;object-fit:contain}.product-section .main-product-img .product-img-area-overlayer,.showroom-interface-hubpage .main-product-img .product-img-area-overlayer{width:100%;height:100%;background-color:rgba(86,87,91,.25);position:absolute;top:0;left:0;display:none;-webkit-transition:all .3 ease-in-out;transition:all .3 ease-in-out}.product-img-area:hover .product-img-area-overlayer,.showroom-interface-hubpage .main-product-img:hover .product-img-area-overlayer{display:block}.product-gallery1 img{-o-object-fit:cover!important;object-fit:cover!important}.product-section .product-area-name{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:80%;padding:20px}@media (min-width:768px){.product-section .product-area-name{bottom:0;padding:25px}}.product-section .product-gallery1 .product-area-name{width:80%}@media (min-width:1200px){.product-section .product-gallery1 .product-area-name{width:50%}}@media (min-width:768px){.product-section .product-area-name .product-btn{font-size:16px;letter-spacing:3;padding:8px}}@media (min-width:1440px){.product-section .product-area-name .product-btn{font-size:20px;padding:15px}}.product-section .product-area-name svg{width:2rem}.product-section .product-area-name svg path{fill:#fff}.product-details .product-area-name{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@media (min-width:768px){.product-details .product-area-name{width:60%}}.product-gallery{height:calc(100% - 55px);position:relative;top:70px;isolation:isolate}.gallery-products{height:auto!important}.main-body-area .carousel-control-next svg,.main-body-area .carousel-control-prev svg{font-size:20px;color:#56575b}@media (min-width:768px){.main-body-area .carousel-control-next svg,.main-body-area .carousel-control-prev svg{font-size:32px}}.main-body-area .carousel-control-next svg path,.main-body-area .carousel-control-prev svg path{fill:#56575b}.main-body-area .carousel-control-prev{width:50px;height:50px;position:absolute;top:0;left:-15px;z-index:9;border:1px solid #e3e3e3;padding:20px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:.9}@media (min-width:768px){.main-body-area .carousel-control-prev{width:75px;height:75px}}@media (min-width:1280px){.main-body-area .carousel-control-prev{width:98px;height:98px}}.main-body-area .carousel-control-next{width:50px;height:50px;position:absolute;top:0;right:-15px;z-index:9;border:1px solid #e3e3e3;padding:20px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:.9}@media (min-width:768px){.main-body-area .carousel-control-next{width:75px;height:75px}}@media (min-width:1280px){.main-body-area .carousel-control-next{width:98px;height:98px}}.gallery-products .mySlides img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.close{color:#fff;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700;z-index:9}.close:focus,.close:hover{color:#999;text-decoration:none;cursor:pointer}.mySlides{height:100vh;display:none}.cursor{cursor:pointer}.gallery-products .next,.gallery-products .prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:700;font-size:20px;-webkit-transition:.6s ease;transition:.6s ease;border-radius:0 3px 3px 0;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.gallery-products .next{right:0;border-radius:3px 0 0 3px}.gallery-products .next:hover,.gallery-products .prev:hover{background-color:rgba(0,0,0,.8)}.living-space{background-color:#96c23f;height:100px;margin:-15px;position:absolute;width:100%}.carousel__viewport{display:none}.carousel-inner{overflow:auto!important}.product-gallery-filter{width:100%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.product-gallery-filter,.product-gallery-filter-toggler{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.product-gallery-filter-toggler{width:170px;padding:1rem;position:relative;background:#fff;margin:0 auto}.product-gallery-filter-toggler:hover{cursor:pointer;background:#e3e3e3}.product-gallery-filter-toggler h3{font-size:1rem;color:#56575b}.product-gallery-filter-list-wrapper{display:none}.product-gallery-filter-list-wrapper.active{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;inset:auto auto 0 0;height:100vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2rem}.product-gallery-filter-item{position:relative;width:200px;margin:.2rem 0}@media (min-width:768px){.product-gallery-filter-toggler{width:270px}}@font-face{font-family:Quicksand;src:url(asset("public/fonts/trade/quicksand/quicksand-v29-latin-300.woff2")) format("woff2"),url(asset("public/fonts/trade/quicksand/quicksand-v29-latin-300.woff")) format("woff"),url(asset("public/fonts/trade/quicksand/quicksand-v29-latin-300.ttf")) format("ttf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(asset("public/fonts/trade/quicksand/quicksand-v29-latin-600.woff2")) format("woff2"),url(asset("public/fonts/trade/quicksand/quicksand-v29-latin-600.woff")) format("woff"),url(asset("public/fonts/trade/quicksand/quicksand-v29-latin-600.ttf")) format("ttf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Regencie;src:url(asset("public/fonts/trade/regencie/RegencieLight.woff2")) format("woff2"),url(asset("public/fonts/trade/regencie/RegencieLight.woff")) format("woff"),url(asset("public/fonts/trade/regencie/RegencieLight.ttf")) format("ttf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ArialRounded;src:url(asset("public/fonts/trade/arialrounded/ArialRounded.ttf")) format("ttf");font-weight:300;font-style:normal;font-display:swap}#hup{position:relative;display:inherit;font-family:Quicksand,Source Sans,Arials,sans-serif;font-weight:300;text-transform:none;min-height:calc(100vh - (100vh - 90%));padding:0}#hup.main{height:auto}#hup .layer-group{width:unset}#hup h4,#hup h5,#hup h6{text-transform:none;font-weight:600;letter-spacing:normal}#hup section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}#hup .logo{width:100%;height:auto;margin:0}#hup .sub-title{font-family:Quicksand,Source Sans,Arials,sans-serif;font-weight:600;text-transform:none}#hup .title-display{font-size:3.5rem;font-family:Regencie,Source Sans,Arials,sans-serif;color:#081f2d;margin-bottom:.25em}#hup .hupModalErr{display:none;background:rgba(255,0,0,.3);border:1px solid red;border-radius:4px;margin-top:4px;color:#b22222;padding:6px}@media screen and (min-width:600px){#hup{height:100vh}}#hup .column-hup-steps{-webkit-filter:drop-shadow(2px 4px 6px #d8d7d6);filter:drop-shadow(2px 4px 6px #d8d7d6);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background:#d8d7d6;height:10vh;min-height:5.5rem;width:100vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#hup .column-hup-steps .hup-step{display:none;position:relative;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}#hup .column-hup-steps .hup-step .step-label{font-size:1.1rem;letter-spacing:normal;color:#081f2d;font-weight:600;text-transform:none}#hup .column-hup-steps .hup-step .hup-step-content{margin:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#hup .column-hup-steps .hup-step.active-step{display:-webkit-box;display:-ms-flexbox;display:flex}#hup .column-hup-steps .hup-step.active-step .hup-step-content{padding:1rem 0 0 1rem}#hup .column-hup-steps .hup-step.active-step .hup-step-content .step-label{color:#081f2d;font-size:.8rem}#hup .column-hup-steps .hup-step.active-step .hup-step-content .title-display{color:#081f2d;font-size:3rem;margin-bottom:6px}#hup .hup-mobile-icon{background:#081f2d;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem}#hup .hup-mobile-icon .logo{height:4rem;width:auto;display:block}#hup .hup-mobile-icon:after{content:"";width:calc(100% + 2rem);height:20%;background:#081f2d;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);position:absolute;bottom:-19.75%;left:0;z-index:10}@media screen and (min-width:640px){#hup .column-hup-steps{height:15vh}#hup .column-hup-steps .hup-step{padding:0 0 0 2rem}#hup .column-hup-steps .hup-step.active-step .hup-step-content .step-label{font-size:1rem}#hup .column-hup-steps .hup-step.active-step .hup-step-content .title-display{font-size:3.5rem;margin-bottom:.75rem}#hup .hup-mobile-icon{padding:1rem}#hup .hup-mobile-icon .logo{height:6rem}}@media screen and (min-width:992px){#hup .column-hup-steps{-webkit-filter:none;filter:none;background:#d8d7d6;height:100vh;width:12vw;min-width:11rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}#hup .column-hup-steps .hup-step{display:-webkit-box;display:-ms-flexbox;display:flex;height:25%;position:relative;padding:0;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}#hup .column-hup-steps .hup-step .step-label{font-size:1.1rem;letter-spacing:normal;color:#081f2d;font-weight:600;text-transform:none}#hup .column-hup-steps .hup-step .hup-step-content{position:absolute;inset:0;margin:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:10rem}#hup .column-hup-steps .hup-step.active-step{background:#081f2d}#hup .column-hup-steps .hup-step.active-step:before{content:"";width:100%;height:1.5em;background-color:#081f2d;-webkit-clip-path:polygon(0 100%,100% 100%,0 0);clip-path:polygon(0 100%,100% 100%,0 0);position:absolute;top:-1.46em}#hup .column-hup-steps .hup-step.active-step:after{content:"";width:100%;height:1.5rem;background:#081f2d;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);position:absolute;bottom:-1.46em}#hup .column-hup-steps .hup-step.active-step .hup-step-content{padding:0}#hup .column-hup-steps .hup-step.active-step .hup-step-content .step-label,#hup .column-hup-steps .hup-step.active-step .hup-step-content .title-display,#hup .column-hup-steps .hup-step:hover .hup-step-content .step-label,#hup .column-hup-steps .hup-step:hover .hup-step-content .title-display{color:#93d400}#hup .hup-mobile-icon,#hup .mobile-only{display:none}}#hup .hup-options-container{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;height:50vh;width:100vw;overflow:auto}#hup .hup-options-container .hup-option-dropdown{width:100%;padding:.5rem 1em;margin:1%;border:2px solid #081f2d;color:#081f2d;border-radius:8px;-webkit-transition:.3s ease;transition:.3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#hup .hup-options-container .hup-option-dropdown .hup-option-dropdown-title,#hup .hup-options-container .hup-option-dropdown h6{font-size:.9rem;margin-bottom:0}#hup .hup-options-container .hup-option-dropdown .hup-option-dropdown-title{font-weight:600}#hup .hup-options-container .hup-option-dropdown svg{width:1rem;color:#081f2d}#hup .hup-options-container .hup-option-dropdown svg path{fill:currentColor}#hup .hup-options-container .hup-option-dropdown.dropdown-active,#hup .hup-options-container .hup-option-dropdown:hover{background:#93d400;border:2px solid #93d400;color:#fff}#hup .hup-options-container .hup-step-options{display:none}#hup .hup-options-container .hup-step-options.active-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;position:relative;width:100%;padding:1rem 1rem 5rem}#hup .hup-options-container .hup-step-options.active-step .hup-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:100%;overflow-y:auto;overflow-x:hidden}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar{width:4px}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-track{background-color:#d8d7d6}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-thumb,#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-thumb:hover{background:#081f2d}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(8,31,45,.3);box-shadow:inset 0 0 6px rgba(8,31,45,.3)}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-button{display:block;background-color:transparent;background-repeat:no-repeat;background-size:50%;background-position:50%}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-button:vertical:start:increment{background-image:transparent}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-button:vertical:end:increment,#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-button:vertical:start:decrement{display:none}#hup .hup-options-container .hup-step-options.active-step .hup-options::-webkit-scrollbar-button:vertical:end:decrement{background-image:transparent}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option{padding:.5em 0;margin:0 0 .5em;border-bottom:2px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:48%;gap:.5rem 1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#081f2d;letter-spacing:normal;text-transform:none}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option picture{width:clamp(10rem,30vw,80%)}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option picture img{width:100%;scale:1.5}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option .hup-option-title,#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option h6{letter-spacing:normal;text-transform:none;font-size:1rem;font-weight:600;font-family:Quicksand,Source Sans,Arials,sans-serif}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option:hover{border-bottom:2px solid #93d400;-webkit-filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3));filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3))}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option:hover .hup-option-title,#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option:hover h6{color:#93d400}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option.hup-option-active{border-bottom:2px solid #93d400;-webkit-filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3));filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3))}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option.hup-option-active .hup-option-title,#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option.hup-option-active h6{color:#93d400}#hup .hup-options-container .hup-step-options.active-step .hup-options.dropdown{overflow-x:hidden;overflow-y:auto;display:none;opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;width:100%}#hup .hup-options-container .hup-step-options.active-step .hup-options.dropdown.dropdown-show{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}#hup .hup-options-container .hup-step-options.active-step .hup-options.dropdown.dropdown-show.hup-swatches{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100px;gap:.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding:0 .5rem}#hup .hup-options-container .hup-step-options.active-step .hup-options.dropdown.dropdown-show.hup-swatches .hup-swatch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:5.5rem}#hup .hup-options-container .hup-step-options.active-step .hup-options.dropdown.dropdown-show.hup-swatches .hup-swatch img{width:60px;aspect-ratio:1/1;scale:1;border-radius:50%}#hup .hup-options-container .hup-step-options.active-step .hup-options.dropdown.dropdown-show.hup-swatches .hup-swatch h6{width:100%}#hup .hup-options-container .hup-step-options.active-step [data-option-set].option-set-hidden{display:none!important}#hup .hup-options-container .hup-step-options.active-step [data-tile]{display:none}#hup .hup-options-container .hup-step-options.active-step [data-tile].show{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:992px){#hup .hup-options-container{position:relative;width:clamp(18rem,18vw,22rem);height:100vh;overflow:unset}#hup .hup-options-container .hup-option-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#hup .hup-options-container .hup-option-dropdown .hup-option-dropdown-title,#hup .hup-options-container .hup-option-dropdown h6{font-size:.9rem;margin-bottom:0}#hup .hup-options-container .hup-step-options.active-step{height:100vh}#hup .hup-options-container .hup-step-options.active-step .hup-options .hup-option{width:100%}}@media screen and (max-height:850px){#hup .hup-options-container .hup-step-options.active-step .hup-options{height:100%}}#hup .configurator{height:40vh;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative;width:100vw}#hup .configurator .img-layer{height:100%;width:auto;inset:0;margin:0 auto}#hup .configurator .img-layer img,#hup .configurator .option-img{position:absolute;inset:0;height:100%;width:auto;aspect-ratio:7/5;margin:0 auto}#hup .configurator .layer-group img,#hup .configurator .layer-group svg{inset:0;height:100%;width:auto;aspect-ratio:7/5;margin:0 auto}#hup .configurator .hup-mobile-icon{background:#081f2d;position:fixed;top:0;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem;z-index:10}#hup .configurator .hup-mobile-icon .logo{height:3rem;width:auto;display:block}#hup .configurator .hup-mobile-icon:after{content:"";width:100%;height:20%;background:#081f2d;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);position:absolute;bottom:-19.75%;right:0}@media screen and (min-width:640px){#hup .configurator{height:50vh}#hup .configurator .hup-mobile-icon .logo{height:6rem}}@media screen and (min-width:992px){#hup .configurator{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;position:relative;width:70vw;height:100vh}#hup .configurator .img-layer{width:100%;height:auto;top:0}#hup .configurator .layer-group img,#hup .configurator .layer-group svg,#hup .configurator .option-img{height:auto;width:100%}#hup .configurator .hup-mobile-icon{display:none}}#hup .hotspot_layer{position:absolute;inset:0;aspect-ratio:2.5/1.75;height:100%;margin:0 auto}#hup .hotspot{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;z-index:16}#hup .hotspot.hidden{display:none}#hup .hotspot .hup-hotspot-content{display:none;-webkit-transition:.3s ease;transition:.3s ease;position:fixed;left:50%;bottom:45%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);background:#fff;padding:1.5rem;width:90vw;border-radius:8px;border:2px solid #93d400;z-index:40}#hup .hotspot .hup-hotspot-content .hup-hotspot-title,#hup .hotspot .hup-hotspot-content h4{letter-spacing:normal;text-transform:none;color:#081f2d;font-weight:600;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;margin-bottom:.5rem}#hup .hotspot .hup-hotspot-content .hup-hotspot-title:after,#hup .hotspot .hup-hotspot-content h4:after{content:"";position:absolute;bottom:0;left:0;width:calc(3vw + 1rem);height:2px;background:#93d400;-webkit-filter:drop-shadow(drop-shadow(2px 2px 6px rgba(147,212,0,.3)));filter:drop-shadow(drop-shadow(2px 2px 6px rgba(147,212,0,.3)))}#hup .hotspot:hover{background:#081f2d;z-index:25}#hup .hotspot:hover .hup-hotspot-content{display:block}#hup .hotspot-filter{display:none;position:fixed;background:#081f2d;mix-blend-mode:multiply;inset:0;opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}#hup .hotspot-filter.filter-show{display:block;opacity:1;z-index:20}#hup .hotspot-feature{display:none;scale:.5;position:absolute;inset:0;opacity:0;-webkit-transition:.3s ease;transition:.3s ease}#hup .hotspot-feature.hotspot-feature-show{display:block;scale:1.05;opacity:1;z-index:20}#hup #mobile-hotspot-close{background:#d8d7d6;border:1px solid grey;border-radius:8px 0 0 8px;position:fixed;bottom:-70%;right:0;color:#000;padding:.5em 1.5em;font-weight:600}@media screen and (min-width:992px){#hup .hotspot_layer{height:auto}#hup .hotspot .hup-hotspot-content{margin:10% 25% auto auto}#hup .hotspot .hup-hotspot-content,#hup .hotspot.roof-layer .hup-hotspot-content{inset:0;-webkit-transform:translate(0);transform:translate(0);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:450px}#hup .hotspot.roof-layer .hup-hotspot-content{margin:25% 25% auto auto}#hup .hotspot-filter{position:absolute}}#hup #hupConfigModal{display:none;position:fixed;inset:0;width:100dvw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100dvh;margin:auto;background:#f7f7fa;z-index:91;padding:2rem 3rem;border-radius:8px}#hup #hupConfigModal .hup-form-group-wrapper{flex-direction:column;gap:1rem;width:100%;margin-bottom:8px}#hup #hupConfigModal .hup-form-group,#hup #hupConfigModal .hup-form-group-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}#hup #hupConfigModal .hup-form-group{flex-direction:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto}#hup #hupConfigModal .hup-form-group .hup-form-control{-webkit-box-flex:1;-ms-flex:auto;flex:auto;background:#fff;padding:6px;border-radius:4px;border:1px solid gray}#hup #hupConfigModal #hupConfigModalClose{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:1rem 1rem auto auto;cursor:pointer}#hup #hupConfigModal #hupConfigModalClose .hupModalClose .fa-primary{fill:darkred}#hup #hupConfigModal #hupConfigModalClose .hupModalClose .fa-secondary{opacity:.4;fill:red}#hup #hupConfigModal .hupModalFooter .hupDownload,#hup #hupConfigModal .hupModalFooter .hupSend{width:1.5rem}#hup #hupConfigModal .hupModalFooter #hupConfigDownload{width:100%;margin-bottom:1rem}#hup #hupConfigModal .hupModalFooter #hupConfigDownload .hupDownload .fa-primary{fill:#96c23f}#hup #hupConfigModal .hupModalFooter #hupConfigDownload .hupDownload .fa-secondary{opacity:.4;fill:#96c23f}#hup #hupConfigModal .hupModalFooter .hupSend .fa-primary{fill:#f7f7fa}#hup #hupConfigModal .hupModalFooter .hupSend .fa-secondary{opacity:.4;fill:#f7f7fa}#hup #hupConfigModalBg{display:none;position:fixed;inset:0;background:#000;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:91}#hup #hupConfigModalBg.hupConfigModalOpen{display:block;opacity:.8;pointer-events:none}@media screen and (min-width:640px){#hup #hupConfigModal{width:clamp(34rem,33%,40vw);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#hup #hupConfigModal .hup-form-group-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:1rem;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}#hup #hupConfigModal .hupModalFooter #hupConfigDownload{width:auto;margin-bottom:auto}}@media screen and (max-height:850px){#hup #hupConfigModal .hupModalFooter #hupConfigSend{width:100%}}#hup .hup-btn-wrapper{width:100%;position:absolute;bottom:0;right:0}#hup .hup-btn-wrapper .hup-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto;border:0;border-radius:0;color:#fff;font-family:Quicksand,Source Sans,Arials,sans-serif;padding:.5em 10px}#hup .hup-btn-wrapper .hup-btn .btn-arrow-svg{width:1rem;color:#fff;-webkit-transition:.3s ease;transition:.3s ease}#hup .hup-btn-wrapper .hup-btn .btn-arrow-svg path{fill:currentColor}#hup .hup-btn-wrapper .hup-btn .btn-restart-svg{width:1rem;color:#081f2d;-webkit-transition:.3s ease;transition:.3s ease}#hup .hup-btn-wrapper .hup-btn .btn-restart-svg path{fill:currentColor}#hup .hup-btn-wrapper .hup-btn:hover{background:#d8d7d6;color:#081f2d;border:2px solid #93d400;-webkit-box-shadow:inset 0 0 4px rgba(147,212,0,.3);box-shadow:inset 0 0 4px rgba(147,212,0,.3);-webkit-filter:drop-shadow(0);filter:drop-shadow(0)}#hup .hup-btn-wrapper .hup-btn:hover .btn-arrow-svg{color:#081f2d}#hup .hup-btn-wrapper .hup-btn.hup-btn-next{background:#93d400;-webkit-filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3));filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3))}#hup .hup-btn-wrapper .hup-btn.hup-btn-next .btn-arrow-svg{margin-left:1rem}#hup .hup-btn-wrapper .hup-btn.hup-btn-next:hover{background:#d8d7d6}#hup .hup-btn-wrapper .hup-btn.hup-btn-next:hover .btn-arrow-svg{margin-left:1.5rem}#hup .hup-btn-wrapper .hup-btn.hup-btn-back{background:#081f2d;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}#hup .hup-btn-wrapper .hup-btn.hup-btn-back:hover{background:#d8d7d6;border:2px solid #081f2d;-webkit-box-shadow:inset 0 0 4px rgba(8,31,45,.3);box-shadow:inset 0 0 4px rgba(8,31,45,.3)}#hup .hup-btn-wrapper .hup-btn.hup-btn-send{background:#fff;border:2px solid #081f2d;color:#081f2d;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}#hup .hup-btn-wrapper .hup-btn.hup-btn-send .btn-restart-svg{margin-left:1rem}#hup .hup-btn-wrapper .hup-btn.hup-btn-send:hover{background:#d8d7d6;border:2px solid #081f2d;-webkit-box-shadow:inset 0 0 4px rgba(8,31,45,.3);box-shadow:inset 0 0 4px rgba(8,31,45,.3)}#hup .hup-btn-wrapper .hup-btn.hup-btn-send:hover .btn-arrow-svg{margin-right:1.5rem}@media screen and (min-width:992px){#hup .hup-btn-wrapper{display:-webkit-box;display:-ms-flexbox;padding:1em;width:100%;gap:1rem;max-height:5rem;min-height:5rem;position:absolute;bottom:17px;right:0;display:flex}#hup .hup-btn-wrapper .hup-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto;border:0;border-radius:8px;color:#fff;font-family:Quicksand,Source Sans,Arials,sans-serif;padding:.5em 1.5em}#hup .hup-btn-wrapper .hup-btn .btn-arrow-svg{width:1rem;color:#fff;-webkit-transition:.3s ease;transition:.3s ease}#hup .hup-btn-wrapper .hup-btn .btn-arrow-svg path{fill:currentColor}#hup .hup-btn-wrapper .hup-btn .btn-restart-svg{width:1rem;color:#081f2d;-webkit-transition:.3s ease;transition:.3s ease}#hup .hup-btn-wrapper .hup-btn .btn-restart-svg path{fill:currentColor}#hup .hup-btn-wrapper .hup-btn.hup-btn-next{background:#93d400;-webkit-filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3));filter:drop-shadow(2px 2px 6px rgba(147,212,0,.3))}#hup .hup-btn-wrapper .hup-btn.hup-btn-next .btn-arrow-svg{margin-left:1rem}#hup .hup-btn-wrapper .hup-btn.hup-btn-back{background:#081f2d;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}#hup .hup-btn-wrapper .hup-btn.hup-btn-restart{color:#081f2d;border:3px solid #081f2d;background-color:#fff}#hup .hup-btn-wrapper .hup-btn.hup-btn-send{background:#93d400;border:2px solid #93d400;color:#fff;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}#hup .hup-btn-wrapper .hup-btn.hup-btn-send .btn-restart-svg{margin-left:1rem}}#hup .layer-group{display:none}#hup .layer-group.layer-group-active{display:block;inset:0}#hup #hup-front-layer,#hup #hup-rear-layer{position:absolute;inset:0}#hup .hup-roof-layer{display:none}#hup .hup-roof-layer-active{display:block}.switch{background-color:#ddd;border-radius:20px;cursor:pointer;display:inline-block;height:26px;padding:0;margin:8px 0;position:relative;vertical-align:top;width:60px}.switch .switch-input{opacity:0;position:absolute;inset:0}.switch .switch-label{background:#eceeef none repeat scroll 0 0;border-radius:inherit;display:block;font-size:10px;height:inherit;position:relative;text-transform:uppercase;-webkit-transition:all .15s ease-out 0s;transition:all .15s ease-out 0s}.switch .switch-label:after,.switch .switch-label:before{line-height:1;margin-top:-.5em;position:absolute;top:50%;-webkit-transition:inherit;transition:inherit}.switch .switch-label:before{color:#aaa;content:attr(data-off);right:8px}.switch .switch-label:after{color:#fff;content:attr(data-on);left:8px;opacity:0}.switch .switch-input:checked~.switch-label{background:#47a8d8 none repeat scroll 0 0}.switch .switch-input:checked~.switch-label:before{opacity:0}.switch .switch-input:checked~.switch-label:after{opacity:1}.switch .switch-input:checked~.switch-handle{left:35px}.switch .switch-input:checked~.switch-label{background-color:#4fb845}.switch .switch-handle{background-color:#fff;border-radius:10px;height:18px;left:4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:left .15s ease-out 0s;transition:left .15s ease-out 0s;width:18px}.switch .switch-handle:before{background-color:#f9f9f9;border-radius:6px;content:"";height:12px;left:50%;margin:-6px 0 0 -6px;position:absolute;top:50%;width:12px}main{position:relative;display:inherit;font-family:aktiv-grotesk-thin,Helvetica,Arials,sans-serif;height:100vh}main section{padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.column-left{position:relative;width:22%;z-index:999}.column-middle{position:relative;width:58%;padding-top:2rem}.column-right{position:relative;width:20%}.logo{width:50%;position:relative;margin-bottom:1rem}.tooltip .tooltip-inner{background-color:#fff!important;color:#76777a!important;border:none!important;padding:1rem!important;position:relative!important;opacity:1;-webkit-box-shadow:0 0 11px -5px rgba(0,0,0,.75);box-shadow:0 0 11px -5px rgba(0,0,0,.75);font-size:.85rem;text-align:left}.tooltip .arrow{display:none}.sub-title{text-transform:uppercase;color:#6c6c6c;margin-bottom:10px}.hup-sub-title,.sub-title{font-family:aktiv-grotesk-thin,Helvetica,Arials,sans-serif;font-size:14pt;font-weight:300;letter-spacing:1.75px;display:block}.hup-sub-title{color:#fff;margin:10px}@media screen and (max-width:991px){.hup-wall-title{margin-left:10%;margin-top:10%}}.view-change{position:relative;display:inline-grid;margin-bottom:1rem;margin-top:1rem}.colour-picker,.cornice-picker,.glass-picker,.ridge-picker,.wall-picker{margin-bottom:.75rem}.colours,.swatches{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.hupOptionsRow{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:1rem;max-width:380px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%}@media screen and (min-width:2350px){.hupOptionsRow{max-width:460px}}@media screen and (min-width:2060px){.hupOptionsRow{max-width:400px}}@media screen and (max-width:1400px){.hupOptionsRow{max-width:400px}}@media screen and (max-width:390px){.hupOptionsRow{padding:0 0 0 5%}}.hupOptionsRow.hupOptionsRowCollapse{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.hupOptionsRow.hupOptionsRowCollapse.active{height:auto;opacity:1}.hupOptionsRow .colour-swatch.active span{color:#000}.quicksand{font-family:Quicksand,sans-serif}.hupOptionsRowToggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:.2% 8% 0;border-radius:70px;background:#eee!important;padding:6px}.hupOptionsRowToggle.hupOptionsRowToggleActive{border-radius:4px;border-radius:70px}.hupOptionsRowToggle.hupOptionsRowToggleActive .hupOptionsRowIcon{rotate:180deg}.hupOptionsRowToggle.hupOptionsRowToggleActive .hupOptionsRowIcon path{fill:#96c23f}.hupOptionsRowToggle .hupOptionsRowIcon{height:auto}.hupOptionsRowToggle .hupOptionsRowIcon path{fill:#00b3ee}.colour-hex-swatch{width:60px;height:60px;border-radius:50%;overflow:hidden}.colour-hex-swatch:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.2);box-shadow:0 3px 6px rgba(0,0,0,.2)}.colour-swatch,.colour-swatch-alt,.cornice-swatch,.glass-swatch,.hup-swatch,.ridge-swatch,.rooflight-swatch,.soffit-swatch,.swatch,.tile-swatch,.topcap-swatch{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;width:55px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:5px;padding:.15rem;cursor:pointer;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;min-width:55px;margin-right:.25rem;margin-top:.25rem}.colour-swatch-alt img,.colour-swatch img,.cornice-swatch img,.glass-swatch img,.hup-swatch img,.ridge-swatch img,.rooflight-swatch img,.soffit-swatch img,.swatch img,.tile-swatch img,.topcap-swatch img{width:55px;height:55px;border-radius:50%;overflow:hidden}.colour-swatch-alt span,.colour-swatch span,.cornice-swatch span,.glass-swatch span,.hup-swatch span,.ridge-swatch span,.rooflight-swatch span,.soffit-swatch span,.swatch span,.tile-swatch span,.topcap-swatch span{font-size:.6rem;margin-top:.25rem}.colour-swatch-alt:hover,.colour-swatch:hover,.cornice-swatch:hover,.glass-swatch:hover,.hup-swatch:hover,.ridge-swatch:hover,.rooflight-swatch:hover,.soffit-swatch:hover,.swatch:hover,.tile-swatch:hover,.topcap-swatch:hover{background:#fff}.colour-swatch-alt:hover img,.colour-swatch:hover img,.cornice-swatch:hover img,.glass-swatch:hover img,.hup-swatch:hover img,.ridge-swatch:hover img,.rooflight-swatch:hover img,.soffit-swatch:hover img,.swatch:hover img,.tile-swatch:hover img,.topcap-swatch:hover img{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.2);box-shadow:0 3px 6px rgba(0,0,0,.2)}.hup-swatch-hup{color:#fff}.active{background:#eee!important}.product-list-items{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.list-item{padding:2rem 1rem;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:100%}.list-item span{color:#404040}.list-item span:last-of-type{margin-left:.5rem;font-family:aktiv-grotesk-thin,Helvetica,Arials,sans-serif}.list-item:hover,.list-number{background:#fff}.list-number{color:#96c23f!important;border-radius:50%;padding:.75rem}.view-dropdown{display:block;font-size:16px;font-family:sans-serif;color:#96c23f;line-height:1.3;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;border:2px solid #96c23f;-webkit-box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e5e5e5));background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.hup-dropdown,.view-dropdown{padding:.6em 1.4em .5em .8em;width:100%;max-width:100%}.hup-dropdown{border-radius:8px;border-right:16px solid transparent}.view-dropdown::-ms-expand{display:none}.view-dropdown:hover{border-color:#888}.view-dropdown:focus{border-color:#aaa;-webkit-box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none!important}.view-dropdown option{font-weight:400}.form-container{position:absolute;right:0;-webkit-transform:translate(0);transform:translate(0);top:50%;padding:2rem 1rem 1rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:5px;display:none;z-index:20;width:250px}.form-container form{margin-bottom:0}.form-container button{background-color:#fff;border:2px solid #96c23f;color:#96c23f;padding:8px 14px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;float:right}.form-container input{width:137px;height:40px;border-radius:0;border:1px solid #383e42}.form-container span{font-size:.75rem}.form-container svg{position:absolute;top:8px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);width:20px;height:20px;cursor:pointer}.form-container svg path{fill:#d71c1c!important}.colour-grid{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5rem}.colour-grid,.colour-remove-alt,.small-colour-swatch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.colour-remove-alt,.small-colour-swatch{position:relative;border-radius:5px;text-align:center;padding:.15rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;cursor:pointer;margin:.15rem}.colour-remove-alt:hover,.small-colour-swatch:hover{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.2)}.hup_hotspot_hide{display:none}.hup-swatch{width:65px}.hup-swatch img{border:1px solid #d3d3d3;background:#fff}#embed_hup_hotspot_container{width:100%;position:absolute;bottom:0;left:0}.view-area{margin-top:10%!important}.title-area{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;text-align:center;margin-bottom:2rem;padding:1rem;min-width:400px;z-index:10;font-weight:800;color:#071722}.title-area span{font-size:1.1rem}.title-area .instructions{position:absolute;bottom:0;-webkit-transform:translateY(130%);transform:translateY(130%);width:100%;left:0;font-size:1.15rem}.title-area .title-logo{width:100%;height:10vh;position:relative}.title-area .title-logo img{position:absolute;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;left:0}.layer-block-area{width:100%;position:relative;padding:2rem;height:750px;margin-top:0}.internal-view-area{top:15%;position:relative}.internal-view-area .embed-responsive-item{border:12px solid #fff!important}.img-layer{width:100%;position:absolute;bottom:0;left:0}.opacity-low{opacity:.25}.opacity-full{opacity:1!important;z-index:10!important}.highlighted-layer,.opacity-full{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.highlighted-layer{bottom:5%!important}.hotspot{background:#96c23f;border-radius:100%;border:1px solid #fff;position:absolute;width:20px;height:20px;z-index:9999;cursor:pointer}.hotspot:hover{z-index:9999;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.hotspot:hover .hotspot-content{display:block;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 2px #96c23f;box-shadow:0 0 2px #96c23f}50%{-webkit-box-shadow:0 0 20px #96c23f;box-shadow:0 0 20px #96c23f}to{-webkit-box-shadow:0 0 2px #96c23f;box-shadow:0 0 2px #96c23f}}@keyframes pulse{0%{-webkit-box-shadow:0 0 2px #96c23f;box-shadow:0 0 2px #96c23f}50%{-webkit-box-shadow:0 0 20px #96c23f;box-shadow:0 0 20px #96c23f}to{-webkit-box-shadow:0 0 2px #96c23f;box-shadow:0 0 2px #96c23f}}.hotspot-content{display:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;position:fixed;left:50%;bottom:17%;-webkit-transform:translate(-50%,25%);transform:translate(-50%,25%);background:#fff;padding:1.5rem;width:450px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);box-shadow:0 3px 6px rgba(0,0,0,.15)}.hotspot-content-title,.hotspot-content h4{letter-spacing:0!important;color:#404040}.hotspot-content-title{text-transform:uppercase}.hotspot-content span{color:#6c6c6c}.hotspot-content hr{background:#96c23f;height:1px;border-top:0 solid #96c23f!important;margin-bottom:.5rem!important;width:40%}.hotspot-content ul{padding:.5rem 0 0 1rem;margin-bottom:0}.hotspot-content ul li{font-size:.9rem;color:#6c6c6c}.layer-background{height:100px;width:100px;position:absolute;top:50%}.layer-group,.layer-group-alt{width:100%;position:absolute;bottom:0;left:0}.layer-group-alt svg,.layer-group svg{position:absolute;z-index:20;width:100%;opacity:.85;bottom:0}.layer-group-alt img,.layer-group img{width:100%}.highlights-column{height:100%;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;color:#071722}.rounded-circle{width:5rem;height:5rem}@media (min-width:1440px){.rounded-circle{width:6rem;height:6rem}}.highlight-block-hup{background:#fff;padding:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:5px;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;overflow-y:visible;max-height:100%;z-index:2}.highlight-block-hup,.highlight-block-hup .image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.highlight-block-hup img{width:60px;margin-bottom:0}@media (min-width:1440px){.highlight-block-hup img{width:80px}}.highlight-block-hup span{text-transform:uppercase;letter-spacing:3px;font-size:.9rem;color:#6c6c6c}.highlight-block-hup h5{text-transform:capitalize;display:block;letter-spacing:1px}.highlight-block{background:#fff;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.5rem;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;overflow-y:visible;z-index:2}.highlight-block img{width:60px;margin-bottom:.5rem}.highlight-block span{text-transform:uppercase;letter-spacing:3px;font-size:.9rem;color:#6c6c6c}.highlight-block h5{text-transform:capitalize;display:block;margin-bottom:.5rem;letter-spacing:1px}.block-copy{display:none;width:100%;padding-top:1.5rem;z-index:0}.block-copy span{text-transform:none!important;letter-spacing:0}.active-block{border:2px solid #96c23f!important;position:absolute;width:100%;margin-bottom:1rem;z-index:20;top:0;right:2px}.active-block .block-copy{display:block}.active-block:hover{background:#96c23f;color:#fff!important}.st0,.st1{stroke:none!important}.image-highlight{-webkit-transform:translateY(-5%);transform:translateY(-5%)}.opening-colour svg path,.opening-colour svg polygon{fill:#293133}.ultrasky-lantern .cornice-layer svg polygon{fill:#171414!important;stroke:#171414!important}.livin-filter svg path{fill:#171414!important;display:block!important}svg path,svg polygon{fill:none}.btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-primary-o{width:-webkit-min-content;width:-moz-min-content;width:min-content;background:#fff;color:#96c23f!important;margin-bottom:1rem;margin-right:.25rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border:2px solid #fff;cursor:pointer}.btn-primary-o:hover{background:#333539!important}.btn.btn-toggle{width:-webkit-min-content;width:-moz-min-content;width:min-content;margin-bottom:1rem;margin-right:.25rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;cursor:pointer;opacity:.7}.btn.btn-toggle.btn-active{opacity:1}main:not(.wendland):not(.whitelabel) .btn.btn-toggle{color:#fff;background:#424448}main:not(.wendland):not(.whitelabel) .btn.btn-toggle:hover{background:#353739;color:#fff}main:not(.wendland):not(.whitelabel) .btn.btn-toggle.btn-active{background:#96c23f;border:2px solid #96c23f}main:not(.wendland):not(.whitelabel) .btn.btn-toggle.btn-active:hover{background:#96c23f;border:2px solid #96c23f;color:#fff}main.wendland .btn.btn-toggle{color:#ee6929;background:#fff}main.wendland .btn.btn-toggle:hover{background:#f6f6f6;color:#ee6929}main.wendland .btn.btn-toggle.btn-active{background:#ee6929;border:2px solid #ee6929}main.wendland .btn.btn-toggle.btn-active:hover{background:#dc6329;border:2px solid #dc6329;color:#fff}main.whitelabel .btn.btn-toggle{color:#fff!important;background:#424448}main.whitelabel .btn.btn-toggle:hover{background:#353739;color:#fff}main.whitelabel .btn.btn-toggle.btn-active{border:2px solid #424448}main.whitelabel .btn-primary-o.mobile-option{color:#fff!important}main.whitelabel .btn-primary-o.btn-active.mobile-option{border:2px solid #6a6c6e;background:#6a6c6e;color:#fff!important}main.whitelabel .btn-primary-o.btn-active.mobile-option:hover{background:#6a6c6e!important}.view-selector{margin:0 auto;margin-top:2rem}.tile-colour-selector,.view-selector{display:-webkit-box;display:-ms-flexbox;display:flex}.tile-colour-selector{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 auto}.internal-background{background-position:50%}.info-image{width:100%;height:30vh;position:relative;margin-top:.5rem;margin-bottom:.5rem}.info-image img{position:absolute;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;left:0}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9{padding-bottom:42.85714286%}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-3by2{padding-bottom:66.66666667%}.embed-responsive-4by3{padding-bottom:75%}.embed-responsive-1by1{padding-bottom:100%}.ultraroof-1-background{background:url("/img/embeds/blocks/PNGs/ultraroof-layers/internal/Ultraroof-1_background.jpg");background-position:50%}.ultraroof-2-background{background:url("/img/embeds/blocks/PNGs/ultraroof-layers/internal/Ultraroof-2_background.jpg");background-position:50%}.ultrasky-roof-background{background:url("/img/embeds/blocks/PNGs/ultrasky-layers/internal/ultrasky-roof-background.jpg");background-position:50%}.livinroof-1-background{background:url("/img/embeds/blocks/PNGs/livinroof-layers/internal/LivinRoof-1_background.jpg");background-position:50%}.livinroof-2-background{background:url("/img/embeds/blocks/PNGs/livinroof-layers/internal/LivinRoof-2_background.jpg");background-position:50%}.livinroof-3-background{background:url("/img/embeds/blocks/PNGs/livinroof-layers/internal/Livinroof-3_background.jpg");background-position:50%}.livinroof-4-background{background:url("/img/embeds/blocks/PNGs/livinroof-layers/internal/Livinroof-4_background.jpg");background-position:50%}.livinroof-5-background{background:url("/img/embeds/blocks/PNGs/livinroof-layers/internal/Livinroof-5_background.jpg");background-position:50%}.classic-roof-1-background{background:url("/img/embeds/blocks/PNGs/classicroof-layers/internal/Classic-1_background.jpg");background-position:50%}.classic-roof-2-background{background:url("/img/embeds/blocks/PNGs/classicroof-layers/internal/Classic-2_background.jpg");background-position:50%}.classic-roof-3-background{background:url("/img/embeds/blocks/PNGs/classicroof-layers/internal/Classic-3_background.jpg");background-position:50%}.classic-roof-4-background{background:url("/img/embeds/blocks/PNGs/classicroof-layers/internal/Classic-4_background.jpg");background-position:50%}.flat-skylight-1-background{background:url("/img/embeds/blocks/PNGs/flatskylight-layers/internal/flatskylight-1-background.jpg");background-position:50%}.flat-skylight-2-background{background:url("/img/embeds/blocks/PNGs/flatskylight-layers/internal/flatskylight-2-background.jpg");background-position:50%}.ultrasky-lantern-1-background{background:url("/img/embeds/blocks/PNGs/ultrasky-lantern-layers/internal/ultrasky-lantern-1-background.jpg");background-position:50%}.ultrasky-lantern-2-background{background:url("/img/embeds/blocks/PNGs/ultrasky-lantern-layers/internal/ultrasky-lantern-2-background.jpg");background-position:50%}.group-slider-container{position:relative;width:100%;max-width:1440px;height:80vh;margin:0 auto;top:10%}.roof-slide{position:relative;height:75vh!important;padding:1.5rem;text-align:center}.roof-image-container{position:relative;width:100%;height:90%!important}.roof-image-container img{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;left:0}.slider-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#000}.chevron-prev{right:5%;z-index:10}.chevron-next{left:5%;z-index:10}@media (max-width:1440px) and (min-width:991px){main{padding:.75rem}main section{padding:0}.layer-block-area{margin-top:10%}.highlight-block{padding:1rem}.highlight-block span,.sub-title{font-size:calc(.1vw + 10px)}.colour-swatch span,.cornice-swatch span,.glass-swatch span,.ridge-swatch span,.rooflight-swatch span,.soffit-swatch span,.tile-swatch span,.topcap-swatch span{font-size:calc(.1vw + 9px)}.colours{display:-webkit-box;display:-ms-flexbox;display:flex}.colour-swatch,.cornice-swatch,.glass-swatch,.ridge-swatch,.rooflight-swatch,.soffit-swatch,.swatch,.tile-swatch,.topcap-swatch{width:55px;margin-bottom:.5rem}.colour-swatch img,.cornice-swatch img,.glass-swatch img,.ridge-swatch img,.rooflight-swatch img,.soffit-swatch img,.swatch img,.tile-swatch img,.topcap-swatch img{width:100%;height:unset;min-height:55px}.hotspot-content{padding:1rem}.hotspot-content-title,.hotspot-content h4{font-size:calc(.1vw + 14px)}.hotspot-content span{font-size:calc(.1vw + 11px)}}.mobile-options{display:none;width:100%;position:relative}.optionTabs{padding:0;width:100%;max-width:100%}@media screen and (max-width:1024px){.optionTabs{display:none}}@media screen and (min-width:1025px){.optionTabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.optionTabs .optionTab{background-color:#c6c8c7;color:#071722;font-size:20px;font-weight:500;z-index:10;line-height:1.3;padding:.6em .8em .5em;width:100%;border:none;max-width:100%;margin:-10px;margin-bottom:0;-webkit-box-shadow:0 1px 0 1px rgba(0,0,0,.04);box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:30px 30px 0 0}.optionTabs .optionTab.disabled{-webkit-filter:grayscale(.75);filter:grayscale(.75)}.optionTabs .optionTab.disabled:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.optionTabs .selected{background-color:#061f2d;color:#fff;z-index:11}}button:focus{outline:0}.stdConfigOptionsHup{background-color:#091e26;color:#fff;margin:-10px;max-height:66vh;padding-top:10px;overflow-y:scroll;overflow-x:hidden}.stdConfigOptionsHup::-webkit-scrollbar{width:4px}.stdConfigOptionsHup::-webkit-scrollbar-track{background-color:#081f2d}.stdConfigOptionsHup::-webkit-scrollbar-thumb,.stdConfigOptionsHup::-webkit-scrollbar-thumb:hover{background:#b8b7b6}.stdConfigOptionsHup::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px hsla(30,1%,72%,.3);box-shadow:inset 0 0 6px hsla(30,1%,72%,.3)}@media screen and (max-width:390px){.stdConfigOptions{overflow-x:scroll}}.hup-embed-options::-webkit-scrollbar{display:block!important}.hup-embed-options{background-color:#091e26;margin-top:0!important;max-height:64.75vh;overflow-y:scroll;overflow-x:hidden}@media screen and (max-width:390px){.hup-embed-options{overflow-x:scroll}}.hup-embed-options::-webkit-scrollbar{width:4px}.hup-embed-options::-webkit-scrollbar-track{background-color:#081f2d}.hup-embed-options::-webkit-scrollbar-thumb,.hup-embed-options::-webkit-scrollbar-thumb:hover{background:#b8b7b6}.hup-embed-options::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px hsla(30,1%,72%,.3);box-shadow:inset 0 0 6px hsla(30,1%,72%,.3)}@media screen and (min-width:992px){.hup-embed-options{padding-top:8%}.hupConfigOptions,.stdConfigOptions{display:none}.hupConfigOptions.activeOptionTab,.stdConfigOptions.activeOptionTab{display:block}}@media screen and (min-width:991px){#hub-embed-options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1rem 0 0}}@media (max-width:1024px){main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden}.title-area{width:100%;position:relative;right:0;padding:.5rem;margin:0}.title-logo{height:75px!important}.column-middle{width:100%!important;padding:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.column-left{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%!important;padding:.25rem}.colour-picker,.column-right,.cornice-picker,.glass-picker,.logo{display:none}.view-area{margin-top:0!important}.internal-view-area{top:auto}.mobile-options{display:block;margin-top:13%;overflow-x:auto}.mobile-options .btn-group .btn-active{background:#424448!important}.mobile-options .btn.mobile-option:hover,.pelmet-picker .btn-primary-o.btn-active{border:2px solid transparent;background:#424448}.pelmet-picker .btn-primary-o.btn-active{opacity:.75}.pelmet-picker .btn.btn-primary-o:hover{background:#424448}.view-change{margin-bottom:1rem;margin-top:1rem}.sub-title{font-size:calc(.1vw + 14px)}.colour-swatch,.cornice-swatch,.glass-swatch,.ridge-swatch,.rooflight-swatch,.soffit-swatch,.swatch,.tile-swatch,.topcap-swatch .hup-swatch{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.btn{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important;padding:.55rem 1rem}.btn-group{width:100%}.hotspot-content{width:100%;left:0;-webkit-transform:translate(0);transform:translate(0);padding:1rem;bottom:auto;top:20px;width:70%;left:20px}.hotspot-content .info-image{height:150px}.hotspot-content-unbranded{top:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mobile-show{display:block!important}.desktop-instruction{display:none}.form-container{right:50%;top:-100%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.form-container .colour-grid span{margin:0}.form-container span{display:block;margin-bottom:4px}.group-slider-container{top:0}}@media (max-width:400px){.hotspot-content{width:100%;left:0;-webkit-transform:translate(0);transform:translate(0);padding:.5rem;bottom:auto;top:20px;width:80%;left:20px}.hotspot-content .info-image{height:100px}.hotspot-content-title,.hotspot-content h4{font-size:.9rem;line-height:1.4}.hotspot-content span{font-size:.85rem}.hotspot-content-unbranded{top:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.wendland .mobile-options{margin-top:20%}.wendland .hotspot{background:#ee6929}.wendland .view-dropdown{color:#ee6929;border:2px solid #ee6929;border-radius:0}.wendland .column-left{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wendland .hotspot-content hr{background:#ee6929;border-top:0 solid #ee6929!important}.wendland .btn-primary-o{color:#ee6929!important}.wendland .btn-primary-o:hover{background:#ee6929;color:#fff!important}.wendland .tile-type-btn{background:#fff;font-size:.8rem;margin-right:.25rem;cursor:pointer}.wendland .tile-type-btn:hover{color:#fff;background:#f6f6f6}.wendland .btn-active{border:2px solid #ee6929;background:#ee6929;color:#fff!important}.wendland .btn-active:hover{background:#dc6329!important;border-color:#dc6329!important}.wendland .title-area{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16);background:#5c5d5e}.wendland .view-area{margin-top:5%!important}.wendland .column-middle{width:72%}.wendland .column-left{width:28%}.wendland .colour-swatch,.wendland .cornice-swatch,.wendland .glass-swatch,.wendland .hup-swatch,.wendland .ridge-swatch,.wendland .rooflight-swatch,.wendland .soffit-swatch,.wendland .tile-swatch,.wendland .topcap-swatch{background:rgba(0,0,0,.25);margin-right:.25rem}.wendland .colour-swatch span,.wendland .cornice-swatch span,.wendland .glass-swatch span,.wendland .hup-swatch span,.wendland .ridge-swatch span,.wendland .rooflight-swatch span,.wendland .soffit-swatch span,.wendland .tile-swatch span,.wendland .topcap-swatch span{color:#ee6929;font-weight:500}.wendland .colour-swatch:hover,.wendland .cornice-swatch:hover,.wendland .glass-swatch:hover,.wendland .hup-swatch:hover,.wendland .ridge-swatch:hover,.wendland .rooflight-swatch:hover,.wendland .soffit-swatch:hover,.wendland .tile-swatch:hover,.wendland .topcap-swatch:hover{background:rgba(0,0,0,.5)}.wendland .colour-picker,.wendland .cornice-picker{margin-bottom:.5rem}.wendland .pelmet-picker .btn-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wendland .active{background:rgba(0,0,0,.5)!important}.wendland-background{position:absolute;top:0;bottom:0;left:0;right:0}.wendland-background img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wendland-icon{position:absolute;top:50%;left:50%;width:100%;z-index:0;opacity:.3;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.title-product-name{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,150%);transform:translate(-50%,150%);background:#ee6929;color:#fff;border-radius:0 0 6px 6px;padding:.25rem 1.5rem;font-weight:600;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16)}.custom-options{padding:1rem 1.5rem;background:hsla(220,1%,55%,.75)}.custom-options .sub-title{color:#fff}@media (max-width:1440px) and (min-width:991px){.wendland .colour-swatch span,.wendland .cornice-swatch span,.wendland .glass-swatch span,.wendland .ridge-swatch span,.wendland .rooflight-swatch span,.wendland .soffit-swatch span,.wendland .tile-swatch span,.wendland .topcap-swatch span{font-size:calc(.1vw + 12px)}}@media (max-width:991px){.wendland .title-area{min-width:unset}.wendland .title-area .title-logo{height:0!important}.wendland .title-area .instructions{-webkit-transform:translateY(275%);transform:translateY(275%)}.wendland .column-left,.wendland .column-middle{width:100%}.wendland .title-product-name{-webkit-transform:translate(-50%,125%);transform:translate(-50%,125%)}.colour-swatch,.cornice-swatch,.glass-swatch,.ridge-swatch,.rooflight-swatch,.soffit-swatch,.tile-swatch,.topcap-swatch{width:70px}}@media (max-width:991px){.tile-type-btn{background:#636363;border:0;padding:.7rem 1rem;font-size:.7rem;letter-spacing:2px;opacity:.8}.tile-type-btn.btn-active{border:0!important;opacity:1}}main.unbranded{height:310px!important}@media (min-width:610px){main.unbranded{height:370px!important}}@media (min-width:768px){main.unbranded{height:100%!important}}main.unbranded .img-layer{height:100%}body.default-block{height:100vh!important}body.default-block--unbranded{height:90vh!important}@media (min-width:768px){body.default-block--unbranded{height:100vh!important}}.embed-block-hup h1{font-weight:900;font-size:50px;color:#000;text-transform:capitalize;letter-spacing:normal}.embed-block-hup .column-left{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.embed-block-hup .colour-swatch-alt.active .colour-span,.embed-block-hup .colour-swatch-alt.active .stdConfigOptionsHup,.embed-block-hup .colour-swatch.active .colour-span,.embed-block-hup .colour-swatch.active .stdConfigOptionsHup,.embed-block-hup .cornice-swatch.active .colour-span,.embed-block-hup .cornice-swatch.active .stdConfigOptionsHup,.embed-block-hup .fascia-picker.active .colour-span,.embed-block-hup .fascia-picker.active .stdConfigOptionsHup,.embed-block-hup .glass-swatch.active .colour-span,.embed-block-hup .glass-swatch.active .stdConfigOptionsHup,.embed-block-hup .hup-swatch.active .colour-span,.embed-block-hup .hup-swatch.active .stdConfigOptionsHup,.embed-block-hup .ridge-swatch.active .colour-span,.embed-block-hup .ridge-swatch.active .stdConfigOptionsHup,.embed-block-hup .swatch.active .colour-span,.embed-block-hup .swatch.active .stdConfigOptionsHup,.embed-block-hup .tile-swatch.active .colour-span,.embed-block-hup .tile-swatch.active .stdConfigOptionsHup{color:#000}.embed-block-hup .hup-swatch:hover .colour-span,.embed-block-hup .tile-swatch:hover .colour-span{color:#000!important}@media (max-width:1024px){.embed-block-hup .column-left,.embed-block-hup .column-middle{width:100%!important}}@media (max-width:1024px){.embed-block-hup .column-right{width:100%!important;display:none!important}}@media (min-width:1025px) and (max-width:1280px){.embed-block-hup .colour-swatch,.embed-block-hup .colour-swatch-alt,.embed-block-hup .cornice-swatch,.embed-block-hup .glass-swatch,.embed-block-hup .hup-swatch,.embed-block-hup .ridge-swatch,.embed-block-hup .rooflight-swatch,.embed-block-hup .soffit-swatch,.embed-block-hup .swatch,.embed-block-hup .tile-swatch,.embed-block-hup .topcap-swatch{width:55px;max-width:55px;margin-bottom:0}.embed-block-hup .colour-swatch-alt img,.embed-block-hup .colour-swatch img,.embed-block-hup .cornice-swatch img,.embed-block-hup .glass-swatch img,.embed-block-hup .hup-swatch img,.embed-block-hup .ridge-swatch img,.embed-block-hup .rooflight-swatch img,.embed-block-hup .soffit-swatch img,.embed-block-hup .swatch img,.embed-block-hup .tile-swatch img,.embed-block-hup .topcap-swatch img{width:55px;height:55px}.embed-block-hup .column-left{width:23%}.embed-block-hup .column-right{width:17%}.embed-block-hup .column-middle{width:60%}}.embed-block-hup .embed-block-hup-logo--mobile{margin-top:-2%}@media (min-width:768px){.embed-block-hup .embed-block-hup-logo--mobile{margin-left:-2%;margin-top:-1%}}@media (max-width:1024px){.embed-block-hup .mobile-options .btn-group .btn{background:#fff!important}.embed-block-hup .mobile-options .btn-group .btn-active{background:#424448!important}}