:root{--screens-primary:#67442e;--screens-secondary:#a5a8a8;--poolperf-primary:#00b9c6;--poolperf-secondary:#053054;--screens-primary-rgb:103,68,46;--screens-secondary-rgb:165,168,168;--fs-1:calc(1.375rem + 1.5vw);--fs-2:calc(1.325rem + 0.9vw);--fs-3:calc(1.3rem + 0.6vw);--fs-4:calc(1.275rem + 0.3vw);--fs-5:1.25rem;--fs-6:1rem;--fs-7:0.8rem;--fs-8:0.7rem;--transition-time:1000ms}body{display:flex;flex-direction:column;height:100dvh}.btn,body{font-family:Montserrat,sans-serif}main{display:flex;flex-grow:1;flex-direction:column}.hero-section{text-wrap:balance}#section1{height:clamp(30vw,56.25vw,100dvh - 70px - 236px)}#section1 video.hide-controls::-webkit-media-controls{display:none}.max-dvh-100{max-height:100dvh}.max-dvh-50{max-height:50dvh}.design-your-balustrade-section{background-color:#f2f2f2}section{padding:1rem}ol.steps{list-style-type:none;counter-reset:step-counter}ol.steps li{counter-increment:step-counter;margin:1em 0}ol.steps li::before{content:'Step ' counter(step-counter) ': ';font-weight:700;color:#0078d4;margin-right:.5em}.navbar-brand{line-height:1}.text-screens-primary{color:var(--screens-primary)}.text-poolperf-primary{color:var(--poolperf-primary)}.text-screens-secondary{color:var(--screens-secondary)}.text-poolperf-secondary{color:var(--poolperf-secondary)}.bg-screens-primary{background-color:var(--screens-primary)}.bg-screens-secondary{background-color:var(--screens-secondary)}.bg-poolperf-primary{background-color:var(--poolperf-primary)}.bg-poolperf-secondary{background-color:var(--poolperf-secondary)}.navbar-toggler{border:0}.col label{opacity:1}.col label:hover{opacity:1}@supports (selector(:has(*))){.col label{opacity:.5}.col label:has(input:checked){opacity:1}}.disabled{opacity:.65}.col label:has(input:checked){opacity:1}.text-shadow-light{text-shadow:0 0 20px #fff}.max-length-4{max-width:12rem}.shadow-top{box-shadow:0 -5px 5px 0 rgba(0 0 0 / 20%)}.shadow-bottom{box-shadow:0 5px 5px 0 rgba(0 0 0 / 20%)}.shadow-left{box-shadow:-5px 0 5px 0 rgba(0 0 0 / 20%)}.shadow-right{box-shadow:5px 0 5px 0 rgba(0 0 0 / 20%)}.notification-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}.custom-notification{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;min-width:min(90vw,400px)}.custom-notification p{text-wrap:balance}.bg-dark-blue{background-color:#1a3352;color:var(--bs-gray-100)}.bg-gray-0{background-color:#fff;color:var(--bs-gray-900)}.bg-gray-100{background-color:var(--bs-gray-100);color:var(--bs-gray-900)}.bg-gray-200{background-color:#fff;color:var(--bs-gray-900)}.bg-gray-300{background-color:var(--bs-gray-300);color:var(--bs-gray-900)}.bg-gray-400{background-color:var(--bs-gray-400);color:var(--bs-gray-900)}.bg-gray-500{background-color:var(--bs-gray-500);color:var(--bs-gray-900)}.bg-gray-600{background-color:var(--bs-gray-600);color:#fff}.bg-gray-700{background-color:var(--bs-gray-700);color:var(--bs-gray-100)}.bg-gray-800{background-color:var(--bs-gray-800);color:var(--bs-gray-100)}.bg-gray-900{background-color:var(--bs-gray-400);color:var(--bs-gray-100)}[data-bs-theme=dark] .bg-gray-0,[data-bs-theme=dark] .bg-gray-100,[data-bs-theme=dark] .bg-gray-200,[data-bs-theme=dark] .bg-gray-300,[data-bs-theme=dark] .bg-gray-400,[data-bs-theme=dark] .bg-gray-500,[data-bs-theme=dark] .bg-gray-600,[data-bs-theme=dark] .bg-gray-700,[data-bs-theme=dark] .bg-gray-800{background-color:var(--bs-gray-900);color:var(--bs-gray-100)}[data-bs-theme=dark] .bg-dark-blue{background-color:#0d1b2b;color:var(--bs-gray-400)}.outline-border{outline:solid 1px #c1c2c5}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#itemCanvasList .offcanvas{width:100vw;box-shadow:0 0 5px 0 #000}@media (max-width:576px){#itemCanvasList .offcanvas{width:100vw;border:none}}.dropdown-item,.no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cursor-pointer,.dropdown-item{cursor:pointer}#accessForm .fade-out{transition:opacity .25s;opacity:0}#accessForm .fade-in{transition:opacity .25s;opacity:1}.form-floating>div.form-control:not(:empty)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>div.form-control:empty:not(:focus)~label{opacity:1;transform:scale(1);font-size:80%;color:#6c757d;text-transform:capitalize}.form-floating{padding-bottom:2px;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.form-floating .label{font-size:80%;color:#6c757d;text-transform:capitalize}.text-wrap-balance{text-wrap:balance}.text-lightgray{color:#d3d3d3}.form-floating .select-label{opacity:100%!important;transform:scale(1)!important}#accessCode{align-items:center;justify-content:center;display:flex;flex-wrap:nowrap;flex-direction:row;gap:.2rem;font-size:1.5rem}#accessCode>div{border:1px solid #d3d3d3;border-radius:.2rem;text-align:center}.slide-container{position:relative;width:100%}.slide-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:opacity var(--transition-time) ease-in-out,transform var(--transition-time) cubic-bezier(.6, -.28, .4, 1.28)}.slide-item-next,.slide-item-prev,.slide-item.active{display:block}.active.slide-item-end,.slide-item-next:not(.slide-item-start){transform:translateX(150%)}.active.slide-item-start,.slide-item-prev:not(.slide-item-end){transform:translateX(-150%)}.incorrect{animation:shake .15s;animation-iteration-count:2;box-shadow:inset 0 0 10px 0 red;border:1px solid red}.shake{animation:shake .15s;animation-iteration-count:2}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}.overflow-hidden{overflow:hidden}.justify-content-space-between{justify-content:space-between}.dvh-100,.vh-100{height:100dvh!important}.flex{display:flex}.grid{display:grid}.justify-items-center{justify-items:center}.grid.content-grid{--padding-inline:2rem;--content-max-width:700px;grid-template-columns:1fr [content-start] min(100%,600px,max(50%,350px)) [content-end] 1fr}.content-grid *,.content-grid .grid-content{grid-column:content}.on-submit-show,.submitting .on-submit-hide{display:none}.on-submit-hide,.submitting .on-submit-show{display:block}.dark-only{display:none}[data-bs-theme=dark] .dark-only{display:block}[data-bs-theme=dark] .light-only{display:none}.max-width{max-width:1600px}.max-w-100{max-width:100%}.display-none{display:none}.blur-load{position:relative}.blur-load.not-loaded img,img.blur-load.not-loaded{opacity:0}.blur-load img,img.blur-load{transition:opacity 1s ease}.blur-load.not-loaded::before{content:'';position:absolute;inset:0;animation:pulse 2s infinite;background-color:#000;border-radius:min(50vh,.5rem);box-shadow:0 0 20px 0 #000;backdrop-filter:blur(3px)}.blur-load.loaded::before{content:none}.form-check input,.form-check label{cursor:pointer;user-select:none}@keyframes pulse{0%{background-color:rgba(0,0,0,.1);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}50%{background-color:rgba(255,255,255,.1);box-shadow:0 0 20px 0 rgba(255,255,255,.2)}100%{background-color:rgba(0,0,0,.1);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}}.blur-load.loaded img,img.blur-load.loaded{opacity:1}.blur-load.loaded{background-image:none!important}@media (min-width:0){.fs-xs-1{font-size:var(--fs-1)!important}.fs-xs-2{font-size:var(--fs-2)!important}.fs-xs-3{font-size:var(--fs-3)!important}.fs-xs-4{font-size:var(--fs-4)!important}.fs-xs-5{font-size:var(--fs-5)!important}.fs-xs-6{font-size:var(--fs-6)!important}.fs-xs-7{font-size:var(--fs-7)!important}.fs-xs-8{font-size:var(--fs-8)!important}}@media (min-width:576px){.fs-sm-1{font-size:var(--fs-1)!important}.fs-sm-2{font-size:var(--fs-2)!important}.fs-sm-3{font-size:var(--fs-3)!important}.fs-sm-4{font-size:var(--fs-4)!important}.fs-sm-5{font-size:var(--fs-5)!important}.fs-sm-6{font-size:var(--fs-6)!important}.fs-sm-7{font-size:var(--fs-7)!important}.fs-sm-8{font-size:var(--fs-8)!important}}@media (min-width:768px){.fs-md-1{font-size:var(--fs-1)!important}.fs-md-2{font-size:var(--fs-2)!important}.fs-md-3{font-size:var(--fs-3)!important}.fs-md-4{font-size:var(--fs-4)!important}.fs-md-5{font-size:var(--fs-5)!important}.fs-md-6{font-size:var(--fs-6)!important}.fs-md-7{font-size:var(--fs-7)!important}.fs-md-8{font-size:var(--fs-8)!important}}@media (min-width:992px){.fs-lg-1{font-size:var(--fs-1)!important}.fs-lg-2{font-size:var(--fs-2)!important}.fs-lg-3{font-size:var(--fs-3)!important}.fs-lg-4{font-size:var(--fs-4)!important}.fs-lg-5{font-size:var(--fs-5)!important}.fs-lg-6{font-size:var(--fs-6)!important}.fs-lg-7{font-size:var(--fs-7)!important}.fs-lg-8{font-size:var(--fs-8)!important}}@media (min-width:1200px){.fs-xl-1{font-size:var(--fs-1)!important}.fs-xl-2{font-size:var(--fs-2)!important}.fs-xl-3{font-size:var(--fs-3)!important}.fs-xl-4{font-size:var(--fs-4)!important}.fs-xl-5{font-size:var(--fs-5)!important}.fs-xl-6{font-size:var(--fs-6)!important}.fs-xl-7{font-size:var(--fs-7)!important}.fs-xl-8{font-size:var(--fs-8)!important}}@media (min-width:1400px){.fs-xxl-1{font-size:var(--fs-1)!important}.fs-xxl-2{font-size:var(--fs-2)!important}.fs-xxl-3{font-size:var(--fs-3)!important}.fs-xxl-4{font-size:var(--fs-4)!important}.fs-xxl-5{font-size:var(--fs-5)!important}.fs-xxl-6{font-size:var(--fs-6)!important}.fs-xxl-7{font-size:var(--fs-7)!important}.fs-xxl-8{font-size:var(--fs-8)!important}}