img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}iframe{border: 0;}

body,h6{line-height:1.6}.container{min-width:320px;position:relative;padding:0 20px;width:100%;margin:0 auto}ol,p,ul{margin-top:0}html{font-size:62.5%}body{font-size:1.5em;font-weight:400;font-family: "Open Sans",Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35}h5{font-size:1.8rem;line-height:1.5}h6{font-size:1.5rem}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=button]:focus,input[type=button]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=tel],input[type=url],input[type=password],input[type=email],input[type=number],input[type=search],input[type=text],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=tel],input[type=url],input[type=password],input[type=email],input[type=number],input[type=search],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.button,button,li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}a{text-decoration: none;}img{max-width: 100%; height: auto;} .margin-none{margin:0 !important; }

select::-ms-expand {display: none;}

a, a:hover {
    color: #ff5d00;
}

h1 {
    font-size: 38px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    line-height: 38px;
    margin-bottom: 8px;
}

h2 {
    font-size: 37px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #000;
    line-height: 1.2;
    margin-bottom: 30px;
}

h3 {
    font-size: 28px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #31b9d0;
    line-height: 26px;
    margin-bottom: 25px;    
}

h4 {
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 24px;
    margin-bottom: 25px;    
}

h5 {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    margin-bottom: 25px;    
}

h6 {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    margin-bottom: 25px;    
}
p {
    font-size: 21px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 1.5;
    margin-bottom: 35px;

}

.video {
    width: 100%;
    height: 0;
    padding-top: 25.8%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.button{
    border-radius: 0;
    background: #090909;
    border: solid 1px #fff !important;
    color: #fff;
    font-size: 19.12px;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 58px;
    width: 272px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    padding: 0;
    margin: 0 7px;
}
.button:hover,
.button:active,
.button:focus{
    background: #fff;
    color: #000;
}
.clear {
    clear: both;
}
.column,
.container,
.row{
    box-sizing: border-box;
}

.free-consultation h2,.free-consultation p {
    color: #000;
}

.row.full-row {
        margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.full-row img {
    width: 100%;
}

.options-block {
    text-align: center;
    border: solid 4px #31b9d0;
    padding-top: 50px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.options-block h2{
    font-size: 49px;
    margin-bottom: 0;
}
.options-block h3{
    font-size: 33px;
    font-weight: bold;
    line-height: 1.2;
}
.options-footer {
    background: #31b9d0;
    padding: 40px;
    color: #fff;
    margin-top: 30px;
}
.options-footer p{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}

.options-list {
    display: flex;
    justify-content: center;
    column-gap: 80px;
}

.options-list-item {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 30px;
}

.options-list-item p {
    color: #000000;
    margin: 0;
    font-size: 28px;
    font-weight: 400;
}
.options-list-icon {
    width: 100px;
}

.options-list-icon img {
    display: block;
    margin: 0 auto;
}

.photo-content {
    border: 9px solid #31b9d0;
    padding: 30px;
    background: #fff;
}

.photo-content.left-content,.photo-content.right-content {
    margin-top: 0;
    z-index: 1;
    position: relative;
}

.photo-content h3 {
    font-size: 37px;
    line-height: 1;
    font-weight: 700;
    text-transform:uppercase;
}

.photo-content p {
}

.photo-content.left-content {
    margin-left: 60px;
    margin-right: -100px;
}

.photo-content.right-content {
    margin-right: 60px;
    margin-left: -100px;
}

.full-row{
    display: flex;
    align-items: center;
    column-gap: 50px;
}
.full-row .photo {
    min-width: 638px;
    max-width: 100%;
    float: right;
    align-items: center;
}

.full-row-right-photo .photo {
    order: 2;
}

#dream-backyardpool {
    background: #31b9d0 url(images/photo-parallax.webp?v=2) no-repeat left top -1px;
    padding-top: 40%;
    margin-top: 60px;
    color: #fff;
    background-size: cover;
}

#dream-backyardpool .video{
    min-width: 640px;
    max-width: 100%;
}
.video-row {
    display: flex;
    column-gap: 60px;
    align-items: center;
    margin-bottom: 50px;
}
#dream-backyardpool h2,#dream-backyardpool p {
    color: #fff;
}

.hear-from-client {
    padding: 40px 0 0;
    margin-bottom: 80px;
}

.show-mobi {
    display:  none;
}

.heading {
    font-size: 55px;
    margin-bottom: 50px;

}
.heading.heading-small{
    font-size: 40px;
}

.subheading {
    font-size: 49px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
}

.center-wave:after {
    content: '';
    background: url(images/blue-wave.webp?ver=2.0) no-repeat top center / contain;
    width: 100%;
    height: 10px;
    display: block;
    margin-top: 15px;
}

.text-center {
    text-align: center;
}

#whats-included {
    padding: 0px 0 40px;
}

.whats-included-wrap {
    background: #ffffff;
    padding: 70px 50px;
    display: flex;
    align-items: center;
    column-gap: 50px;
    border-radius: 40px;
    border: 4px solid #31b9d0;
    margin-bottom: 50px;
}

.whats-included-left-content {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
}

.whats-included-right-content {
    width: 60%;
}

.subheading-circle-wrap {
    width: 355px;
    height: 355px;
    background: #002a60;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 355px;
}

.subheading-circle-wrap h3 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    color: #ffffff;
}

.subheading-circle-wrap h3 span {
    color: #31b9d0;
}

.whats-included-left-content p {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
}

.whats-included-right-content p {
    font-size: 21px;
}

.whats-included-right-content p strong {
    display: block;
}

#why-us {
    padding: 60px 0;
}

.testimonial-container {
    background: #eaeaea;
    text-align: center;
    position: relative;
    border: 7px solid #002a60;
}
.testimonial-content:after {
    content: '';
    background: #fff;
    display: block;
    background-size: contain;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    height: 35px;
    width: 35px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0px 3px 3px 0px;
    transform: rotate( 45deg);
    transition: border-width 150ms ease-in-out;
}
.offer-full-contents .testimonial-container h3 {
    color:#17407d;
    font-size:29.73px;
}
.offer-full-contents .testimonial-container  p {
font-size:17px;
color:#000000;
}

.testimonial {
    margin: 0 0 50px 0;
}

.testimonial-container h3 {
    background: #002a60;
    font-size: 42px!important;
    color: #fff!important;
    text-transform: uppercase;
    padding: 35px 0;
    margin: 0;
}

.testimonial-content {
    position: relative;
    margin: 50px;
    background: #fff;
    border-radius: 20px;
    padding: 30px 50px;
}

.testimonial-content p {
    font-weight: 500;
    font-size: 22px!important;
    line-height: 1.2;
    margin-bottom: 0;
}

.testimonial-container h4 {
    font-weight: 900;
    text-transform: uppercase;
    color: #002a60;
}

.testimonial-container:before {
    position: absolute;
    top: 35px;
    left: 75px;
    content: '';
    display: block;
    background: url(images/leftq.webp) no-repeat top left /contain;
    width: 119px;
    height: 84px;
}

.full-row>div {flex: 1;}

.video-row>div {
    flex: 1;
}

.full-row-right-video .video {
    order: 2;
}

.heading span {
    font-size: 74px;
    display: block;
}

@media only screen and (min-width: 1281px) and (max-width: 1370px) {

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

    .heading {
    font-size: 45px;
}

.subheading {
    font-size: 34px;
}

.full-row .photo {
    min-width: 50%;
}

.whats-included-right-content p {
    font-size: 15px;
    line-height: 1.2;
    width: 80%;
}

.whats-included-right-content p br {
    display: none;
}

.main-form {
    margin-top: -1px!important;
}

.testimonial-container:before {
    left: 20px;
}

}

@media (min-width :640px){
    .container{
        padding:0 40px; width: auto;
    }
    .row{
        margin:0 -10px 
    }
    .column{
        padding:0 10px;
        display:block;
        float:left 
    }
    .column.twelve{
        width:100% 
    }
    .column.eleven{
        width:91.66666667% 
    }
    .column.ten{
        width:83.33333333% 
    }
    .column.nine{
        width:75% 
    }
    .column.eight{
        width:66.66666667% 
    }
    .column.seven{
        width:58.33333333% 
    }
    .column.six{
        width:50% 
    }
    .column.five{
        width:41.66666667% 
    }
    .column.four{
        width:33.33333333% 
    }
    .column.three{
        width:25% 
    }
    .column.two{
        width:16.66666667% 
    }
    .column.one{
        width:8.33333333% 
    }


}
@media (min-width :1024px){
    .container{
        padding:0;
        width:940px 
    }
}
@media (min-width :1280px){
    .container{
        width:1190px 
    }
    .row{
        margin:0 -19px 
    }
    .row .column{
        padding:0 19px 
    }
}
.center{
    text-align: center;
}
.mobile{
    display: none !important;
}
.site-header{
    padding: 30px 0px;
    background: #000;
}
.site-address p {
    font-size: 28px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px;
    font-family: "Open Sans", sans-serif;
    line-height: 34px;
}

.site-logo {
    text-align: center;
}
.site-logo .logo img{
    display: inline-block;
    vertical-align: top;
}
.site-contact{
    text-align: right;
}
.site-contact p {
    color: #fff;
    font-size: 32.25px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    float: right;
    text-align: left;
    margin: 0;
    line-height: 36px;
    padding-top: 0px;
}
.site-contact p span {
    font-size: 33.2px;
    font-weight: bold;
    color: #d1a81b;
    display: block;
}
.site-contact p a{
    color: #fff;
    text-decoration: none;
}
.site-contact .button{
    font-size: 20px;
    font-weight: 800;
    background: #31b9d0;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 32px;
    border-radius: 3px;
    margin-top: 18px;
    font-family: "Open Sans", sans-serif;
    width: 230px;
    line-height: 52px;
    text-align: center;
    position: relative;
    border: 0 !important;
}
.site-contact .button:before {
    display: block;
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    background: url(images/o-tel.png) no-repeat center center;
    top: 11px;
    left: 15px;
}

.hero{
    position: relative;
    text-align: center;
}
.hero img{
    display: block;
    width: 100%;
    height: auto;
    background:#000;
}
.hero-button {
    position: absolute;
    width: 100%;
    bottom: 8%;
    text-align: center;
}
.entry-content {
    padding: 60px 0 0 0;
    background: #ffffff;
}
.entry-content .container {
    max-width: 100%;
    width: 100%;
    padding: 0 60px;
}

.bucket-photo{
    float: left;
    width: 28.502%;
    margin-bottom: 47px;
}
.bucket-photo img{
    display: block;
}
.bucket-descriptions {
    float: right;
    width: 67.5%;
}
.main-form {
    background: #002a60 url(images/wave3.webp?v=2.0.1) no-repeat center top -1px;
    background-size: 100%;
    color: #fff;
    text-align: center;
    padding: 150px 30px 10px;
}
.main-form h2{
    font-size: 40.67px;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    line-height: 45px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.main-form h3{
    font-size: 29px;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 0;
    border-bottom: 0;
}
.main-form h3 a{
    color: #fff;
}
.main-form p {
    color: #fff;
    font-size: 15px;
}

.main-form p:last-child{
    margin-bottom: 0;
}
.main-form h2 strong{
    color: #fff600;
}
.main-form-wrap {
    max-width: 625px;
    margin: 0 auto;
    padding-top: 10px;
    position: relative;
}
.input-control{
    margin-bottom: 10px;
}
.input-control input[type="text"],
.input-control input[type="email"],
.input-control input[type="tel"],
.input-control select,
.input-control textarea{
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 56px;
    line-height: initial;
    color: #6b6b6b;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    padding: 0 20px;
    margin: 0;
}
.input-control select{
    background: #fff url(images/dropdown-arrow.png) no-repeat right 13px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input-control textarea{
    height: 152px;
    padding: 20px 20px;
    display: block;
}
.input-control label {
    font-family: 'Open Sans', 'PT Sans', sans-serif;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
}
.input-control.input-recaptcha {
    float: left;
}
.input-control.input-submit {
    float: right;
    margin-top: 4px;
    margin-bottom: 0;
}
.input-control input[type="submit"]{
    border-radius: 0;
    border: 0 !important;
    color: #fff;
    height: auto;
    background: #31b9d0;
    line-height: 70px;
    padding: 0;
    font-size: 19.13px;
    font-weight: bold;
    font-family: "Open Sans",s auto;
    width: 297px;
}
.site-header .container{
    width: 100%;
    padding: 0 60px;
}

.column.alignright{
    float: right;
}
#thank-you-contents {
    text-align: center;
    padding-bottom: 60px;
}

.free-consultation {
    border: 6px solid #31b9d0;
    padding: 30px;
    background: #fff;
}
.free-consultation h2{
    margin-bottom: 15px;
}
.free-consultation p{
    margin-bottom: 0;
}
.row-gallery{
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 15px;
    padding-top: 10px;
}
.row-gallery .column {
    padding: 0 8px;
    margin-bottom: 16px;
}
.row-gallery .column img{
    display: block; 
    width: 100%;
    height: auto;
}
footer {
    text-align: center;
    background: #000000;
    color: #fff;
    padding: 20px 10px 25px;
}
footer p{
    font-family: 'Open Sans', 'PT Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.6;
}
footer p br{display: none;}
footer a{
    color: #fff;
}
footer a:hover{
    color: #d1a81b;
}
.scroll-top img{
    max-width: 28px;
}
#directions{
    background: #000000;
    text-align: center;
    padding: 28px 0 18px;
}
#directions h2{
    color: #fff;
    line-height: 38px;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 34px;
    text-transform: none;
}
#directions .button{
    margin: 0;
}

#main-form-notification,
.main-form-notification {
     display: none;
     margin: 0px 0px 10px 0px;
}
#main-form-notification > .status-error,
.main-form-notification > .status-error,
#main-form-notification > .error,
.main-form-notification > .error  {
    border-left: 5px solid #db1f1f;
    line-height: 1.4;
    background: rgba(221, 75, 57, 0.1);
    text-align: left;
    padding: 10px 20px;
    color: #fff;
    background: #dd4b39;
}
#main-form-notification > .success,
.main-form-notification > .success  {
    border-left: 5px solid #027e1d;
    line-height: 1.4;
    background: rgba(221, 75, 57, 0.1);
    text-align: left;
    padding: 10px 20px;
    color: #fff;
    background: #027e1d;
}
#main-form-loader,
.main-form-loader  {
     background : rgba(0, 0, 0, 0.50);
     position : absolute;
     display : none;
     height : 100%;
     width : 100%;
     left : 0px;
     top : 0px;
}
.lds-ring {
     display: block;
     position: absolute;
     width: 64px;
     height: 64px;
     left : 45%;
     top : 50%;
     margin : -32px -32px 0px 0px;
}
.lds-ring div {
     box-sizing: border-box;
     display: block;
     position: absolute;
     width: 51px;
     height: 51px;
     margin: 6px;
     border: 6px solid #fff;
     border-radius: 50%;
     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
     animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
     animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
     animation-delay: -0.15s;
}
.jeremy-photo {text-align:center;position:relative;}
.entry-content .jeremy-photo img {max-width:280px;display:block;margin:0 auto;}
.featured-in-container {padding-top:12px;background-color:#000;background-image:url(images/featured-bg2.png);background-size:cover;background-repeat:no-repeat;background-position:center;}
.entry-content .featured-in-content img {max-width:483px;}
.featured-in-content {text-align:center;}
.jeremy-photo p.hidden {display:none;}
.jeremy-photo h4 {position:absolute;top:0;right:0;font-size:18.76px;color:#31b9d0;font-weight:700;
    margin-top: 75px;
    margin-right: 30px;}
.column.eight.featured-in-content {padding-top:25px;}
.featured-in-content p {font-size:18.76px;color:#fff;font-weight:700;line-height:29px;}
.featured-in-content .button {border-radius:0px;font-size:18.76px;font-weight:700;background:#31b9d0;height: 64px;
    line-height: 64px;
    border: none !important;
    width: 235px;color:#fff;}


@keyframes lds-ring {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}

.design-col .row-gallery .column img {
    width:auto;
    max-width:100%;
    margin:0 auto;
    margin-bottom:10px;
}
.design-col p {
    font-size:20px;
    font-weight:600;
    text-align:center;
}

.row.full-row .column.show-mobi {
    display: none;
}

@media only screen and (min-width: 1367px) and (max-width: 1600px) {
    .photo-content {border: 5px solid #31b9d0;}
    .photo-content.left-content {margin-left: 60px;margin-right: -60px;}
    .photo-content.right-content {margin-right: 60px;margin-left: -60px;}
    .photo-content h3 {font-size: 34px;line-height: 1.1;}    
    #dream-backyardpool h2{font-size: 34px; line-height: 1.1;}
    .free-consultation { border: 5px solid #31b9d0;}
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    #dream-backyardpool .video{ padding-top: 28.5%;}
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .site-address p{font-size: 20px; line-height: 1.2; padding-top: 10px;}
    .site-logo .logo img{ max-width: 260px;}
    .site-contact .button{font-size: 16px; line-height: 45px; width: 200px; margin-top: 8px;}
    .site-contact .button:before{top: 8px; left: 18px; background-size: 25px 25px;}
    p{ margin-bottom: 25px; font-size: 15px;}
    .photo-content {border: 5px solid #31b9d0;}
    .photo-content.left-content {margin-left: 60px;margin-right: -60px;}
    .photo-content.right-content {margin-right: 60px;margin-left: -60px;}
    .photo-content h3 {font-size: 32px;line-height: 1.1;}    
    #dream-backyardpool h2{font-size: 32px; line-height: 1.1;}
    .free-consultation { border: 5px solid #31b9d0;}
    .full-row{ column-gap: 30px;}
    .full-row .photo {min-width: 585px;}    
    .options-block{ margin-top: 40px;}
    .options-list-item p, .options-footer p{ font-size: 16px;}
    #dream-backyardpool .video{ padding-top: 29.4%;}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .site-address p{font-size: 20px; line-height: 1.2; padding-top: 10px;}
    .site-logo .logo img{ max-width: 260px;}
    .site-contact .button{font-size: 16px; line-height: 45px; width: 200px; margin-top: 8px;}
    .site-contact .button:before{top: 8px; left: 18px; background-size: 25px 25px;}
    p{ margin-bottom: 25px; font-size: 15px;}
    .photo-content {border: 5px solid #31b9d0;}
    .photo-content.left-content {margin-left: 60px;margin-right: -60px;}
    .photo-content.right-content {margin-right: 60px;margin-left: -60px;}
    .photo-content h3 {font-size: 32px;line-height: 1.1;}    
    #dream-backyardpool h2{font-size: 32px; line-height: 1.1;}
    .free-consultation { border: 5px solid #31b9d0;}
    .full-row{ column-gap: 30px;}
    .full-row .photo {min-width: 585px;}    
    .options-block{ margin-top: 40px;}
    .options-list-item p, .options-footer p{ font-size: 24px;}
    #dream-backyardpool .video {padding-top: 26.5%;min-width: 540px;}
    #dream-backyardpool{ padding: 90px 0 40px; margin-top: 30px; margin-bottom: 50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .site-header .container {width: 100%;padding: 0 40px;}
    .site-header { padding: 20px 0px 15px;}
    .site-logo .logo img{max-width: 200px;}
    .site-address p {font-size: 18px;line-height: 22px;padding-top: 2px;}
    .site-contact p {line-height: 28px;padding-top: 0;font-size: 24.2px;}
    .site-contact p span {font-size: 25px;}
    .site-contact .button {margin-top: 0px;width: 190px;font-size: 18px;line-height: 43px;}
    .site-contact .button:before{height: 20px; width: 20px; background-size: 100%; }
    .hero-button{bottom: 10px;}
    h2 {margin-bottom: 15px;font-size: 36px;line-height: 42px;}
    h3 {font-size: 25px;}
    p {font-size: 18px;line-height: 32px;}
    .main-form h3{ font-size: 20px; line-height: 28px; margin-bottom: 20px;}
    footer p br{display: block;}
    .entry-content {padding: 35px 0 0px;}
    .jeremy-photo h4 {position:relative;margin:0px;margin-top:20px;}
    .column.four.jeremy-photo {width:100%;}
    .column.eight.featured-in-content {
    padding-top: 0px;width:100%;
}
.row.full-row .column.show-mobi {
    display: none;
}

.photo-content h3 {
    font-size: 24px;
}

.photo-content p {
    font-size: 14px;
    margin-bottom: 0;
}

.photo-content.left-content {
    margin-right: -40%;
    margin-left: 40px;
}

.photo-content.right-content {
    margin-left: -40%;
    margin-right: 40px;
}

.photo-content.left-content, .photo-content.right-content {
    padding: 10px;
}

    .row.full-row .column.four{ width: 50%;}
    .row.full-row .column.eight{ width:50%;}
    .photo-content {border: 5px solid #31b9d0;}
    .entry-content .container{padding: 0 40px;}
    #dream-backyardpool .column{float: none; width: 100% !important;}
    .free-consultation {border: 5px solid #31b9d0;}
    .full-row{display: block;}
    .full-row .photo {min-width: 585px;float: none;margin-bottom: 20px;}
    .options-block{ margin-top: 10px;}
    .options-list{column-gap: 20px}
    .options-list-item p, .options-footer p {        font-size: 14px;
        line-height: 1.2;
        width: 80%;}
    #dream-backyardpool {padding: 100px 0 20px;margin-top: 30px;margin-bottom: 50px;background-size: 250%;}
    #dream-backyardpool .video {padding-top:56.4%;min-width: 540px;}
    .options-block h2 {font-size: 40px;margin-bottom: 5px;}
    .options-block h3 {font-size: 25px;line-height: 1.2;}
    .options-footer{padding: 30px;}
    .video-row{display: block;}
    .hear-from-client {padding: 10px 0 0;margin-bottom: 50px;}
    .heading {
    font-size: 34px;
}

#whats-included {
    padding: 0;
}

.heading span {
    font-size: 54px;
    line-height: 1;
}

.subheading {
    font-size: 28px;
}

.subheading br {
    display: none;
}

.subheading-circle-wrap {
    width: 200px;
    height: 200px;
}

.subheading-circle-wrap h3 {
    font-size: 24px;
}

.whats-included-wrap {
    column-gap: 20px;
}

.options-list-item p br {
    display: none;
}

.testimonial-container h3 {
    font-size: 34px!important;
}

.testimonial-container:before {
    left: 10px;
    top: 15px;
    width: 99px;
    height: 60px;
    background-size: contain;
}

.options-list-icon {
    width: 20%;
}

}
@media only screen and (max-width: 767px) {
    h3{line-height: 1.2;}
    .entry-content .container{padding: 0 20px; margin-bottom: 20px !important}
    .jeremy-photo h4 {position:relative;margin:0px;margin-top:20px;}
    .column.four.jeremy-photo {width:100%;}
    .column.eight.featured-in-content {padding-top: 0px;width:100%;}
    .desktop {display: none;}
    .mobile{display: block !important;}
    .site-header .site-logo{float: none;text-align: center;width: 100%;}
    .site-logo .logo img{max-width: 200px;}
    .site-header .site-address,
    .site-header .site-contact{ float: none; width: 100%; text-align: center;}
    .site-address p {font-size: 18px;line-height: 24px;padding-top: 14px;text-align: center;}
    .site-contact p {line-height: 28px;padding-top: 10px;font-size: 24.2px;float: none;text-align: center;}
    .site-contact p span {font-size: 24px;}
    footer p br{display: block;}    
    .hero-button{background: #d1a81b;position: relative; padding-top: 11px; padding-bottom: 10px;}
    .hero-button .button {width: 46%;margin: 0 2px;line-height: 50px;}
    
    .bucket-photo {float: none;width: 100%;margin-bottom: 15px;}
    .bucket-photo img{width: 100%;}
    .bucket-descriptions {float: none;width: 100%;}
    .entry-content {padding: 30px 0 0px;}
    h2{ margin-bottom: 15px; font-size: 37px; }

    p{ line-height: 28px;}
    .main-form{ padding: 35px 0px 10px;}
    .main-form h3{font-size: 22px; line-height: 34px; margin-bottom: 10px;}
    .input-control input[type="text"], .input-control input[type="email"], .input-control input[type="tel"], .input-control select, .input-control textarea{font-size: 16px;}
    .input-control.input-submit { float: none; margin-top: 10px;}
    footer p{ line-height: 24px;}
    #thank-you-contents{ padding-bottom: 20px; padding-left: 20px; padding-right: 20px;}
    #directions h2{font-size: 30px;}
    .entry-content .featured-in-content img{max-width: 100%;}
    .photo-content.left-content,.photo-content.right-content {
    margin: 0;
}

footer .container {
    min-width: 280px;
}

.input-control input[type="submit"] {
    width: 280px;
    margin: 0;
}

.input-control.input-recaptcha {
    width: 280px!important;
}

#contact-form {
    overflow-x: hidden;
}

.photo-content {
    padding: 25px 25px;
    margin-top: 20px !important;
    border: 5px solid #31b9d0;
}

.photo-content h3 {
    font-size: 30px;
    line-height: 1.2;
}

.show-mobi {
    display:  block;
}

.row.full-row .column.hide-mobi {
    display:  none;
}
.row.full-row {
        display: flex;
    flex-direction: column;
}
.row.full-row .column.show-mobi {
    display:block;
        margin-top: 35px;
}
.row.full-row .column {
    width:90%;
}
p:last-child{margin-bottom: 0;}


    .featured-in-container{padding-bottom: 30px;}
    .free-consultation {border: 6px solid #31b9d0;}
    .full-row{display: block;}
    .full-row .photo {min-width: 0;float: none;margin-bottom: 20px;}
    .options-block {margin-top: 30px;margin-bottom: 30px;padding-top: 30px;}
    .options-list {display: block;padding: 0 20px; }
    .options-list-item p{font-size: 16px;text-align: center;}
    .options-footer p {font-size: 24px; line-height: 1.4; }
    #dream-backyardpool .video {padding-top:56.4%;min-width: 0;}
    .options-block h2 {font-size: 38px;margin-bottom: 5px;line-height: 1.2;padding: 0 20px; }
    .options-block h3 {font-size: 30px;line-height: 1.2;padding: 0 20px;}
    .options-list-item{ display: block; height: auto;}
    .options-list-icon{ margin: 0 auto 20px;}
    .options-footer{padding: 20px;}
    .video-row{display: block;}
    .hear-from-client {padding: 40px 0 0;margin-bottom: 50px;}

}

@media only screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }

    .heading {
        font-size: 34px;
    }

    .subheading {
        font-size: 28px;
    }

    .whats-included-wrap {
        flex-direction: column;
        padding: 20px;
        gap: 50px;
    }

    .subheading-circle-wrap {
        width: 200px;
        height: 200px;
    }

    .subheading-circle-wrap h3 {
        font-size: 24px;
    }

    .whats-included-left-content,.whats-included-right-content {width: 100%;}

    .testimonial-content {
        margin: 20px;
        padding: 20px;
    }

    .testimonial-container:before {
        display: none;
    }

    .video {
    padding-top: 56%;
}

.heading span {
    font-size: 45px;
}

.main-form h2 {
    font-size: 34px;
}

}

.mobile-sticky-callout{
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    background: #000;
    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.2;
}
.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:#31b9d0;
    color:#fff;
    border:none !important;
}
@media screen and (max-width: 1024px) {
		.mobile-sticky-callout{ 
			display: block;
		}
	 }