Untitled
unknown
html
2 years ago
349 kB
4
Indexable
<head>
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5RQ5N6T"></script><script type="text/javascript" async="" src="https://api.trustedform.com/trustedform.js?provide_referrer=false&field=trustedFormCertUrl&l=16907319266930.2958642024005482&invert_field_sensitivity=false"></script><script type="text/javascript">
(function() {
var field = 'trustedFormCertUrl';
var provideReferrer = false;
var invertFieldSensitivity = false;
var tf = document.createElement('script');
tf.type = 'text/javascript'; tf.async = true;
tf.src = 'http' + ('https:' == document.location.protocol ? 's' : '') +
'://api.trustedform.com/trustedform.js?provide_referrer=' + escape(provideReferrer) + '&field=' + escape(field) + '&l='+new Date().getTime()+Math.random() + '&invert_field_sensitivity=' + invertFieldSensitivity;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(tf, s); }
)();
</script>
<script defer="" async="" src="https://maps.googleapis.com/maps/api/js?v=3.53&key=AIzaSyAu0eaBXogrfs08JszLOnZ4FKwsF-_SnHE&libraries=places&language=en&callback=Function.prototype">
</script>
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})
(window,document,'script','dataLayer','GTM-5RQ5N6T');
</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="noindex">
<meta property="og:title" content="Eliminate Hard Water And Contaminants From Your Water Supply">
<meta property="og:description" content="See why this salt-free water conditioning system is essential to keeping your family healthy.">
<meta property="og:image" content="/build/images/og-img.e901bb51.jpg">
<title>Leaf Water Systems</title>
<link rel="shortcut icon" type="image/png" href="https://www.leafwatersystems.com/build/images/logo/favicon-leafwater.0710f89a.png">
<link rel="shortcut icon" sizes="196x196" href="https://www.leafwatersystems.com/build/images/logo/favicon-leafwater.0710f89a.png">
<link rel="apple-touch-icon" href="https://www.leafwatersystems.com/build/images/logo/favicon-leafwater.0710f89a.png">
<!-- Custom Browsers Color -->
<meta name="theme-color" content="#383738">
<link rel="stylesheet" href="/build/app.0468593c.css">
<link rel="stylesheet" href="https://localhost:54568/stylesheet?id=bax7TWJ2gLiL7Ceq"><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/53/13/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/53/13/util.js"></script></head>
<body class="">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RQ5N6T" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="header ">
<div class="container-md">
<div class="header__wrap">
<a href="lp" class="header__link" data-gtm-click="mainLogoClicked">
<img src="/build/images/logo/logo.c84867cc.svg" alt="logo" class="header__logo header__logo_leafwater" data-gtm-click="mainLogoClicked">
</a>
</div>
</div>
</div>
<div class="d-sm-none">
<div class="btnScroll text-center" style="display: none;">
<button type="button" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick btnFloat_animate" data-scroll-trigger="" data-gtm-click="estimateYourCostClicked">
Click For Pricing <i class="lavin-right-small"></i>
</button>
</div> </div>
<section class="section pb-5 pb-sm-4 pb-md-5 pt-2">
<div class="container-md">
<div class="hero ">
<div class="blockTitle mb-3 mb-sm-4">
<div class="blockTitle__hdr fs-44 fs-xl-38 fs-lg-28 fs-sm-24 fs-mbs-22 fs-mbm-19 mb-2 mb-sm-3">
See How Over 650,000 US Homeowners Got Rid Of Limescale Build-Up Permanently With This <span class="color-red">Affordable, <span class="text-nowrap">US-Made</span> Water Treatment System</span>
</div>
<div class="blockTitle__txt">
Eliminates hard water, heavy metals, toxic chemicals & viruses and is installed in <span class="color-red"><u>1 day</u></span>
</div>
</div>
<div class="row pt-lg-1">
<div class="col px-0 px-md-3">
<div class="hero__video">
<div class="blockVideo" data-main-video="">
<video class="blockVideo__video" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" poster="https://mediastrg.com/e19a478/video/heroVideo8-cover.jpg?v1689339953" src="https://mediastrg.com/e19a478/video/heroVideo8.mp4?v1689339953">
</video>
<div class="blockVideo__txt blockVideo__txt_big blockVideo__txt_darkBlueBg text-sm-center px-3 px-sm-2 px-md-3 py-2 py-sm-1 py-lg-2">
Perfect for homes with City and Well water.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section pt-0">
<div class="container-md">
<div class="infoBlock p-0 p-md-4">
<div class="row justify-content-center align-items-center">
<div class="col-5 col-sm-3 col-md-4 col-lg-3 order-2 order-sm-1">
<div class="infoBlock__img mt-2 mt-sm-0 mb-sm-2 mb-md-0 px-xl-4 mx-auto loadLazy loadLazy_square loadLazy_loaded">
<img class="loadLazy__media loadLazy__media_loaded" data-src="/build/images/usa-quality.5a23ee83.jpg" alt="badge" src="/build/images/usa-quality.5a23ee83.jpg">
</div>
</div>
<div class="col-12 col-md-8 col-lg-9 pl-xl-0 order-1 order-sm-2">
<div class="blockTitle">
<div class="blockTitle__txt">
Leaf Home Water Solutions has designed an <b>affordable whole-house system</b> that is proven to protect American families from harmful
contaminants, chemicals, and heavy metals in their water supply. This revolutionary technology requires absolutely <b><u>zero salt</u></b> to
remove hard water and provides clean, purified H<sub>2</sub>O for the entire household.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="section background-lightBlue">
<div class="container-md">
<div class="row">
<div class="col">
<div class="blockTitle mb-3 mb-sm-4 pb-sm-2">
<div class="blockTitle__hdr mb-2 mb-sm-3 text-center">
What Our System Eliminates
</div>
<div class="blockTitle__txt">
Our solution guards your family against the hard water, pollutants, pathogens & PFAS chemicals commonly found in US
drinking water - many of which have been linked to a host of harmful side effects, from hair loss to eczema and even kidney problems.
</div>
</div>
</div>
</div>
</div>
<div class="container-md position-relative ">
<div>
<div class="row mb-n2 mb-sm-n4 mb-lg-n2">
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 ">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect loadLazy_loaded">
<img class="advantage__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/problems/heavy-metals.35fccd26.jpg" alt="img" src="/build/images/problems/heavy-metals.35fccd26.jpg">
</div>
<p class="advantage__title py-1 text-center ">Heavy metals</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 ">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect loadLazy_loaded">
<img class="advantage__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/problems/hard-water.f6f42572.jpg" alt="img" src="/build/images/problems/hard-water.f6f42572.jpg">
</div>
<p class="advantage__title py-1 text-center ">Hard water</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 ">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect loadLazy_loaded">
<img class="advantage__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/problems/bacterial.1d6e721d.jpg" alt="img" src="/build/images/problems/bacterial.1d6e721d.jpg">
</div>
<p class="advantage__title py-1 text-center ">Bacterial contamination</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 ">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect loadLazy_loaded">
<img class="advantage__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/problems/iron-manganese.027c3212.jpg" alt="img" src="/build/images/problems/iron-manganese.027c3212.jpg">
</div>
<p class="advantage__title py-1 text-center ">Iron and manganese</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 d-none d-lg-block">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect">
<img class="advantage__img loadLazy__media lazy" data-src="/build/images/problems/sulphur.16aa371e.jpg" alt="img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1.55'%3E%3C/svg%3E">
</div>
<p class="advantage__title py-1 text-center ">Rotten egg smell</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 d-none d-lg-block">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect">
<img class="advantage__img loadLazy__media lazy" data-src="/build/images/problems/sediment.69282dc3.jpg" alt="img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1.55'%3E%3C/svg%3E">
</div>
<p class="advantage__title py-1 text-center ">Sediment</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 ">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect loadLazy_loaded">
<img class="advantage__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/problems/pesticides.ced8f0f8.jpg" alt="img" src="/build/images/problems/pesticides.ced8f0f8.jpg">
</div>
<p class="advantage__title py-1 text-center ">Pesticides</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3 px-1 px-sm-3 mb-2 mb-sm-4 ">
<div class="advantage advantage_shadow advantage_borderRadius">
<div class="loadLazy loadLazy_rect loadLazy_loaded">
<img class="advantage__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/problems/chlorine-chloramine.2a94ad29.jpg" alt="img" src="/build/images/problems/chlorine-chloramine.2a94ad29.jpg">
</div>
<p class="advantage__title py-1 text-center ">Chlorine & chloramine</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-md">
<div class="mt-4 mt-md-3 text-center">
<button type="button" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick btnFloat_animate" data-scroll-trigger="">
Get Water System Cost
</button>
</div>
</div>
</section>
<section class="section">
<div class="container-md">
<div class="row">
<div class="col-12">
<div class="blockTitle mb-3 text-center">
<div class="blockTitle__hdr">
100% Proven To Protect Your Home And Family
</div>
</div>
</div>
</div>
<div class="row justify-content-center mb-4 pb-sm-1">
<div class="col-12 col-lg-10 px-0 px-md-3">
<div class="shadowAndBorder loadLazy">
<div class="blockVideo d-none d-sm-block">
<div class="loadLazy">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/water-benefits-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/water-benefits.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/water-benefits-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/water-benefits-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/water-benefits-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/water-benefits-mob-cover.jpg?v1689339953">
</video>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-10">
<ul class="blockList blockList_benefitsCheckmark coloumn-count-1 coloumn-count-md-2">
<li class="blockList__item d-inline-block w-100">Removes limescale, harsh minerals & rust build-up in your home</li>
<li class="blockList__item d-inline-block w-100">Prevents damage to your appliances and pipes </li>
<li class="blockList__item d-inline-block w-100">Makes your water healthy to drink</li>
<li class="blockList__item d-inline-block w-100">Removes white stains from dishes, makes clothes brighter & softer</li>
<li class="blockList__item d-inline-block w-100">Prevents hair loss and dry skin caused by hard water</li>
<li class="blockList__item d-inline-block w-100 mb-0">Kills waterborne bacteria and viruses</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section_form section_form-v2" data-scroll-destination="">
<div class="container-lg px-0">
<div class="row no-gutters justify-content-center px-2">
<div class="col-12 px-2 h-100">
<div class="blockTitle text-center mb-4 pb-1 pb-sm-0 px-2">
<div class="blockTitle__hdr color-white">
You'll Be Surprised How <span class="color-yellow2">Affordable</span> It Is!
<img class="d-none d-lg-inline-block" src="/build/images/arrow-title.13a17f32.svg" alt="arrow">
</div>
</div>
<div class="formWrap formWrap_themeWhite formWrap_withVisualVer2 formWrap_fixedH formCard_typeD formCard_typeD-noShadow formCard_theme-green text-center" data-form-container="" data-total-steps-number="10" data-simple-animation="" id="form-container-1" data-form-animation="fade" data-transition-next-in="showStep" data-transition-next-out="hidePrevStep" data-transition-prev-in="showPrevStep" data-transition-prev-out="hideStep" data-active-step="1">
<div data-step="" class="steps step-1" data-initial-step="" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/peopleAmount/visualCover/v2.13f86d6b.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none loadLazy_loaded">
<img class="loadLazy__media loadLazy__media_loaded" data-src="/build/images/form/peopleAmount/visualCover/v2-mob.45e58e84.jpg" alt="image" src="/build/images/form/peopleAmount/visualCover/v2-mob.45e58e84.jpg">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
How many people live in your household? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="people_amount" data-copy-form-data-to-other-forms="1" data-tracking="form-step-1" data-action="/create-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-1" data-next-step=".step-2">
<input type="hidden" name="stepNumber" value="1">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="1-3-1-peopleAmount" name="peopleAmount" value="1-3" type="radio">
<label for="1-3-1-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">1-3</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="4-6-1-peopleAmount" name="peopleAmount" value="4-6" type="radio">
<label for="4-6-1-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">4-6</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="6+-1-peopleAmount" name="peopleAmount" value="6+" type="radio">
<label for="6+-1-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">6+</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick px-3 px-sm-4" data-tracking="btn-step-1">
Get Water System Cost
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-2" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/waterType/visualCover/v2.5000bd75.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/waterType/visualCover/v2-mob.3578adf5.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
What type of water do you have? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="water_type" data-copy-form-data-to-other-forms="1" data-tracking="form-step-2" data-previous-step=".step-1" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-2" data-next-step=".step-3">
<input type="hidden" name="stepNumber" value="2">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="city-water-1-waterType" name="waterType" value="City water" type="radio">
<label for="city-water-1-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">City water</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="well-water-1-waterType" name="waterType" value="Well water" type="radio">
<label for="well-water-1-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">Well water</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="unsure-1-waterType" name="waterType" value="Unsure" type="radio">
<label for="unsure-1-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">Unsure</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-2">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-3" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/limescale/visualCover/v1.a58d9188.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/limescale/visualCover/v1-mob.ca9aa55f.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Do you see white, crusty build-up on faucets, shower heads and water-using appliances? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="limescale" data-copy-form-data-to-other-forms="1" data-tracking="form-step-3" data-previous-step=".step-2" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-3" data-next-step=".step-4">
<input type="hidden" name="stepNumber" value="3">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-1-limescale" name="limescale" value="Yes" type="radio">
<label for="yes-1-limescale">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-1-limescale" name="limescale" value="No" type="radio">
<label for="no-1-limescale">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-3">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-4" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/badSmell/visualCover/v2.8b05666e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/badSmell/visualCover/v2-mob.dc0136de.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does your water have an odd taste or a bad smell? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="bad_smell" data-copy-form-data-to-other-forms="1" data-tracking="form-step-4" data-previous-step=".step-3" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-4" data-next-step=".step-5">
<input type="hidden" name="stepNumber" value="4">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-1-badSmell" name="badSmell" value="Yes" type="radio">
<label for="yes-1-badSmell">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-1-badSmell" name="badSmell" value="No" type="radio">
<label for="no-1-badSmell">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-4">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-5" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/skinCondition/visualCover/v2.816d5e0e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/skinCondition/visualCover/v2-mob.d14f6f23.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does your skin feel dry and itchy, or does your hair feel dull and lifeless? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="skin_condition" data-copy-form-data-to-other-forms="1" data-tracking="form-step-5" data-previous-step=".step-4" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-5" data-next-step=".step-6">
<input type="hidden" name="stepNumber" value="5">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-1-skinCondition" name="skinCondition" value="Yes" type="radio">
<label for="yes-1-skinCondition">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-1-skinCondition" name="skinCondition" value="No" type="radio">
<label for="no-1-skinCondition">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-5">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-6" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img position-relative">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/discount/visualCover/v2.f39c7a29.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/discount/visualCover/v2-mob.c239a6bc.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does anyone in your household qualify for an <span class="background-lightYellow d-inline-block px-1">EXTRA 10%</span> senior or military discount? <span class="fs-22 fs-sm-18 font-weight-normal color-grey">(optional)</span> </div>
</div>
</div>
<div class="formSplit__cards">
<form name="discount" data-copy-form-data-to-other-forms="1" data-tracking="form-step-6" data-previous-step=".step-5" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-6" data-next-step=".step-7">
<input type="hidden" name="stepNumber" value="6">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="senior-65+-1-discount" name="discount" value="Senior 65+" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate + an extra 10%">
<label for="senior-65+-1-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Senior 65+</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="military-1-discount" name="discount" value="Military" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate + an extra 10%">
<label for="military-1-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Military</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="neither-1-discount" name="discount" value="Neither" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate">
<label for="neither-1-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Neither</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-6">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-7" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/planning/visualCover/v2.88e21e70.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/planning/visualCover/v2-mob.6d6d763a.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Where are you in the planning process? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="planning" data-copy-form-data-to-other-forms="1" data-tracking="form-step-7" data-previous-step=".step-6" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-7" data-next-step=".step-8">
<input type="hidden" name="stepNumber" value="7">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class=" col-12 col-sm-9
" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="ready-to-install-1-planning" name="planning" value="Ready to install" type="radio">
<label for="ready-to-install-1-planning">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg fill="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H67C83.5685 3 97 16.4315 97 33V95C97 96.1046 96.1046 97 95 97H33C16.4315 97 3 83.5685 3 67V5Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M31.1814 34.4535L30.9188 33.4739C30.8524 33.2259 30.7181 33.0014 30.531 32.8256C30.3439 32.6498 30.1114 32.5298 29.8598 32.4789C27.9029 32.0845 26.0897 31.1668 24.6131 29.8234C23.1366 28.4801 22.0519 26.7615 21.4747 24.8506C20.8975 22.9397 20.8493 20.908 21.3353 18.9719C21.8213 17.0357 22.8232 15.2676 24.2345 13.8558L26.3509 21.7562C26.3977 21.9312 26.4786 22.0952 26.5889 22.2389C26.6992 22.3827 26.8367 22.5033 26.9936 22.5938C27.1505 22.6844 27.3237 22.7432 27.5033 22.7668C27.6829 22.7904 27.8654 22.7784 28.0404 22.7315L36.0337 20.5897C36.2087 20.5428 36.3727 20.462 36.5164 20.3517C36.6602 20.2414 36.7808 20.1039 36.8713 19.947C36.9619 19.7901 37.0207 19.6169 37.0443 19.4373C37.0679 19.2577 37.0559 19.0751 37.009 18.9002L34.8922 11C36.8205 11.5169 38.5725 12.547 39.9617 13.9808C41.3509 15.4146 42.3251 17.1983 42.7808 19.142C43.2364 21.0857 43.1564 23.1166 42.5492 25.0184C41.942 26.9202 40.8303 28.6217 39.3326 29.9417C39.1401 30.1116 38.9988 30.3318 38.9247 30.5776C38.8506 30.8234 38.8465 31.085 38.913 31.333L39.7486 34.4535H31.1814ZM44.8173 85.3447L40.7898 70.3131H49.3574L52.8111 83.2042C52.9516 83.729 52.9874 84.2765 52.9164 84.8152C52.8454 85.3539 52.669 85.8733 52.3972 86.3439C52.1255 86.8144 51.7637 87.2268 51.3325 87.5575C50.9014 87.8882 50.4094 88.1308 49.8845 88.2713C49.3596 88.4119 48.8122 88.4477 48.2735 88.3766C47.7347 88.3056 47.2153 88.1292 46.7448 87.8575C45.7945 87.3086 45.1012 86.4047 44.8173 85.3447ZM70.6523 38.5911V63.4171C70.6527 63.7827 70.7981 64.1333 71.0567 64.3919C71.3153 64.6504 71.6658 64.7959 72.0315 64.7963H78.9276V37.2119H72.0315C71.6658 37.2123 71.3153 37.3577 71.0567 37.6163C70.7981 37.8749 70.6527 38.2254 70.6523 38.5911ZM60.0533 36.5991C60.677 38.1051 60.998 39.7193 60.9979 41.3495C60.9979 41.7152 61.1432 42.0661 61.4018 42.3247C61.6605 42.5834 62.0113 42.7287 62.3771 42.7287H67.894V59.2793H63.7563C63.3905 59.2793 63.0397 59.4246 62.7811 59.6833C62.5224 59.9419 62.3771 60.2927 62.3771 60.6585C62.375 62.4869 61.6478 64.2397 60.355 65.5325C59.0622 66.8254 57.3093 67.5526 55.481 67.5546H27.9916C26.4465 67.5546 25.1664 66.3411 25.1382 64.851C25.1311 64.4842 25.1972 64.1197 25.3326 63.7788C25.4681 63.4379 25.6701 63.1274 25.9269 62.8654C26.1838 62.6035 26.4902 62.3954 26.8284 62.2533C27.1666 62.1112 27.5298 62.0379 27.8966 62.0378H36.1719C36.5377 62.0378 36.8885 61.8924 37.1472 61.6338C37.4058 61.3751 37.5511 61.0243 37.5511 60.6585C37.5511 60.2927 37.4058 59.9419 37.1472 59.6833C36.8885 59.4246 36.5377 59.2793 36.1719 59.2793H23.8538C22.3087 59.2793 21.0286 58.0658 21.0005 56.5757C20.9934 56.2089 21.0595 55.8444 21.195 55.5035C21.3304 55.1626 21.5324 54.852 21.7893 54.5901C22.0461 54.3282 22.3526 54.1201 22.6908 53.978C23.029 53.8358 23.3921 53.7626 23.759 53.7624H32.0343C32.4001 53.7624 32.7509 53.6171 33.0095 53.3585C33.2682 53.0998 33.4135 52.749 33.4135 52.3832C33.4135 52.0174 33.2682 51.6666 33.0095 51.408C32.7509 51.1493 32.4001 51.004 32.0343 51.004H23.759C23.0274 51.004 22.3258 50.7134 21.8084 50.1961C21.2911 49.6788 21.0005 48.9771 21.0005 48.2456C21.0005 47.514 21.2911 46.8124 21.8084 46.295C22.3258 45.7777 23.0274 45.4871 23.759 45.4871H32.0343C32.4001 45.4871 32.7509 45.3418 33.0095 45.0831C33.2682 44.8245 33.4135 44.4737 33.4135 44.1079C33.4135 43.7421 33.2682 43.3913 33.0095 43.1326C32.7509 42.874 32.4001 42.7287 32.0343 42.7287H23.759C23.0274 42.7287 22.3258 42.4381 21.8084 41.9207C21.2911 41.4034 21.0005 40.7018 21.0005 39.9702C21.0005 39.2387 21.2911 38.537 21.8084 38.0197C22.3258 37.5024 23.0274 37.2118 23.759 37.2118H49.9641C50.3299 37.2118 50.6807 37.0665 50.9394 36.8078C51.198 36.5492 51.3433 36.1984 51.3433 35.8326C51.3433 35.4668 51.198 35.116 50.9394 34.8573C50.6807 34.5987 50.3299 34.4534 49.9641 34.4534H42.6044L41.7904 31.4151C42.5408 30.667 43.203 29.8353 43.7642 28.9365H48.5849C50.215 28.9363 51.8292 29.2573 53.3353 29.8811C54.8414 30.5048 56.2098 31.4192 57.3625 32.5718C58.5152 33.7245 59.4295 35.093 60.0533 36.5991Z" fill="white"></path></svg>
</span>
<span class="formCard__text font-weight-bold text-left lh-3 fs-18">Ready to install</span>
</label>
</div>
</div>
<div class="col px-2 ">
<div class="formCard formCard_row">
<input id="just-getting-a-price-1-planning" name="planning" value="Just getting a price" type="radio">
<label for="just-getting-a-price-1-planning">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg fill="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M84.5181 0H59.4139C58.6367 0 57.8916 0.308788 57.3424 0.858201L0.858104 57.3425C-0.286035 58.4866 -0.286035 60.3415 0.858104 61.4856L38.5143 99.1418C39.0864 99.7139 39.8362 100 40.5858 100C41.3354 100 42.0854 99.7141 42.6572 99.1418L99.1415 42.6575C99.6909 42.1081 99.9997 41.363 99.9997 40.5861V15.4818C99.9997 6.9451 93.0548 0 84.5181 0ZM53.1379 65.4817H52.9295V68.828C52.9295 70.446 51.6178 71.7577 49.9998 71.7577C48.3818 71.7577 47.0701 70.446 47.0701 68.828V65.4817H43.7238C42.1059 65.4817 40.7942 64.17 40.7942 62.552C40.7942 60.9341 42.1059 59.6223 43.7238 59.6223H53.1379C54.9687 59.6223 56.4842 58.1462 56.4842 56.2761C56.4842 54.4046 54.9674 52.9298 53.1379 52.9298H46.8617C41.8836 52.9298 37.6561 48.9147 37.6561 43.7241C37.6561 38.5333 41.8846 34.5185 46.8617 34.5185H47.0701V31.1718C47.0701 29.5539 48.3818 28.2421 49.9998 28.2421C51.6178 28.2421 52.9295 29.5539 52.9295 31.1718V34.5181H56.2758C57.8937 34.5181 59.2055 35.8298 59.2055 37.4478C59.2055 39.0657 57.8937 40.3775 56.2758 40.3775H46.8617C45.0309 40.3775 43.5154 41.8536 43.5154 43.7237C43.5154 45.5952 45.0322 47.07 46.8617 47.07H53.1379C58.116 47.07 62.3435 51.0851 62.3435 56.2757C62.3435 61.4669 58.115 65.4817 53.1379 65.4817V65.4817ZM84.5181 18.4115C82.9009 18.4115 81.5884 17.099 81.5884 15.4818C81.5884 13.8646 82.9009 12.5521 84.5181 12.5521C86.1353 12.5521 87.4478 13.8646 87.4478 15.4818C87.4478 17.099 86.1353 18.4115 84.5181 18.4115Z"></path></svg>
</span>
<span class="formCard__text font-weight-bold text-left lh-3 fs-18">Just getting a price</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-7">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-8" style="display: none">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/zipCode/visualCover/v2.192dc0cf.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/zipCode/visualCover/v2-mob.651780e0.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
What is your ZIP Code? </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
<span class="mt-2 mt-lg-1">We need to check your local availability</span> </p>
</div>
</div>
<div class="formSplit__cards">
<form name="zip_code" data-copy-form-data-to-other-forms="1" data-tracking="form-step-8" data-previous-step=".step-7" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-8" data-next-step=".step-9">
<input type="hidden" name="regionGroup" value="">
<input type="hidden" name="stepNumber" value="8">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-8 col-xl-6" data-input-wrapper="">
<div class="px-2">
<p class="mb-3" data-zip-location-block=""> </p>
<div class="row no-gutters justify-content-center">
<div class="col-10">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_ inputBlock_ text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
ZIP Code:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="zipCode" value="" data-zip-code-input="" type="tel" placeholder="Enter ZIP Code" data-zip-code-input-keyup="">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.588 15.999"><path d="M76.367,0a5.8,5.8,0,0,0-5.794,5.794c0,3.965,5.185,9.786,5.406,10.032a.522.522,0,0,0,.776,0c.221-.246,5.406-6.067,5.406-10.032A5.8,5.8,0,0,0,76.367,0Zm0,8.71a2.915,2.915,0,1,1,2.915-2.915A2.919,2.919,0,0,1,76.367,8.71Z" transform="translate(-70.573)"></path></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-8">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-9" style="display: none">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/email/visualCover/v2.2eb0c6dc.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/email/visualCover/v2-mob.ed54e300.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Where should we send a copy of the results? </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
<span class="color-blueGrey font-italic">(Valid for 12 months. No obligation to buy)</span> </p>
</div>
</div>
<div class="formSplit__cards">
<form name="email" data-copy-form-data-to-other-forms="1" data-tracking="form-step-9" data-previous-step=".step-8" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-9" data-next-step=".step-10">
<input type="hidden" name="stepNumber" value="9">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="px-2 pt-3 pt-md-4">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mb-0 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Email:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="email" value="" data-email-input="" type="email" placeholder="Email">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12.571"><g transform="translate(0 0)"><path d="M31.025,328.413a1.367,1.367,0,0,0,.936-.353l-4.533-4.533-.314.226q-.509.375-.826.585a5.088,5.088,0,0,1-.844.429,2.572,2.572,0,0,1-.982.219h-.018a2.57,2.57,0,0,1-.982-.219,5.071,5.071,0,0,1-.844-.429q-.317-.21-.826-.585l-.313-.227-4.534,4.534a1.368,1.368,0,0,0,.936.353Z" transform="translate(-16.454 -315.841)"></path><path d="M.9,199.332a4.733,4.733,0,0,1-.9-.777v6.9l4-4Q2.8,200.619.9,199.332Z" transform="translate(0 -194.501)"></path><path d="M416.41,199.332q-1.824,1.235-3.1,2.126l3.994,3.994v-6.9A4.927,4.927,0,0,1,416.41,199.332Z" transform="translate(-401.303 -194.501)"></path><path d="M14.577,59.013H1.434a1.275,1.275,0,0,0-1.058.464,1.8,1.8,0,0,0-.371,1.161A2.086,2.086,0,0,0,.5,61.857a4.429,4.429,0,0,0,1.045,1.031q.3.214,1.83,1.272c.55.381,1.027.713,1.438,1l.9.63.133.095.246.177q.29.21.482.339t.464.29a2.708,2.708,0,0,0,.513.241,1.421,1.421,0,0,0,.446.08h.018a1.421,1.421,0,0,0,.446-.08,2.7,2.7,0,0,0,.513-.241q.272-.161.464-.29t.482-.339l.246-.177.134-.1.9-.628,3.275-2.274a4.247,4.247,0,0,0,1.089-1.1,2.362,2.362,0,0,0,.437-1.348,1.44,1.44,0,0,0-1.429-1.429Z" transform="translate(-0.006 -59.013)"></path></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-9">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-10" style="display: none" data-phone-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img ">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/nameAndPhone/visualCover/v1.d016b514.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/nameAndPhone/visualCover/v1-mob.1bda0fca.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
LAST STEP! </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
We need to confirm some details about your home to ensure you get the right system setup. </p>
</div>
</div>
<div class="formSplit__cards">
<form name="name_and_phone" data-copy-form-data-to-other-forms="1" data-tracking="form-step-10" data-previous-step=".step-9" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-10" data-next-step="twilio">
<input type="hidden" name="stepNumber" value="10">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row justify-content-center">
<div class="col-12 col-sm-9">
<div class="background-lighterGreen border-radius-5px fs-16 fs-mbs-14 p-3 mb-4 mx-2 mx-sm-0 text-left lh-3">
Promotion Applied: <br><span class="fs-18 fs-mbs-16 font-weight-bold color-darkGreen" data-promotion-text="">15% OFF your estimate</span>
</div>
</div>
</div>
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="px-2">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Full Name:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="name" value="" data-name-input="" type="text" placeholder="Enter Your Full Name">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0,16V14c0-2.2,3.6-4,8-4s8,1.8,8,4v2ZM4,4A4,4,0,1,1,8,8,4,4,0,0,1,4,4Z"></path></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mb-0 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Phone Number:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="phone" value="" data-phone-input="" type="tel" placeholder="(XXX)XXX-XXXX" autocomplete="off">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.037 16"><g transform="translate(0 0)"><g transform="translate(0 0)"><path d="M15.676,13.049,13.2,10.572a1.291,1.291,0,0,0-1.821.034l-1.248,1.247-.246-.137a12.416,12.416,0,0,1-3-2.171A12.485,12.485,0,0,1,4.709,6.54c-.046-.084-.09-.164-.134-.241l.837-.836.412-.412A1.29,1.29,0,0,0,5.857,3.23L3.381.753A1.29,1.29,0,0,0,1.56.787l-.7.7.019.019A4.036,4.036,0,0,0,.306,2.523,4.206,4.206,0,0,0,.05,3.552C-.277,6.263.962,8.74,4.324,12.1c4.647,4.647,8.393,4.3,8.554,4.279a4.184,4.184,0,0,0,1.032-.259,4.022,4.022,0,0,0,1.011-.573l.015.014.707-.692A1.292,1.292,0,0,0,15.676,13.049Z" transform="translate(0 -0.394)"></path></g></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
<div class="agreement agreement_full text-left mt-2" style="display: none" data-agreement-text-wrapper="">
<div class="agreement__txt agreement__txt-sm">
By clicking ’Submit’, I give my consent to Leaf Home and its subsidiaries to contact me at the phone number above, including via text message, autodialer, or pre-recorded message. Consent is not a condition of purchase. Message & data rates may apply.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 mt-3 mt-sm-5">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-10">
Submit
</button>
</div>
<span class="secure secure_txt mt-2 mw-100">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
We use the best security & privacy practices to process your request
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-twilio" data-active-step="twilio" style="display: none" data-twilio-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/twilio/visualCover/v1.b7690623.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/twilio/visualCover/v1-mob.7a168ca0.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Please confirm your phone number </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
You might be using an invalid phone number </p>
</div>
</div>
<div class="formSplit__cards">
<form name="twilio" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-twilio">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg mx-auto" data-input-wrapper="">
<div class="inputBlock__wrap">
<input data-twilio-phone-input="" class="inputBlock__input inputBlock__input_twilio inputBlock__input_twilio-withIcon" type="tel" name="phone" required="required" autocomplete="off" placeholder="(XXX)XXX-XXXX">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.037 16"><g transform="translate(0 0)"><g transform="translate(0 0)"><path d="M15.676,13.049,13.2,10.572a1.291,1.291,0,0,0-1.821.034l-1.248,1.247-.246-.137a12.416,12.416,0,0,1-3-2.171A12.485,12.485,0,0,1,4.709,6.54c-.046-.084-.09-.164-.134-.241l.837-.836.412-.412A1.29,1.29,0,0,0,5.857,3.23L3.381.753A1.29,1.29,0,0,0,1.56.787l-.7.7.019.019A4.036,4.036,0,0,0,.306,2.523,4.206,4.206,0,0,0,.05,3.552C-.277,6.263.962,8.74,4.324,12.1c4.647,4.647,8.393,4.3,8.554,4.279a4.184,4.184,0,0,0,1.032-.259,4.022,4.022,0,0,0,1.011-.573l.015.014.707-.692A1.292,1.292,0,0,0,15.676,13.049Z" transform="translate(0 -0.394)"></path></g></g></svg>
</div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="twilioButtonsWrap twilioButtonsWrap_type2 d-lg-flex align-item-center justify-content-around mx-auto mx-lg-n1">
<button data-twilio-phone-edit-btn="" type="button" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick btn_twilio-edit mr-xl-2 mb-3 mb-xl-0 mx-0 mb-lg-0 mx-lg-1">
Edit Phone Number
</button>
<button data-twilio-phone-submit-btn="" type="submit" class="btn btn_greyV2 rounded-pill btn_effect-scale btn_effect-blick btn_twilio-submit ml-xl-2 mx-0 mb-lg-0 mx-lg-1">
Phone Number Is Correct
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-sorry" data-active-step="sorry" style="display: none" data-sorry-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/sorry/visualCover/v1.b3cedb7e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/sorry/visualCover/v1-mob.c966ceb3.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23" data-sorry-fade-out="">
Unfortunately we don’t install in your area yet. If you’d like us to notify you when we do, please enter your email address below </div>
<div class="font-weight-bold lh-3 fs-26 fs-sm-23" data-sorry-fade-in="" style="display:none;">
Thank you for your interest, we will contact you when our service becomes available in your area! </div>
</div>
</div>
<div class="formSplit__cards">
<form name="sorry_email" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-sorry">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row justify-content-center">
<div class="col-12 col-sm-9">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mx-auto mb-0 px-2 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="email" value="" data-email-input="" type="email" placeholder="Email Address">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12.571"><g transform="translate(0 0)"><path d="M31.025,328.413a1.367,1.367,0,0,0,.936-.353l-4.533-4.533-.314.226q-.509.375-.826.585a5.088,5.088,0,0,1-.844.429,2.572,2.572,0,0,1-.982.219h-.018a2.57,2.57,0,0,1-.982-.219,5.071,5.071,0,0,1-.844-.429q-.317-.21-.826-.585l-.313-.227-4.534,4.534a1.368,1.368,0,0,0,.936.353Z" transform="translate(-16.454 -315.841)"></path><path d="M.9,199.332a4.733,4.733,0,0,1-.9-.777v6.9l4-4Q2.8,200.619.9,199.332Z" transform="translate(0 -194.501)"></path><path d="M416.41,199.332q-1.824,1.235-3.1,2.126l3.994,3.994v-6.9A4.927,4.927,0,0,1,416.41,199.332Z" transform="translate(-401.303 -194.501)"></path><path d="M14.577,59.013H1.434a1.275,1.275,0,0,0-1.058.464,1.8,1.8,0,0,0-.371,1.161A2.086,2.086,0,0,0,.5,61.857a4.429,4.429,0,0,0,1.045,1.031q.3.214,1.83,1.272c.55.381,1.027.713,1.438,1l.9.63.133.095.246.177q.29.21.482.339t.464.29a2.708,2.708,0,0,0,.513.241,1.421,1.421,0,0,0,.446.08h.018a1.421,1.421,0,0,0,.446-.08,2.7,2.7,0,0,0,.513-.241q.272-.161.464-.29t.482-.339l.246-.177.134-.1.9-.628,3.275-2.274a4.247,4.247,0,0,0,1.089-1.1,2.362,2.362,0,0,0,.437-1.348,1.44,1.44,0,0,0-1.429-1.429Z" transform="translate(-0.006 -59.013)"></path></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-12">
Submit
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section background-lightBlue mt-n2 mt-sm-0 section_pb-md">
<div class="container-md">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 px-0 px-md-3">
<div class="blockTitle text-center px-3 px-md-0 mb-3 mb-sm-4">
<div class="blockTitle__hdr text-capitalize mb-3">
FREE instant comprehensive water test
</div>
<div class="blockTitle__txt text-left">
Leaf Home Water Solutions provides an in-house, digital test to determine exactly what’s in your water and what can be done about it.
The results are instant, so you’ll know right away if a water treatment system is right for your home. <b class="text-nowrap">It’s 100% FREE</b>.
</div>
</div>
<div class="blockVideo shadowAndBorder d-none d-sm-block">
<div class="loadLazy">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/water-testing-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/water-testing.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/water-testing-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/water-testing-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/water-testing-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/water-testing-mob-cover.jpg?v1689339953">
</video>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container-md">
<div class="blockTitle text-center px-3 mb-3 mb-sm-4">
<div class="blockTitle__hdr text-capitalize">
Hard Water in the U.S.
</div>
</div>
<div class="row justify-content-center">
<div class="waterMap col-12 col-xl-10 pb-1 pb-lg-0">
<div class="container pl-0 pr-0 pl-sm-3 pr-sm-3">
<div class="row justify-content-center pb-lg-2">
<div class="col-10 col-sm-9 col-md-7 my-2">
<div class="loadLazy loadLazy_loaded">
<img class="loadLazy__media loadLazy__media_loaded" data-src="/build/images/water-map.6b5d6539.jpg" alt="map" src="/build/images/water-map.6b5d6539.jpg">
</div>
</div>
<div class="col-12 col-sm-9 col-md-12 d-lg-none">
<div class="row align-items-start align-items-sm-center mb-0">
<div class="waterMap__title col-md-auto mb-2">Water Areas:</div>
<div class="col-md-auto">
<div class="d-md-flex row">
<div class="col-6 col-md-auto waterMap__zone_blue1 mr-md-2 mb-2">Slightly Hard Water</div>
<div class="col-6 col-md-auto waterMap__zone_blue2 mr-md-2 mb-2">Hard Water</div>
<div class="col-6 col-md-auto waterMap__zone_blue3 mr-md-2">Very Hard Water</div>
<div class="col-6 col-md-auto waterMap__zone_blue4 mr-md-2">Extremely Hard Water</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mt-3 mt-lg-4 mb-4 mb-lg-0 d-none d-lg-block">
<div class="waterMap__wraper border-radius-5px background-lightBlue">
<div class="waterMap__title pb-2">
Water Areas:
</div>
<div class="separator background-lightGrey mb-3"></div>
<div class="waterMap__zone_blue1 mr-md-2 mb-2">Slightly Hard Water</div>
<div class="waterMap__zone_blue2 mr-md-2 mb-2">Hard Water</div>
<div class="waterMap__zone_blue3 mr-md-2 mb-2">Very Hard Water</div>
<div class="waterMap__zone_blue4 mr-md-2 mb-2">Extremely Hard Water</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container-md">
<div class="separator background-lightGrey"></div>
</div>
<section class="section">
<div class="container-md">
<div class="blockTitle mb-3 mb-sm-4 text-center">
<div class="blockTitle__hdr">
Proven To Solve All Water Issues
</div>
</div>
<div class="row">
<div class="col px-0 px-md-3">
<div class="howBlock howBlock_type6 mt-2">
<div class="howBlock__step">
<div class="howBlock__numb">
01
</div>
</div>
<div class="howBlock__img howBlock__img_fullH">
<div class="howBlock__hdr mb-0 py-3 pr-2 d-inline-block d-lg-none">
Hard water removal system
</div>
<div class="blockVideo d-none d-sm-block">
<div class="loadLazy">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/limescale-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/limescale.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/limescale-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/limescale-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/limescale-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/limescale-mob-cover.jpg?v1689339953">
</video>
</div>
</div>
</div>
<div class="howBlock__content howBlock__content_left pr-lg-4">
<div class="howBlock__hdr mb-2 mb-lg-3 d-none d-lg-inline-block">
Hard water removal system
</div>
<p class="howBlock__txt">
Hard water reduces appliance efficiency by almost 50% and decreases their lifespan by a third.
And those scratchy, faded clothes and towels – also from hard water. Our system removes elements that
cause limescale build-up, meaning longer-lasting appliances, savings on energy bills, and softer, brighter clothes
</p>
</div>
</div>
<div class="howBlock howBlock_type6 mt-2">
<div class="howBlock__step">
<div class="howBlock__numb">
02
</div>
</div>
<div class="howBlock__img howBlock__img_fullH">
<div class="howBlock__hdr mb-0 py-3 pr-2 d-inline-block d-lg-none">
Heavy metal, contaminant & chemical filters
</div>
<div class="blockVideo d-none d-sm-block">
<div class="loadLazy">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/toxic-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/toxic.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/toxic-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/toxic-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/toxic-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/toxic-mob-cover.jpg?v1689339953">
</video>
</div>
</div>
</div>
<div class="howBlock__content howBlock__content_left pr-lg-4">
<div class="howBlock__hdr mb-2 mb-lg-3 d-none d-lg-inline-block">
Heavy metal, contaminant & chemical filters
</div>
<p class="howBlock__txt">
Over 200 million <span class="text-nowrap">Americans<sup><small>1</small></sup></span> have drinking water contaminated by ‘forever chemicals’. That’s not even including
other contaminants like iron, lead, mercury, sewage, pesticides – even chloroform and uranium.
Our hi-tech, easy-to-install system eliminates toxic elements which are consistently linked to cancers,
birth defects, and liver damage.
</p>
</div>
</div>
<div class="howBlock howBlock_type6 mt-2">
<div class="howBlock__step">
<div class="howBlock__numb">
03
</div>
</div>
<div class="howBlock__img howBlock__img_fullH">
<div class="howBlock__hdr mb-0 py-3 pr-2 d-inline-block d-lg-none">
Ultraviolet water disinfection unit
</div>
<div class="blockVideo d-none d-sm-block">
<div class="loadLazy">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/uv-light-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/uv-light.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
<div class="blockVideo__txt blockVideo__txt_darkBlueBg blockVideo__txt_source text-center">
Source: the NMSU College of Agricultural, Consumer and Environmental Sciences
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/uv-light-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/uv-light-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/uv-light-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/uv-light-mob-cover.jpg?v1689339953">
</video>
</div>
<div class="blockVideo__txt blockVideo__txt_darkBlueBg blockVideo__txt_source text-center">
Source: the NMSU College of Agricultural, Consumer and Environmental Sciences
</div>
</div>
</div>
<div class="howBlock__content howBlock__content_left pr-lg-4">
<div class="howBlock__hdr mb-2 mb-lg-3 d-none d-lg-inline-block">
Ultraviolet water disinfection unit
</div>
<p class="howBlock__txt">
Our UV unit destroys harmful viruses, bacteria and algae by attacking their DNA, eliminating them from your home’s water
supply. Exceptionally effective and environmentally safe, UV light eradicates 99.99% of illness-causing microorganisms
without adding chemicals or changing the taste of your water.
</p>
</div>
</div>
<div class="howBlock howBlock_type6 mt-2">
<div class="howBlock__step">
<div class="howBlock__numb">
04
</div>
</div>
<div class="howBlock__img howBlock__img_fullH">
<div class="howBlock__hdr mb-0 py-3 pr-2 d-inline-block d-lg-none">
Iron, manganese, and sulfur filter
</div>
<div class="blockVideo d-none d-sm-block">
<div class="loadLazy">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/iron-water-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/iron-water.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
<div class="blockVideo__txt blockVideo__txt_darkBlueBg blockVideo__txt_source text-center">
Source: CBS Boston
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/iron-water-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/iron-water-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/iron-water-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/iron-water-mob-cover.jpg?v1689339953">
</video>
</div>
<div class="blockVideo__txt blockVideo__txt_darkBlueBg blockVideo__txt_source text-center">
Source: CBS Boston
</div>
</div>
</div>
<div class="howBlock__content howBlock__content_left pr-lg-4">
<div class="howBlock__hdr mb-2 mb-lg-3 d-none d-lg-inline-block">
Iron, manganese, and sulfur filter
</div>
<div class="howBlock__txt">
Iron, manganese, and sulfur are common water-supply impurities that stain sinks, tubs, and cutlery while also giving water
a metallic taste and the <b>smell of rotten egg</b>. Our iron, manganese & sulfur filter is a simple, <u>chemical-free way</u> to remove
these unwanted elements from your water.
</div>
</div>
</div>
<div class="howBlock howBlock_type6 mt-2 mb-0">
<div class="howBlock__step">
<div class="howBlock__numb">
05
</div>
</div>
<div class="howBlock__img howBlock__img_fullH">
<div class="howBlock__hdr mb-0 py-3 pr-2 d-inline-block d-lg-none">
Tap water reverse osmosis system
</div>
<div class="blockVideo">
<div class="loadLazy d-none d-sm-block">
<video class="blockVideo__video loadLazy__media lazy-bg" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/rosmosis-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/rosmosis.mp4?v1689339953" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</video>
</div>
</div>
<div class="blockVideo d-block d-sm-none">
<div class="loadLazy loadLazy_loaded">
<video class="blockVideo__video loadLazy__media lazy-bg-loaded" autoplay="" muted="" loop="" playsinline="" webkit-playsinline="" data-poster="https://mediastrg.com/e19a478/video/rosmosis-mob-cover.jpg?v1689339953" data-src="https://mediastrg.com/e19a478/video/rosmosis-mob.mp4?v1689339953" src="https://mediastrg.com/e19a478/video/rosmosis-mob.mp4?v1689339953" poster="https://mediastrg.com/e19a478/video/rosmosis-mob-cover.jpg?v1689339953">
</video>
</div>
</div>
</div>
<div class="howBlock__content howBlock__content_left pr-lg-4">
<div class="howBlock__hdr mb-2 mb-lg-3 d-none d-lg-inline-block">
Tap water reverse osmosis system
</div>
<p class="howBlock__txt">
<span class="d-inline-block mb-3">Reverse osmosis is a revolutionary new technology being implemented in homes around the world.
It removes 96-98% of all foreign matter from water: man-made chemicals, toxic minerals, heavy metals, and pathogens,
and has been proven to reduce the risk of high blood pressure and even low fertility.</span>
<b>Certified by IAPMO R&T to NSF/ANSI 58 and CSA B483.1</b>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section pt-0">
<div class="container-md">
<div class="logoAccWrap">
<div class="logoAcc">
<div class="logoAcc__item p-1 p-md-2 mx-2 mx-mx-3">
<div class="loadLazy loadLazy_loaded">
<img class="logoAcc__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/logoAcc/lapmo.fa2e8d38.svg" alt="logo" src="/build/images/logoAcc/lapmo.fa2e8d38.svg">
</div>
</div>
<div class="logoAcc__item p-1 p-md-2 mx-2 mx-mx-3">
<div class="loadLazy loadLazy_loaded">
<img class="logoAcc__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/logoAcc/nsf.85163121.png" alt="logo" src="/build/images/logoAcc/nsf.85163121.png">
</div>
</div>
<div class="logoAcc__item p-1 p-md-2 mx-2 mx-mx-3">
<div class="loadLazy loadLazy_loaded">
<img class="logoAcc__img loadLazy__media loadLazy__media_loaded" data-src="/build/images/logoAcc/water-quality.098ef928.png" alt="logo" src="/build/images/logoAcc/water-quality.098ef928.png">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section_form section_form-v2">
<div class="container-lg px-0">
<div class="row no-gutters justify-content-center px-2">
<div class="col-12 px-2 h-100">
<div class="blockTitle text-center mb-4 pb-1 pb-sm-0 px-2">
<div class="blockTitle__hdr color-white">
You'll Be Surprised How <span class="color-yellow2">Affordable</span> It Is!
<img class="d-none d-lg-inline-block" src="/build/images/arrow-title.13a17f32.svg" alt="arrow">
</div>
</div>
<div class="formWrap formWrap_themeWhite formWrap_withVisualVer2 formWrap_fixedH formCard_typeD formCard_typeD-noShadow formCard_theme-green text-center" data-form-container="" data-total-steps-number="10" data-simple-animation="" id="form-container-2" data-form-animation="fade" data-transition-next-in="showStep" data-transition-next-out="hidePrevStep" data-transition-prev-in="showPrevStep" data-transition-prev-out="hideStep" data-active-step="1">
<div data-step="" class="steps step-1" data-initial-step="" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/peopleAmount/visualCover/v2.13f86d6b.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none loadLazy_loaded">
<img class="loadLazy__media loadLazy__media_loaded" data-src="/build/images/form/peopleAmount/visualCover/v2-mob.45e58e84.jpg" alt="image" src="/build/images/form/peopleAmount/visualCover/v2-mob.45e58e84.jpg">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
How many people live in your household? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="people_amount" data-copy-form-data-to-other-forms="1" data-tracking="form-step-1" data-action="/create-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-1" data-next-step=".step-2">
<input type="hidden" name="stepNumber" value="1">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="1-3-2-peopleAmount" name="peopleAmount" value="1-3" type="radio">
<label for="1-3-2-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">1-3</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="4-6-2-peopleAmount" name="peopleAmount" value="4-6" type="radio">
<label for="4-6-2-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">4-6</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="6+-2-peopleAmount" name="peopleAmount" value="6+" type="radio">
<label for="6+-2-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">6+</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick px-3 px-sm-4" data-tracking="btn-step-1">
Get Water System Cost
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-2" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/waterType/visualCover/v2.5000bd75.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/waterType/visualCover/v2-mob.3578adf5.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
What type of water do you have? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="water_type" data-copy-form-data-to-other-forms="1" data-tracking="form-step-2" data-previous-step=".step-1" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-2" data-next-step=".step-3">
<input type="hidden" name="stepNumber" value="2">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="city-water-2-waterType" name="waterType" value="City water" type="radio">
<label for="city-water-2-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">City water</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="well-water-2-waterType" name="waterType" value="Well water" type="radio">
<label for="well-water-2-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">Well water</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="unsure-2-waterType" name="waterType" value="Unsure" type="radio">
<label for="unsure-2-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">Unsure</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-2">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-3" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/limescale/visualCover/v1.a58d9188.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/limescale/visualCover/v1-mob.ca9aa55f.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Do you see white, crusty build-up on faucets, shower heads and water-using appliances? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="limescale" data-copy-form-data-to-other-forms="1" data-tracking="form-step-3" data-previous-step=".step-2" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-3" data-next-step=".step-4">
<input type="hidden" name="stepNumber" value="3">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-2-limescale" name="limescale" value="Yes" type="radio">
<label for="yes-2-limescale">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-2-limescale" name="limescale" value="No" type="radio">
<label for="no-2-limescale">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-3">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-4" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/badSmell/visualCover/v2.8b05666e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/badSmell/visualCover/v2-mob.dc0136de.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does your water have an odd taste or a bad smell? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="bad_smell" data-copy-form-data-to-other-forms="1" data-tracking="form-step-4" data-previous-step=".step-3" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-4" data-next-step=".step-5">
<input type="hidden" name="stepNumber" value="4">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-2-badSmell" name="badSmell" value="Yes" type="radio">
<label for="yes-2-badSmell">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-2-badSmell" name="badSmell" value="No" type="radio">
<label for="no-2-badSmell">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-4">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-5" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/skinCondition/visualCover/v2.816d5e0e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/skinCondition/visualCover/v2-mob.d14f6f23.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does your skin feel dry and itchy, or does your hair feel dull and lifeless? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="skin_condition" data-copy-form-data-to-other-forms="1" data-tracking="form-step-5" data-previous-step=".step-4" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-5" data-next-step=".step-6">
<input type="hidden" name="stepNumber" value="5">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-2-skinCondition" name="skinCondition" value="Yes" type="radio">
<label for="yes-2-skinCondition">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-2-skinCondition" name="skinCondition" value="No" type="radio">
<label for="no-2-skinCondition">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-5">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-6" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img position-relative">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/discount/visualCover/v2.f39c7a29.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/discount/visualCover/v2-mob.c239a6bc.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does anyone in your household qualify for an <span class="background-lightYellow d-inline-block px-1">EXTRA 10%</span> senior or military discount? <span class="fs-22 fs-sm-18 font-weight-normal color-grey">(optional)</span> </div>
</div>
</div>
<div class="formSplit__cards">
<form name="discount" data-copy-form-data-to-other-forms="1" data-tracking="form-step-6" data-previous-step=".step-5" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-6" data-next-step=".step-7">
<input type="hidden" name="stepNumber" value="6">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="senior-65+-2-discount" name="discount" value="Senior 65+" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate + an extra 10%">
<label for="senior-65+-2-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Senior 65+</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="military-2-discount" name="discount" value="Military" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate + an extra 10%">
<label for="military-2-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Military</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="neither-2-discount" name="discount" value="Neither" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate">
<label for="neither-2-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Neither</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-6">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-7" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/planning/visualCover/v2.88e21e70.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/planning/visualCover/v2-mob.6d6d763a.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Where are you in the planning process? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="planning" data-copy-form-data-to-other-forms="1" data-tracking="form-step-7" data-previous-step=".step-6" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-7" data-next-step=".step-8">
<input type="hidden" name="stepNumber" value="7">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class=" col-12 col-sm-9
" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="ready-to-install-2-planning" name="planning" value="Ready to install" type="radio">
<label for="ready-to-install-2-planning">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg fill="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H67C83.5685 3 97 16.4315 97 33V95C97 96.1046 96.1046 97 95 97H33C16.4315 97 3 83.5685 3 67V5Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M31.1814 34.4535L30.9188 33.4739C30.8524 33.2259 30.7181 33.0014 30.531 32.8256C30.3439 32.6498 30.1114 32.5298 29.8598 32.4789C27.9029 32.0845 26.0897 31.1668 24.6131 29.8234C23.1366 28.4801 22.0519 26.7615 21.4747 24.8506C20.8975 22.9397 20.8493 20.908 21.3353 18.9719C21.8213 17.0357 22.8232 15.2676 24.2345 13.8558L26.3509 21.7562C26.3977 21.9312 26.4786 22.0952 26.5889 22.2389C26.6992 22.3827 26.8367 22.5033 26.9936 22.5938C27.1505 22.6844 27.3237 22.7432 27.5033 22.7668C27.6829 22.7904 27.8654 22.7784 28.0404 22.7315L36.0337 20.5897C36.2087 20.5428 36.3727 20.462 36.5164 20.3517C36.6602 20.2414 36.7808 20.1039 36.8713 19.947C36.9619 19.7901 37.0207 19.6169 37.0443 19.4373C37.0679 19.2577 37.0559 19.0751 37.009 18.9002L34.8922 11C36.8205 11.5169 38.5725 12.547 39.9617 13.9808C41.3509 15.4146 42.3251 17.1983 42.7808 19.142C43.2364 21.0857 43.1564 23.1166 42.5492 25.0184C41.942 26.9202 40.8303 28.6217 39.3326 29.9417C39.1401 30.1116 38.9988 30.3318 38.9247 30.5776C38.8506 30.8234 38.8465 31.085 38.913 31.333L39.7486 34.4535H31.1814ZM44.8173 85.3447L40.7898 70.3131H49.3574L52.8111 83.2042C52.9516 83.729 52.9874 84.2765 52.9164 84.8152C52.8454 85.3539 52.669 85.8733 52.3972 86.3439C52.1255 86.8144 51.7637 87.2268 51.3325 87.5575C50.9014 87.8882 50.4094 88.1308 49.8845 88.2713C49.3596 88.4119 48.8122 88.4477 48.2735 88.3766C47.7347 88.3056 47.2153 88.1292 46.7448 87.8575C45.7945 87.3086 45.1012 86.4047 44.8173 85.3447ZM70.6523 38.5911V63.4171C70.6527 63.7827 70.7981 64.1333 71.0567 64.3919C71.3153 64.6504 71.6658 64.7959 72.0315 64.7963H78.9276V37.2119H72.0315C71.6658 37.2123 71.3153 37.3577 71.0567 37.6163C70.7981 37.8749 70.6527 38.2254 70.6523 38.5911ZM60.0533 36.5991C60.677 38.1051 60.998 39.7193 60.9979 41.3495C60.9979 41.7152 61.1432 42.0661 61.4018 42.3247C61.6605 42.5834 62.0113 42.7287 62.3771 42.7287H67.894V59.2793H63.7563C63.3905 59.2793 63.0397 59.4246 62.7811 59.6833C62.5224 59.9419 62.3771 60.2927 62.3771 60.6585C62.375 62.4869 61.6478 64.2397 60.355 65.5325C59.0622 66.8254 57.3093 67.5526 55.481 67.5546H27.9916C26.4465 67.5546 25.1664 66.3411 25.1382 64.851C25.1311 64.4842 25.1972 64.1197 25.3326 63.7788C25.4681 63.4379 25.6701 63.1274 25.9269 62.8654C26.1838 62.6035 26.4902 62.3954 26.8284 62.2533C27.1666 62.1112 27.5298 62.0379 27.8966 62.0378H36.1719C36.5377 62.0378 36.8885 61.8924 37.1472 61.6338C37.4058 61.3751 37.5511 61.0243 37.5511 60.6585C37.5511 60.2927 37.4058 59.9419 37.1472 59.6833C36.8885 59.4246 36.5377 59.2793 36.1719 59.2793H23.8538C22.3087 59.2793 21.0286 58.0658 21.0005 56.5757C20.9934 56.2089 21.0595 55.8444 21.195 55.5035C21.3304 55.1626 21.5324 54.852 21.7893 54.5901C22.0461 54.3282 22.3526 54.1201 22.6908 53.978C23.029 53.8358 23.3921 53.7626 23.759 53.7624H32.0343C32.4001 53.7624 32.7509 53.6171 33.0095 53.3585C33.2682 53.0998 33.4135 52.749 33.4135 52.3832C33.4135 52.0174 33.2682 51.6666 33.0095 51.408C32.7509 51.1493 32.4001 51.004 32.0343 51.004H23.759C23.0274 51.004 22.3258 50.7134 21.8084 50.1961C21.2911 49.6788 21.0005 48.9771 21.0005 48.2456C21.0005 47.514 21.2911 46.8124 21.8084 46.295C22.3258 45.7777 23.0274 45.4871 23.759 45.4871H32.0343C32.4001 45.4871 32.7509 45.3418 33.0095 45.0831C33.2682 44.8245 33.4135 44.4737 33.4135 44.1079C33.4135 43.7421 33.2682 43.3913 33.0095 43.1326C32.7509 42.874 32.4001 42.7287 32.0343 42.7287H23.759C23.0274 42.7287 22.3258 42.4381 21.8084 41.9207C21.2911 41.4034 21.0005 40.7018 21.0005 39.9702C21.0005 39.2387 21.2911 38.537 21.8084 38.0197C22.3258 37.5024 23.0274 37.2118 23.759 37.2118H49.9641C50.3299 37.2118 50.6807 37.0665 50.9394 36.8078C51.198 36.5492 51.3433 36.1984 51.3433 35.8326C51.3433 35.4668 51.198 35.116 50.9394 34.8573C50.6807 34.5987 50.3299 34.4534 49.9641 34.4534H42.6044L41.7904 31.4151C42.5408 30.667 43.203 29.8353 43.7642 28.9365H48.5849C50.215 28.9363 51.8292 29.2573 53.3353 29.8811C54.8414 30.5048 56.2098 31.4192 57.3625 32.5718C58.5152 33.7245 59.4295 35.093 60.0533 36.5991Z" fill="white"></path></svg>
</span>
<span class="formCard__text font-weight-bold text-left lh-3 fs-18">Ready to install</span>
</label>
</div>
</div>
<div class="col px-2 ">
<div class="formCard formCard_row">
<input id="just-getting-a-price-2-planning" name="planning" value="Just getting a price" type="radio">
<label for="just-getting-a-price-2-planning">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg fill="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M84.5181 0H59.4139C58.6367 0 57.8916 0.308788 57.3424 0.858201L0.858104 57.3425C-0.286035 58.4866 -0.286035 60.3415 0.858104 61.4856L38.5143 99.1418C39.0864 99.7139 39.8362 100 40.5858 100C41.3354 100 42.0854 99.7141 42.6572 99.1418L99.1415 42.6575C99.6909 42.1081 99.9997 41.363 99.9997 40.5861V15.4818C99.9997 6.9451 93.0548 0 84.5181 0ZM53.1379 65.4817H52.9295V68.828C52.9295 70.446 51.6178 71.7577 49.9998 71.7577C48.3818 71.7577 47.0701 70.446 47.0701 68.828V65.4817H43.7238C42.1059 65.4817 40.7942 64.17 40.7942 62.552C40.7942 60.9341 42.1059 59.6223 43.7238 59.6223H53.1379C54.9687 59.6223 56.4842 58.1462 56.4842 56.2761C56.4842 54.4046 54.9674 52.9298 53.1379 52.9298H46.8617C41.8836 52.9298 37.6561 48.9147 37.6561 43.7241C37.6561 38.5333 41.8846 34.5185 46.8617 34.5185H47.0701V31.1718C47.0701 29.5539 48.3818 28.2421 49.9998 28.2421C51.6178 28.2421 52.9295 29.5539 52.9295 31.1718V34.5181H56.2758C57.8937 34.5181 59.2055 35.8298 59.2055 37.4478C59.2055 39.0657 57.8937 40.3775 56.2758 40.3775H46.8617C45.0309 40.3775 43.5154 41.8536 43.5154 43.7237C43.5154 45.5952 45.0322 47.07 46.8617 47.07H53.1379C58.116 47.07 62.3435 51.0851 62.3435 56.2757C62.3435 61.4669 58.115 65.4817 53.1379 65.4817V65.4817ZM84.5181 18.4115C82.9009 18.4115 81.5884 17.099 81.5884 15.4818C81.5884 13.8646 82.9009 12.5521 84.5181 12.5521C86.1353 12.5521 87.4478 13.8646 87.4478 15.4818C87.4478 17.099 86.1353 18.4115 84.5181 18.4115Z"></path></svg>
</span>
<span class="formCard__text font-weight-bold text-left lh-3 fs-18">Just getting a price</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-7">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-8" style="display: none">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/zipCode/visualCover/v2.192dc0cf.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/zipCode/visualCover/v2-mob.651780e0.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
What is your ZIP Code? </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
<span class="mt-2 mt-lg-1">We need to check your local availability</span> </p>
</div>
</div>
<div class="formSplit__cards">
<form name="zip_code" data-copy-form-data-to-other-forms="1" data-tracking="form-step-8" data-previous-step=".step-7" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-8" data-next-step=".step-9">
<input type="hidden" name="regionGroup" value="">
<input type="hidden" name="stepNumber" value="8">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-8 col-xl-6" data-input-wrapper="">
<div class="px-2">
<p class="mb-3" data-zip-location-block=""> </p>
<div class="row no-gutters justify-content-center">
<div class="col-10">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_ inputBlock_ text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
ZIP Code:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="zipCode" value="" data-zip-code-input="" type="tel" placeholder="Enter ZIP Code" data-zip-code-input-keyup="">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.588 15.999"><path d="M76.367,0a5.8,5.8,0,0,0-5.794,5.794c0,3.965,5.185,9.786,5.406,10.032a.522.522,0,0,0,.776,0c.221-.246,5.406-6.067,5.406-10.032A5.8,5.8,0,0,0,76.367,0Zm0,8.71a2.915,2.915,0,1,1,2.915-2.915A2.919,2.919,0,0,1,76.367,8.71Z" transform="translate(-70.573)"></path></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-8">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-9" style="display: none">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/email/visualCover/v2.2eb0c6dc.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/email/visualCover/v2-mob.ed54e300.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Where should we send a copy of the results? </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
<span class="color-blueGrey font-italic">(Valid for 12 months. No obligation to buy)</span> </p>
</div>
</div>
<div class="formSplit__cards">
<form name="email" data-copy-form-data-to-other-forms="1" data-tracking="form-step-9" data-previous-step=".step-8" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-9" data-next-step=".step-10">
<input type="hidden" name="stepNumber" value="9">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="px-2 pt-3 pt-md-4">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mb-0 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Email:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="email" value="" data-email-input="" type="email" placeholder="Email">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12.571"><g transform="translate(0 0)"><path d="M31.025,328.413a1.367,1.367,0,0,0,.936-.353l-4.533-4.533-.314.226q-.509.375-.826.585a5.088,5.088,0,0,1-.844.429,2.572,2.572,0,0,1-.982.219h-.018a2.57,2.57,0,0,1-.982-.219,5.071,5.071,0,0,1-.844-.429q-.317-.21-.826-.585l-.313-.227-4.534,4.534a1.368,1.368,0,0,0,.936.353Z" transform="translate(-16.454 -315.841)"></path><path d="M.9,199.332a4.733,4.733,0,0,1-.9-.777v6.9l4-4Q2.8,200.619.9,199.332Z" transform="translate(0 -194.501)"></path><path d="M416.41,199.332q-1.824,1.235-3.1,2.126l3.994,3.994v-6.9A4.927,4.927,0,0,1,416.41,199.332Z" transform="translate(-401.303 -194.501)"></path><path d="M14.577,59.013H1.434a1.275,1.275,0,0,0-1.058.464,1.8,1.8,0,0,0-.371,1.161A2.086,2.086,0,0,0,.5,61.857a4.429,4.429,0,0,0,1.045,1.031q.3.214,1.83,1.272c.55.381,1.027.713,1.438,1l.9.63.133.095.246.177q.29.21.482.339t.464.29a2.708,2.708,0,0,0,.513.241,1.421,1.421,0,0,0,.446.08h.018a1.421,1.421,0,0,0,.446-.08,2.7,2.7,0,0,0,.513-.241q.272-.161.464-.29t.482-.339l.246-.177.134-.1.9-.628,3.275-2.274a4.247,4.247,0,0,0,1.089-1.1,2.362,2.362,0,0,0,.437-1.348,1.44,1.44,0,0,0-1.429-1.429Z" transform="translate(-0.006 -59.013)"></path></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-9">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-10" style="display: none" data-phone-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img ">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/nameAndPhone/visualCover/v1.d016b514.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/nameAndPhone/visualCover/v1-mob.1bda0fca.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
LAST STEP! </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
We need to confirm some details about your home to ensure you get the right system setup. </p>
</div>
</div>
<div class="formSplit__cards">
<form name="name_and_phone" data-copy-form-data-to-other-forms="1" data-tracking="form-step-10" data-previous-step=".step-9" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-10" data-next-step="twilio">
<input type="hidden" name="stepNumber" value="10">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row justify-content-center">
<div class="col-12 col-sm-9">
<div class="background-lighterGreen border-radius-5px fs-16 fs-mbs-14 p-3 mb-4 mx-2 mx-sm-0 text-left lh-3">
Promotion Applied: <br><span class="fs-18 fs-mbs-16 font-weight-bold color-darkGreen" data-promotion-text="">15% OFF your estimate</span>
</div>
</div>
</div>
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="px-2">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Full Name:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="name" value="" data-name-input="" type="text" placeholder="Enter Your Full Name">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0,16V14c0-2.2,3.6-4,8-4s8,1.8,8,4v2ZM4,4A4,4,0,1,1,8,8,4,4,0,0,1,4,4Z"></path></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mb-0 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Phone Number:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="phone" value="" data-phone-input="" type="tel" placeholder="(XXX)XXX-XXXX" autocomplete="off">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.037 16"><g transform="translate(0 0)"><g transform="translate(0 0)"><path d="M15.676,13.049,13.2,10.572a1.291,1.291,0,0,0-1.821.034l-1.248,1.247-.246-.137a12.416,12.416,0,0,1-3-2.171A12.485,12.485,0,0,1,4.709,6.54c-.046-.084-.09-.164-.134-.241l.837-.836.412-.412A1.29,1.29,0,0,0,5.857,3.23L3.381.753A1.29,1.29,0,0,0,1.56.787l-.7.7.019.019A4.036,4.036,0,0,0,.306,2.523,4.206,4.206,0,0,0,.05,3.552C-.277,6.263.962,8.74,4.324,12.1c4.647,4.647,8.393,4.3,8.554,4.279a4.184,4.184,0,0,0,1.032-.259,4.022,4.022,0,0,0,1.011-.573l.015.014.707-.692A1.292,1.292,0,0,0,15.676,13.049Z" transform="translate(0 -0.394)"></path></g></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
<div class="agreement agreement_full text-left mt-2" style="display: none" data-agreement-text-wrapper="">
<div class="agreement__txt agreement__txt-sm">
By clicking ’Submit’, I give my consent to Leaf Home and its subsidiaries to contact me at the phone number above, including via text message, autodialer, or pre-recorded message. Consent is not a condition of purchase. Message & data rates may apply.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 mt-3 mt-sm-5">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-10">
Submit
</button>
</div>
<span class="secure secure_txt mt-2 mw-100">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
We use the best security & privacy practices to process your request
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-twilio" data-active-step="twilio" style="display: none" data-twilio-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/twilio/visualCover/v1.b7690623.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/twilio/visualCover/v1-mob.7a168ca0.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Please confirm your phone number </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
You might be using an invalid phone number </p>
</div>
</div>
<div class="formSplit__cards">
<form name="twilio" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-twilio">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg mx-auto" data-input-wrapper="">
<div class="inputBlock__wrap">
<input data-twilio-phone-input="" class="inputBlock__input inputBlock__input_twilio inputBlock__input_twilio-withIcon" type="tel" name="phone" required="required" autocomplete="off" placeholder="(XXX)XXX-XXXX">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.037 16"><g transform="translate(0 0)"><g transform="translate(0 0)"><path d="M15.676,13.049,13.2,10.572a1.291,1.291,0,0,0-1.821.034l-1.248,1.247-.246-.137a12.416,12.416,0,0,1-3-2.171A12.485,12.485,0,0,1,4.709,6.54c-.046-.084-.09-.164-.134-.241l.837-.836.412-.412A1.29,1.29,0,0,0,5.857,3.23L3.381.753A1.29,1.29,0,0,0,1.56.787l-.7.7.019.019A4.036,4.036,0,0,0,.306,2.523,4.206,4.206,0,0,0,.05,3.552C-.277,6.263.962,8.74,4.324,12.1c4.647,4.647,8.393,4.3,8.554,4.279a4.184,4.184,0,0,0,1.032-.259,4.022,4.022,0,0,0,1.011-.573l.015.014.707-.692A1.292,1.292,0,0,0,15.676,13.049Z" transform="translate(0 -0.394)"></path></g></g></svg>
</div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="twilioButtonsWrap twilioButtonsWrap_type2 d-lg-flex align-item-center justify-content-around mx-auto mx-lg-n1">
<button data-twilio-phone-edit-btn="" type="button" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick btn_twilio-edit mr-xl-2 mb-3 mb-xl-0 mx-0 mb-lg-0 mx-lg-1">
Edit Phone Number
</button>
<button data-twilio-phone-submit-btn="" type="submit" class="btn btn_greyV2 rounded-pill btn_effect-scale btn_effect-blick btn_twilio-submit ml-xl-2 mx-0 mb-lg-0 mx-lg-1">
Phone Number Is Correct
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-sorry" data-active-step="sorry" style="display: none" data-sorry-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/sorry/visualCover/v1.b3cedb7e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/sorry/visualCover/v1-mob.c966ceb3.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23" data-sorry-fade-out="">
Unfortunately we don’t install in your area yet. If you’d like us to notify you when we do, please enter your email address below </div>
<div class="font-weight-bold lh-3 fs-26 fs-sm-23" data-sorry-fade-in="" style="display:none;">
Thank you for your interest, we will contact you when our service becomes available in your area! </div>
</div>
</div>
<div class="formSplit__cards">
<form name="sorry_email" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-sorry">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row justify-content-center">
<div class="col-12 col-sm-9">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mx-auto mb-0 px-2 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="email" value="" data-email-input="" type="email" placeholder="Email Address">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12.571"><g transform="translate(0 0)"><path d="M31.025,328.413a1.367,1.367,0,0,0,.936-.353l-4.533-4.533-.314.226q-.509.375-.826.585a5.088,5.088,0,0,1-.844.429,2.572,2.572,0,0,1-.982.219h-.018a2.57,2.57,0,0,1-.982-.219,5.071,5.071,0,0,1-.844-.429q-.317-.21-.826-.585l-.313-.227-4.534,4.534a1.368,1.368,0,0,0,.936.353Z" transform="translate(-16.454 -315.841)"></path><path d="M.9,199.332a4.733,4.733,0,0,1-.9-.777v6.9l4-4Q2.8,200.619.9,199.332Z" transform="translate(0 -194.501)"></path><path d="M416.41,199.332q-1.824,1.235-3.1,2.126l3.994,3.994v-6.9A4.927,4.927,0,0,1,416.41,199.332Z" transform="translate(-401.303 -194.501)"></path><path d="M14.577,59.013H1.434a1.275,1.275,0,0,0-1.058.464,1.8,1.8,0,0,0-.371,1.161A2.086,2.086,0,0,0,.5,61.857a4.429,4.429,0,0,0,1.045,1.031q.3.214,1.83,1.272c.55.381,1.027.713,1.438,1l.9.63.133.095.246.177q.29.21.482.339t.464.29a2.708,2.708,0,0,0,.513.241,1.421,1.421,0,0,0,.446.08h.018a1.421,1.421,0,0,0,.446-.08,2.7,2.7,0,0,0,.513-.241q.272-.161.464-.29t.482-.339l.246-.177.134-.1.9-.628,3.275-2.274a4.247,4.247,0,0,0,1.089-1.1,2.362,2.362,0,0,0,.437-1.348,1.44,1.44,0,0,0-1.429-1.429Z" transform="translate(-0.006 -59.013)"></path></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-12">
Submit
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section background-lightBlue mt-n2 mt-sm-0 section_pb-md">
<div class="container-md">
<div class="row justify-content-center">
<div class="col-12 col-lg-10 px-0 px-md-3">
<div class="blockTitle text-center px-3 mb-3 mb-sm-4">
<div class="blockTitle__hdr text-capitalize mb-3">
1-Day White Glove Installation
</div>
<div class="blockTitle__txt text-left">
Leaf Home Water Solution's ‘White Glove’ fitting aims to provide customers with an installation
day full of anticipation rather than frustration. Special care and attention are paid by our expert
installers in order to exceed expectations and deliver not just a quality product, but quality
service too, and all in just 1 day.
</div>
</div>
<div class="shadowAndBorder loadLazy h-auto loadLazy_loaded">
<img class="img-responsive w-100 loadLazy__media loadLazy__media_loaded" data-src="/build/images/installation.2ca0ac8d.jpg" alt="installation" src="/build/images/installation.2ca0ac8d.jpg">
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container-md">
<div class="row justify-content-center">
<div class="col-12 col-xl-10">
<div class="blockTitle mb-3 mb-sm-4 text-center">
<div class="blockTitle__hdr">
Helps Eliminate Hair, Skin, And Kidney Issues Caused By Hard Water
</div>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-12 col-sm-6 col-xl-5 pr-md-4 mt-sm-n4 mt-lg-0">
<div class="loadLazy loadLazy_rect mb-3 d-none d-sm-block">
<img class="loadLazy__media lazy" data-src="/build/images/issues-collage.d9fd841f.png" alt="badge" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1.55'%3E%3C/svg%3E">
</div>
<div class="loadLazy mb-3 d-block d-sm-none loadLazy_loaded">
<img class="loadLazy__media loadLazy__media_loaded" data-src="/build/images/issues-collage-mob.23fbefef.png" alt="badge" src="/build/images/issues-collage-mob.23fbefef.png">
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<ul class="blockList blockList_benefitsAgainst coloumn-count-2 mt-sm-n2">
<li class="blockList__item d-inline-block w-100">breakage</li>
<li class="blockList__item d-inline-block w-100">thinning</li>
<li class="blockList__item d-inline-block w-100">tangles</li>
<li class="blockList__item d-inline-block w-100">dry scalp</li>
<li class="blockList__item d-inline-block w-100">dullness</li>
<li class="blockList__item d-inline-block w-100">brassiness</li>
<li class="blockList__item d-inline-block w-100">frizziness</li>
<li class="blockList__item d-inline-block w-100">acne</li>
<li class="blockList__item d-inline-block w-100">rashes</li>
<li class="blockList__item d-inline-block w-100">eczema</li>
<li class="blockList__item d-inline-block w-100">kidney stones</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section_form section_form-v2">
<div class="container-lg px-0">
<div class="row no-gutters justify-content-center px-2">
<div class="col-12 px-2 h-100">
<div class="blockTitle text-center mb-4 pb-1 pb-sm-0 px-2">
<div class="blockTitle__hdr color-white">
You'll Be Surprised How <span class="color-yellow2">Affordable</span> It Is!
<img class="d-none d-lg-inline-block" src="/build/images/arrow-title.13a17f32.svg" alt="arrow">
</div>
</div>
<div class="formWrap formWrap_themeWhite formWrap_withVisualVer2 formWrap_fixedH formCard_typeD formCard_typeD-noShadow formCard_theme-green text-center" data-form-container="" data-total-steps-number="10" data-simple-animation="" id="form-container-3" data-form-animation="fade" data-transition-next-in="showStep" data-transition-next-out="hidePrevStep" data-transition-prev-in="showPrevStep" data-transition-prev-out="hideStep" data-active-step="1">
<div data-step="" class="steps step-1" data-initial-step="" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/peopleAmount/visualCover/v2.13f86d6b.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none loadLazy_loaded">
<img class="loadLazy__media loadLazy__media_loaded" data-src="/build/images/form/peopleAmount/visualCover/v2-mob.45e58e84.jpg" alt="image" src="/build/images/form/peopleAmount/visualCover/v2-mob.45e58e84.jpg">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
How many people live in your household? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="people_amount" data-copy-form-data-to-other-forms="1" data-tracking="form-step-1" data-action="/create-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-1" data-next-step=".step-2">
<input type="hidden" name="stepNumber" value="1">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="1-3-3-peopleAmount" name="peopleAmount" value="1-3" type="radio">
<label for="1-3-3-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">1-3</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="4-6-3-peopleAmount" name="peopleAmount" value="4-6" type="radio">
<label for="4-6-3-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">4-6</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="6+-3-peopleAmount" name="peopleAmount" value="6+" type="radio">
<label for="6+-3-peopleAmount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-20">6+</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick px-3 px-sm-4" data-tracking="btn-step-1">
Get Water System Cost
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-2" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/waterType/visualCover/v2.5000bd75.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/waterType/visualCover/v2-mob.3578adf5.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
What type of water do you have? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="water_type" data-copy-form-data-to-other-forms="1" data-tracking="form-step-2" data-previous-step=".step-1" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-2" data-next-step=".step-3">
<input type="hidden" name="stepNumber" value="2">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="city-water-3-waterType" name="waterType" value="City water" type="radio">
<label for="city-water-3-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">City water</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="well-water-3-waterType" name="waterType" value="Well water" type="radio">
<label for="well-water-3-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">Well water</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="unsure-3-waterType" name="waterType" value="Unsure" type="radio">
<label for="unsure-3-waterType">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold fs-18">Unsure</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-2">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-3" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/limescale/visualCover/v1.a58d9188.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/limescale/visualCover/v1-mob.ca9aa55f.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Do you see white, crusty build-up on faucets, shower heads and water-using appliances? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="limescale" data-copy-form-data-to-other-forms="1" data-tracking="form-step-3" data-previous-step=".step-2" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-3" data-next-step=".step-4">
<input type="hidden" name="stepNumber" value="3">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-3-limescale" name="limescale" value="Yes" type="radio">
<label for="yes-3-limescale">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-3-limescale" name="limescale" value="No" type="radio">
<label for="no-3-limescale">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-3">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-4" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/badSmell/visualCover/v2.8b05666e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/badSmell/visualCover/v2-mob.dc0136de.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does your water have an odd taste or a bad smell? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="bad_smell" data-copy-form-data-to-other-forms="1" data-tracking="form-step-4" data-previous-step=".step-3" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-4" data-next-step=".step-5">
<input type="hidden" name="stepNumber" value="4">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-3-badSmell" name="badSmell" value="Yes" type="radio">
<label for="yes-3-badSmell">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-3-badSmell" name="badSmell" value="No" type="radio">
<label for="no-3-badSmell">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-4">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-5" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/skinCondition/visualCover/v2.816d5e0e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/skinCondition/visualCover/v2-mob.d14f6f23.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does your skin feel dry and itchy, or does your hair feel dull and lifeless? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="skin_condition" data-copy-form-data-to-other-forms="1" data-tracking="form-step-5" data-previous-step=".step-4" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-5" data-next-step=".step-6">
<input type="hidden" name="stepNumber" value="5">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="yes-3-skinCondition" name="skinCondition" value="Yes" type="radio">
<label for="yes-3-skinCondition">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-188 -150)"><rect width="30" height="30" transform="translate(188 150)" fill="none"></rect><path d="M11.488,23.252a1.531,1.531,0,0,1-2.166,0L.673,14.6a2.3,2.3,0,0,1,0-3.249L1.756,10.27a2.3,2.3,0,0,1,3.249,0l5.4,5.4,14.59-14.59a2.3,2.3,0,0,1,3.249,0l1.083,1.083a2.3,2.3,0,0,1,0,3.249Zm0,0" transform="translate(188 152.912)" fill="#4CAF50"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">YES</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="no-3-skinCondition" name="skinCondition" value="No" type="radio">
<label for="no-3-skinCondition">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-234 -150)"><rect width="30" height="30" transform="translate(234 150)" fill="none"></rect><path d="M-1033.744-1320.428l-7.014-7.014-7.014,7.014a2.288,2.288,0,0,1-3.237,0l-1.079-1.079a2.289,2.289,0,0,1,0-3.237l7.014-7.014-7.014-7.014a2.289,2.289,0,0,1,0-3.237l1.079-1.079a2.288,2.288,0,0,1,3.237,0l7.014,7.014,7.014-7.014a2.288,2.288,0,0,1,3.237,0l1.079,1.079a2.289,2.289,0,0,1,0,3.237l-7.014,7.014,7.014,7.014a2.289,2.289,0,0,1,0,3.237l-1.079,1.079a2.281,2.281,0,0,1-1.618.671A2.282,2.282,0,0,1-1033.744-1320.428Z" transform="translate(1289.757 1497.216)" fill="#D24250"></path></g></svg>
</span>
<span class="font-weight-bold fs-18">NO</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-5">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-6" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img position-relative">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/discount/visualCover/v2.f39c7a29.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/discount/visualCover/v2-mob.c239a6bc.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Does anyone in your household qualify for an <span class="background-lightYellow d-inline-block px-1">EXTRA 10%</span> senior or military discount? <span class="fs-22 fs-sm-18 font-weight-normal color-grey">(optional)</span> </div>
</div>
</div>
<div class="formSplit__cards">
<form name="discount" data-copy-form-data-to-other-forms="1" data-tracking="form-step-6" data-previous-step=".step-5" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-6" data-next-step=".step-7">
<input type="hidden" name="stepNumber" value="6">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="senior-65+-3-discount" name="discount" value="Senior 65+" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate + an extra 10%">
<label for="senior-65+-3-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Senior 65+</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="military-3-discount" name="discount" value="Military" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate + an extra 10%">
<label for="military-3-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Military</span>
</label>
</div>
</div>
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="neither-3-discount" name="discount" value="Neither" type="radio" data-discount-trigger="" data-summary-text="15% OFF your estimate">
<label for="neither-3-discount">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="font-weight-bold text-left lh-3 fs-18">Neither</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-6">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-7" style="display: none" data-submit-on-select-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/planning/visualCover/v2.88e21e70.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/planning/visualCover/v2-mob.6d6d763a.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Where are you in the planning process? </div>
</div>
</div>
<div class="formSplit__cards">
<form name="planning" data-copy-form-data-to-other-forms="1" data-tracking="form-step-7" data-previous-step=".step-6" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-7" data-next-step=".step-8">
<input type="hidden" name="stepNumber" value="7">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class=" col-12 col-sm-9
" data-input-wrapper="">
<div class="row no-gutters justify-content-center row-cols-1">
<div class="col px-2 mb-3">
<div class="formCard formCard_row">
<input id="ready-to-install-3-planning" name="planning" value="Ready to install" type="radio">
<label for="ready-to-install-3-planning">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg fill="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H67C83.5685 3 97 16.4315 97 33V95C97 96.1046 96.1046 97 95 97H33C16.4315 97 3 83.5685 3 67V5Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M31.1814 34.4535L30.9188 33.4739C30.8524 33.2259 30.7181 33.0014 30.531 32.8256C30.3439 32.6498 30.1114 32.5298 29.8598 32.4789C27.9029 32.0845 26.0897 31.1668 24.6131 29.8234C23.1366 28.4801 22.0519 26.7615 21.4747 24.8506C20.8975 22.9397 20.8493 20.908 21.3353 18.9719C21.8213 17.0357 22.8232 15.2676 24.2345 13.8558L26.3509 21.7562C26.3977 21.9312 26.4786 22.0952 26.5889 22.2389C26.6992 22.3827 26.8367 22.5033 26.9936 22.5938C27.1505 22.6844 27.3237 22.7432 27.5033 22.7668C27.6829 22.7904 27.8654 22.7784 28.0404 22.7315L36.0337 20.5897C36.2087 20.5428 36.3727 20.462 36.5164 20.3517C36.6602 20.2414 36.7808 20.1039 36.8713 19.947C36.9619 19.7901 37.0207 19.6169 37.0443 19.4373C37.0679 19.2577 37.0559 19.0751 37.009 18.9002L34.8922 11C36.8205 11.5169 38.5725 12.547 39.9617 13.9808C41.3509 15.4146 42.3251 17.1983 42.7808 19.142C43.2364 21.0857 43.1564 23.1166 42.5492 25.0184C41.942 26.9202 40.8303 28.6217 39.3326 29.9417C39.1401 30.1116 38.9988 30.3318 38.9247 30.5776C38.8506 30.8234 38.8465 31.085 38.913 31.333L39.7486 34.4535H31.1814ZM44.8173 85.3447L40.7898 70.3131H49.3574L52.8111 83.2042C52.9516 83.729 52.9874 84.2765 52.9164 84.8152C52.8454 85.3539 52.669 85.8733 52.3972 86.3439C52.1255 86.8144 51.7637 87.2268 51.3325 87.5575C50.9014 87.8882 50.4094 88.1308 49.8845 88.2713C49.3596 88.4119 48.8122 88.4477 48.2735 88.3766C47.7347 88.3056 47.2153 88.1292 46.7448 87.8575C45.7945 87.3086 45.1012 86.4047 44.8173 85.3447ZM70.6523 38.5911V63.4171C70.6527 63.7827 70.7981 64.1333 71.0567 64.3919C71.3153 64.6504 71.6658 64.7959 72.0315 64.7963H78.9276V37.2119H72.0315C71.6658 37.2123 71.3153 37.3577 71.0567 37.6163C70.7981 37.8749 70.6527 38.2254 70.6523 38.5911ZM60.0533 36.5991C60.677 38.1051 60.998 39.7193 60.9979 41.3495C60.9979 41.7152 61.1432 42.0661 61.4018 42.3247C61.6605 42.5834 62.0113 42.7287 62.3771 42.7287H67.894V59.2793H63.7563C63.3905 59.2793 63.0397 59.4246 62.7811 59.6833C62.5224 59.9419 62.3771 60.2927 62.3771 60.6585C62.375 62.4869 61.6478 64.2397 60.355 65.5325C59.0622 66.8254 57.3093 67.5526 55.481 67.5546H27.9916C26.4465 67.5546 25.1664 66.3411 25.1382 64.851C25.1311 64.4842 25.1972 64.1197 25.3326 63.7788C25.4681 63.4379 25.6701 63.1274 25.9269 62.8654C26.1838 62.6035 26.4902 62.3954 26.8284 62.2533C27.1666 62.1112 27.5298 62.0379 27.8966 62.0378H36.1719C36.5377 62.0378 36.8885 61.8924 37.1472 61.6338C37.4058 61.3751 37.5511 61.0243 37.5511 60.6585C37.5511 60.2927 37.4058 59.9419 37.1472 59.6833C36.8885 59.4246 36.5377 59.2793 36.1719 59.2793H23.8538C22.3087 59.2793 21.0286 58.0658 21.0005 56.5757C20.9934 56.2089 21.0595 55.8444 21.195 55.5035C21.3304 55.1626 21.5324 54.852 21.7893 54.5901C22.0461 54.3282 22.3526 54.1201 22.6908 53.978C23.029 53.8358 23.3921 53.7626 23.759 53.7624H32.0343C32.4001 53.7624 32.7509 53.6171 33.0095 53.3585C33.2682 53.0998 33.4135 52.749 33.4135 52.3832C33.4135 52.0174 33.2682 51.6666 33.0095 51.408C32.7509 51.1493 32.4001 51.004 32.0343 51.004H23.759C23.0274 51.004 22.3258 50.7134 21.8084 50.1961C21.2911 49.6788 21.0005 48.9771 21.0005 48.2456C21.0005 47.514 21.2911 46.8124 21.8084 46.295C22.3258 45.7777 23.0274 45.4871 23.759 45.4871H32.0343C32.4001 45.4871 32.7509 45.3418 33.0095 45.0831C33.2682 44.8245 33.4135 44.4737 33.4135 44.1079C33.4135 43.7421 33.2682 43.3913 33.0095 43.1326C32.7509 42.874 32.4001 42.7287 32.0343 42.7287H23.759C23.0274 42.7287 22.3258 42.4381 21.8084 41.9207C21.2911 41.4034 21.0005 40.7018 21.0005 39.9702C21.0005 39.2387 21.2911 38.537 21.8084 38.0197C22.3258 37.5024 23.0274 37.2118 23.759 37.2118H49.9641C50.3299 37.2118 50.6807 37.0665 50.9394 36.8078C51.198 36.5492 51.3433 36.1984 51.3433 35.8326C51.3433 35.4668 51.198 35.116 50.9394 34.8573C50.6807 34.5987 50.3299 34.4534 49.9641 34.4534H42.6044L41.7904 31.4151C42.5408 30.667 43.203 29.8353 43.7642 28.9365H48.5849C50.215 28.9363 51.8292 29.2573 53.3353 29.8811C54.8414 30.5048 56.2098 31.4192 57.3625 32.5718C58.5152 33.7245 59.4295 35.093 60.0533 36.5991Z" fill="white"></path></svg>
</span>
<span class="formCard__text font-weight-bold text-left lh-3 fs-18">Ready to install</span>
</label>
</div>
</div>
<div class="col px-2 ">
<div class="formCard formCard_row">
<input id="just-getting-a-price-3-planning" name="planning" value="Just getting a price" type="radio">
<label for="just-getting-a-price-3-planning">
<span class="formRadio">
<span class="formRadio__inner"></span>
</span>
<span class="formCard__icon">
<svg fill="none" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M84.5181 0H59.4139C58.6367 0 57.8916 0.308788 57.3424 0.858201L0.858104 57.3425C-0.286035 58.4866 -0.286035 60.3415 0.858104 61.4856L38.5143 99.1418C39.0864 99.7139 39.8362 100 40.5858 100C41.3354 100 42.0854 99.7141 42.6572 99.1418L99.1415 42.6575C99.6909 42.1081 99.9997 41.363 99.9997 40.5861V15.4818C99.9997 6.9451 93.0548 0 84.5181 0ZM53.1379 65.4817H52.9295V68.828C52.9295 70.446 51.6178 71.7577 49.9998 71.7577C48.3818 71.7577 47.0701 70.446 47.0701 68.828V65.4817H43.7238C42.1059 65.4817 40.7942 64.17 40.7942 62.552C40.7942 60.9341 42.1059 59.6223 43.7238 59.6223H53.1379C54.9687 59.6223 56.4842 58.1462 56.4842 56.2761C56.4842 54.4046 54.9674 52.9298 53.1379 52.9298H46.8617C41.8836 52.9298 37.6561 48.9147 37.6561 43.7241C37.6561 38.5333 41.8846 34.5185 46.8617 34.5185H47.0701V31.1718C47.0701 29.5539 48.3818 28.2421 49.9998 28.2421C51.6178 28.2421 52.9295 29.5539 52.9295 31.1718V34.5181H56.2758C57.8937 34.5181 59.2055 35.8298 59.2055 37.4478C59.2055 39.0657 57.8937 40.3775 56.2758 40.3775H46.8617C45.0309 40.3775 43.5154 41.8536 43.5154 43.7237C43.5154 45.5952 45.0322 47.07 46.8617 47.07H53.1379C58.116 47.07 62.3435 51.0851 62.3435 56.2757C62.3435 61.4669 58.115 65.4817 53.1379 65.4817V65.4817ZM84.5181 18.4115C82.9009 18.4115 81.5884 17.099 81.5884 15.4818C81.5884 13.8646 82.9009 12.5521 84.5181 12.5521C86.1353 12.5521 87.4478 13.8646 87.4478 15.4818C87.4478 17.099 86.1353 18.4115 84.5181 18.4115Z"></path></svg>
</span>
<span class="formCard__text font-weight-bold text-left lh-3 fs-18">Just getting a price</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-7">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-8" style="display: none">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/zipCode/visualCover/v2.192dc0cf.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/zipCode/visualCover/v2-mob.651780e0.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
What is your ZIP Code? </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
<span class="mt-2 mt-lg-1">We need to check your local availability</span> </p>
</div>
</div>
<div class="formSplit__cards">
<form name="zip_code" data-copy-form-data-to-other-forms="1" data-tracking="form-step-8" data-previous-step=".step-7" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-8" data-next-step=".step-9">
<input type="hidden" name="regionGroup" value="">
<input type="hidden" name="stepNumber" value="8">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-8 col-xl-6" data-input-wrapper="">
<div class="px-2">
<p class="mb-3" data-zip-location-block=""> </p>
<div class="row no-gutters justify-content-center">
<div class="col-10">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_ inputBlock_ text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
ZIP Code:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="zipCode" value="" data-zip-code-input="" type="tel" placeholder="Enter ZIP Code" data-zip-code-input-keyup="">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.588 15.999"><path d="M76.367,0a5.8,5.8,0,0,0-5.794,5.794c0,3.965,5.185,9.786,5.406,10.032a.522.522,0,0,0,.776,0c.221-.246,5.406-6.067,5.406-10.032A5.8,5.8,0,0,0,76.367,0Zm0,8.71a2.915,2.915,0,1,1,2.915-2.915A2.919,2.919,0,0,1,76.367,8.71Z" transform="translate(-70.573)"></path></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-8">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-9" style="display: none">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/email/visualCover/v2.2eb0c6dc.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/email/visualCover/v2-mob.ed54e300.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Where should we send a copy of the results? </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
<span class="color-blueGrey font-italic">(Valid for 12 months. No obligation to buy)</span> </p>
</div>
</div>
<div class="formSplit__cards">
<form name="email" data-copy-form-data-to-other-forms="1" data-tracking="form-step-9" data-previous-step=".step-8" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-9" data-next-step=".step-10">
<input type="hidden" name="stepNumber" value="9">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="px-2 pt-3 pt-md-4">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mb-0 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Email:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="email" value="" data-email-input="" type="email" placeholder="Email">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12.571"><g transform="translate(0 0)"><path d="M31.025,328.413a1.367,1.367,0,0,0,.936-.353l-4.533-4.533-.314.226q-.509.375-.826.585a5.088,5.088,0,0,1-.844.429,2.572,2.572,0,0,1-.982.219h-.018a2.57,2.57,0,0,1-.982-.219,5.071,5.071,0,0,1-.844-.429q-.317-.21-.826-.585l-.313-.227-4.534,4.534a1.368,1.368,0,0,0,.936.353Z" transform="translate(-16.454 -315.841)"></path><path d="M.9,199.332a4.733,4.733,0,0,1-.9-.777v6.9l4-4Q2.8,200.619.9,199.332Z" transform="translate(0 -194.501)"></path><path d="M416.41,199.332q-1.824,1.235-3.1,2.126l3.994,3.994v-6.9A4.927,4.927,0,0,1,416.41,199.332Z" transform="translate(-401.303 -194.501)"></path><path d="M14.577,59.013H1.434a1.275,1.275,0,0,0-1.058.464,1.8,1.8,0,0,0-.371,1.161A2.086,2.086,0,0,0,.5,61.857a4.429,4.429,0,0,0,1.045,1.031q.3.214,1.83,1.272c.55.381,1.027.713,1.438,1l.9.63.133.095.246.177q.29.21.482.339t.464.29a2.708,2.708,0,0,0,.513.241,1.421,1.421,0,0,0,.446.08h.018a1.421,1.421,0,0,0,.446-.08,2.7,2.7,0,0,0,.513-.241q.272-.161.464-.29t.482-.339l.246-.177.134-.1.9-.628,3.275-2.274a4.247,4.247,0,0,0,1.089-1.1,2.362,2.362,0,0,0,.437-1.348,1.44,1.44,0,0,0-1.429-1.429Z" transform="translate(-0.006 -59.013)"></path></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-9">
Next <i class="lavin-right-small"></i>
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-10" style="display: none" data-phone-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img ">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/nameAndPhone/visualCover/v1.d016b514.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/nameAndPhone/visualCover/v1-mob.1bda0fca.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
LAST STEP! </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
We need to confirm some details about your home to ensure you get the right system setup. </p>
</div>
</div>
<div class="formSplit__cards">
<form name="name_and_phone" data-copy-form-data-to-other-forms="1" data-tracking="form-step-10" data-previous-step=".step-9" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-10" data-next-step="twilio">
<input type="hidden" name="stepNumber" value="10">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row justify-content-center">
<div class="col-12 col-sm-9">
<div class="background-lighterGreen border-radius-5px fs-16 fs-mbs-14 p-3 mb-4 mx-2 mx-sm-0 text-left lh-3">
Promotion Applied: <br><span class="fs-18 fs-mbs-16 font-weight-bold color-darkGreen" data-promotion-text="">15% OFF your estimate</span>
</div>
</div>
</div>
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-9" data-input-wrapper="">
<div class="px-2">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Full Name:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="name" value="" data-name-input="" type="text" placeholder="Enter Your Full Name">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0,16V14c0-2.2,3.6-4,8-4s8,1.8,8,4v2ZM4,4A4,4,0,1,1,8,8,4,4,0,0,1,4,4Z"></path></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mb-0 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__label ">
Phone Number:<span class="inputBlock__require">*</span> </div>
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="phone" value="" data-phone-input="" type="tel" placeholder="(XXX)XXX-XXXX" autocomplete="off">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.037 16"><g transform="translate(0 0)"><g transform="translate(0 0)"><path d="M15.676,13.049,13.2,10.572a1.291,1.291,0,0,0-1.821.034l-1.248,1.247-.246-.137a12.416,12.416,0,0,1-3-2.171A12.485,12.485,0,0,1,4.709,6.54c-.046-.084-.09-.164-.134-.241l.837-.836.412-.412A1.29,1.29,0,0,0,5.857,3.23L3.381.753A1.29,1.29,0,0,0,1.56.787l-.7.7.019.019A4.036,4.036,0,0,0,.306,2.523,4.206,4.206,0,0,0,.05,3.552C-.277,6.263.962,8.74,4.324,12.1c4.647,4.647,8.393,4.3,8.554,4.279a4.184,4.184,0,0,0,1.032-.259,4.022,4.022,0,0,0,1.011-.573l.015.014.707-.692A1.292,1.292,0,0,0,15.676,13.049Z" transform="translate(0 -0.394)"></path></g></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
<div class="agreement agreement_full text-left mt-2" style="display: none" data-agreement-text-wrapper="">
<div class="agreement__txt agreement__txt-sm">
By clicking ’Submit’, I give my consent to Leaf Home and its subsidiaries to contact me at the phone number above, including via text message, autodialer, or pre-recorded message. Consent is not a condition of purchase. Message & data rates may apply.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 mt-3 mt-sm-5">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-10">
Submit
</button>
</div>
<span class="secure secure_txt mt-2 mw-100">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
We use the best security & privacy practices to process your request
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-twilio" data-active-step="twilio" style="display: none" data-twilio-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/twilio/visualCover/v1.b7690623.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/twilio/visualCover/v1-mob.7a168ca0.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23">
Please confirm your phone number </div>
<p class="fs-16 fs-sm-15 color-blueGrey mt-2">
You might be using an invalid phone number </p>
</div>
</div>
<div class="formSplit__cards">
<form name="twilio" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-twilio">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg mx-auto" data-input-wrapper="">
<div class="inputBlock__wrap">
<input data-twilio-phone-input="" class="inputBlock__input inputBlock__input_twilio inputBlock__input_twilio-withIcon" type="tel" name="phone" required="required" autocomplete="off" placeholder="(XXX)XXX-XXXX">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.037 16"><g transform="translate(0 0)"><g transform="translate(0 0)"><path d="M15.676,13.049,13.2,10.572a1.291,1.291,0,0,0-1.821.034l-1.248,1.247-.246-.137a12.416,12.416,0,0,1-3-2.171A12.485,12.485,0,0,1,4.709,6.54c-.046-.084-.09-.164-.134-.241l.837-.836.412-.412A1.29,1.29,0,0,0,5.857,3.23L3.381.753A1.29,1.29,0,0,0,1.56.787l-.7.7.019.019A4.036,4.036,0,0,0,.306,2.523,4.206,4.206,0,0,0,.05,3.552C-.277,6.263.962,8.74,4.324,12.1c4.647,4.647,8.393,4.3,8.554,4.279a4.184,4.184,0,0,0,1.032-.259,4.022,4.022,0,0,0,1.011-.573l.015.014.707-.692A1.292,1.292,0,0,0,15.676,13.049Z" transform="translate(0 -0.394)"></path></g></g></svg>
</div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="twilioButtonsWrap twilioButtonsWrap_type2 d-lg-flex align-item-center justify-content-around mx-auto mx-lg-n1">
<button data-twilio-phone-edit-btn="" type="button" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick btn_twilio-edit mr-xl-2 mb-3 mb-xl-0 mx-0 mb-lg-0 mx-lg-1">
Edit Phone Number
</button>
<button data-twilio-phone-submit-btn="" type="submit" class="btn btn_greyV2 rounded-pill btn_effect-scale btn_effect-blick btn_twilio-submit ml-xl-2 mx-0 mb-lg-0 mx-lg-1">
Phone Number Is Correct
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div data-step="" class="steps step-sorry" data-active-step="sorry" style="display: none" data-sorry-step="">
<div class="formSplit formSplit_widerCnt">
<div class="formSplit__left ">
<div class="formVisual formVisual_ver2 active">
<span class="formVisual__img">
<div class="loadLazy d-none d-md-block ">
<img class="loadLazy__media lazy" data-src="/build/images/form/sorry/visualCover/v1.b3cedb7e.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
<div class="loadLazy d-md-none ">
<img class="loadLazy__media lazy" data-src="/build/images/form/sorry/visualCover/v1-mob.c966ceb3.jpg" alt="image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E">
</div>
</span>
</div>
</div>
<div class="formSplit__right">
<div class="stepProgress stepProgress_theme-greenV4 stepProgress_type5 my-3 my-sm-4 pb-2" style="display:none;" data-form-progress="">
<div class="stepProgress__bar">
<div data-form-progress-value="" class="stepProgress__value" style="width: 20%;" data-current-progress="20"></div>
</div>
<div class="stepProgress__step">
<span data-current-step="1" class="stepProgress__stepCurrent" data-form-progress-current-step="">1</span> of <span class="stepProgress__total" data-form-progress-total-steps="">1</span>
</div>
</div>
<div class="formSplit__title mt-4">
<div class="position-relative text-center mb-4 pb-2 px-2">
<div class="font-weight-bold lh-3 fs-26 fs-sm-23" data-sorry-fade-out="">
Unfortunately we don’t install in your area yet. If you’d like us to notify you when we do, please enter your email address below </div>
<div class="font-weight-bold lh-3 fs-26 fs-sm-23" data-sorry-fade-in="" style="display:none;">
Thank you for your interest, we will contact you when our service becomes available in your area! </div>
</div>
</div>
<div class="formSplit__cards">
<form name="sorry_email" novalidate="" data-action="/update-lead" data-change-action-after-first-submit="/update-lead" data-current-step=".step-sorry">
<div class="formSplit__wrapper">
<div class="formSplit__top">
<div class="row justify-content-center">
<div class="col-12 col-sm-9">
<div class="inputBlock inputBlock_type1 inputBlock_type1-greyBlue inputBlock_type1_size-xl inputBlock_type1-border-radius-lg inputBlock_full inputBlock_ mx-auto mb-0 px-2 text-left mx-auto" data-input-wrapper="">
<div class="inputBlock__wrap mt-1">
<input class="inputBlock__input" name="email" value="" data-email-input="" type="email" placeholder="Email Address">
<div class="inputBlock__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12.571"><g transform="translate(0 0)"><path d="M31.025,328.413a1.367,1.367,0,0,0,.936-.353l-4.533-4.533-.314.226q-.509.375-.826.585a5.088,5.088,0,0,1-.844.429,2.572,2.572,0,0,1-.982.219h-.018a2.57,2.57,0,0,1-.982-.219,5.071,5.071,0,0,1-.844-.429q-.317-.21-.826-.585l-.313-.227-4.534,4.534a1.368,1.368,0,0,0,.936.353Z" transform="translate(-16.454 -315.841)"></path><path d="M.9,199.332a4.733,4.733,0,0,1-.9-.777v6.9l4-4Q2.8,200.619.9,199.332Z" transform="translate(0 -194.501)"></path><path d="M416.41,199.332q-1.824,1.235-3.1,2.126l3.994,3.994v-6.9A4.927,4.927,0,0,1,416.41,199.332Z" transform="translate(-401.303 -194.501)"></path><path d="M14.577,59.013H1.434a1.275,1.275,0,0,0-1.058.464,1.8,1.8,0,0,0-.371,1.161A2.086,2.086,0,0,0,.5,61.857a4.429,4.429,0,0,0,1.045,1.031q.3.214,1.83,1.272c.55.381,1.027.713,1.438,1l.9.63.133.095.246.177q.29.21.482.339t.464.29a2.708,2.708,0,0,0,.513.241,1.421,1.421,0,0,0,.446.08h.018a1.421,1.421,0,0,0,.446-.08,2.7,2.7,0,0,0,.513-.241q.272-.161.464-.29t.482-.339l.246-.177.134-.1.9-.628,3.275-2.274a4.247,4.247,0,0,0,1.089-1.1,2.362,2.362,0,0,0,.437-1.348,1.44,1.44,0,0,0-1.429-1.429Z" transform="translate(-0.006 -59.013)"></path></g></svg>
</div>
<div class="inputBlock__highlight"></div>
</div>
<div class="helpBlock" data-error-block=""></div>
</div>
</div>
</div>
</div>
<div class="formSplit__bottom">
<div class="formSplit__btn mb-3 mb-sm-4 ">
<div class="row no-gutters justify-content-center">
<div class="col-12">
<div class="text-right pr-2 position-relative">
<button data-go-to-previous-step-btn="" type="button" class="btn btn_back btn_back-type1 color-blueGrey2">
<i class="lavin-left-open-2"></i> Back
</button>
<button type="submit" class="btn btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick " data-tracking="btn-step-12">
Submit
</button>
</div>
<span class="secure mx-2 color-blueGrey">
<div class="separator my-4 background-lightGrey2"></div>
<svg class="secure__lock" aria-hidden="true" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path>
</svg>
Safe, Secure, and Confidential
</span>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section_roll section_roll-lightBlue">
<div class="container-md">
<div class="row">
<div class="col-12">
<div class="blockTitle mb-4 mt-sm-n2 pb-2 pb-lg-3 text-center">
<div class="blockTitle__hdr mb-1">
Limited Time Offers
</div>
<div class="blockTitle__txt">
Leaf Home Water Solutions offers multiple discounts for those who qualify. When you are scheduling your free comprehensive water test and water treatment system estimate, please be sure to mention the discounts you qualify for to your customer representative.
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section pt-0">
<div class="container-md">
<div class="row justify-content-center row-cols-1 row-cols-lg-2">
<div class="col d-flex justify-content-end mb-4 pb-2 mb-lg-0 pb-lg-0">
<div class="discountFlip discountFlip-senior cursor-default">
<div class="discountFlip__inner" data-flip-card="">
<div class="discountFlip__front">
<div class="discountFlip__body align-items-center">
<div class="discountFlipVal">
<div class="discountFlipVal__numb">
15 <span>%</span>
</div>
<div class="discountFlipVal__off">OFF</div>
</div>
<div class="discountFlipType discountFlipType_lg">
<div class="discountFlipType__name">Your Estimate Price</div>
</div>
</div>
<div class="discountFlip__footer">
<div class="discountFlip__dash"></div>
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center justify-content-between w-100">
<div class="discountFlip__barcode loadLazy loadLazy_square">
<img class="loadLazy__media lazy" data-src="/build/images/barcode.9bee21f0.png" alt="barcode" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'%3E%3C/svg%3E">
</div>
<p class="discountFlip__barcodeTxt">
S-15-2023<br>LW-DISCOUNT
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="discountFlip discountFlip-military cursor-default">
<div class="discountFlip__inner" data-flip-card="">
<div class="discountFlip__front">
<div class="discountFlip__body align-items-center">
<div class="discountFlipVal">
<div class="discountFlipVal__numb">
10 <span>%</span>
</div>
<div class="discountFlipVal__off">OFF</div>
</div>
<div class="discountFlipType discountFlipType_lg">
<span class="discountFlipType__extra">EXTRA</span>
<div class="discountFlipType__name">Seniors & Military</div>
</div>
</div>
<div class="discountFlip__footer">
<div class="discountFlip__dash"></div>
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center justify-content-between w-100">
<div class="discountFlip__barcode loadLazy loadLazy_square">
<img class="loadLazy__media lazy" data-src="/build/images/barcode.9bee21f0.png" alt="barcode" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'%3E%3C/svg%3E">
</div>
<p class="discountFlip__barcodeTxt">
M-10-2023<br>LW-DISCOUNT
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="section pt-3 pb-0 py-sm-0 mb-n4 mb-sm-0">
<div class="container-md">
<div class="inboundPhone">
<div class="row no-gutters justify-content-center align-items-center" data-gtm-visibility-timer="sectionCallUs">
<div class="col-12 col-sm-6 col-md-5 col-lg-4 py-2 py-xl-4 text-center text-sm-left">
<div class="loadLazy loadLazy_slidePreview inboundPhone__logo inboundPhone__logo_leafwater mx-auto mx-sm-0">
<img class="loadLazy__media lazy" data-src="/build/images/logo/logo.c84867cc.svg" alt="logo" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1.2'%3E%3C/svg%3E">
</div>
<div class="blockTitle mb-3 mb-md-4 mt-3">
<div class="blockTitle__hdr text-capitalize mx-auto mx-sm-0 ">
Call us to get your local installation cost
</div>
</div>
<span class="position-relative">
<a href="tel:(855)-916-3833" class="inboundPhone__link" data-gtm-click="callLaterClicked">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-1417 -791)"><rect width="30" height="30" transform="translate(1417 791)" fill="none"></rect><path d="M421.729,217.849a2.281,2.281,0,0,0-.78.175,1.076,1.076,0,0,0-.442.509.923.923,0,0,0,.451,1.061c.116.058.178.06,1.584.068a10.456,10.456,0,0,1,2.47.162,13.312,13.312,0,0,1,8.156,5.261,10.438,10.438,0,0,1,1.983,4.839,10.313,10.313,0,0,1-.093,2.781.992.992,0,0,0,.019.645.891.891,0,0,0,1.495.292,1.253,1.253,0,0,0,.309-.666,7.636,7.636,0,0,0,.163-1.857,9.67,9.67,0,0,0-.151-1.976,12.543,12.543,0,0,0-3.025-6.119c-.379-.425-1.414-1.444-1.794-1.767a15.986,15.986,0,0,0-1.416-1.041,15.1,15.1,0,0,0-5.694-2.233,17.889,17.889,0,0,0-3.238-.134Zm.308,5.44a3.592,3.592,0,0,1,.822-.028,7.7,7.7,0,0,1,2.22.3,9.065,9.065,0,0,1,3.127,1.6,13.3,13.3,0,0,1,1.491,1.46,7.652,7.652,0,0,1,1.735,4.1,4.855,4.855,0,0,1-.157,1.833.908.908,0,0,1-.557.527.919.919,0,0,1-1.112-.494.658.658,0,0,1-.061-.466,5.829,5.829,0,0,0-.043-1.857,6.089,6.089,0,0,0-.887-2.043,7.611,7.611,0,0,0-4.073-2.941,5.541,5.541,0,0,0-1.789-.221c-.766,0-.77,0-.925-.083a.848.848,0,0,1-.535-.8.807.807,0,0,1,.237-.6.863.863,0,0,1,.506-.287Zm-10.522-3.645a2.527,2.527,0,0,1,1.1.142A16.476,16.476,0,0,1,414.6,221.6a13.1,13.1,0,0,1,1.977,2.092,1.733,1.733,0,0,1,.149.8c-.02.288-.131.519-.671,1.392-.83,1.345-1,1.86-.81,2.427a13.494,13.494,0,0,0,.883,1.739,30.973,30.973,0,0,0,6.511,6.891,16.159,16.159,0,0,0,2.9,1.892,2.8,2.8,0,0,0,1.274.406,1.129,1.129,0,0,0,.543-.106,11.951,11.951,0,0,0,1.921-1.021c.618-.374.71-.4,1.133-.38a1.6,1.6,0,0,1,.8.208c.213.139,1.207,1.071,2.395,2.247,1.4,1.392,1.536,1.563,1.6,2.1.055.449-.022.658-.489,1.342a12.548,12.548,0,0,1-2.006,2.444,3.317,3.317,0,0,1-1.856.621,10.037,10.037,0,0,1-4.539-1.037,31.675,31.675,0,0,1-7.64-5.174,62.634,62.634,0,0,1-5.027-4.955c-3.254-3.627-5.329-7.034-5.9-9.689-.4-1.861-.18-3.126.7-4.016a17.626,17.626,0,0,1,2.21-1.682,3.187,3.187,0,0,1,.86-.492Z" transform="translate(1009.699 573.742)" fill="#32abaa" fill-rule="evenodd"></path></g></svg>
<span><b>(855)-916-3833</b></span>
</a>
</span>
</div>
<div class="col-12 col-sm-4 col-lg-3 mt-4 mt-sm-0 d-flex justify-content-center">
<span class="inboundPhone__bg "></span>
<a href="tel:(855)-916-3833" class="inboundPhone__img mt-n4" data-gtm-click="callLaterClicked">
<div class="loadLazy loadLazy_slidePreview">
<img class="loadLazy__media lazy" data-src="/build/images/phone/cta-img-leafwater.0d36e0ac.png" alt="inboundPhone" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1.2'%3E%3C/svg%3E">
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section background-darkGrey pt-3 pb-0">
<div class="container">
<div class="row">
<div class="col-12 pb-3">
<ul class="blockSource blockSource_onDark blockSource_mobSmall d-flex flex-wrap m-0">
<li class="blockSource__item mb-0">
1 - According to
<a class="blockSource__link" href="https://www.ewg.org/news-insights/news-release/study-more-200-million-americans-could-have-toxic-pfas-their-drinking" target="_blank">
www.ewg.org
</a>
</li>
</ul>
</div>
</div>
<div class="separator separator_onDark"></div>
</div>
</section>
<footer class="footer ">
<div class="container">
<div class="row no-gutters align-items-center">
<div class="col-12 col-md-6 order-2 order-md-1 mt-2 mt-md-0">
<div class="footer__copyright text-center text-md-left">
Leaf Water Systems © 2023. All Rights Reserved.
</div>
</div>
<div class="col order-1 order-md-2 d-flex justify-content-center justify-content-md-end col-ios-full">
<ul class="footer__menu">
<li class="footer__item">
<a target="_blank" href="https://www.leafwatersystems.com/privacy-policy" class="footer__link">Privacy Policy</a>
</li>
<li class="footer__item">
<a target="_blank" href="https://www.leafwatersystems.com/contact" class="footer__link">Contact us</a>
</li>
<li class="footer__item">
<a target="_blank" href="https://www.leafwatersystems.com/unsubscribe" class="footer__link">Unsubscribe</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="/build/runtime.d94b3b43.js"></script><script src="/build/0.cf60d32b.js"></script><script src="/build/1.8fae2463.js"></script><script src="/build/app.efdc9094.js"></script>
<script>
$(function () {
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var mainVideo = $('[data-main-video]').find("video");
if (windowWidth < 575.98) {
mainVideo.attr("src", "https://mediastrg.com/e19a478/video/heroVideo8-mob.mp4?v1689339953");
mainVideo.attr("poster", "https://mediastrg.com/e19a478/video/heroVideo8-mob-cover.jpg?v1689339953");
} else {
mainVideo.attr("src", "https://mediastrg.com/e19a478/video/heroVideo8.mp4?v1689339953");
mainVideo.attr("poster", "https://mediastrg.com/e19a478/video/heroVideo8-cover.jpg?v1689339953");
}
});
</script>
<script>
window.twilio = 1;
window.progressFadeDelay = 600;
window.twilioBtnStyle = 'btn_greenV3-solid rounded-pill btn_effect-scale btn_effect-blick';
</script>
</body>Editor is loading...