*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{color:#000;cursor:pointer;text-decoration:none}ul{margin:0;padding:0}:focus{outline:none}html{font-size:62.5%}body{color:#4b4b4b;display:block;font-family:Source Sans Pro,sans-serif;font-weight:200;line-height:1;margin:0;padding:0}:root{--black:#222;--white:#fff;--line-color:#b3a597;--font-text:Helvetica,arial,sans-serif;--text-color:#525252;--text--bg:#000000a6;--light-grey:#a8a6a3;--light-bg:#f1f1f1;--image-darker:#00000080}.bodytext{color:#000;font-size:1.8rem;font-weight:300;letter-spacing:.4px;line-height:1.6;margin-bottom:1.8rem}.bodytext small{font-size:1rem;position:absolute}.headline-container{margin:0 auto;max-width:120rem}.headline{align-self:start;color:#000;font-size:5rem;font-weight:700;letter-spacing:.6px;line-height:1.2;margin-bottom:1rem;width:100%}.headline-s{font-size:3rem;letter-spacing:.3px}.headline-light{font-size:2rem;font-weight:400}.headline-light-big{font-size:3rem;font-weight:200}.primary-headline{font-size:3.8rem;font-weight:200;margin-bottom:8rem;text-align:center}.primary-headline,.uppercase{text-transform:uppercase}.container{margin:0 auto;max-width:120rem}.border-line{border-bottom:1px solid #fff;margin-bottom:3rem;width:100%}.border-line-black{border-bottom:1px solid #000}.project-container{align-items:center;display:flex;justify-content:center}.section{margin:5rem auto;max-width:120rem;position:relative}.margin-top{margin-top:10rem}.margin-top-15{margin-top:15rem}.margin-top-5{margin-top:5rem}.margin-left{margin-left:1rem}.margin-bottom-10{margin-bottom:10rem}.margin-bottom-20{margin-bottom:20rem}.margin-bottom-5{margin-bottom:5rem}.margin-bottom-3{margin-bottom:3rem}.padding-top-bottom{padding:10rem 0}.section-bottom-spacing{margin-bottom:6rem}.padding{padding:15rem 0 5rem}.grey-background{background-color:#f1f1f1}.image-section{height:35vh;position:relative;width:100%}.image-section img{height:100%;object-fit:cover;object-position:bottom;position:absolute;width:100%}.btn{cursor:pointer;display:block;font-family:Helvetica,arial,sans-serif;font-family:var(--font-text);font-size:1.6rem;letter-spacing:.63px;text-decoration:none;transition:.2s}.btn-click{font-weight:600;padding:2rem 3.6rem}.btn-black{background-color:#000;border:2px solid #000;color:#fff}.btn-black:hover{background-color:initial;border:2px solid #000;color:#000}.btn-white{background-color:hsla(0,0%,100%,.862);border:2px solid #0000;color:#000}.btn-white:hover{background-color:initial;border:2px solid #fff;color:#fff;text-shadow:5px 5px 10px #00000080}.btn-more{align-self:flex-start;border-bottom:1.5px solid #000;font-weight:700;letter-spacing:.3px;padding-bottom:.3rem}.btn-more:hover{border-bottom:none}.go-back-btn{border:1.4px solid #222;padding:1rem 1.3rem 1rem 1.2rem;position:absolute;text-decoration:none;top:0;transition:all .3s}.go-back-btn:hover{background-color:#222;color:#fff}.project-section{margin-bottom:5rem}.not-found{font-size:2.5rem;font-weight:600;margin-bottom:60vh;text-transform:none}.circle{animation:spin 1s linear infinite;border-color:red #0000;border-radius:50%;border-style:solid;border-width:3px;height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.white-cl{color:#fff}.download-section{margin:6rem 0}.images-container{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center;margin-bottom:10rem;margin-top:-5rem}.image-box{justify-self:center;width:50%}.image-box h1{font-size:2rem;letter-spacing:.3px;margin-bottom:0}.rear-ventialtion-img-container{display:flex;justify-content:center;margin:15rem 0}.rear-ventialtion-img{width:70%}.rear-ventilation-list-container{margin-bottom:10rem;margin-left:5rem}@media (min-width:1000px){.image-section{height:40vh}}@media screen and (max-width:1200px){.query-container{padding-left:2rem;padding-right:2rem}}@media screen and (max-width:950px){.margin-bottom-10{margin-bottom:5rem}}@media screen and (max-width:600px){.rear-ventilation-list-container{margin-left:2rem}.margin-top{margin-top:8rem}.primary-headline{font-size:3.2rem}.image-box{width:70%}.rear-ventialtion-img{width:90%}.rear-ventialtion-img-container{margin:8rem 0}.padding{padding:10rem 0 5rem}}@media screen and (max-width:540px){.images-container{grid-template-columns:1fr}.image-box{margin-bottom:5rem;width:60%}}.hero-section{height:60vh}.section--0{padding:20rem 0}.section--2,.section--4{background-color:var(--light-bg)}.box-container{display:flex;justify-content:center}.headline-box{align-items:center;display:flex;flex-direction:column;max-width:70rem}.testemonial{margin-bottom:5rem}.testemonial p:nth-child(2){font-weight:500}.section--3 img{height:40rem;object-fit:cover;width:100%}.section--3 img,.section--3 p{margin-bottom:3rem}.section--3 .btn{display:inline}.youtube-link{align-items:center;display:flex;margin-left:.5rem}.youtube-link ion-icon{margin-right:1rem;margin-top:.7rem}.youtube-link:hover ion-icon{color:red}.section--service-list{list-style:none;margin-bottom:13rem}.section--service-item{border-left:1px solid #000;color:#000;font-size:5rem;font-weight:700;padding-left:3rem}.sevice-description{align-items:flex-end;display:flex;justify-content:space-between}.service-headlines{margin-right:5rem;width:80%}.service-headlines h1{margin-bottom:1rem}.sevice-description button{width:19rem}.section--5{align-items:center;display:flex;gap:2.5rem;justify-content:center}.section--5 img{height:30rem;object-fit:cover;object-position:center;width:30rem}.c-s-headlines p{margin-bottom:4rem}.slider-container{background-color:#0000004f;height:100%;overflow:hidden}.section-h{margin:20rem 0}.box-item{height:100%;position:relative;width:100%}.section-headline{align-items:center;background-color:#0006;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;text-decoration:none;width:100%}.section-headline>h1{font-size:2.4rem;font-weight:700;line-height:1.1;margin-top:.5rem;text-align:center;text-shadow:2px 2px 8px #000}@media screen and (max-width:1200px){.section--2,.section--3,.section--4,.section--5{padding-left:4rem;padding-right:4rem}}@media screen and (max-width:900px){.sevice-description{align-items:start;flex-direction:column}.service-headlines .bodytext{margin-bottom:5rem}}@media screen and (max-width:800px){.section--5{flex-direction:column}.section--5 img{margin-bottom:5rem}}@media screen and (max-width:600px){.section--2,.section--3,.section--4,.section--5{padding-left:2rem;padding-right:2rem}.hero-section{height:90vh}.section--3 img{height:30rem}.service-headlines{width:100%}.service-link-btn{align-self:center}.c-s-link{display:flex;justify-content:center}}@media screen and (max-width:400px){.section--3 img{height:20rem}.section--service-item{margin-left:0}.center-element{display:flex}}.slider-container{position:relative;width:100%}.intro-slide{height:100%;inset:0;opacity:0;position:absolute;transition:opacity 1s ease-in-out;transition-delay:1s;width:100%}.intro-slide img{display:block;height:100%;object-fit:cover;object-position:10% 50%;width:100%}.active{opacity:1;transition-delay:0s;z-index:1}.project-description{animation:slide-up 1s ease 1s;animation-fill-mode:forwards;background-color:var(--text--bg);opacity:0;padding:3rem;position:absolute;right:5%;top:50%;transform:translateY(-50%);visibility:hidden;width:40rem}@keyframes slide-up{0%{right:5%;visibility:visible}to{right:10%;visibility:visible}}.project-description:hover{background-color:#000c}.project-description h1{border-bottom:none;color:#fff;margin-bottom:3.5rem;white-space:pre-line}.project-details{color:#fff;font-size:2rem;font-weight:600;letter-spacing:1.4px;line-height:1.4;margin-bottom:2rem}.project-details-2{font-size:1.6rem;font-weight:300;letter-spacing:1px;margin-left:1rem}.active .project-description{opacity:1}.dots-container{bottom:1.8rem;display:flex;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.dots-container .dot{background-color:rgba(0,0,0,.052);border:1px solid #fff;border-radius:50%;box-shadow:0 0 .2rem 0 rgba(0,0,0,.318);height:1rem;margin:0 5px;position:relative;width:1rem}.dots-container .dot.active{background:#fff;border:2px solid #fff;box-shadow:0 0 .2rem 0 rgba(0,0,0,.318)}@media (min-width:768px){.dots-container{bottom:2rem}.dots-container .dot{height:.8rem;width:.8rem}}@media screen and (max-width:600px){.project-description{top:45%;transform:translateY(-50%);width:80%}.dots-container{bottom:4rem}}@media screen and (max-width:385px){.project-description h1{font-size:4rem}.project-details{font-size:1.8rem}.project-details-2{font-size:1.4rem}}.section--reveal{opacity:1;overflow:hidden;transition:transform 1s,opacity 1s}.section--hidden,.section--hidden-left,.section--hidden-none,.section--hidden-right{opacity:0;transform:translateY(20rem)}@media (min-width:951px){.section--hidden{opacity:0;transform:translateY(20rem)}.section--hidden-left{opacity:0;transform:translateX(-20rem)}.section--hidden-right{opacity:0;transform:translateX(20rem)}.section--hidden-none{opacity:0;transform:translateY(0)}}.z-pattern{align-items:center;display:flex;gap:5rem;margin-bottom:20rem;opacity:0;transform:scale(85%);transition:2s}.z-pattern--zoom{opacity:1;transform:scale(100%);transform:2s}.z-pattern__img-box{width:55%}.z-pattern__img{object-fit:cover;width:100%}.z-pattern__content{display:flex;flex:1 1;flex-direction:column}.z-pattern__title{font-size:3rem;font-weight:200;margin-bottom:2.4rem;text-align:left;text-transform:uppercase}.display-linebreak{white-space:pre-line}.btn-more{color:#222;margin-top:1rem}@media screen and (max-width:1200px){.z-pattern__content-right{padding-right:4rem}.z-pattern__content-left{padding-left:4rem}}@media screen and (max-width:900px){.name-smaller{font-size:2.8rem}.section-aboutus .container{padding-left:0;padding-right:0}.z-pattern__content{padding-left:4rem;padding-right:4rem}.z-pattern{flex-direction:column;margin-bottom:10rem}.z-pattern__img-box{width:100%}}@media screen and (max-width:600px){.z-pattern__content{padding-left:2rem;padding-right:2rem}}.section-services{background-color:var(--light-bg);overflow:hidden;padding:10rem 0 20rem}.image-design img{height:100%;object-fit:cover;object-position:center;width:100%}.services-container{height:30rem}.design-container{margin-bottom:16rem;width:50%}.design-container ul li:last-child{margin-bottom:5rem}.card-container{margin:0 auto;max-width:120rem}.grid{grid-gap:2.4rem;display:grid;gap:2.4rem}.grid--3-cols{grid-template-columns:repeat(3,1fr)}.service-card{margin:0 auto;max-width:35rem}.service-card-text{border-top:none;height:30rem;position:relative;width:100%}.service-card-text:last-child{height:42rem}.service-card-title{border-left:1px solid #000;color:#000;font-size:5rem;font-weight:700;margin:6rem 0;padding-left:3rem}.service-card-image{display:flex;flex-direction:column;height:35rem;object-fit:cover;object-position:center;width:35rem}.number{color:#222;font-size:12.5rem;left:1rem;position:absolute;top:-5.3rem}.number:after{color:var(--line-color);content:".";font-size:7.5rem;margin-left:-.5rem}.service-name{color:#222;font-size:4rem;font-weight:300;padding:4rem 0;text-align:center;text-transform:uppercase}.service-list-items{list-style:none}.service-list-items-fabrication{display:grid;grid-template-columns:1fr 1fr}.service-list-item{align-items:center;color:#222;display:flex;font-size:1.8rem;font-weight:300;line-height:1.2;margin-bottom:1.5rem;padding-left:.5rem}.service-list-items-fabrication-cl .service-list-item{margin-bottom:0}.fabrication-icons,.service-list-item ion-icon{color:#000;margin-right:1.5rem}.fabrication-icons{height:5rem;width:4.5rem}.installation-icons{margin-right:1.5rem;width:30%}.installation-icons-1{margin-top:2rem}.service-list-items-fabrication-cl{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width:950px){.service-card-title{font-size:4rem;padding-left:2rem}.card-container{padding:0}.grid--3-cols{grid-template-columns:repeat(1,1fr)}.design-container{width:70%}.design-container,.service-card-text-fab{margin-bottom:10rem}}@media screen and (max-width:540px){.design-container{width:100%}}.section-contact{background-color:var(--light-bg);min-height:76vh}.contact-list{list-style:none}.grid--2-cols{gap:6rem;grid-template-columns:repeat(2,1fr)}.form-container h1,.form-container p{margin-bottom:0}.address-container,.form-container{width:100%}.address-container h1 span:last-child{font-size:2rem}.address-container h1 span:nth-child(2),.address-container h1 span:nth-child(3){font-size:2.5rem}.address-container h1{font-size:2.8rem}.address-container{align-self:center;margin-bottom:8rem;padding:1.5rem 0 2rem}.address-container h1{margin-bottom:4rem;padding-left:1rem}.contact-list{display:flex;flex-direction:column;gap:2rem;padding-left:2rem}.contact-items{position:relative}.contact-items:first-child{margin-bottom:5rem}.contact-link{align-items:center;display:flex;transition:all .3s ease-in-out}.contact-link:hover{transform:translateX(3%)}.contact-link:first-child{align-items:start}.contact-items:first-child p,.contact-items:last-child p{color:#000;font-weight:600;line-height:1.4}.contact-link ion-icon{font-size:2rem}.contact-item{color:var(--text-color);font-size:1.8rem;font-weight:300;margin-left:1rem}.pobox{margin-top:.5rem}.grey-background{background-color:var(--light-bg)}.form-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto 5rem}.form-container textarea{border:1.5px solid #000;font-family:inherit;font-size:1.8rem;font-weight:500;height:20rem;padding:1.5rem}.form-container input,.form-container textarea{width:100%}.section-contact .container{padding-left:0;padding-right:0}@media screen and (max-width:1158px){.address-container{margin-bottom:5rem}}@media screen and (max-width:900px){.grid--2-cols{grid-template-columns:1fr;width:80%}.contact-items:first-child{margin-bottom:6rem}.address-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.address-container h1{margin-left:3rem}.contact-items:first-child{margin-left:-.8rem}}@media screen and (max-width:600px){.grid--2-cols{width:100%}.address-container{align-items:start;text-align:start}.address-container h1{margin-left:0}}@media screen and (max-width:390px){.address-container h1{font-size:2.4rem}.address-container h1 span:last-child{font-size:1.5rem}}@media screen and (max-width:335px){.address-container h1{font-size:2.2rem}.address-container h1 span:last-child{font-size:1.4rem}.address-container h1 span:nth-child(2),.address-container h1 span:nth-child(3){font-size:2.2rem}}.video-container{height:0;margin:0 auto 10rem;max-width:120rem;overflow:hidden;padding-bottom:53%;padding-top:30px;position:relative}.video-container iframe{bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:600px){.video-container{margin-bottom:5rem}}@media screen and (max-width:470px){.video-container{padding-bottom:50%}}.searchfield-container{align-items:center;display:flex;justify-content:center}.searchfield{background-color:#fff;border:1.5px solid #000;border-radius:0;font-family:inherit;font-size:1.8rem;font-weight:500;height:7rem;padding:1.5rem 1.8rem;width:40%}.search-text{align-items:center;display:flex;font-size:1.8rem;font-weight:200;justify-content:center;margin:0 1rem 0 0;padding:1.3rem 1.6rem}@media screen and (max-width:960px){.searchfield{width:60%}}@media screen and (max-width:600px){.searchfield{font-size:1.6rem;height:5rem;width:85%}.searchfield-container ion-icon{font-size:2.5rem;padding:1.1rem 1.3rem}}.cards__container{grid-gap:.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));list-style:none;padding:.3rem .3rem 5rem}.cards__item button{display:inline-block;width:100%}.cards__item{overflow:hidden}.cards__item__link{text-decoration:none;z-index:-1}.cards__item__pic-wrap{overflow:hidden;padding-top:70%;position:relative}.cards__item__img{height:100%;object-fit:cover;position:absolute;top:0;transition:all .2s linear;width:100%}.project-name{background-color:var(--text--bg);box-sizing:border-box;left:0;padding:1em 3em;position:absolute;top:35%;transform:translateX(-100%);transition:all .5s}.project-name h1,.project-name p{color:#fff}.project-name h1{font-size:2em}.project-name p{font-size:1.4em}.cards__item__pic-wrap:hover .project-name{transform:translateX(0)}.cards__item__pic-wrap:after{background-color:#4b4b4bc7;border-radius:1rem 0 0 0;bottom:0;box-sizing:border-box;color:#fff;content:"ALUCOBOND®";font-size:1.6rem;font-weight:700;max-width:calc(100% - 60px);padding:1rem 1rem 1rem 1.4rem;position:absolute;right:0}.project--name{color:#000;font-size:2.7rem;font-weight:600;margin-bottom:.7rem}.border-line-project--info{max-width:55rem}.project--info{grid-column-gap:1rem;grid-row-gap:1.5rem;column-gap:1rem;display:grid;grid-template-columns:1fr 1fr;list-style:none;margin-bottom:10rem;max-width:70rem;row-gap:1.5rem}.project--info li{display:flex;flex-direction:column;font-size:1.6rem;font-weight:600}.project--info li span:first-child{font-size:1.8rem;font-weight:200;margin-bottom:.2rem;text-transform:uppercase}.project-page-title{margin-top:10rem}@media screen and (max-width:900px){.cards__container{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}@media screen and (max-width:600px){.project-page-title{display:none}}@media screen and (max-width:375px){.project--info{grid-template-columns:1fr}}.header{background-color:#000;margin:0;opacity:.9;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:10}.navbar{height:10rem;justify-content:space-between;padding:0 3rem}.navbar,.navbar-logos{align-items:center;display:flex}.logo-icon{margin-right:1.5rem}.logo-icon,.logo-name{height:5rem}.nav-list{display:flex;gap:2.5rem;list-style:none}.nav-items{white-space:nowrap}.nav-link{border:solid #0000;border-width:0 0 .05px;color:var(--light-grey);font-family:var(--font-text);font-size:1.6rem;font-weight:300;letter-spacing:.063em;padding:0 0 1rem;text-align:center;text-decoration:none;transition:.25s}.nav-link.active,.nav-link:hover{color:#f7f7f7;transition:.25s}.nav-link.active{border-color:#fff;border-width:0 0 1px}.menu-icon{cursor:pointer;display:none;z-index:6}.menu-icon ion-icon{color:#fff;font-size:3rem}.menu-icon:hover ion-icon{color:#fff;transform:none}@media screen and (max-width:1030px){.logo-icon{height:4.4rem;margin-right:1.5rem}.logo-name{height:4.2rem}.nav-list{gap:2rem}}@media screen and (max-width:960px){.menu-icon{display:block}ion-icon[name=close-outline]{position:absolute;right:2rem;top:2rem}.navbar{height:8rem;padding:0 1rem}.nav-list{align-items:flex-start;background-color:#000;flex-direction:column;gap:3rem;height:100vh;left:-100vw;padding-top:10rem;position:absolute;top:0;transition:all .5s ease-in-out;width:100%}.nav-link,.nav-list{display:flex;justify-content:flex-start}.nav-link{align-items:center;border-color:#ffffff55;font-size:2rem;height:100%;margin:0 1rem;padding:0 0 2rem 2rem;width:95vw}.active{left:0;top:0}.nav-link.active{border-color:#ffffff55;border-width:0 0 .05px}.logo-icon{height:4rem}.logo-name{height:3.8rem}}.dropdown--menu{align-items:center;background-color:#000;border-top:.1px solid var(--line-color);display:flex;gap:2.5rem;justify-content:center;left:0;list-style:none;min-height:3.5rem;opacity:.9;position:-webkit-sticky;position:sticky;text-align:center;top:10rem;width:100%;z-index:8}.dropdown--menu li,.dropdown-link{text-decoration:none}.dropdown-link{color:var(--light-grey);display:block;font-size:1.6rem;font-weight:300;height:100%;transition:all .3s;width:100%}.dropdown-link:hover{color:#f7f7f7}.dropdown-link.active{color:#f7f7f7;position:relative}@media screen and (max-width:960px){.dropdown--menu{grid-column-gap:0;grid-row-gap:1rem;border-top:none;column-gap:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));padding-top:1rem;row-gap:1rem;top:8rem}.dropdown--menu li{border-bottom:.1px solid var(--line-color);min-height:4rem;width:100%}}.to-top-btn{background-color:initial;border:none}.to-top-btn ion-icon{background-color:var(--text--bg);border:none;border-radius:50%;bottom:5rem;color:#fff;font-size:3.5rem;padding:1rem;position:fixed;right:5rem;z-index:9}.footer{padding:0}.footer-container{flex-direction:column}.footer-container,.social-links{display:flex;justify-content:center}.social-links{border-top:1px solid;gap:4rem;list-style:none;margin-bottom:0;padding:1.5rem 0}ion-icon{color:#222;font-size:2.5rem;transition:all .2s ease-in-out}ion-icon:hover{color:#222;transform:scale(1.2)}.footer-link:link,.footer-link:visited{color:#a8a6a3;transition:all .3s}.footer-link:active,.footer-link:hover{color:#fff}.footer-link--name{align-items:center;display:flex;justify-content:center;text-decoration:none}.footer-icon--name{color:#222;font-size:1.8rem;margin-left:.5rem}.footer-signature{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:2rem;justify-content:center;line-height:2.3rem;opacity:.9;padding:10rem 0}.copyright{color:#fff;font-size:1.4rem;letter-spacing:2px;text-align:center}.copyright:last-child{font-size:1rem}.symbol{font-size:1.4rem}.surface-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.surface-title{align-self:start;width:100%}.surface-section ul{margin-bottom:3rem;margin-left:3rem;padding-top:0}.bullet-pt{margin-bottom:1rem}.img-box{height:auto;margin-bottom:2rem;max-width:100rem;padding:0 1rem}.img-box img{width:100%}.text-box{margin-bottom:8rem;max-width:100rem;padding:2rem}.text-box h2{font-size:2.5rem}.text-box ul{margin-left:1rem;margin-top:2rem}.sub-headline{font-size:2rem;font-weight:600;margin-bottom:2rem}.chart-section{background-color:#4b4b4b;margin-bottom:10rem;padding:10rem 0;width:100%}.chart-section h1{color:#fff;font-size:3rem;font-weight:600;letter-spacing:1px;padding-bottom:7rem;text-align:center}.chart-section .container{max-width:90rem}.img-surface-gallery{padding:1rem}.colours-links{background-color:initial;border:none;height:13rem;margin-bottom:1.6rem;margin-left:1.6%;position:relative;width:13rem}.colours-links img{border:1px solid #fff;border-radius:50%;height:100%;object-fit:cover;object-position:left;width:100%}.colours-links:after,.colours-links:before{--scale:0;--arrow-size:10px;--tooltip-color:#fff;left:50%;position:absolute;top:-2%;transform:translateX(-50%) translateY(0) scale(var(--scale));transform:translateX(-50%) translateY(var(--translate-y,0)) scale(var(--scale));transform-origin:bottom center;transition:transform .15s}.colours-links:before{--translate-y:calc(-100% - var(--arrow-size));align-items:center;background:var(--tooltip-color);border-left:.3px solid #4b4b4b;border-right:.3px solid #4b4b4b;border-top:.3px solid #4b4b4b;color:#222;content:attr(data-tooltip);display:flex;font-size:1.8rem;font-weight:600;height:3.7em;justify-content:center;line-height:1.1;max-width:130%;padding:1em;text-align:center;width:-webkit-max-content;width:max-content}.colours-links:hover:after,.colours-links:hover:before{--scale:1}.colours-links:after{--translate-y:calc(var(--arrow-size)*-1);border-top-color:#0000;border:var(--arrow-size) solid #0000;border-top:var(--arrow-size) solid var(--tooltip-color);content:"";transform-origin:top center}@media screen and (max-width:435px){.colours-links{height:12rem;width:12rem}}@media screen and (max-width:400px){.colours-links{height:15rem;margin-left:1.6rem;width:15rem}}.closeBtn{background-color:initial;border:none;position:fixed;right:1%;top:3%;z-index:11}.closeBtn ion-icon{color:#000;font-size:3rem}.closeBtn:hover ion-icon{color:#000;transform:scale(1)}.closeBtn-white ion-icon,.closeBtn-white:hover ion-icon{color:#fff}.overlay{background-color:#000000d9;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.modal-container{height:58%;max-width:120rem}.modal-colour-container,.modal-container{box-shadow:0 0 20px 0 #00000080;display:flex;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.modal-colour-container{background-color:#fff;max-height:100vh;max-width:60rem;overflow-y:scroll}@media screen and (max-width:900px){.modal-container{height:70%}}@media screen and (max-width:600px){.modal-container{height:85vh}.modal-colour-container{max-height:100vh}.overlay{background-color:#000000e6}}@media screen and (max-width:460px){.closeBtn{right:0;top:0}}.colour-section{margin:5rem auto 0;max-width:80rem;min-height:65vh;padding:2rem}.colour-headline{font-size:4rem;letter-spacing:0}.colour-section p{margin-bottom:2rem}.colour-img-box{height:25rem;margin-bottom:5rem;width:100%}.img-colour{border:.1px solid rgba(0,0,0,.247)}.colour-img-box img{height:100%;object-fit:cover;object-position:left;width:100%}.colour-details{color:#000;margin-left:2rem}.colour-name{font-size:2.7rem;font-weight:600;margin-bottom:5rem}.product-specification{padding-bottom:4rem}.product-specification-title{font-size:2.3rem;font-weight:300;margin-bottom:2rem}.product-specification-list{font-size:1.8rem;line-height:1.4;margin-bottom:4rem;margin-left:1.5rem}.pdf-link{color:#222;font-size:2rem;font-weight:400;margin-left:3rem;text-decoration:none}.pdf-link ion-icon{font-size:3rem;position:absolute;transform:translate(-110%,-25%)}.pdf-link p{color:var(--text-color);font-size:1.6rem;font-weight:300;margin-left:3rem;margin-top:.6rem}.pdf-download{align-items:flex-end;display:flex;margin-bottom:10rem;max-width:90rem;padding:1rem}.pdf-download img{height:20rem}.pdf-download .pdf-link{padding:0 0 2rem 2rem}.pdf-download .pdf-link p{color:#222;font-size:1.8rem;margin-left:0}@media screen and (max-width:450px){.pdf-download{align-items:start;flex-direction:column}.pdf-download img{margin-bottom:2rem;padding-left:3rem}}.gallery{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin-bottom:10vh;padding:1rem .5rem}.colours-surface-links{position:relative}.colours-surface-links img{inline-size:100%}.colours-surface-links:after,.colours-surface-links:before{--scale:0;--arrow-size:10px;--tooltip-color:#222;left:50%;position:absolute;top:-.2rem;transform:translateX(-50%) translateY(0) scale(var(--scale));transform:translateX(-50%) translateY(var(--translate-y,0)) scale(var(--scale));transform-origin:bottom center;transition:transform .15s}.colours-surface-links:before{--translate-y:calc(-100% - var(--arrow-size));align-items:center;background:var(--tooltip-color);color:#fff;content:attr(data-tooltip);display:flex;font-size:1.8rem;font-weight:400;height:3.7em;justify-content:center;letter-spacing:.03em;line-height:1.2;padding:1.4em;position:absolute;text-align:center;width:-webkit-max-content;width:max-content}.colours-surface-links:first-child:before{max-width:150%}.colours-surface-links:last-child:before{max-width:180%}.colours-surface-links:hover:after,.colours-surface-links:hover:before{--scale:1}.colours-surface-links:after{--translate-y:calc(var(--arrow-size)*-1);border-top-color:#0000;border:var(--arrow-size) solid #0000;border-top:var(--arrow-size) solid var(--tooltip-color);content:"";transform-origin:top center}.cover-name{display:none}.image-section-display{position:absolute}.sec-headline{margin-top:50vh}@media screen and (max-width:1200px){.gallery{padding:1rem 2rem}}@media screen and (max-width:960px){.gallery{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:1rem 1.5rem}.sec-headline{margin-top:40vh}.colours-surface-links{margin-bottom:2rem}.colours-surface-links img{margin-bottom:.5rem}.cover-name{color:#222;display:block;font-size:1.5rem;font-weight:600;padding-left:.2em}.colours-surface-links{text-decoration:none}}@media screen and (max-width:600px){.image-display{display:none}.sec-headline{margin-top:8rem}}.caroussel-container{height:75rem;margin:5rem auto;max-width:120rem;position:relative}.closeBtn-link{position:absolute;right:1.5rem;top:1rem;z-index:9}.closeBtn-link ion-icon{background-color:#000;border-radius:50%;color:#fff;font-size:3rem;opacity:.7;padding:.5rem}.closeBtn-link:hover ion-icon{color:#fff;opacity:1;transform:scale(1)}swiper-container,swiper-slide{height:100%;width:100%}swiper-slide{overflow:hidden}swiper-slide img{height:96.5%;object-fit:cover;width:100%}@media screen and (max-width:960px){.closeBtn-link{right:-1rem;top:-1rem}}@media screen and (max-width:800px){.caroussel-container{height:60rem;max-width:800rem}}@media screen and (max-width:600px){.caroussel-container{height:65rem;margin-top:0}.closeBtn-link ion-icon{border-radius:50%;font-size:2.5rem;opacity:.9;padding:.5rem}}@media screen and (max-width:375px){.caroussel-container{height:58rem}swiper-slide img{height:95%;width:100%}}
/*# sourceMappingURL=main.9ed6efbd.css.map*/