html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: 700;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}
main {
display: block;
max-width: 100%;
overflow-x: hidden;
}
.section-hero img{width: 100%;}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
-webkit-text-size-adjust: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 300;
line-height: 1.8;
background: #fff;
font-size: 18px;
padding: 0px;
margin: 0px;
color: #000000;
}
body{
overflow-x: hidden;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
a {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background-color: transparent;
text-decoration: none;
outline: none;
color: #002972;
}
a:hover {
color: #e1523d;
}
h2 a, p a {
text-decoration: underline;
}
p {
line-height: 1.4;
margin: 0px 0px 35px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #000000;
font-size: 20px;
}
p.last {
margin-bottom: 0;
}
li strong, p strong {
font-weight: 700;
}
.note {
color: #002972;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
margin: 0px 0px 20px;
color: #fff;
}
h1, h2 {
line-height: 1.2;
font-size: 46.4px;
font-weight: 400;
font-family: 'PT Sans', sans-erif;
color: #000000;
margin-bottom: 25px;
}
h3 {
line-height: 1.2;
font-size: 28px;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
h4 {
line-height: 1.2;
font-size: 18px;
color: #022dcf;
font-family: 'Open Sans',sans-serif;
font-weight: 600;
}
h5 {
line-height: 1.2;
font-size: 16px;
color: #022dcf;
font-family: 'Open Sans',sans-serif;
font-weight: 600;
}
h6 {
line-height: 1.2;
font-size: 14px;
color: #022dcf;
font-family: 'Open Sans',sans-serif;
font-weight: 600;
}
ul {
list-style: none;
padding: 0px;
margin: 18px 0px;
}
li {
line-height: 1.4;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #000000;
font-size: 20px;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
}
.button {
vertical-align: middle;
font-weight: 600;
line-height: 42px;
height: 48px;
background: #fff;
min-width: 192px;
font-size: 17px;
display: inline-block;
padding: 0px 10px;
border: solid 2px #6c6c6c;
cursor: pointer;
color: #000;
border-radius: 50px;
box-sizing: border-box;
text-align: center;
font-family: 'Open Sans', sans-serif;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.button:hover{
color: #fff;
background: #002972;
border-color: #002972;
}
.button-large{
font-size: 20px;
height: 80px;
line-height: 80px;
padding: 0 55px;
letter-spacing: 1px;
min-width: 425px;
}
.button.cta-button {
color: #fff;
background: #ee076f;
border-color: #ee076f;
text-transform: uppercase;
height: 60px;
line-height: 57px;
padding: 0 55px;
}
.button.cta-button:hover{
background: #00b0ff;
border-color: #00b0ff;
}
.video {
height: 0;
padding-bottom: 57%;
position: relative;
width: 100%;
}
.video iframe {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
max-width: 100%;
display: block;
border: none;
}
.flex-row{
display: flex;
column-gap: 80px;
justify-content: space-between;
}
.flex-align-center{
align-items: center;
}
.flex-reverse{
flex-direction: row-reverse;
}
.flex-row .flex-media{
min-width: 555px;
flex-grow: unset;
}
.container {
max-width : 100%;
min-width : 320px;
margin : 0px auto;
padding: 0 40px;
}
.flex-row>div,.package-row>div {
flex: 1;
}
.package-inclusions {max-width: unset;}
.block-icon-item {
display: flex;
align-items: center;
gap: 32px;
margin-bottom: 32px;
}
.block-icon-graphic {
display: flex;
min-width: 75px;
height: 75px;
justify-content: center;
align-items: center;
border-radius: 50px;
}
.block-icon-description p {
margin: 0;;
}
.block-icon-description p strong {
display: flex;
font-size: 24px;
}
.parallax-bucket-photo {
max-width: 112px;
height: 111px;
margin: -15px auto 20px auto;
display: flex;
align-items: center;
border-radius: 111px;
}
.parallax-bucket-photo.icon-flag {
background: #6e25b9;
}
.parallax-bucket-photo.icon-hottub {
background: #00b0ff;
}
.parallax-bucket .parallax-bucket-photo>img {
width: auto;
max-width: 56px;
margin-top: 0;
margin-bottom: 0;
}
.parallax-bucket .parallax-bucket-photo.icon-hottub>img {
max-width: 74px;
}
.parallax-bucket-photo.icon-flag {
background: #6e25b9;
}
#section1-1 {
background: #f8fafd;
padding: 60px 0 60px;
}
#section-2 {
padding: 60px 0 60px;
}
.site-logo-brand-heading {
margin-bottom: 50px;
justify-content: center;
gap: 0;
}
.site-logo-brand-heading>div {
flex: unset;
}
.site-logo-brand-heading .heading {
margin-bottom: 0;
}
.site-logo-brand-heading .flex-media {
width: 30%;
display: flex;
justify-content: center;
}
.site-logo-brand-heading .flex-media img {
width: auto;
}
.hot-tubs-bundle {
margin-top: 75px;
}
.american-whirlpool-bundle-heading {
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.american-whirlpool-bundle-heading .flex-contents {
flex: unset;
}
.american-whirlpool-bundle-heading .flex-contents img {
margin-bottom: 15px;
}
.american-whirlpool-bundle-heading .flex-contents h4 {
font-size: 28px;
text-align: center;
margin: 0 0 5px 0;
color: #081f41;
line-height: 1;
}
.american-whirlpool-bundle-heading .flex-contents p {
text-align: center;
font-size: 20px;
}
.flex-bundle-items {
display: flex;
flex-wrap: wrap;
gap: 50px;
justify-content: center;
margin-bottom: 50px;
}
.bundle-item {
flex: 0 0 calc(33.333% - 50px);
box-sizing: border-box;
text-align: center;
background: #fff;
padding: 50px;
border-radius: 20px;
box-shadow: 0px 0px 15px #ccc;
}
.bundle-item img {
width: 100%;
height: 200px;
object-fit: contain;
border-radius: 8px;
margin-bottom: 10px;
}
@media (max-width: 992px) {
.bundle-item {
flex: 1 1 calc(50% - 20px);
}
}
@media (max-width: 600px) {
.bundle-item {
flex: 1 1 100%;
}
}
.bundle-item h4 {
color: #081f41;
font-weight: 700;
margin: 0 0 5px 0;
font-size: 21px;
}
.bundle-item p {
font-size: 20px;
line-height: 1;
}
.heading {
margin-bottom: 50px;
}
@media (min-width : 1px) {
.container {
padding : 0px 20px;
}
}
@media (min-width : 480px) {
.container {
padding : 0px 60px;
}
}
@media (min-width: 1600px) {
.container {
padding: 0 85px;
}
}
#site-header {
padding: 19px 0 14px;
background: #fff;
}
.site-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-header-buttons {
display: flex;
justify-content: flex-end;
column-gap: 22px;
}
.site-header-button {
text-align: center;
}
.site-header-button p{
font-weight: 700;
text-transform: uppercase;
margin: 0 0 5px 0;
color: #000000;
font-size: 17px;
}
#section-1{
padding: 65px 0 65px;
}
#section-1 .flex-media{
text-align: center;
}
#section-1 .flex-media img:first-child{
margin-bottom: 40px;
}
.package-row {
display: flex;
margin-top: 60px;
column-gap: 80px;
margin-bottom: 10px;
}
.package-row h3 {
font-size: 42px;
}
.package-contents {
flex-grow: 1;
}
.package-inclusions {
display: block;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 33px;
row-gap: 0;
flex-direction: column;
}
.package-inclusion{
width: 100%;
padding: 25px 30px 25px 30px;
border: solid 3px #00afef;
border-bottom: 0;
}
.package-inclusion:last-child{
border-bottom: solid 3px #00afef;
}
.package-inclusion p{
line-height: 1.3;
}
.package-inclusion p:last-child{
margin-bottom: 0;
}
.package-row .package-inclusion h3 {
margin-bottom: 3px;
font-size: 28px; line-height: 1;
}
#section-2{
padding: 75px 0 45px;
}
#section-3{
padding: 90px 0 165px;
background-color: #f8fafd;
}
#section-4 {
padding-top: 80px;
padding-bottom: 200px;
}
#section-5:before {
content: '';
display: block;
width: 10000%;
height: 100px;
background: url(images/graphic-wave.svg?v=1) repeat-x center bottom;
background-size: auto 100%;
-webkit-animation: wave 450s cubic-bezier(.36,.45,.63,.53) infinite;
animation: wave 450s cubic-bezier(.36,.45,.63,.53) infinite;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -120px;
}
@-webkit-keyframes wave {
0% {
transform: translateX(0) translateZ(0);
}
50% {
transform: translateX(-25%) translateZ(0);
}
100% {
transform: translateX(-50%) translateZ(0);
}
}
@keyframes wave {
0% {
transform: translateX(0) translateZ(0);
}
50% {
transform: translateX(-25%) translateZ(0);
}
100% {
transform: translateX(-50%) translateZ(0);
}
}
#section-5-contents {
text-align: center;
background: #002972;
padding-bottom: 32px;
}
#section-5-contents h2{
color: #fff;
margin-bottom: 30px;
}
#section-5-contents h2 br{
display: block !important;
}
#section-5-contents h2 strong{
font-size: 53px;
}
.block-customer-testimonials {
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 50px;
padding-top: 25px;
}
.block-customer-testimonials>div {
box-shadow: 0 3px 35px rgba(181, 181, 181, .40);
background: #fff;
border-radius: 15px;
width: 30%;
flex-grow: 1;
padding: 30px 40px 35px 40px;
margin-bottom: 30px;
position: relative;
}
.block-customer-testimonial-heading {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.block-customer-testimonial-heading h4 {
color: #000;
font-weight: 700;
margin: 0;
font-size: 19px;
font-family: 'PT Sans', sans-serif;
}
.block-customer-testimonial-heading img {
display: block;
}
.block-customer-testimonials>div p{
font-size: 17px;
line-height: 1.6;
}
.block-customer-testimonials>div img[alt="Google Icon"]{
margin-right: -20px;
margin-top: -30px;
}
.block-customer-testimonial-more{
font-size: 19px;
font-weight: 600;
color: #000000;
line-height: 1;
height: auto;
width: auto;
min-width: auto;
padding: 00;
border-radius: 0;
background: transparent;
display: flex;
align-items: center;
column-gap: 15px;
justify-content: flex-end;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
border: 0;
position: absolute;
bottom: 30px;
right: 40px;
}
.block-customer-testimonial-more:hover {
color:#8bc02b;
}
.block-customer-testimonial-more:after{content: '';display: block;width: 19px;height: 10px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29130 14790'%3e%3cg style='fill:%20%23ee076f;'%3e%3cg%3e%3cpath d='M16270%2012470%20l0%20-2300%20-8135%200%20-8135%200%200%20-2775%200%20-2775%208135%200%208135%200%202%20-2305%203%20-2305%206415%203686%20c3528%202026%206418%203688%206422%203692%207%207%20-12818%207382%20-12836%207382%20-3%200%20-6%20-1035%20-6%20-2300z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size: 19px 10px;background-repeat: no-repeat;
}
#site-footer {
position: relative;
z-index: 9;
}
#site-copyright {
background: #022dcf;
padding: 45px 0px 38px;
color: #fff;
text-align: center;
position: relative;
}
#site-copyright a {
color: #fff;
text-decoration: underline;
}
#site-copyright a:hover {
color: #00fff0;
}
#site-copyright p {
line-height: 2;
text-align: center;
color: #fff;
font-size: 13px;
margin-bottom: 15px;
}
#site-copyright p br {
display: none;
}
#site-scroll-top {
outline: none;
padding: 0px;
cursor: pointer;
border: 0;
background: #ee076f;
width: 45px;
height: 45px;
border-radius: 100%;
position: absolute;
right: 14px;
top: 35%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#site-scroll-top img {
width: 20px;
margin: 0 auto;
}
.section-heading-blue {
background:#002972;
text-align: center;
padding-top:20px;
padding-bottom:20px;
}
.section-heading-blue h3 {
font-weight:700;
color:#fff;
font-size:28px;
margin-bottom:0px;
}
.bundle-section {
width: 100%;
display: flex;
column-gap: 15px;
margin-bottom:15px;
}
.bundle-section p {
margin-bottom:0px;
}
.bundle-section p strong {
font-size:24px;
}
.parallax-bucket img {
max-width: 112px;
margin: 0 auto;
display: block;
margin-top: -15px;
margin-bottom: 20px;
}
.parallax {
background:url(images/parallax-photo.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
padding-top: 80px;
padding-bottom: 80px;
}
.parallax h2{
margin-bottom: 30px;
}
.whitetext {
color:#fff;
}
.parallax-container {
display:flex;
}
.parallax-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: 20px;
margin-top: 65px;
}
.parallax-bucket {
background: #fff;
padding: 30px 53px 10px 53px;
border-radius: 15px;
padding-top: 0px;
width: 33.333%;
}
.parallax-content h3 {
margin-bottom:0px;
color:#000;
font-size:28px;
font-weight:700;
}
.pc-form h4 {
color:#fff;
font-size:26px;
margin-bottom:30px;
font-weight: 400;
}
.pc-form h4 a {
color:#fff;
}
.pc-form p {
color: #fff;
margin-bottom: 20px;
}
.pc-form h3 {
font-size: 21px;
color: #fff600;
}
#section-5-contents .pc-form h2 {
font-weight:700;
font-size:53px;
margin-bottom:20px;
}
.pc-form-content {
max-width: 700px;
margin: 35px auto 0 auto;
}
p.disclaimer {
font-style: italic;
color:#fff;
font-size:15px;
}
.b-footer-logo .row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
column-gap: 40px;
padding-top:40px;
padding-bottom:40px;
}
.b-footer-logo p {
margin-bottom:0px;
}
.b-footer-logo h3 {
color:#000;
font-size:23px;
font-weight:700;
margin-bottom:0px;
}
.box-section {
border: 3px solid #ee076f;
padding: 30px 15px;
text-align: center;
margin-bottom: 45px;
}
.box-section h3 {
color: #ee076f;
font-size: 42px;
font-family: 'PT Sans', sans-erif;
font-weight: 700;
margin-bottom: 0px;
}
.box-section h4 {
color:#326e00;
font-weight:700;
font-size:30px;
margin-bottom:0px;
}
@media (min-width:640px){
.container{padding:0 25px}
}
@media (min-width:1024px){
.container{padding:0;width:940px}
}
@media (min-width:1280px){
.container{width:1190px; width: 100%; padding: 0 150px;}
}
@media only screen and (min-width:1601px) and (max-width:1920px) {
.container{padding: 0 100px;}
}
@media only screen and (min-width:1367px) and (max-width:1600px) {
.container{padding: 0 50px;}
}
@media only screen and (max-width: 1366px) {
.container{padding: 0 50px;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
.container {padding: 0 40px; width: 100%;}
.flex-row {display: flex;align-items: flex-start; column-gap: 40px;}
.flex-media{min-width: 45%;}
h1 br, h2 br{display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {padding: 0 40px; width: 100%;}
.flex-row {display: flex;align-items: flex-start; column-gap: 20px;}
.flex-media{min-width: 45%;}
h1 br, h2 br{display: none;}
.block-customer-testimonials{display: block;}
.block-customer-testimonials>div{width: 100%;}
#section-1, #section-2, #section-3 {
padding: 50px 0 50px;
}
#section-4{padding-top: 40px;}
.parallax-container {
flex-direction: column;
flex-wrap: nowrap;
row-gap: 35px;
}
.parallax-bucket {
width:100%;
}
.b-footer-logo .row {
flex-direction: column;
padding-bottom: 40px;
text-align: center;
row-gap: 20px;
}
.package-row{
display: block;
}
.package-inclusions{
max-width: 100%;
margin-top: 50px;
}
.flex-row .flex-media {
min-width: 45%;
}
}
@media only screen and (max-width: 767px) {
.b-footer-logo .row {
flex-direction: column;
padding-bottom: 40px;
text-align: center;
row-gap: 20px;
}
.parallax-container {
flex-direction: column;
flex-wrap: nowrap;
row-gap: 35px;
}
.parallax-bucket {
width:100%;
}
.container{padding: 0 20px;}
.flex-row{display: block;}
.flex-media{min-width: 100%; margin-bottom: 30px;}
.button{font-size: 16px;}
#site-header {
padding: 25px 0 25px;
}
.site-header {
display: block;
text-align: center;
}
.site-header-buttons {
display: block;
}
.site-header-button {
padding-top: 20px;
}
h1 br, h2 br{display: none;}
#section-1,
#section-2,
#section-3,
#section-4{padding: 40px 0 30px}
#section-4{padding-top: 40px; padding-bottom: 170px;}
.button.cta-button{padding: 0 10px; width: 100%;}
.block-customer-testimonials{display: block;}
.block-customer-testimonials>div{width: 100%;}
#site-scroll-top {
position: relative;
right: auto;
left: auto;
margin: 0 auto;
}
.package-row{ flex-direction: column;}
.package-inclusion{width: 100%;}
.parallax{
background-attachment: initial;
padding-top: 50px;
padding-bottom: 50px;
}
.flex-row .flex-media {
min-width: 100%;
}
}
.mobile-sticky-callout{
position: fixed;
display: none;
left: 0;
bottom: 0;
background: #022dcf;
padding: 10px 20px 15px 20px;
box-sizing: border-box;
text-align: center;
z-index: 99999;
width: 100%;
}
.mobile-sticky-callout p{
color: #fff;
margin: 0;
font-size: 15px;
line-height:2.1;
}
.mobile-sticky-callout .button{
min-width: 0;
font-weight: 400;
font-size: 14px !important;
height: 40px;
line-height: 40px;
width: 140px;
margin-top: 2px;
text-transform: capitalize;
text-decoration: none;
background:#ee076f;
color:#fff;
border:none;
}
@media screen and (max-width: 1024px) {
.mobile-sticky-callout{
display: block;
}
}