/**
Theme Name: Paradise Pools
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paradise-pools
Template: astra
*/

.entry-content p {
	margin-bottom: 15px;
}

.white{
	color:#fff!important;
}

*:not(p),
footer p,
header p,
body p:last-child,
.no-mb {
	margin-bottom: 0px !important;
}

.vc_column-inner {
	padding-top: 0px !important;
}

a:focus {
	outline: 0px !important;
}

.pd-side-none>div>div {
	padding-left: 0px !important;
	padding-right: 0px !important
}

.ban-bot-mid{
	background:url('/wp-content/uploads/2025/10/brooklyn-featuredimage.jpg');
}

/* .bg-img{
	background-size:cover!important;
	background-position:center!important;
	border-radius:10px;
} */

.ban-bot-sec{
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
}

.ban-bot-right{
	       display: grid;
    grid-row-gap: 30px;
    background: #f5f5f5;
    padding: 20px;
	border-radius:10px;
}

.award-sec-in{
	   display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 15px;
	    align-items: center;
}

.award-sec-in p{
	    font-size: 40px;
    line-height: 46px;
    color: #d6af6e;
    font-weight: 900;
}

.award-sec-in p span{
	    font-size: 21px;
    display: block;
	    line-height: 27px;
}

.ban-bot-left{
    display: grid;
    justify-items: center;
    align-content: center;
    grid-row-gap: 10px;
    background: #f5f5f5;
    border-radius: 10px;

}

.ban-bot-left>div{
	padding-bottom:30px;
}

 .silver-award p{
	    color: #5d6568!important;
}

.award-sec-in img{
	width: 120px;
}

.site-btn a{
	background: #2f3494;
    padding: 13px 25px;
    border-radius: 7px;
    display: inline-block;
    width: fit-content;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
	    transition: all .3s;
	    font-family: 'Kanit', sans-serif;
}
.site-btn a:hover{
	background:#079ee6;
	    transform: scale(.9);
}
/*home-banner-css*/



.home-video-banner{
    /* display: grid !important
; */
    grid-gap: 70px;
    /* grid-template-columns: 2fr 1fr; */
    /* padding-top: 280px; */
    /* align-items: end; */
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

/* .home-video-banner span{
	color:#079ee6;
} */

.h-banner-sub-head
{
	    backdrop-filter: blur(25px) brightness(115%);
    -webkit-backdrop-filter: blur(25px) brightness(115%);
    padding: 5px 20px;
    background-color: rgba(255, 255, 255, 0);
    width: fit-content;
    color: #fff;
    border-radius: 10px;
    overflow: auto;
    font-weight: 700;
}

.h-banner-head{
    font-size: 70px;
    font-weight: 600;
    font-family: 'Kanit', sans-serif;
    line-height: 75px;
    color: #fff;

	
}

.h-banner-para{
    color: #fff !important;
    font-weight: 700;
    font-size: 20px;
    width: 76%;
    margin-left: auto;
	display:none!important;
}

.h-banner-righ-col{

}

.banner-btns
{
	display:flex;
	grid-gap:20px;
}

/*home 1st section*/

.banner-video{
	position:relative;
	overflow:hidden;
}

.banner-video:before
{
content: '';
    position: absolute;
    width: 100%;
    height: 100%;
     background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0, rgb(0 0 0 / 15%) 100%);
    top: 0;
    left: 0;
    display: block;
}

.banner-video{
	margin-bottom: -20px !important;
	}


.home-video-banner
{
	z-index:9;
}


.grid-row>div{
	width:100%!important;
}

.grid-row{
	display:grid!important;
	grid-gap:70px;
}

.h-content-sec-1-inner {
	    grid-template-columns: 1fr 1fr;
	align-items:center;
}

.h-content-sec-1-inner  img{
	border-radius:10px;
    background: #f5f5f5;
}

/*home 3rd section*/

.steps-grid  a{
	color:#fff!important;
}
.border-radius-col>div{
	border-radius:10px;
}

.h-3rd-sec-inner-top{
	    padding-bottom: 60px;
	grid-template-columns: 2fr auto;
    align-items: center;

}
.steps-grid>div:hover img{
	 transform: scale(.9);
	  transition: all .3s;
}

/* .steps-grid>div{
grid-template-columns: 10% 20% auto;
    display: grid;
    grid-gap: 30px;
    border-bottom: 2px solid #2f349414;
    padding-bottom: 30px;
	    align-items: center;
} */
.steps-grid img{
    filter: brightness(999);
    width: 50px;
    height: auto;
}

.h-3rd-sec-inner {
	    grid-template-columns: 1.2fr 2fr;

}

.sub-head{
	    font-size: 25px;
    font-weight: 600;
    font-family: 'Kanit', sans-serif;
    line-height: 1.1em;
}
.steps-grid img{
	border-radius:7px;
	  transition: all .3s;
}

.steps-grid>div{
	    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px;
	position:relative;
	padding:20px;
	color:#fff!important;
	overflow:hidden;
}
.steps-grid p{
	z-index:9;
	position:relative;
}
.steps-grid>div:before{
	    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
background: linear-gradient(1deg, rgb(0 0 0 / 46%) 0, rgb(0 0 0 / 49%) 100%);
    top: 0;
    left: 0;
    display: block;
}
.steps-grid-block-1 {
    background: url(/wp-content/uploads/2025/11/get-in-touch-img.webp);
	    min-height: 400px;
}

.steps-grid-block-2{
    background: url(/wp-content/uploads/2025/10/Initial-Discussion_2212271647.webp);
	    min-height: 300px;
}

.steps-grid-block-3 {

   background: url(/wp-content/uploads/2025/11/On-Site-Visit-Quote.png);
	    min-height: 300px;
}
/* .steps-grid-block-2:before , .steps-grid-block-3:before{
	display:none!important;
} */

.steps-grid-block-4 {
    background: url(/wp-content/uploads/2025/10/Mid-Blue-Urban-8m_.jpg);
	    min-height: 400px;
}

.steps-grid-num
{
	    position: relative;
    z-index: 9;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.steps-grid {
	display:grid!important;
	grid-gap:30px;
	    grid-template-columns: repeat(4, 1fr);
	    align-items: end;

}

.steps-grid-text
{
	position: absolute;
    bottom: 20px;
	    left: 20px;
    right: 20px;
}

.steps-grid-text .sub-head{
    font-size: 22px;
    font-weight: 600;
    font-family: 'Kanit', sans-serif;
    line-height: 29px;

}




.fibreglass-row:before{
	    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(2deg, #2f3494, #00000045);
    top: 0;
    left: 0;
    display: block;
}

/*tabs-section-css*/
.tabs-inner-row  {
	grid-template-columns: 1.5fr 2fr;
}

.h-tabs-section .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        background-color: #f8f8f800!important;
        border: 0px !important;
        padding: 40px 0px 0px;
    }
   
.h-tabs-section  .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
        padding: 0px!important;
    }

.h-tabs-section  .vc_tta.vc_tta-style-classic .vc_tta-tab>a {
    border-width: 0px!important;
}

.h-tabs-section .vc_tta-tabs-list {
overflow: hidden;
    margin: auto;
    display: flex !important
;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    justify-content: center;
    grid-row-gap: 10px;
    border: 1px solid #2f349414 !important;
    margin-top: 10px !important;
    border-left: 1px solid #2f349414 !important;
    border-left: 1px solid #2f349414!important;
    border-radius: 7px !important;
    padding: 5px !important;
    margin: auto !important;
    width: fit-content;

}

.h-tabs-section li.vc_active>a, .h-tabs-section .vc_tta-tab >a:hover {
    color: #fff !important;
    background: #2f3494!important;
}

.h-tabs-section .vc_tta-tab >a {
    background: #f5f5f5 !important;
    border-width: 0px !important;

    padding: 10px 18px !important;
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 7px !important;
    line-height: 1.3;
}

.choose-grid
{
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    /* grid-row-gap: 20px; */
    padding-top: 30px;
    grid-row-gap: 30px;
}

.choose-grid>div:before{
	display:none!important;
}

.choose-grid .certified-small-img{
    width: 60px;
    height: auto;
    margin-left: auto;
    text-align: right;
    display: block;
    position: absolute;
    top: 80px;
    right: 45px;
	display:none;
}

.choose-grid .award-small-img{
    width: 100px;
    height: auto;
    margin-left: auto;
    text-align: right;
    display: block;
	    position: absolute;
    top: 165px;
    right: 45px;
}

.choose-grid>div{
    background: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
	position:relative;
		transition:.5s;
}
.choose-grid>div:before{
    content: '';
    display: block;
    background: #079ee6;
    width: 10px;
    left: -10px;
    height: 34%;
    position: absolute;
    border-radius: 10px 0 0 10px;
    top: 30px;
}

.choose-grid>div:hover , .choose-grid>div:nth-child(2){
	background:#2f3494;
	color:#fff!important;
	transition:.5s;
}

.trusted-fibreglass-inner>div:nth-child(1)>div>div{
	background:#079EE6;
    padding: 40px;
    border-radius: 10px;
}
.trusted-fibreglass-inner>div:nth-child(1) h2, .trusted-fibreglass-inner>div:nth-child(1) p {
	color:#fff!important
}

/* .choose-grid span{
	    width: 70px;
    height: 70px;
    display: block;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px !important;
} */
.choose-grid span{
	border-radius:10px;
/* 	    margin-top: -60px; */
	    margin-bottom: 20px !important;
	display:block;
}

.five-star-img img{
	    width: 160px;
    height: auto;
}
.certificate-img img{
		    width: 55px;
    height: auto;
}

.choose-grid img{
	border-radius:10px;
}

.equipment img{
	    width: 110px;
    height: auto;

}

.choose-award-img img{
	    width: 80px;
    height: auto;
}

/* .choose-award-img{
	background:#fff;
	padding-bottom:10px;
} */

.content-sec-2-inner{
	grid-template-columns: 1.5fr 2fr;
}

.content-sec-2-inner .img-col>div{
	    border-radius: 220px 10px 10px 220px;
}


/* .first-grid , .second-grid{
	    grid-template-columns: 1fr 1fr;
    display: grid
;
    grid-gap: 50px;
    align-items: center;
} */

.second-grid{
	background:#f5f5f5;
	border-radius:10px;
}

.second-grid>div:nth-child(2){
	padding:25px;
}

.two-section-grid{
	display:grid;
	grid-gap:50px;
		    grid-template-columns: 1fr 1fr;
}


.first-grid-img{
    background: url(/wp-content/uploads/2025/10/Tight-Access-_2473441771.jpg);
    min-height: 670px;

	position:relative;
	
}

.second-grid h2{
	    font-size: 40px;

}

.text-on-img{
	    position: absolute;
    top: 30px;
    left: 25px;
    right: 25px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.text-on-img h2{
	    font-size: 40px;
}


.content-sec-3-inner  video{
    border-radius: 10px 10px 0px 0px;
	  
}

.video-grid{
	    padding-top: 30px;
}

.h-tabs-section h2{
	padding-bottom:30px;
}

.fibreglass-grid{
	    grid-template-columns: 1fr 5fr;
    display: grid
;
    grid-gap: 60px;
    align-items: center;
}

.fibreglass-grid .site-btn a{
	background:#fff;
	color:#000;
}

.fibreglass-grid h2 , .fibreglass-grid p{
	color:#fff!important;
}

.fibreglass-grid>div:nth-child(1){
background: #ffffff;
    padding: 40px;
    border-radius: 10px;	
}

.white-col-bg{
	background: #fff;
    padding: 40px;
    border-radius: 10px 10px 0px 0px;
}

.bg-img-section
{
	background:fixed!important;
}

.pools-builders-inner{
	grid-template-columns: 2fr 1fr;
}

.trusted-fibreglass-inner{
	    grid-template-columns: 2fr 1fr;
}

.trusted-fibreglass-inner{
	    grid-template-columns: 1fr 1.5fr;
}

.trusted-fibreglass-inner ul li{
	padding-bottom:12px;
}

.certified-products-img img{
	width: 120px;
    height: auto;
}

.trusted-fibreglassimg{
	    background-image: url(/wp-content/uploads/2025/10/pool-g4.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	min-height:270px;
	border-radius:10px;
	margin-top:30px;
}

.bullet-points li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 14px !important;
}

.bullet-points li:before {
    content: '→';
    display: block;
    color: #ffff;
    position: absolute;
    left: 0px;
    top: 7px;
    width: 20px;
    height: 20px;
    background: #079ee6;
    text-align: center;
    line-height: 18px;
    border-radius: 4px;
    font-size: 10px;
}

.bullet-points {
    margin-top: 0px !important;
    list-style: none;
    padding-left: 0px !important;
}

.video-sec-inner{
	 grid-template-columns: 1fr 1fr;
}
/* 
.video-sec-inner h2{
	border-bottom:1px solid grey;
} */

/*contact-page-css*/

.page-banner-icon img{
	    position: absolute;
    right: 10px;
    bottom: -128px;
    width: 160px;
    height: auto;
}


.page-banner:before{
	    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, rgb(0 0 0 / 44%) 0, rgba(0, 0, 0, .2) 100%);
    top: 0;
    left: 0;
    display: block;
}

.page-banner h1{
	color:#fff!important;
	    font-size: 70px;
}

.page-banner-inner {
	padding-top:200px;
}

.page-banner-content{
	
}

.cta-grid-inner-1 h2{
	padding-bottom:20px;
}

.cta-grid-inner-1 p{
    font-size: 19px;

    margin: 0 0 0 auto;
}

.cta-grid-inner-2{
	    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 100px;
	padding-top: 30px;
}


#gform_wrapper_1 input[type=text], #gform_wrapper_1 input[type=email], #gform_wrapper_1 textarea, #gform_wrapper_1 input[type=tel] , #gform_wrapper_3 input[type=text]  {
    background: transparent!important;
    font-size: 18px !important;

    border: none!important;
    box-shadow: none!important;
    padding: 12px 0px!important;
    height: 60px!important;
    border-radius: 0px!important;
    color: #000!important;
    border-bottom: 1px solid #000!important;
}

#input_3_10{
	    height: 60px;
    border: 0px;
    border-bottom: 1px solid #000;
    box-shadow: none;
	    border-radius: 0px;
}

#field_3_1 h3 , #field_3_7 h3{
	    font-size: 30px;
	    background: #707f69;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
	margin-bottom:0px!important;
}


.gfield--type-section{
	    border-bottom: 0px !important;
}

.page-id-1393 input#input_3_13{
	border-bottom:0px!important;
}


 #gform_submit_button_1{
    background: #2f3494;
    padding: 13px 25px;
    border-radius: 7px;
    display: inline-block;
    width: fit-content;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    transition: all .3s;
    font-family: 'Kanit', sans-serif;
}
.gform-theme--framework #gform_submit_button_1:hover{
background: #079ee6;
    transform: scale(.9);
}

.gform_footer {
	margin-top:30px!important;
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus , #input_1_5:focus{

	    outline: none!important;
	
}

.cta-details{
list-style:none;
	padding-left:0px!important;;
}

.cta-details li{
	position:relative;
	padding-left:40px;
	padding-bottom:25px;
}

.cta-details li a{
	color:#000;
	
}

.cta-details li:hover a{
	color:#079ee6!important;
	
}

.cta-details li img{
	width:25px;
	height:auto;
	position:absolute;
	left:0;
	top:8px;
}

.cta-sub-head{
	    font-size: 24px;
    font-weight: 600;
    font-family: Sigurd Knight, Helvetica, Arial, sans-serif;
}

/*pricing-page-css*/
.PPrTable th{
	    background: #2f3494;
	color:#fff;
}

.PPrTable span{
	    font-weight: 600;
    padding-left: 15px;
}

.PPrTable {
	margin:40px 0px!important;
	    border-radius: 10px;
}
/*Promotions-page-css*/
.promotions-row-inner{
	    grid-template-columns: 1fr 1fr;
}

.color-range-grid{
	    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}
.color-range-grid>div{
	overflow:hidden;	
border-radius:10px;
	    transition: all .3s;

}


.color-range-grid>div:hover img{
	transform: scale(1.1);
	    transition: all .3s;

}

.color-range-grid>div img{
	border-radius:10px;
	    transition: all .3s;

}

.attachment-full
{
		border-radius:10px;
}

.pd-left>div>div
{
	padding-left:70px;
}

.pd-right>div>div{
		padding-right:70px;
}


.mineral-pool-row-inner
{

    grid-template-columns: 1.5fr 2fr;
}

div.mineral-pool-row-inner-2{
	    border-top: 1px solid #80808021;
    padding-top: 60px;
    margin-top: 60px !important;
}
.bg-img
{
	    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px;
}

.plunge-pools-row-inner{
	 grid-template-columns: 1.5fr 2fr;

}
.plunge-pools-row-inner>div:nth-child(1)>div>div{
	    background: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
}

.certification-grid{
	    grid-template-columns: 5fr 2fr;
    display: grid
;
    grid-gap: 60px;
    align-items: center;
    background: #f5f5f5;
    padding: 50px;
    border-radius: 10px;
}


.plunge-pools-img {
    background: url(/wp-content/uploads/2025/10/monaco-Spa-1.jpg);
min-height:300px;

}



.video-grid>div:nth-child(2){
	padding:40px 40px 40px 0px;
}


.video-grid video , .video-sec-inner video{
border-radius:10px;
}

/*Water Features css*/

.water-feature-grid{
	    display: grid !important
;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    /* align-items: end; */
    padding-top: 35px;

}

.water-feature-grid>div{
	    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
	position:relative;
	transition:.5s;
}

.water-feature-grid>div:hover{
	    background: #079ee6;
		transition:.5s;
	color:#fff;
}
.water-feature-grid>div:hover img{
	    filter: brightness(999);
}

.water-feature-grid img{
	width:50px;
	height:auto;
}

.feature-num
{
	    position: absolute;
    right: 30px;
    top: 40px;
    font-weight: 700;
}


.water-feature-grid .sub-head{
	    padding-top: 60px;
}
/*filtration-page-css*/

.filtration-img{
	    background: url(/wp-content/uploads/2025/10/filtration.jpg.webp);
	min-height:370px;
	border-radius:10px;
/* 	margin-top:30px; */
}

/* .vc_col-sm-5{
	  background: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
	
} */

/*choose-page-row*/
.choose-page-inner {
	    grid-template-columns: 1.5fr 2fr;
	align-items:center;
}

.choose-page-img>div{
	border-radius:200px 10px 10px 200px;
}

.choose-page-inner-2
{
	    grid-template-columns: 5fr 1fr;
}

.choose-page-inner-2 h2{
	    border-bottom: 2px solid #80808026;
    padding-bottom: 20px;
}

.choose-page-inner-2 .attachment-full {
    border-radius: 10px;
    background: #fff;
    padding: 10px;
}

.choose-warranty-col
{
		    background: url(/wp-content/uploads/2025/10/filtration.jpg.webp);
	min-height:350px;
	border-radius:10px;
	margin-top:30px;
	position:relative;
}

.choose-warranty-col img{
    width: 150px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}

.main-location {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    text-align: left;
}
.location li {
    position: relative;
    list-style-type: none;
    padding: 0 0 10px 25px;
    font-size: 16px;
    /* font-weight: 600; */
    color: #000;
}

.location li:before {
    content: '→';
    display: block;
    color: #ffff;
    position: absolute;
    left: 0px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: #079ee6;
    text-align: center;
    line-height: 16px;
    border-radius: 4px;
    font-size: 10px;
}

.thank-you-page-inner p{
    padding: 40px;
    background: #f5f5f5;
    border-radius: 10px;
    font-size: 25px;
    width: fit-content;
    margin: auto;

	
}

.quality-page-row-inner .site-btn
{
	margin: auto;
    width: fit-content;
}


.retreat-points{
	    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    padding-top: 50px;
}

.retreat-points>div {
    display: grid
;
    grid-template-columns: 70px calc(100% - 85px);
    grid-column-gap: 15px;
	align-items:center;
}

.retreat-points p{
	    font-size: 22px;

}

.four-points-sub-text{
	    text-align: center;
    font-size: 25px;
    font-weight: 600;
    line-height: 36px;
}


  
/* – Media Screen Css – */

@media only screen and (min-width:1600px) {
	.wd-contained {
		max-width: 1440px;
		margin: auto !important;
	}
}

@media only screen and (min-width:768px) {
	
 .banner-btns>:nth-child(2) a{
	background:#fff;
	color:#000;
}
	
	.stretchMe {
		position: relative;
		width: 100vw !important;
		left: 50% !important;
		margin-left: -50vw !important;
		max-width: inherit !important;
	}

	nav#primary-site-navigation ul.main-header-menu li:last-child a {
		padding-right: 0px !important;
	}
	
	.vc_tta-panel .vc_tta-panel-body{
     transform: none !important; 
    transition: none !important; 
   
}
}


@media only screen and (min-width:1024px) {
	.pd-100 {
		padding: 120px 0px !important;
	}

	.pd-top {
		padding-top: 120px !important;
	}

	.pd-bottom {
		padding-bottom: 120px !important;
	}
}


@media only screen and (min-width:768px) and (max-width:1023px) {
	
	.retreat-row-inner>div{
		width:100%!important;
	}
		.retreat-points {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    padding-top: 50px;
}
	
.retreat-points>div {
    grid-template-columns: 50px calc(100% - 65px);
    grid-column-gap: 15px;
    align-items: center;
}


	.filtration-inner>div{
		width:100%!important;
	}
	
	    .cta-grid-inner-2 {
        padding-top: 10px!important;
    }
	
	.water-feature-grid {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 30px;
}

	
	.ast-scroll-to-top-right {
    right: 15px;
    bottom: 60px;
}
	
	div.pool-range-grid {
    grid-gap: 20px !important;
}
	
	.page-banner-icon img {
    bottom: -112px;
    width: 100px;
    height: auto;
}
	.page-banner-inner {
    padding-top: 50px;
}
	.page-banner h1 {
    font-size: 32px!important;
}
	
	.h-faq-inner .vc_do_toggle {
    padding: 20px 20px 20px!important;

}

.h-faq-inner .vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
    right: 0!important;

}
	.faq-page-inner {
    grid-template-columns: repeat(1, 1fr)!important;

}
	
	.footer-top-head {
    font-size: 29px!important;
line-height: 38px!important;
}
	
	.photo_space{
		height:400px!important;
	}
	
	.fibreglass-grid>div:nth-child(1) {
    padding: 30px;
		text-align:center;

}
	
	.tabs-inner-row  h3{
		font-size:23px!important;
	}
	
	.choose-grid>div {
    padding: 20px!important;

}
	
	.sub-head {
    font-size: 20px!important;
}
	
	.wd-contained {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

	.pd-100 {
		padding: 100px 0px !important;
	}

	.pd-top {
		padding-top: 100px !important;
	}

	.pd-bottom {
		padding-bottom: 100px !important;
	}

	.site-primary-footer-inner-wrap,
	.wd-contained {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
	.site-below-footer-inner-wrap,
	.site-above-footer-inner-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
		column-gap: 30px;
	}
	
	.steps-grid {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr)!important;
    align-items: end;
}
	
	.h-banner-head {
    font-size: 40px;
    line-height: 50px;

}
	
	.four-points-sub-text {
    font-size: 20px;
line-height: 30px;
}
	
	.four-points-sub-text {
    font-size: 20px;

}
	
	
	.steps-grid-block-2 , .steps-grid-block-3 {
    min-height: 400px;
}
	
	.choose-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
		grid-column-gap:20px;
    padding-top: 60px;
}
	
	    h2, .entry-content :where(h2) {
        font-size: 30px;
 
    }
	
	div.h-tabs-section .vc_tta-tabs-list{
		display:grid!important;
		    grid-template-columns: repeat(2, 1fr)!important;

	}
	
	.h-tabs-section h2 {
    padding-bottom: 20px!important;
}
	
	.two-section-grid, .fibreglass-grid {
    grid-gap: 20px;
    grid-template-columns: 1fr!important;
}

	.text-on-img h2, .second-grid h2 {
    font-size: 32px!important;
}
	
	.white-col-bg {
    padding: 25px;

}
	
	    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }
	
	.top-footer-grid {
    grid-template-columns: 1fr!important;
    grid-gap: 30px;
  
}
	
	.footer-top-head {
    font-size: 25px;
    line-height: 35px;
}
	
	    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {
        text-align: left!important;
    }

	.home-video-banner {
    bottom: 50px;

}

}

@media only screen and (max-width:1365px){
	.site-primary-header-wrap  .site-btn{
		
		display:none!important;
	}
	
	.plunge-pools-row-inner>div:nth-child(1)>div>div {
    padding: 20px!important;

}
	
	.bg-img-section {
		background-attachment:scroll!important;
	}
	
}

@media only screen and (min-width:1024px) and (max-width: 1365px) {
	
	.retreat-points>div {
    grid-template-columns: 50px calc(100% - 65px);
    grid-column-gap: 15px!important;
 
}
	
	.retreat-points {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    padding-top: 35px;
}
	
	.pd-right>div>div {
    padding-right: 30px;
}
	
	.page-id-56 .first-grid-img {
    min-height: 520px;
    position: relative;
}
	
	.certification-grid {
    grid-gap: 30px;
 padding: 25px;

}
	
	.page-banner-inner {
    padding-top: 50px;
}

	
	.water-feature-grid {
grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 30px;
}
	
		div.mineral-pool-row-inner-2 {
    padding-top: 35px!important;
    margin-top: 35px !important;
}
	
	.pd-left>div>div {
    padding-left: 30px;
}
	
	div.pool-range-grid {
    grid-gap: 20px !important;
}
	
	.ast-above-header-wrap  {
		display:none!important;
	}
	
	.home-video-banner {
    bottom: 70px;

}
	
	.cta-grid-inner-2 {
    column-gap: 30px!important;

}
	
	.cta-sub-head {
    font-size: 18px;
}
	
.h-tabs-section h2 {
    padding-bottom: 15px;
}
	
	.tabs-inner-row h3{
		font-size:22px!important;
	}
	
	.white-col-bg {
    padding: 25px!important;

}
	
	.two-section-grid {
    grid-gap: 25px!important;
}
	
	.first-grid-img {
    min-height: 490px;

}
	
	.heading-sp{
		height:10px!important;
	}
	
	    h2, .entry-content h2{
        font-size: 25px!important;
        line-height: 30px!important;
    }

	
	.choose-grid {
    padding-top: 30px!important;
}
	
	.grid-row {
    grid-gap: 30px!important;
}
.choose-grid .certified-small-img {
    top: -10px;

}

	
	.sub-head {
    font-size: 20px!important;
}
	
	.choose-grid>div {
    padding: 20px!important;

}
	
	.h-3rd-sec-inner-top {
    padding-bottom: 30px;
}
	
	.steps-grid {
    grid-gap: 20px!important;

}
	
	.steps-grid-block-2 , .steps-grid-block-3{
    min-height: 400px;
}

	
	.four-points-sub-text {
    font-size: 20px;
    line-height: 32px;
}
	
	.h-banner-head {
    font-size: 45px;
}
	
	header .custom-logo-link img {
    max-width: 145px;
    width: 145px;
}
	
.main-navigation>ul>li>a{
    padding: 0 10px!important;
    font-size: 15px !important;
}
	
	.ast-above-header-bar{
		    padding: 14px 0px;
	}
	.ast-primary-header-bar .site-primary-header-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}


	.site-above-footer-inner-wrap,
	.ast-container,
	.wd-contained , .site-primary-footer-wrap , .site-below-footer-wrap {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}


	h2,
	.entry-content h2,
	h1,
	.entry-content h1 {
		font-size: 35px;
		line-height: 45px;
	}
	
	.footer-top-head {
    font-size: 25px!important;
    line-height: 34px!important;
}

	.h-faq-inner .vc_do_toggle {
    padding: 20px 20px 20px!important;

}
	
	.h-faq-inner .vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
    right: -10px!important;

}
	
	.faq-page-inner {
    grid-gap: 20px!important;
    padding-top: 20px!important;
}

.trusted-fibreglass-inner {
    grid-template-columns: 1fr;
}
	
	.trusted-fibreglass-inner>div:nth-child(1)>div>div {
    padding: 20px!important;

}
	
	.top-footer-grid {
    grid-template-columns: auto 140px!important;
    grid-gap: 30px!important;
}
	
	.pools-builders-inner {
    grid-template-columns: 1fr!important;
}
	
	.pools-builders-inner .border-radius-col {
		display:none!important;
	}
	
	.fibreglass-grid {
    grid-template-columns: 1fr 3fr!important;
    grid-gap: 20px;
}
	
	.blue-section-top-space{
		height:100px!important;
	}

}


@media only screen and (max-width:1023px) {
		a.mob-number {
		color:#fff!important;
	}
.site-header {
  border-top: 0px solid #2f3494 !important;
}
		.ast-above-header-wrap  .ast-sticky-active, .ast-above-header-bar {
		background: #079ee6 !important;
	}
		.mob-number img{
		width:18px;
		height:auto;
		margin-right:5px;
		    filter: brightness(999);
	}
		.ast-above-header-bar {
    border-bottom-width: 0px!important;
}
	
	.ast-above-header-bar .site-btn a{
		        padding: 6px 15px;
        font-size: 14px;
	}
	
	    .color-page-section-bg {
        display: flex;
        flex-direction: column-reverse;
			
    }
	
	.pd-right>div>div {
    padding-right: 0;
    padding-top: 25px;
}
	
	.color-page-section-inner>div{
		width:100%!important;
	}
	
	.pd-left>div>div {
    padding-left: 0px!important;
		padding-top:25px;
}
	

	
	.h-3rd-section p , 	.h-3rd-section h2{
		text-align:left!important;
	}
	
	.certification-grid {
    padding: 20px!important;
  
}
	
	.cta-sub-head {
    font-size: 20px!important;
}
	
	.cta-grid-inner-2 {
    grid-template-columns: 1fr;
    column-gap: 30px;
    padding-top: 30px;
}
	
	.grid-row{
		    grid-template-columns: 1fr;
		grid-gap:25px;
	}
	
	.certification-grid img{
		    width: 170px;
    height: auto;
	}
	
	.plunge-pools-row-inner>div:nth-child(1)>div>div {
    padding: 20px!important;

}
	
	.plunge-pools-row-inner , .certification-grid {
    grid-template-columns: 1fr;
    grid-gap: 25px;
}
	
	div.mineral-pool-row-inner-2 {
    padding-top: 30px!important;
    margin-top: 30px !important;
}
	
	.pool-featured-image img {
    width: 100%;
    height: auto!important;
}
	
 .content-sec-2-inner , .pools-builders-inner , .mineral-pool-row-inner , .first-grid , .choose-page-inner , .choose-page-inner-2{
    display: flex !important;
    flex-direction: column-reverse;
    grid-gap: 30px;
}
	
	.choose-page-img-2 .wpb_single_image.vc_align_right {
    text-align: left;
}
	
	.warranty-text {
    padding: 20px !important;

}
	
	.choose-page-img>div {
    border-radius: 10px;
}
	.first-grid{
		 grid-gap: 20px!important;
	}
	
	.choose-page-inner-3  div.two-section-grid {
    grid-gap: 0px !important;
}
	
.trusted-fibreglass-inner {
    grid-template-columns: 1fr;
    grid-gap: 30px;
}	
	
	.trusted-fibreglass-inner>div:nth-child(1)>div>div {
    padding: 20px!important;
 
}
	
	.retreat-row-inner {
		grid-gap:20px;
	}
	
}

@media only screen and (max-width:767px) {

	.ast-above-header-bar .site-btn a{
		        padding: 6px 15px;
        font-size: 14px;
	}
.thank-you-page-inner p{
    font-size: 18px;	
	}
	.ast-above-header-bar {
    border-bottom-width: 0px!important;
 
}
	
	header .custom-logo-link img {
    max-width: 150px;
    width: 150px;
}
	
	.site-header {
 border-bottom:0px!important;
    border-top: 0px solid #2f3494!important;
}
	
	.mob-number img{
		width:18px;
		height:auto;
		margin-right:5px;
		    filter: brightness(999);
	}
	
	.ast-above-header-wrap  .ast-sticky-active{
		background: #079ee6 !important;
	}
	
	a.mob-number {
		color:#fff!important;
	}
	
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #f0f0f000!important;
}
	
	.vc_tta.vc_tta-style-classic .vc_tta-panel-body, .vc_tta.vc_tta-style-classic .vc_tta-panel-heading {
    border-width: 0px!important;
}
	
	.tabs-inner-row{
		    margin-top: 20px;
	}
	
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #f8f8f800!important;
    border: 0px !important;
}
	
	.ast-scroll-to-top-right {
    right: 15px;
    bottom: 45px;
}
	
	.faq-page-inner {
    padding-top: 25px!important;
}
	.first-grid-img {
    min-height: 450px!important;
}
	
	.pool_range h1 {
    font-size: 23px;
}
	
	.main-location {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;

}
	footer .widget-title{
		font-size:20px!important;
	}
	
	.retreat-points {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding-top: 30px;
}
	
	.retreat-points p {
    font-size: 18px;
}
	
	.retreat-points>div {
    grid-template-columns: 50px calc(100% - 65px);
    grid-column-gap: 15px;
    align-items: center;
}

	
	    .cta-grid-inner-2 {
        padding-top: 15px!important;
    }
	
.PPrTable span {
    display: block;
	padding-left:0px!important;
}

	.contact-page-row {
    padding-top: 40px!important;
}
	
	.water-feature-grid {
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr)!important;

    padding-top: 25px;
}
	
	.color-rage-bg-img-inner>div>div>div {
    padding: 20px!important;
 width: 100%!important;
}
	
	div.color-page-section-inner .column-count-2 {

    grid-template-columns: repeat(1, 1fr)!important;
    grid-gap: 0px!important;

    padding: 20px !important;
}

	
	.color-page-section-bg {
		    display: flex;
    flex-direction: column-reverse;
	}
	
	.pd-left>div>div {
    padding-left: 0px;
    padding-top: 25px;
}
	
	.pd-right>div>div {
    padding-right: 0px;
    padding-top: 25px;
}
	
	.color-range-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}
	
	.page-banner-icon img {
    bottom: -73px;
    width: 70px;
    height: auto;
}
	
	.page-banner-inner {
    padding-top: 40px!important;
}
	
	.page-banner h1 {

    font-size: 25px!important;
}
	.pd-100 {
		padding: 70px 0px !important;
	}
	
	.pd-top{
		padding-top:70px!important;
	}
	
	.pd-bottom{
		padding-bottom:70px!important;
	}

	.wd-contained {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
		grid-template-columns: 1fr;
		row-gap: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,
	.site-below-footer-inner-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.photo-space , .photo_space{
		height:300px!important;
	}
	
	.steps-grid{
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
 
}
	
	.choose-grid{
		    grid-template-columns: repeat(1, 1fr);
		        grid-gap: 20px;
	}
	
	.choose-grid>div:before{
		display:none!important;
	}
	
	.choose-grid>div {
    padding: 20px;

}
	
	.home-video-banner {
    grid-gap: 0px;
    grid-template-columns: 1fr;

    align-items: end;
    position: absolute;
    top: 55px;
 
}
	
	.banner-video video{
		    margin-bottom: -10px !important;
	}
	
	.h-banner-head {
    font-size: 25px;
    line-height: 32px;
}
	.h-faq-inner .vc_toggle_title h4 {
    font-size: 17px!important;

}
	
	.choose-grid {

    padding-top: 22px;
}
	
	    .home-video-banner {
        padding-bottom: 30px;
        position: relative;
    
    }
	
	.home-main-banner {
		padding-top:0px;
		    background: #f5f5f5;
		padding-bottom:70px;
	}
	
	.h-banner-head{
		color:#000000!important;
	}
	
	.banner-btns>:nth-child(1) a{
	background: #079ee6!important;
	}
	
	.tabs-inner-row {
    grid-template-columns: 1fr;
    grid-gap: 30px;
}
	
	h2, .entry-content :where(h2) , h1{
		font-size:23px!important;
	
	}
	
	div.pool-range-grid {
    grid-gap: 20px !important;
}
	
	.steps-grid-text .sub-head {
    font-size: 20px!important;
}
	
	.fibreglass-grid h2{
			line-height: 30px;
	}
	
	.h-3rd-sec-inner-top {
    padding-bottom: 30px;
    grid-template-columns: 1fr!important;
    align-items: center;
}
	
	.four-points-sub-text {
    font-size: 16px;
    font-weight: 600;
		line-height:28px;

}
	
	.steps-grid-num {
    font-size: 23px;
    
}
	
	.tabs-inner-row {
		padding-bottom:20px!important;
	}
	
	.btn-sp{
		height:20px!important;
	}
	
	.fibreglass-grid {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    align-items: center;
}
	
	.two-section-grid {
    grid-gap: 30px;
    grid-template-columns: 1fr;
}
	
	.first-grid-img {
    min-height: 470px;

}
	
	.heading-sp{
		height:14px!important;
	}
	
	.white-col-bg {
    padding: 20px;

}
	
	.top-footer-grid {
    grid-template-columns: 1fr!important;
    grid-gap: 25px!important;
    align-items: start;
}
	
	p.footer-top-head {
    font-size: 21px!important;

    line-height: 31px;
}
	
	.top-footer-grid>div{
		    margin-right: auto;
	}
	
	.faq-page-inner {
    grid-template-columns: repeat(1, 1fr)!important;
   
    padding-top: 40px;
}
	
	.h-faq-inner .vc_toggle_title h4 {
    font-size: 18px;
 
}
	
	.h-faq-inner .vc_do_toggle {
        padding: 12px 30px 12px 12px !important;

}
	
	.vc_tta-panel-title>a{
		background:#2f3494!important;
		color:#fff!important;
		border-radius:10px;
		font-size: 18px!important;
	}
	
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #ffffff;
			font-size: 18px!important;
}
	
	.vc_active .vc_tta-panel-title>a{
    background: #079ee6!important;
	}

	
	.h-tabs-section .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    padding: 0px 0px 0px!important;
}
	
	.vc_tta-panel-body{
		    border-color: #f0f0f0!important;
    border: 0px !important!important;
	}
	
	.sub-head {
    font-size: 18px;
    margin-bottom: 10px !important;
}
	
	.home-video-banner {
    display: block;

}
	
	.banner-btns{
		padding-top:25px;
	}
	
	.site-btn a {
    padding: 10px 15px;

}
	
	.steps-grid-block-4 , .steps-grid-block-3 , .steps-grid-block-2 , .steps-grid-block-1{
   
    min-height: 240px;
}
	
	.blue-section-top-space{
		height:0px!important;
	}
	
	.single-pool_range h2{
		font-size:25px!important;
	}
	
		.single-pool_range h4{
		font-size:20px!important;
	}
	
	.site-primary-footer-wrap {
    padding-top: 20px!important;

}
	
	.suggested-item h3 {
    font-size: 20px!important;
}
	
	#media_image-3 img {

    width: 200px;
		height:auto;
}
	
	.site-below-footer-inner-wrap {
		grid-gap: 15px;
	}
	
	.pool-sizes-grid {
grid-gap: 20px!important;
 padding: 20px!important;

}

}
@media only screen and (min-width:1366px) {
	.ast-above-header-bar  {
		display:none!important;
	}
}

@media only screen and (min-width:1366px) and (max-width: 1599px) {
	
	.pd-left>div>div {
    padding-left: 35px!important;
}
	
	.trusted-fibreglassimg {
    min-height: 415px!important;

}

	
	header .custom-logo-link img {
    max-width: 160px;
    width: 160px;
}
	
	header .site-btn a {
    padding: 10px 15px;

}
	
	.site-primary-header-wrap{
		    max-width: 100%!important;
		    padding-left: 30px!important;
    padding-right: 30px!important;
	}
	
	.h-banner-head{
		    font-size: 55px;
	}
	
	.two-section-grid h2{
		font-size:35px!important;
	}
	
	 .main-navigation>ul>li>a {
    padding: 0 16px!important;
}
	
	.site-footer{
		    padding-left: 30px;
    padding-right: 30px;
	}
	
	
	.grid-row {
    grid-gap: 40px;
}

	.ast-container,
	.ast-container-fluid {
		max-width: 1240px;
	}

	.wd-contained {
		max-width: 1200px;
		margin: auto !important;
	}

	h2,
	.entry-content h2,
	h1,
	.entry-content h1 {
		font-size: 40px;
	}

}