/*!/wp-content/themes/spotlesswater/style.css*//*!
Theme Name: Spotless Water
Theme URI: https://www.cbwebsitedesign.co.uk/
Author: Creative Brand Design
Author URI: https://www.cbwebsitedesign.co.uk/
Description: The UK's First Self-Service Ultra Pure Water Distribution Network.
Version: 1.0.0
Text Domain: spotlesswater
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
 [data-scroll-section]{perspective:1px;will-change:transform}@media (max-width:768px){footer .container-fluid{overflow:hidden}.hover-image{filter:brightness(.5)}}section{position:relative}html{text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden;margin:0}body{overflow:hidden}@media (max-height:750px) and (min-width:1200px){.hero-content-col{padding-top:10%}}@media (max-height:600px) and (min-width:992px){.hero-content-col{padding-top:20%}}.horizontal-swiper .pagination{height:fit-content;padding-top:0;top:35%;bottom:auto;transition:0.4s all;will-change:transform;pointer-events:none}.horizontal-swiper .swiper-pagination-bullet{top:auto;margin-bottom:100px!important;pointer-events:all}@media (max-width:1260px){.horizontal-swiper .swiper-pagination-bullet{margin-bottom:75px!important}}@media (max-width:640px){.horizontal-swiper .pagination{top:30px;left:30px}.horizontal-swiper .swiper-pagination-bullet{margin-bottom:30px!important}}.fancybox-slide{height:100vh}.nearest-h{font-size:8vw;color:#0054c7;font-weight:500;text-align:center;z-index:5;color:#fff;text-shadow:0 0 3px #000d40}.home-location .nearest-h{position:absolute;left:0;right:0;width:100%;text-align:center;top:-15.55vw}.horizontal-slider-section.home-location{padding:18vh 0;z-index:9}.plus:nth-of-type(7){bottom:5vw}@media (max-width:768px){.horizontal-slider-section.home-location{padding:4.5vh}}section.text-slider-section{background-color:#0054c7}.calculator-section{margin-top:5rem;margin-bottom:10rem;height:100%}.calculator-section .gform_wrapper.gravity-theme .gform_fields{grid-row-gap:0}.calculator-section .gform_wrapper.gravity-theme .gfield{margin:2.5rem 0}.calculator-section h3{font-size:2.5rem}.calculator-section .gfrom_wrapper.gravity-theme .gfield_label{font-weight:500}.calculator-section input{border:1px solid lightgrey;border-radius:5px}.calculator-section .gform_wrapper.gravity-theme .gfield input.medium,.calculator-section .gform_wrapper.gravity-theme .gfield select.medium{width:calc(65% - 8px)}.calculator-section input[type="number"]::-webkit-inner-spin-button,.calculator-section input[type="number"]::-webkit-outer-spin-button{opacity:1}.calculator-section .gfield select{-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cstyle%3Esvg%7Bfill:%23d3d3d3%7D%3C/style%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center right 10px;border:1px solid lightgrey;border-radius:5px}.calculator-section .gfield_radio{display:flex;gap:20px}.calculator-section .gfield_radio .gchoice{padding:10px 30px;border:1px solid lightgrey;border-radius:10px}.calculator-section .gfield_radio .gchoice.clicked{border-color:#0054c7;background:rgb(0 83 199 / .25)}.calculator-section .gform_wrapper.gravity-theme .gfield-choice-input+label{max-width:100%}.calculator-section .gform_wrapper.gravity-theme .gsection{border-bottom:0;margin-bottom:0}.calculator-section .calc-total{background-color:#0054c7;text-align:center;color:#fff;padding-top:2.5rem;margin:0!important}.calculator-section #field_1_16.calc-total{padding-bottom:2.5rem}.calculator-section .calc-total label{font-size:3.5rem!important}.calculator-section #field_1_16.calc-total .gfield_label{font-weight:400}.calculator-section #field_1_16.calc-total .gfield_description{font-size:2.5rem}.calculator-section .calc-total .ginput_container{width:50%;margin:0 auto}.calculator-section .calc-total .ginput_container input{text-align:center;background:#0054c7;border:none;color:#fff;font-size:7rem!important;pointer-events:none}.calculator-section .select-arrow h3{position:relative;line-height:1}.calculator-section .calc-total #input_1_17{font-weight:700}.calculator-section #field_1_43 label{font-size:3rem!important;font-weight:400}.calculator-section .calc-total #gfield_description_1_43{font-size:3rem!important}.calculator-section .gfield--type-LabelRangeslider .ginput_container{width:calc(65% - 8px)}.calculator-section .ui-state-default{border-radius:100%!important;background:#0054c7!important;border:#0054c7!important}.calculator-section .scale-slider .ui-slider-handle{height:15px!important;width:15px!important}.calculator-section .scale-slider.ui-slider .ui-slider-range{background:#0054c7!important}.calculator-section .ui-slider-pips .ui-slider-pip{top:10px}.calculator-section .scale-slider .ui-slider-pip:nth-of-type(10n+3) .ui-slider-label{top:5px}.calculator-section .scale-slider .ui-slider-pip .ui-slider-line{display:none;height:0px!important}.calculator-section .scale-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label{background:transparent!important;color:#434d5a}.calculator-section .gform_confirmation_message_1{font-size:2rem;padding-top:10px}.calculator-section .gform_footer input[type="submit"]{background:#0054c7;color:#fff;font-size:2rem;padding:10px 0;min-width:150px}.calculator-section .gftt-label{font-size:1.5rem}.home-cost-calculator{padding:21vh 8.3%}.blue-bg{background-color:#171f3d}.home-cost-calculator .nearest-h{position:absolute;top:-5.55vw;left:50%;transform:translate(-50%);width:100%}.home-cost-calculator .text-content{color:#fff;text-align:center;font-size:2.8rem;margin-bottom:5.5rem}.home-cost-calculator .text-content span{color:lightblue;font-size:2.8rem}.home-cost-calculator .button:hover{background:#0054c7}.home-cost-calculator .step{color:#fff}.home-cost-calculator .step .step-title h3{color:#fff}.home-cost-calculator .calc-steps{overflow:hidden;width:100%;counter-reset:step;display:flex;background-image:linear-gradient(to right,#2c52ce,#2444af)}.home-cost-calculator .step{position:relative;display:inline-block;counter-increment:step;width:33.3%}.home-cost-calculator .step.divArrow:before,.home-cost-calculator .step.divArrow:after{position:absolute;content:"";background-color:#171f3d;height:calc(50% + 0.5px);width:5px;right:10%;z-index:2}.home-cost-calculator .step:before{transform:skew(25deg);transform-origin:top left;top:0}.home-cost-calculator .step:after{transform:skew(-25deg);transform-origin:bottom left;bottom:-1px}.home-cost-calculator .step-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;padding:10% 0}.home-cost-calculator .step-container .step-icon{border:1px solid #fff;border-radius:5px;padding:25px;transform:rotate(45deg);height:100px;width:100px;display:flex;justify-content:center}.home-cost-calculator .step-container .step-icon img{transform:rotate(-45deg)}.home-cost-calculator .step-container .step-title{margin-top:3rem}.home-cost-calculator .step-container .step-title h3{font-size:4rem}.home-cost-calculator .step-content{font-size:2.5rem;width:50%;text-align:center}@media (max-width:992px){.home-cost-calculator{padding:10rem .75rem;display:flex;flex-direction:column;align-items:center}.home-cost-calculator .step-content{font-size:2.8rem}.home-cost-calculator .calc-steps{flex-direction:column;gap:50px;background-image:linear-gradient(to bottom,#2c52ce,#2444af);width:80%}.home-cost-calculator .step{width:100%}.home-cost-calculator .step.divArrow:before,.home-cost-calculator .step.divArrow:after{bottom:10%;width:50%;height:10px;top:unset}.home-cost-calculator .step.divArrow:before{transform:skew(1deg,20deg);left:0;transform-origin:left}.home-cost-calculator .step.divArrow:after{transform:skew(-1deg,-20deg);right:0;transform-origin:right}}@media screen and (max-width:838px){.home-cost-calculator .number-h-holder{align-items:center!important}}@media (max-width:625px){.home-cost-calculator{padding:10rem .675rem}}@media only screen and (max-width:1000px) and (min-width:480px){section.boxes-section .box{width:calc(50% - 20px);border-bottom:1px #0054c7 solid;margin:10px;text-align:center}section.boxes-section .box-label{margin:0 auto}}@media (max-width:1000px){section.home-hero .hero-content-col h1,section.home-hero .hero-content-col p,section.home-hero .hero-content-col .hero-buttons-holder,section.home-hero .hero-content-col .scroll{text-align:center;margin:15px auto}section.home-hero .row{flex-direction:column-reverse;min-height:100vh;justify-content:center}}.double-image-container{margin-top:20%}.style-text p:not(:last-child){margin-bottom:20px}.style-text h3{margin-top:20px}.style-text ul{margin-top:20px}@media (max-width:1550px){.double-image-container img{width:80%}.double-image-container img:first-of-type{left:0}.double-image-container img:last-of-type{right:0}}@media (max-width:1450px){.double-image-container img{width:100%}.double-image-container img:first-of-type{left:0}.double-image-container img:last-of-type{right:0}.single-image-text-section .row{align-items:center}}@media (max-width:991px){.double-image-container img{width:45%}}.calculator-section .section-p p{margin-bottom:0}.calculator-section .section-p h2{font-size:4rem;font-weight:900;text-align:center;margin:5.5rem;margin-bottom:4rem}.calculator-section .section-p>ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 20px}.calculator-section .section-p>ul>li{background-color:#0054c7;display:flex;flex-direction:column;align-items:center}.calculator-section .section-p>ul>li strong{color:#fff;font-size:2.5rem}.calculator-section .section-p ul{margin-left:0;margin-top:10px;padding-left:0}.calculator-section .section-p li{list-style-type:none;padding:25px;color:#fff}.calc-section-title{text-align:center;margin:50px 0 35px}.calc-section-title h2{font-size:5.4rem}.calculator-section #field_1_16{margin-top:2rem!important}.calculator-section #field_1_43{padding-bottom:2.5rem}#gform_confirmation_wrapper_1 .calc-total.advanced-field{padding-bottom:2.5rem;font-weight:400;font-size:3.5rem}#gform_confirmation_wrapper_1 .calc-total.advanced-field span{font-size:7rem!important}.calc-swiper.swiper-grid-column>.swiper-wrapper{flex-direction:unset}.calc-swiper.swiper{overflow:visible}.calc-section{position:relative}.calc-section:before,.calc-section:after{content:"";position:absolute;z-index:1;width:40%;height:100%;top:0;height:100%;pointer-events:none}.calc-section:before{left:0;background:linear-gradient(to right,rgb(255 255 255) 25%,#fff0 55%);z-index:100}.calc-section:after{right:0;background:linear-gradient(to left,rgb(255 255 255) 25%,#fff0 55%)}.calc-swiper .box{height:100%;border:none;padding:10px}.calc-swiper .box-inner{height:100%;min-height:250px;width:100%;background:#0054c7;border-radius:25px;display:flex;flex-direction:column;align-items:center;padding:20px;gap:10px}.calc-swiper .image{width:35px;height:35px}.calc-swiper .title{font-size:2rem;font-weight:600;color:#fff}.calc-swiper .content{text-align:center;font-size:1.5rem;color:#fff}.calc-swiper .box:hover{background:unset}.swiper-arrows .swiper-button-next{right:7vw}.swiper-arrows .swiper-button-next:after{color:lightgrey;font-weight:900}.swiper-arrows .swiper-button-prev{left:7vw;z-index:100}.swiper-arrows .swiper-button-prev{color:lightgrey;font-weight:900}@media (max-width:768px){.calc-swiper{width:80%;margin:0 auto}.calc-swiper.swiper{overflow:hidden}.calc-section:before,.calc-section:after{display:none}.swiper-arrows .swiper-button-next{right:4vw}.swiper-arrows .swiper-button-prev{left:4vw}}@media (max-width:980px){.calc-swiper{width:80%;margin:0 auto}.swiper-arrows .swiper-button-next{right:4vw}.swiper-arrows .swiper-button-prev{left:4vw}}@media (max-width:1240px){.calc-swiper.swiper{overflow:hidden}.calc-section:before,.calc-section:after{display:none}}@media (max-width:1200px){.calculator-section .section-p>ul{grid-template-columns:1fr 1fr}}@media (max-width:768px){.calculator-section .section-p>ul{grid-template-columns:1fr}}body{perspective:none;}