.rdbtn{border:2px solid #5699d3;display:inline-block;padding:10px;position:relative;text-align:center;transition:background 600ms ease,color 600ms ease}.dd-select{position:relative;margin:-20px auto 0;max-width:65px}.dd-select select{height:40px;width:100%;background-color:#fff;border-radius:5px;color:#b5b5b5;font-size:16px;font-weight:700;border:2px solid #b5b5b5;margin:0}.water-calculator{width:100%;padding:10px;margin:0 auto}.water-calculator .calculator-title{font-size:24px;margin:25px 0;font-weight:700;color:#263d8c;text-align:center}@media(min-width: 768px){.water-calculator{padding:0 25px}}.water-calc-form{text-align:center;max-width:1200px;margin:0 auto 50px}.water-calc-form .calculator-title{max-width:850px;font-size:18px;margin:0 auto 2rem}.water-calc-form .form-section{margin:0 0 3rem}.water-calc-form .form-section .form-inputs{margin:0 0 30px}.water-calc-form .form-section input[type=radio]{display:none}.water-calc-form .form-section .wtoggle:checked+.rdbtn{background-color:#5699d3;color:#fff;border-color:#263d8c}.water-calc-form .form-section.form-two-col{margin:0 0 3rem}.water-calc-form .form-section.form-two-col .form-col{margin:0 auto 25px}@media(min-width: 768px){.water-calc-form .form-section.form-two-col{display:flex;justify-content:center;gap:15px}.water-calc-form .form-section.form-two-col div{flex:1}}.water-calc-form ul{margin:0;padding:0;list-style:none}.water-calc-form ul li{vertical-align:top;line-height:normal}.water-calc-form ul li.m-icon{width:auto;height:auto;padding:52px 10px 0}.water-calc-form ul li.m-icon span{margin:0}.water-calc-form ul li .dd-text{margin:-20px auto 0;position:relative}.water-calc-form ul li .dd-text input{background-color:#fff;width:60px;height:29px;border:2px solid #b5b5b5;color:#b5b5b5;font-size:16px;display:inline-block;text-align:center;padding:0 5px;box-shadow:0 0 3px 0 rgba(0,0,0,.1);font-weight:700}.water-calc-form .usages{padding:0;display:grid;grid-template-columns:1fr;align-items:center;gap:5px}.water-calc-form .usages li{width:100%;text-align:left;margin:0}@media(min-width: 768px){.water-calc-form .usages{grid-template-columns:repeat(2, 1fr)}}.water-calc-form .climate-result{margin:25px 0 0}.my-checkbox{background-color:#5699d3;color:#fff;border:2px solid #263d8c}.my-checkbox input[type=checkbox]{display:none}.my-checkbox input[type=checkbox]:focus+label::before{outline:0}.my-checkbox input[type=checkbox]:checked~label::before{color:#fff}.my-checkbox input[type=checkbox]:checked~label::after{transform:rotate(-45deg) scale(1)}.my-checkbox label{position:relative;display:flex;align-items:center;padding:22px;padding-left:40px;margin:0;color:#fff;font-weight:bold;font-size:14px}.my-checkbox label span{margin-left:20px}.my-checkbox label:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);margin:0;width:22px;height:22px;transition:transform .28s ease;border-radius:3px;border:2px solid #fff}.my-checkbox label::after{content:"";position:absolute;left:26px;top:44%;transform:translateY(-44%);display:block;width:10px;height:5px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform ease .25s}.my-checkbox:hover{background-color:#263d8c}.my-checkbox:hover.active:before{background-color:#fff;border-color:#fff}.button-list{display:flex;flex-direction:column;gap:5px;justify-content:center;max-width:600px;margin:0 auto 50px}.kjj{width:calc(100% - 8px);position:relative;display:block;background:#2ca0f4;color:#fff;padding:4px}.my-button{position:relative;background-color:#5699d3;padding:22px;color:#fff;border:2px solid #263d8c;font-weight:bold;transition:all .5s ease}.my-button:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);margin:0;width:22px;height:22px;transition:transform .28s ease;border-radius:50%;border:2px solid #fff}.my-button.active:before{background-color:#263d8c;border-color:#263d8c}.my-button:hover{background-color:#263d8c}.my-button:hover.active:before{background-color:#fff;border-color:#fff}.recommendations-list ul{display:grid;grid-template-columns:1fr;gap:5px}.recommendations-list ul li{border:2px solid #f5f6f7;padding:20px 5px}.recommendations-list ul li .rec-options span:hover{cursor:pointer}.recommendations-list ul li .rec-title{margin:5px 0;font-weight:bold}.recommendations-list ul li .rec-price{margin:10px 0}.recommendations-list ul li button{text-transform:uppercase;font-size:12px}@media(min-width: 768px){.recommendations-list ul{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.recommendations-list ul{grid-template-columns:repeat(4, 1fr)}}#state-select{color:#b5b5b5;font-size:16px;font-weight:700;border:2px solid #b5b5b5;margin:10px auto;max-width:250px}.results-section>header{background-color:#263d8c;padding:15px}.results-section>header h3{margin:0;color:#fff;font-weight:bold;text-transform:uppercase}.water-results .water-band{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;margin:4rem auto;background-color:#f5f6f7;border:2px solid #263d8c;padding:10px 5px 10px 100px;max-width:725px;font-weight:bold;color:#263d8c}.water-results .water-band .water_icon{position:absolute;left:4px;max-width:90px}.water-results .water-band .water_icon img{width:100%}@media(min-width: 768px){.water-results{font-size:22px}.water-results .water-band .water_icon{left:-35px;max-width:140px}}.waterTotal{display:block;font-weight:bold;color:#5699d3;font-size:24px}.option-swatch{width:20px;height:20px;display:inline-block;margin:0 2px;border:1px solid #000;border-radius:50%;transition:all .5s ease}.option-swatch:hover{transform:scale(1.1)}.option-swatch.swatch-granite{background-color:#757b83}.option-swatch.swatch-ice-blue{background-color:#286edd}.option-swatch.swatch-white{background-color:#fff}.form-icon{display:flex;justify-content:center;max-width:130px;margin:0 auto}.climate-maps{display:flex;gap:5px;margin:25px 0}