@charset "utf-8";
/* CSS Document */


	/*-----------------------------*/
	/*---- BOOTSTRAP 4.4.1 CSS ----*/
	/*-----------------------------*/

/*--------------------------------------*/
/*------- Pool Man Main SECTION -------*/
/*------------------------------------*/

/*--- Pool Man Main FRAMEWORK ---*/

.display-main-container {
	width: 100% !important;
	height: auto !important;
	margin: auto !important;
}
.display-main {
	position: relative !important;
}
.display-main-void {
	visibility: hidden !important;
	display: none !important;
}
@media only screen and (max-width: 600px) {
.display-main-void {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	min-height: 28vw !important;
	}}
@media only screen and (max-width: 500px) {
.display-main-void {
	min-height: 38vw !important;
	}}

/*--- Pool Man Main TEXT ---*/

.display-main-text-container2 {
	visibility: hidden !important;
	display: none !important;
}
@media only screen and (max-width: 600px) {
.display-main-text-container2 {
	visibility: visible !important;
	display: block !important;
	position: absolute !important;
	top: 80vw !important;
	left: 12.5% !important;
	z-index: 1 !important;
	width: 75% !important;
	height: auto !important;
	background-color: #33ccff !important;
	border-radius: 35px 0px 35px 0px !important;
	border: 1.6vw solid #fff;
	}
.display-main-text2 {
	padding: 4vw 1vw 2vw 4vw !important;
	max-width: 95% !important;
	color: #fff !important;
	font-weight: 700 !important;
	}
.display-main-text2 span {
	color: #504136 !important;
	}
.display-main-text2 hr {
    display: block !important;
    height: .2vw !important;
    border-top: .3vw solid #fff !important;
	}}

/*--- Pool Man Main IMAGE ---*/

.display-main-1920-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}
.display-main-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-800-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-small-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.display-main-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-1600-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}
@media only screen and (max-width: 1200px) {
.display-main-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-1200-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}
@media only screen and (max-width: 800px) {
.display-main-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-800-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}
@media only screen and (max-width: 600px) {
.display-main-800-img {
	visibility: hidden !important;
	display: none!important;
}
.display-main-small-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	z-index: 0 !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}


/*--------------------------------------------*/
/*------- 3 Stages of Biofilm SECTION -------*/
/*------------------------------------------*/

/*--- 3 Stages FRAMEWORK ---*/

.three-stages-container {
	visibility: hidden !important;
	display: none !important;
}
@media only screen and (max-width: 600px) {
.three-stages-container {
	visibility: visible !important;
	display: inline-block !important;
	min-width: 100% !important;
	height: auto !important;
	margin: 4vw 0vw 0vw 0vw !important;
	}}

/*--- 3 Stages IMAGE ---*/

.three-stages-sbf-sign-img {
	width: 50vw !important;
	height: auto !important;
}
.prec-pipe-img {
	width: 50vw !important;
	height: auto !important;
	margin: -28vw -4vw 0vw 0vw !important;
}
.form-pipe-img {
	width: 50vw !important;
	height: auto !important;
	margin: -16vw 0vw 0vw 12vw !important;
}
.surf-hard-pipe-img {
	width: 50vw !important;
	height: auto !important;
	margin: -20vw 0vw 0vw 0vw !important;
}


/*---------------------------------------------*/
/*--- Hidden Surface Bacteria Film SECTION ---*/
/*-------------------------------------------*/

/*--- HSBF Biofilm FRAMEWORK ---*/

.hsbf-biofilm-bg-container {
	width: 100% !important;
	height: auto !important;
	margin: -11vw auto 0vw auto !important;
	background-color: #F6851F !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
	padding-top: 20vw !important;
}
@media only screen and (max-width: 1919.98px) {
.hsbf-biofilm-bg-container {
	margin-top: -8vw !important;
	padding-top: 12vw !important;
	}}
@media only screen and (max-width: 1700px) {
.hsbf-biofilm-bg-container {
	margin-top: -9vw !important;
	}}
@media only screen and (max-width: 1500px) {
.hsbf-biofilm-bg-container {
	margin-top: -10vw !important;
	padding-top: 14vw !important;
	}}
@media only screen and (max-width: 1400px) {
.hsbf-biofilm-bg-container {
	margin-top: -11vw !important;
	}}
@media only screen and (max-width: 1000px) {
.hsbf-biofilm-bg-container {
	margin-top: -12vw !important;
	}}
@media only screen and (max-width: 800px) {
.hsbf-biofilm-bg-container {
	margin-top: -13vw !important;
	}}
@media only screen and (max-width: 600px) {
.hsbf-biofilm-bg-container {
	margin-top: -19vw !important;
	padding-top: 23vw !important;
	}}
.hsbf-biofilm-container {
	width: 85% !important;
	height: auto !important;
	padding: 6vw !important;
	background-color: #FFF689 !important;
	background-image: url('../images/content/biofilm/biofilm-1920-img.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: 55vw 0vw !important;
	background-size: auto 100% !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
@media only screen and (max-width: 1920px) {
.hsbf-biofilm-container {
	background-position: 47.5vw 0vw !important;
	}}
@media only screen and (max-width: 1800px) {
.hsbf-biofilm-container {
	background-position: 50.5vw 0vw !important;
	}}
@media only screen and (max-width: 1700px) {
.hsbf-biofilm-container {
	background-position: 53.5vw 0vw !important;
	}}
@media only screen and (max-width: 1600px) {
.hsbf-biofilm-container {
	background-image: url('../images/content/biofilm/biofilm-1600-img.jpg') !important;
	background-position: 42.5vw 0vw !important;
	}}
@media only screen and (max-width: 1500px) {
.hsbf-biofilm-container {
	background-position: 46.5vw 0vw !important;
	}}
@media only screen and (max-width: 1400px) {
.hsbf-biofilm-container {
	background-position: 49.5vw 0vw !important;
	}}
@media only screen and (max-width: 1300px) {
.hsbf-biofilm-container {
	background-position: 53vw 0vw !important;
	}}
@media only screen and (max-width: 1200px) {
.hsbf-biofilm-container {
	background-image: url('../images/content/biofilm/biofilm-1200-img.jpg') !important;
	background-position: 56vw 0vw !important;
	}}
@media only screen and (max-width: 1000px) {
.hsbf-biofilm-container {
	background-position: 55.5vw 0vw !important;
	}}
@media only screen and (max-width: 900px) {
.hsbf-biofilm-container {
	background-position: 53vw 0vw !important;
	}}
@media only screen and (max-width: 800px) {
.hsbf-biofilm-container {
	background-image: url('../images/content/biofilm/biofilm-800-img.jpg') !important;
	background-position: 54vw 0vw !important;
	}}
@media only screen and (max-width: 700px) {
.hsbf-biofilm-container {
	background-position: 54vw 0vw !important;
	}}
@media only screen and (max-width: 600px) {
.hsbf-biofilm-container {
	width: 94% !important;
	background-position: 58vw 0vw !important;
	}}
	

/*-----------------------------------*/
/*--- Biofilm Life Cycle SECTION ---*/
/*---------------------------------*/

/*--- Biofilm Life Cycle FRAMEWORK ---*/

.biofilm-life-cycle-bg {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 1vw !important;
	background-color: #F6851F !important;
}
.biofilm-life-cycle-container {
	color: #fff !important;
	width: 95% !important;
	height: auto !important;
	padding: 6vw !important;
	background-color: #006699 !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
@media only screen and (max-width: 600px) {
.biofilm-life-cycle-container {
	width: 98% !important;
	}}
.swimming-pool-biofilm-container {
	margin: 0vw 3vw 0vw 3vw !important;
}
@media only screen and (max-width: 800px) {
.swimming-pool-biofilm-container span {
	font-size: 1.7rem !important;
	}}
@media only screen and (max-width: 500px) {
.swimming-pool-biofilm-container span {
	font-size: 1.4rem !important;
	}}

/*--- Biofilm Life Cycle CONTENT ---*/

.p-mod {
	padding-top: 1vw !important;
}

/*--- Biofilm Life Cycle IMAGE ---*/

.blc-pie-img {
	max-width: 20vw !important;
	height: auto !important;
	float: right !important;
	margin: 0px 0px 10px 15px !important;
}
@media only screen and (max-width: 1919.98px) {
.blc-pie-img {
	max-width: 12vw !important;
	}}
@media only screen and (max-width: 1600px) {
.blc-pie-img {
	max-width: 14vw !important;
	}}
@media only screen and (max-width: 1400px) {
.blc-pie-img {
	max-width: 16vw !important;
	}}
@media only screen and (max-width: 1200px) {
.blc-pie-img {
	max-width: 18vw !important;
	}}
@media only screen and (max-width: 600px) {
.blc-pie-img {
	max-width: 28vw !important;
	}}
.swimming-pool-biofilm-container img {
	width: 16% !important;
	height: auto !important;
	margin: .5vw .5vw 1vw .5vw !important;
}
@media only screen and (max-width: 1919.98px) {
.swimming-pool-biofilm-container img {
	width: 180px !important;
	}}
@media only screen and (max-width: 1600px) {
.swimming-pool-biofilm-container img {
	width: 160px !important;
	}}
@media only screen and (max-width: 1200px) {
.swimming-pool-biofilm-container img {
	width: 120px !important;
	}}
@media only screen and (max-width: 800px) {
.swimming-pool-biofilm-container img {
	width: 100px !important;
	}}
@media only screen and (max-width: 600px) {
.swimming-pool-biofilm-container img {
	width: 90px !important;
	}}
@media only screen and (max-width: 500px) {
.swimming-pool-biofilm-container img {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
	width: 120px !important;
	margin: 2vw .5vw 2vw 6vw !important;
	}}


/*------------------------------------*/
/*--- CDC Confirms Impact SECTION ---*/
/*----------------------------------*/

/*--- CDC Confirms Impact FRAMEWORK ---*/

.cdc-confirms-impact-container {
	position: relative !important;
	z-index: 1 !important;
	padding-top: 6vw !important;
}
.cdc-confirms-impact-neg-z {
	position: absolute !important;
	z-index: -1 !important;
	top: 0 !important;
	width: 100% !important;
	min-height: 90% !important;
	background-color: #F6851F !important;
	border-radius: 0vw 0vw 5vw 0vw !important;
}

/*--- CDC Confirms Impact CONTENT ---*/

.cdc-confirms-impact-container span {
	margin-left: 15% !important;
}
.cdc-confirms-impact-container span span {
	margin-left: 30% !important;
}

/*--- CDC Confirms Impact IMAGE ---*/

.cdc-confirms-img {
	width: 70% !important;
	height: auto !important;
	margin-top: 3vw !important;
	margin-left: 19% !important;
}
.cdc-confirms-1920-img {
	visibility: visible !important;
	display: block !important;
}
.cdc-confirms-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.cdc-confirms-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.cdc-confirms-800-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.cdc-confirms-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.cdc-confirms-1600-img {
	visibility: visible !important;
	display: block !important;
	}}
@media only screen and (max-width: 1200px) {
.cdc-confirms-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.cdc-confirms-1200-img {
	visibility: visible !important;
	display: block !important;
	}}
@media only screen and (max-width: 800px) {
.cdc-confirms-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.cdc-confirms-800-img {
	visibility: visible !important;
	display: block !important;
	}}
@media only screen and (max-width: 600px) {
.cdc-confirms-img {
	width: 90% !important;
	margin: 3vw auto 0vw auto !important;
	}}

/*---------------------------------------*/
/*------- Biofilm Impact SECTION -------*/
/*-------------------------------------*/

/*--- Biofilm Impact FRAMEWORK ---*/

.biofilm-impact-container {
	margin-top: 10vw !important;
}
@media only screen and (max-width: 800px) {
.biofilm-impact-container {
	margin-bottom: 4vw !important;
	}}
@media only screen and (max-width: 600px) {
.biofilm-impact-container {
	margin-bottom: 6vw !important;
	}}
@media only screen and (max-width: 500px) {
.biofilm-impact-container {
	margin-bottom: 8vw !important;
	}}
.biofilm-impact-container  div {
	width: 80% !important;
	height: auto !important;
}

/*--- Biofilm Impact CONTENT ---*/

.biofilm-impact-container div h1 {
	color: #504136 !important;
	font-weight: 700 !important;
	margin-top: 3vw !important;
}
@media only screen and (max-width: 500px) {
.biofilm-impact-container div h1 {
	font-size: 1.6rem !important;
	}}
	
/*--- Biofilm Impact IMAGE ---*/

.biofilm-impact-group-img {
	width: 68vw !important;
	height: auto !important;
	margin-top: 4vw !important;
}
@media only screen and (max-width: 768px) {
.biofilm-impact-group-img {
	width: 90vw !important;
	margin: 4vw auto 0vw auto !important;
	}}


/*----------------------------------*/
/*------- 2 DOMAINS SECTION -------*/
/*--------------------------------*/

/*--- 2 DOMAINS FRAMEWORK ---*/

.two-domains-bg {
	width: 80% !important;
	height: auto !important;
	padding: 30vw 0vw 0vw 0vw !important;
	margin: 6vw auto 0vw auto !important;
	background-image: url('../images/content/biofilm/planktonic-bacteria-pool-1920-img.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: 0px -90px !important;
	background-size: contain !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
@media only screen and (max-width: 1919.98px) {
.two-domains-bg {
	background-position: 0px -30px !important;
	}}
@media only screen and (max-width: 1100px) {
.two-domains-bg {
	background-position: 0px -30px !important;
	}}
@media only screen and (max-width: 600px) {
.two-domains-bg {
	background-position: 0px -10px !important;
	}}
.two-domains-container {
	max-width: 100% !important;
	height: auto !important;
	margin: 0vw 0vw 0vw auto !important;
}
.dom-1-bg {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 5vw !important;
	margin: 4vw 0vw 0vw 0vw !important;
	background-color: #fff !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.two-domains-content {
	padding: 4vw 4vw 4vw 4vw !important;
	margin: 0vw 0vw 0vw 0vw !important;
	background-color: #fff !important;
}
@media only screen and (max-width: 600px) {
.two-domains-content {
	padding: 8vw 0vw 4vw 0vw !important;
	margin: -2.5vw 0vw 0vw 0vw !important;
	}}
.dom-2-bg {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 5vw !important;
	background-color: #fff689 !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.two-domains-plumb {
	padding: 0vw 0vw 12vw 0vw !important;
	background-color: #fff689 !important;
}
@media only screen and (max-width: 1000px) {
.two-domains-plumb {
	padding: 0vw 0vw 14vw 0vw !important;
	}}
@media only screen and (max-width: 768px) {
.two-domains-plumb {
	padding: 0vw 0vw 16vw 0vw !important;
	}}

/*--- 2 DOMAINS CONTENT ---*/

.dom {
	display: inline-flex !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	padding: .8vw 1.2vw .2vw 1.2vw !important;
	margin-top: -2vw !important;
	text-align: left !important;
}
.dom p {
	display: flex !important;
	color: #fff !important;
	margin: 0vw .5vw 0vw .5vw !important;
	line-height: normal !important;
	white-space: nowrap !important;
}
.dom svg {
	display: flex !important;
	width: 50px !important;
	height: auto !important;
	color: #fff !important;
	margin: 0vw .5vw 0vw .5vw !important;
}
@media only screen and (max-width: 1600px) {
.dom {
	margin-top: -1.6vw !important;
	}
.dom svg {
	width: 45px !important;
	}}
@media only screen and (max-width: 1200px) {
.dom {
	padding: .8vw 1.5vw .2vw 1.5vw !important;
	margin-top: -.2vw !important;
	}
.dom svg {
	width: 40px !important;
	}}
@media only screen and (max-width: 800px) {
.dom {
	padding: 1vw 1.8vw .2vw 1.8vw !important;
	margin-top: -.2vw !important;
	}
.dom svg {
	width: 35px !important;
	}}
@media only screen and (max-width: 600px) {
.dom {
	padding: 1vw 1.8vw .2vw 1.8vw !important;
	}
.dom p {
	font-size: 3.6vw !important;
	margin: 0vw .5vw 0vw .5vw !important;
}
.dom svg {
	width: 25px !important;
	margin: -1.8vw .5vw 0vw .5vw !important;
	}}
@media only screen and (max-width: 550px) {
.dom svg {
	width: 20px !important;
	margin: -.8vw .5vw 0vw .5vw !important;
	}}
@media only screen and (max-width: 450px) {
.dom {
	padding: 1.2vw 1.8vw .2vw 1.8vw !important;
	margin-top: -3vw !important;
	}
.dom svg {
	width: 15px !important;
	}}
.dom-1 {
	color: #fff !important;
	margin: -1.5vw auto 0vw 24vw !important;
	background-color: #33ccff !important;
	border-radius: 25px !important;
}
.dom-1 p {
	margin-left: -.1vw !important;
	text-align: left !important;
}
.dom-1 svg {
	margin-top: -.6vw !important;
	text-align: left !important;
}
@media only screen and (max-width: 1200px) {
.dom-1 {
	margin: -1.5vw auto 0vw 18vw !important;
	}}
@media only screen and (max-width: 1000px) {
.dom-1 svg {
	margin-top: -.9vw !important;
	}}
@media only screen and (max-width: 800px) {
.dom-1 {
	margin: -2.2vw auto 0vw 16vw !important;
	}}
@media only screen and (max-width: 600px) {
.dom-1 {
	margin: -3vw auto 0vw 16vw !important;
	}}
.two-dom-flex {
	display: flex !important;
	justify-content: flex-start !important;
}
@media only screen and (max-width: 500px) {
.two-dom-flex {
	flex-flow: wrap !important;
	}}
.num-two h1 {
	color: #336699 !important;
	font-size: 16rem !important;
	font-weight: 400 !important;
}
.num-two-alt h1 {
	font-size: 10rem !important;
	font-weight: 400 !important;
	letter-spacing: .3rem !important;
	margin: 1.5vw 0vw 0vw 1.5vw !important;
}
.num-two-alt h1 span {
	color: #336699 !important;
	margin: 0vw 0vw 0vw 16vw !important;
}
.num-two-sub p {
	margin: 1vw 0vw 2vw 1.5vw !important;
	margin-right: auto !important;
}
@media only screen and (max-width: 1919.98px) {
.num-two h1 {
	font-size: 14rem !important;
}
.num-two-alt h1 {
	font-size: 8rem !important;
	margin: 1.4vw 0vw 0vw 1.5vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 16vw !important;
	}}
@media only screen and (max-width: 1600px) {
.num-two h1 {
	font-size: 12rem !important;
	margin: -.2vw 0vw 0vw 0vw !important;
}
.num-two-alt h1 {
	font-size: 7rem !important;
	margin: 1.4vw 0vw 0vw 2.4vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 15vw !important;
	}}
@media only screen and (max-width: 1200px) {
.num-two h1 {
	font-size: 10rem !important;
}
.num-two-alt h1 {
	font-size: 6rem !important;
	margin: 1.5vw 0vw 0vw 1.5vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 17vw !important;
	}}
@media only screen and (max-width: 1100px) {
.num-two-alt h1 {
	margin: 1.6vw 0vw 0vw 2vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 18vw !important;
	}}
@media only screen and (max-width: 1000px) {
.num-two-alt h1 {
	margin: 1.6vw 0vw 0vw 2.6vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 20vw !important;
	}}
@media only screen and (max-width: 900px) {
.num-two h1 {
	font-size: 8rem !important;
}
.num-two-alt h1 {
	font-size: 5rem !important;
	margin: 1.5vw 0vw 0vw 2.8vw !important;
}
.num-two-sub p {
	margin: 1vw 0vw 2vw 1.8vw !important;
	}}
@media only screen and (max-width: 800px) {
.num-two h1 {
	font-size: 7rem !important;
}
.num-two-alt h1 {
	font-size: 4.5rem !important;
	margin: 1.5vw 0vw 0vw 3.5vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 18vw !important;
}
.num-two-sub p {
	margin: 1vw 0vw 2vw 1.8vw !important;
	}}
@media only screen and (max-width: 700px) {
.num-two h1 {
	font-size: 6rem !important;
}
.num-two-alt h1 {
	font-size: 3.5rem !important;
	margin: 1.7vw 0vw 0vw 2.8vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 20vw !important;
}
.num-two-sub p {
	margin: 1vw 0vw 2vw 2.5vw !important;
	}}
@media only screen and (max-width: 600px) {
.num-two h1 {
	font-size: 5rem !important;
}
.num-two-alt h1 {
	font-size: 3rem !important;
	margin: 1.6vw 0vw 0vw 2.2vw !important;
}
.num-two-alt h1 span {
	margin: 0vw 0vw 0vw 20vw !important;
}
.num-two-sub p {
	margin: 1vw 0vw 2vw 3vw !important;
	}}
@media only screen and (max-width: 500px) {
.num-two h1 {
	font-size: 8rem !important;
	margin: 0vw 0vw 0vw 16vw !important;
}
.num-two-alt h1 {
	font-size: 3.2rem !important;
	margin: -1vw 0vw 0vw 2.2vw !important;
	}}
.dom-content {
	padding-bottom: 4vw !important;
}
.dom-content p span {
	font-weight: 600 !important;
}
.dom-2 {
	color: #fff !important;
	margin: -2vw 0vw 0vw 12vw !important;
	background-color: #33ccff !important;
	border-radius: 25px !important;
}
.dom-2 p {
	margin-right: -.1vw !important;
	text-align: left !important;
}
.dom-2 svg {
	margin-top: -.4vw !important;
	text-align: left !important;
}
@media only screen and (max-width: 1200px) {
.dom-2 {
	margin: -2vw 0vw 0vw 6vw !important;
	}}
@media only screen and (max-width: 1000px) {
.dom-2 svg {
	margin-top: -.3vw !important;
	}}
@media only screen and (max-width: 800px) {
.dom-2 {
	margin: -3vw 0vw 0vw 4vw !important;
	}}
.bi-caret-up-fill {
	margin: 0vw 1.6vw 1.4vw 0vw !important;
}
@media only screen and (max-width: 1919.98px) {
.bi-caret-up-fill {
	margin: 0vw .4vw .8vw 0vw !important;
	}}
.bi-caret-down-fill {
	margin: 0vw 0vw 1.4vw 1.6vw !important;
}
@media only screen and (max-width: 1919.98px) {
.bi-caret-down-fill {
	margin: 0vw 0vw .6vw .4vw !important;
	}}
.inspect-ad-plug {
	margin: 0vw 6vw 3vw 6vw !important;
}

/*--- 2 DOMAINS IMAGES ---*/

.commercial-plumb-img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 3vw !important;
}
.commercial-plumb-1200-img {
	visibility: visible !important;
	display: inline-block !important;
}
.commercial-plumb-800-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 800px) {
.commercial-plumb-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.commercial-plumb-800-img {
	visibility: visible !important;
	display: inline-block !important;
	}}


/*------------------------------------------*/
/*------- A Gathering Storm SECTION -------*/
/*----------------------------------------*/

/*--- Gathering Storm FRAMEWORK ---*/

.gathering-storm-container {
	display: inline-block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	margin-top: 0vw !important;
	background-color: #000 !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.gathering-storm-img-cont {
	display: block !important;
	position: absolute !important;
	z-index: 1 !important;
	right: 0 !important;
	width: 95% !important;
	height: auto !important;
	margin-top: -75px !important;
}
@media only screen and (max-width: 1200px) {
.gathering-storm-img-cont {
	margin-top: -55px !important;
	}}
@media only screen and (max-width: 768px) {
.gathering-storm-img-cont {
	margin-top: -35px !important;
	}}
@media only screen and (max-width: 500px) {
.gathering-storm-img-cont {
	margin-top: -15px !important;
	}}
.gathering-storm-img {
	position: relative !important;
}

/*--- Gathering Storm CONTENT ---*/

.gathering-storm-img-cont p {
	display: inline-block !important;
	position: absolute !important;
	z-index: 20 !important;
	color: #fff !important;
	margin: 34% 0% 0% 14% !important;
}
.gathering-storm-space {
	width: 100% !important;
	height: auto !important;
	padding-top: 40% !important;
}
.gathering-storm-content-cont {
	width: 100% !important;
	height: auto !important;
	padding: 3vw 2vw !important;
	background-color: #000 !important;
}
@media only screen and (max-width: 1200px) {
.gathering-storm-content-cont {
	padding: 4vw 1vw !important;
	}}
@media only screen and (max-width: 800px) {
.gathering-storm-content-cont {
	padding: 5vw .5vw !important;
	}}
@media only screen and (max-width: 700px) {
.gathering-storm-content-cont {
	padding: 5vw 0vw !important;
	}}
.gathering-storm-content-cont div {
	margin-bottom: 3vw !important;
}
.gathering-storm-content-cont li {
	margin: 0vw 2vw 2vw 0vw !important;
}
@media only screen and (max-width: 800px) {
.gathering-storm-content-cont li {
	margin-left: -1.8vw !important;
	}}
.how-salt-pools-work {
	color: #000 !important;
	width: 90% !important;
	height: auto !important;
	padding: 3vw !important;
	margin-top: -4vw !important;
	background-color: #fff !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}
@media only screen and (max-width: 800px) {
.how-salt-pools-work {
	margin-top: -5vw !important;
	}}
.did-you {
	padding: 4vw 0vw .5vw 10vw !important;
}
.know {
	margin: -2.8vw 0vw 1vw 2vw !important;
}
@media only screen and (max-width: 1919.98px) {
.did-you {
	padding: 4vw 0vw .5vw 6vw !important;
}
.know {
	margin: -2.8vw 0vw 1vw .5vw !important;
	}}
@media only screen and (max-width: 1200px) {
.did-you {
	padding: 4vw 0vw .5vw 8vw !important;
}
.know {
	margin: -2.8vw 0vw 1vw 1vw !important;
	}}
@media only screen and (max-width: 1000px) {
.know {
	margin: -2.8vw 0vw 1vw 1.5vw !important;
	}}
@media only screen and (max-width: 800px) {
.did-you {
	padding: 4vw 0vw 1vw 7vw !important;
}
.know {
	margin: -2.6vw 0vw 1vw .5vw !important;
	}}
.all-salt-pools-are {
	color: #006699 !important;
	margin: -1vw 0vw 0vw 8vw !important;
}
.chlorine-pools {
	color: #006699 !important;
	margin: 0vw 0vw 3vw 15vw !important;
}
@media only screen and (max-width: 1919.98px) {
.all-salt-pools-are {
	margin: -1vw 0vw 0vw 5vw !important;
}
.chlorine-pools {
	margin: .4vw 0vw 3vw 10vw !important;
	}}
@media only screen and (max-width: 1200px) {
.all-salt-pools-are {
	margin: -1vw 0vw 0vw 7vw !important;
}
.chlorine-pools {
	margin: .8vw 0vw 3vw 14vw !important;
	}}
@media only screen and (max-width: 1000px) {
.all-salt-pools-are {
	margin: -1vw 0vw 0vw 7vw !important;
}
.chlorine-pools {
	margin: .8vw 0vw 3vw 14vw !important;
	}}
@media only screen and (max-width: 799.98px) {
.all-salt-pools-are {
	margin: -1vw 0vw 0vw 7vw !important;
}
.chlorine-pools {
	margin: .8vw 0vw 3vw 14vw !important;
	}}

/*--- Gathering Storm IMAGE ---*/

.gathering-storm-1920-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}
.gathering-storm-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.gathering-storm-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.gathering-storm-800-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.gathering-storm-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.gathering-storm-1600-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}
@media only screen and (max-width: 1200px) {
.gathering-storm-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.gathering-storm-1200-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}
@media only screen and (max-width: 800px) {
.gathering-storm-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.gathering-storm-800-img {
	visibility: visible !important;
	display: inline-block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	}}
.salt-2-chlorine-img {
	min-width: 100% !important;
	height: auto !important;
	margin: 0vw 0vw -3vw 0vw !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}
@media only screen and (max-width: 1200px) {
.salt-2-chlorine-img {
	max-width: 50% !important;
	margin-top: 2% !important;
	}}

/*---------------------------------*/
/*------- Chlorine SECTION -------*/
/*-------------------------------*/

/*--- Chlorine FRAMEWORK ---*/
.chlorine-bg {
	padding-top: 32vw !important;
	background-color: #000 !important;
}
.chlorine-core-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 5vw !important;
	padding-left: 4vw !important;
	background-color: #fff689 !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.chlorine-sub-core-container {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 5vw !important;
	background-color: #33ccff !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.chlorine-container {
	color: #fff !important;
	width: 85% !important;
	height: auto !important;
	padding: 5vw !important;
	margin-top: -30vw !important;
	background-color: #006699 !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}

/*--- Chlorine CONTENT ---*/

@media only screen and (max-width: 600px) {
.chlorine-container h1 {
	margin: 8vw 0vw 6vw 0vw !important;
	}}
.div-top-margin {
	margin-top: 3vw !important;
}
.flex-ul-cont3 {
	columns: 3 190px !important;
	justify-content: space-between !important;
}
.flex-ul-cont2 {
	columns: 2 280px !important;
	justify-content: space-between !important;
}
.flex-ul3 {
	margin-left: 10px !important;
}
.flex-ul2 {
	margin-left: 15px !important;
}
@media only screen and (max-width: 600px) {
.flex-ul3 {
	margin-left: -10px !important;
}
.flex-ul2 {
	margin-left: -10px !important;
	}}

/*--- Chlorine IMAGE ---*/

.chlorine-scientific-img {
	width: 42% !important;
	height: auto !important;
	margin: -4vw 0vw 4vw 0vw !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	border: .4vw solid #fff !important;
}
@media only screen and (max-width: 600px) {
.chlorine-scientific-img {
	width: 63% !important;
	margin: -2vw 0vw 8vw 0vw !important;
	}}
.danger-chlorine-sign-img {
	display: inline-block !important;
	position: absolute !important;
	z-index: 50 !important;
	width: 30% !important;
	height: auto !important;
	top: 32% !important;
	right: 36% !important;
	border-radius: 3vw 0vw 3vw 0vw !important;
	border: .1vw solid #000 !important;
}
@media only screen and (max-width: 600px) {
.danger-chlorine-sign-img {
	width: 45% !important;
	top: 38% !important;
	right: 50% !important;
	}}


/*----------------------------------------------*/
/*------- Mechanisms of Biofilm SECTION -------*/
/*--------------------------------------------*/

/*--- Mech. of Biofilm FRAMEWORK ---*/

.mech-biofilm-container {
	width: 100% !important;
	height: auto !important;
	padding-left: 4vw !important;
	background-color: #fff689 !important;
}

/*--- Mech. of Biofilm CONTENT ---*/

.mech-biofilm-content {
	width: 100% !important;
	height: auto !important;
	padding-top: 4vw !important;
	padding-bottom: 4vw !important;
	background-color: #33ccff !important;
}
.cidal {
	margin-left: 3vw !important;
}

/*--- Mech. of Biofilm IMAGE ---*/

.mbt-diagram-img {
	width: 70% !important;
	height: auto !important;
	margin: 1vw auto 3vw auto !important;
}
@media only screen and (max-width: 768px) {
.mbt-diagram-img {
	width: 100% !important;
	margin: 1vw auto 3vw auto !important;
	}}


/*--------------------------------------*/
/*------- Watch Go Down SECTION -------*/
/*------------------------------------*/

/*--- Watch Go Down FRAMEWORK ---*/

.watch-go-down-core-container {
	width: 100% !important;
	height: auto !important;
	padding-left: 4vw !important;
	padding-bottom: 22% !important;
	background-color: #fff689 !important;
}
.watch-go-down-sub-core-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 25% !important;
	background-color: #33ccff !important;
}

/*--- Watch Go Down CONTENT ---*/

/*--- Watch Go Down IMAGE ---*/

.watch-go-down-bg {
	display: block !important;
	position: absolute !important;
	z-index: 48 !important;
	min-width: 100% !important;
	height: auto !important;
	top: 0 !important;
	right: 0 important;
	bottom: 0 !important;
	left: 0 !important;
}


/*--------------------------------------*/
/*------- What It Means SECTION -------*/
/*------------------------------------*/

/*--- What It Means FRAMEWORK ---*/

.what-it-means-container {
	width: 100% !important;
	height: auto !important;
	margin-top: -3vw !important;
	padding-top: 7vw !important;
	padding-right: 6vw !important;
	padding-bottom: 20vw !important;
	padding-left: 6vw !important;
	background-color: #504136 !important;
}
@media only screen and (max-width: 1919.98px) {
.what-it-means-container {
	padding-bottom: 12vw !important;
	}}
@media only screen and (max-width: 900px) {
.what-it-means-container {
	margin-top: -4vw !important;
	padding-top: 8vw !important;
	}}

/*--- What It Means CONTENT ---*/

.what-it-means-content {
	display: inline-block !important;
	position: relative !important;
	z-index: 1 !important;
	width: 100% !important;
	height: auto !important;
	margin: -10vw 0vw 0vw 6vw !important;
	padding: 4vw 0vw !important;
	background-color: #fff !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
@media only screen and (max-width: 1919.98px) {
.what-it-means-content {
	margin: -6vw 0vw 0vw 6vw !important;
	}}
@media only screen and (max-width: 1600px) {
.what-it-means-content {
	margin: -7vw 0vw 0vw 6vw !important;
	}}
@media only screen and (max-width: 1400px) {
.what-it-means-content {
	margin: -8vw 0vw 0vw 6vw !important;
	}}
@media only screen and (max-width: 1200px) {
.what-it-means-content {
	margin: -9vw 0vw 0vw 6vw !important;
	}}
.what-it-means-content h3 {
	color: #504136 !important;
	margin-left: 1%;
}
.wim-rt {
	margin-left: 18% !important;
}
@media only screen and (max-width: 1919.98px) {
.wim-rt {
	margin-left: 21% !important;
	}}
@media only screen and (max-width: 1600px) {
.wim-rt {
	margin-left: 27% !important;
	}}
@media only screen and (max-width: 1000px) {
.wim-rt {
	margin-left: 36% !important;
	}}
@media only screen and (max-width: 800px) {
.what-it-means-content h3 {
	font-size: 2.4rem !important;
}
.wim-rt {
	margin-left: 18% !important;
	}}
@media only screen and (max-width: 600px) {
.what-it-means-content h3 {
	font-size: 1.7rem !important;
	margin-left: -3%;
}
.wim-rt {
	margin-left: 14% !important;
	}}
@media only screen and (max-width: 450px) {
.what-it-means-content h3 {
	font-size: 1.4rem !important;
}
.wim-rt {
	margin-left: 16% !important;
	}}
.what-it-means-content ul {
	margin: 2vw 0vw 0vw 1vw !important;
}
@media only screen and (max-width: 1200px) {
.what-it-means-content ul {
	margin: 3vw 0vw 0vw 1vw !important;
	}}
@media only screen and (max-width: 1100px) {
.what-it-means-content ul {
	margin: 4vw 0vw 0vw 1vw !important;
	}}
@media only screen and (max-width: 900px) {
.what-it-means-content ul {
	margin: 5vw 0vw 0vw 1vw !important;
	}}
@media only screen and (max-width: 600px) {
.what-it-means-content ul {
	margin: 5vw 0vw 0vw -3vw !important;
	}}

/*--- What It Means IMAGE ---*/

.manner-house-1920-img {
	visibility: visible !important;
	display: inline-block !important;
	min-width: 100% !important;
	height: auto !important;
	margin: 0vw 0vw 0vw -1.5vw !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.manner-house-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.manner-house-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.manner-house-800-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.manner-house-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.manner-house-1600-img {
	visibility: visible !important;
	display: inline-block !important;
	min-width: 100% !important;
	height: auto !important;
	margin: 0vw 0vw 0vw -1.5vw !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
	}}
@media only screen and (max-width: 1200px) {
.manner-house-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.manner-house-1200-img {
	visibility: visible !important;
	display: inline-block !important;
	min-width: 100% !important;
	height: auto !important;
	margin: 0vw 0vw 0vw -1.5vw !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
	}}
@media only screen and (max-width: 800px) {
.manner-house-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.manner-house-800-img {
	visibility: visible !important;
	display: inline-block !important;
	min-width: 100% !important;
	height: auto !important;
	margin: 0vw 0vw 0vw -1.5vw !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
	}}


/*---------------------------------------------*/
/*------- Accomplished by TZCD SECTION -------*/
/*-------------------------------------------*/

/*--- Accomplished by TZCD FRAMEWORK ---*/

.accomplished-tzcd-pre-bg {
	min-width: 100% !important;
	height: auto !important;
	background-color: #504136 !important;
}
.accomplished-tzcd-header-container {
	width: 85% !important;
	height: auto !important;
	margin: auto auto 0 auto !important;
	background-color: #fff !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.accomplished-tzcd-container {
	width: 75% !important;
	height: auto !important;
	margin: 4vw auto 2vw auto !important;
	background-color: #fff !important;
}
.accomplished-tzcd-post-bg {
	min-width: 100% !important;
	height: 12vw !important;
	background-color: #fff689 !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.accomplished-tzcd-footer-container {
	width: 85% !important;
	height: 10vw !important;
	margin: 0 auto auto auto !important;
	background-color: #fff !important;
	border-radius: 0vw 0vw 5vw 0vw !important;
}

/*--- Accomplished by TZCD CONTENT ---*/

.accomplished-tzcd-header-container div {
	padding: 4vw 0vw 2vw 0vw !important;
}
.a-title2 {
	visibility: hidden !important;
	display: none !important;
}
.a-title3 {
	visibility: hidden !important;
	display: none !important;
}
@media only screen and (min-width: 1000px) {
.a-title1 {
	visibility: visible !important;
	display: block !important;
	}}
@media only screen and (max-width: 999.98px) {
.a-title1 {
	visibility: hidden !important;
	display: none !important;
}
.a-title2 {
	visibility: visible !important;
	display: block !important;
	}}
@media only screen and (max-width: 799.98px) {
.a-title2 {
	visibility: hidden !important;
	display: none !important;
}
.a-title3 {
	visibility: visible !important;
	display: block !important;
	}}
.accomplished-tzcd-container div {
	margin: 4vw 0vw 0vw 0vw !important;
}

/*--- Accomplished by TZCD IMAGE ---*/

.tzcd-plus-uvc50-bottle-1920-img {
	visibility: visible !important;
	display: inline-block !important;
}
.tzcd-plus-uvc50-bottle-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.tzcd-plus-uvc50-bottle-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.tzcd-plus-uvc50-bottle-800-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.tzcd-plus-uvc50-bottle-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.tzcd-plus-uvc50-bottle-1600-img {
	visibility: visible !important;
	display: inline-block !important;
}}
@media only screen and (max-width: 1200px) {
.tzcd-plus-uvc50-bottle-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.tzcd-plus-uvc50-bottle-1200-img {
	visibility: visible !important;
	display: inline-block !important;
}}
@media only screen and (max-width: 800px) {
.tzcd-plus-uvc50-bottle-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.tzcd-plus-uvc50-bottle-800-img {
	visibility: visible !important;
	display: inline-block !important;
}}


/*----------------------------------------*/
/*------- 4 Pillar System SECTION -------*/
/*--------------------------------------*/

/*--- 4 Pillar System FRAMEWORK ---*/

.four-pillar-system-container {
	width: 100% !important;
	height: auto !important;
	padding: 12vw 8vw 12vw 8vw !important;
	background-color: #FFF689 !important;
}
@media only screen and (max-width: 1919.98px) {
.four-pillar-system-container {
	padding: 22vw 8vw 12vw 8vw !important;
	}}
@media only screen and (max-width: 600px) {
.four-pillar-system-container {
	padding: 22vw 3vw 12vw 3vw !important;
	}}
.nav-seek {
	display: inline-block !important;
	position: relative !important;
	text-align: center !important;
}
.pillar-template-out {
	positon: relative !important;
	min-width: 80% !important;
	height: auto !important;
	padding: 4vw 4vw 4vw 4vw !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
	background-image: url('../images/content/background/pural-marble-1920-bg-img.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
	background-size: cover !important;
	border: .1vw solid #000 !important;
}
@media only screen and (max-width: 600px) {
.pillar-template-out {
	width: 100% !important;
}}
.pillar-template-in {
	width: 100% !important;
	height: auto !important;
	padding: 5vw !important;
	margin-top: 2vw !important;
	background-color: #FFF !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}
@media only screen and (max-width: 600px) {
.pillar-template-in {
	padding: 6vw !important;
	}}
.circulation-container {
	border: .5vw solid #3a54a4 !important;
}
.filtration-container {
	border: .5vw solid #5e5137 !important;
}
.target-zero-container {
	border: .5vw solid #135c2f !important;
}
.ultraviolet-container {
	border: .5vw solid #292670 !important;
}

/*--- 4 Pillar System CONTENT ---*/
.head-m {
	margin-left: 5vw !important;
}
.circulation {
	color: #3a54a4 !important;
}
.filtration {
	color: #5e5137 !important;
}
.target-zero {
	color: #135c2f !important;
}
.ultraviolet {
	color: #292670 !important;
}
.tzcd-content {
	margin-right: 2vw !important;
}
.tzcd-inner-content {
	width: 100% !important;
	height: auto !important;
	padding: 3vw 3vw 3vw 3vw !important;
	margin-top: 3vw !important;
	background-color: #000 !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
}

/*--- 4 Pillar System IMAGE ---*/

.pillar {
	width: 20% !important;
	height: auto !important;
	margin: 0vw auto -.2vw auto !important;
}
@media only screen and (max-width: 600px) {
.pillar {
	width: 22% !important;
	}}
.tzcd-bottle-img {
	width: 30% !important;
	height: auto !important;
	margin-left: 1vw !important;
}
@media only screen and (max-width: 1200px) {
.tzcd-bottle-img {
	width: 24% !important;
	}}
.illuminated-uv-bulbs-img {
	width: 40% !important;
	height: auto !important;
	margin: 3vw -3vw 4vw 1vw !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
	border-radius: 0vw 4vw 0vw 4vw !important;
	border: .3vw solid #000 !important;
}

/*--- 4 Pillar System CAROUSEL ---*/

.carousel {
	min-width: 80% !important;
	height: auto !important;
}
.carousel-controls {
	position: absolute !important;
	width: 100% !important;
	height: auto !important;
	top: clamp(104rem, 92rem + 6.25vw, 108rem) !important;
	left: 50% !important;
	z-index: 10 !important;
	transform: translateX(-50%) !important;
}
@media only screen and (max-width: 1919.98px) {
.carousel-controls {
	top: clamp(91rem, -104rem + 108.333vw, 104rem) !important;
	}}
@media only screen and (max-width: 1800px) {
.carousel-controls {
	top: clamp(88rem, 64rem + 15vw, 91rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.carousel-controls {
	top: clamp(70rem, -56rem + 90vw, 88rem) !important;
	}}
@media only screen and (max-width: 1400px) {
.carousel-controls {
	top: clamp(68rem, 56rem + 10vw, 70rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.carousel-controls {
	top: clamp(62rem, -4rem + 60vw, 68rem) !important;
	}}
@media only screen and (max-width: 1100px) {
.carousel-controls {
	top: clamp(57rem, 7rem + 50vw, 62rem) !important;
	}}
@media only screen and (max-width: 1000px) {
.carousel-controls {
	top: clamp(53rem, 17rem + 40vw, 57rem) !important;
	}}
@media only screen and (max-width: 900px) {
.carousel-controls {
	top: clamp(47.5rem, 3.5rem + 55vw, 53rem) !important;
	}}
@media only screen and (max-width: 800px) {
.carousel-controls {
	top: clamp(42.5rem, 7.5rem + 50vw, 47.5rem) !important;
	}}
@media only screen and (max-width: 700px) {
.carousel-controls {
	top: clamp(37.5rem, 7.5rem + 50vw, 42.5rem) !important;
	}}
@media only screen and (max-width: 600px) {
.carousel-controls {
	top: clamp(40rem, 12.5rem + 50vw, 42.5rem) !important;
	}}
@media only screen and (max-width: 550px) {
.carousel-controls {
	top: clamp(37rem, 7rem + 60vw, 40rem) !important;
	}}
@media only screen and (max-width: 500px) {
.carousel-controls {
	top: clamp(34rem, 7rem + 60vw, 37rem) !important;
	}}
@media only screen and (max-width: 450px) {
.carousel-controls {
	top: clamp(29rem, 4rem + 66.667vw, 34rem) !important;
	}}
.carousel-control-prev, .carousel-control-next {
	position: absolute !important;
	background-color: #000 !important;
	height: 6vw !important;
	width: 6vw !important;
	transform: translateY(50%) !important;
	border-radius: 50% !important;
}
@media only screen and (max-width: 600px) {
.carousel-control-prev, .carousel-control-next {
	height: 6.4vw !important;
	width: 6.4vw !important;
	}}
.carousel-control-prev {
	left: 20px !important;
	padding-right: .5vw !important;
}
.carousel-control-next {
	right: 20px !important;
	padding-left: .5vw !important;
}
@media only screen and (max-width: 1200px) {
.carousel-control-prev {
	left: 12px !important;
}
.carousel-control-next {
	right: 12px !important;
	}}
@media only screen and (max-width: 800px) {
.carousel-control-prev {
	left: 10px !important;
}
.carousel-control-next {
	right: 10px !important;
	}}
@media only screen and (max-width: 600px) {
.carousel-control-prev {
	left: 12px !important;
}
.carousel-control-next {
	right: 12px !important;
	}}
@media only screen and (max-width: 550px) {
.carousel-control-prev {
	left: 8px !important;
}
.carousel-control-next {
	right: 8px !important;
	}}
.carousel-control-prev-icon, .carousel-control-next-icon {
	height: 4.6vw !important;
	width: 4.6vw !important;
}
@media only screen and (max-width: 1600px) {
.carousel-control-prev-icon, .carousel-control-next-icon {
	height: 4.2vw !important;
	width: 4.2vw !important;
	}}
@media only screen and (max-width: 600px) {
.carousel-control-prev-icon, .carousel-control-next-icon {
	height: 5.4vw !important;
	width: 5.4vw !important;
	}}


/*----------------------------------------*/
/*------- Service Package SECTION -------*/
/*--------------------------------------*/

/*--- Service Package ANCHOR ---*/

#service-anchor {
    display: inline-block !important;
    position: relative !important;
    top: -14vw !important;
    visibility: hidden !important;
	scroll-behavior: smooth !important;
}
.title div h1 {
	margin: 3vw 0vw 3vw 3vw !important;
}


/*------------------------------------------------------*/
/*------- Service Package - Certificate SECTION -------*/
/*----------------------------------------------------*/

/*--- Service Package - Certificate FRAMEWORK ---*/

.serv-pack-head-bg {
	background-color: #FFF689 !important;
}
.serv-pack-head-container {
	width: 100% !important;
	height: auto !important;
	padding: 3vw 0vw .1vw 0vw !important;
	background-color: #FFF !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.serv-pack-bg {
	width: 100% !important;
	height: auto !important;
	padding: 0vw !important;
	background-color: #FFF !important;
}
.eval-serv-head-container {
	width: 95% !important;
	height: auto !important;
	padding: 0vw 4vw 0vw 0vw !important;
	margin: 0vw 0vw -.1vw auto !important;
	background-color: #FFF689 !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}

/*--- Service Package - Certificate CONTENT ---*/

.serv-pack-head-container h1 {
	margin: 0vw 0vw 3vw 3vw !important;
}
.get-certified-content {
	width: 80% !important;
	height: auto !important;
	padding: 4vw 4vw 4vw 4vw !important;
	margin: 6vw auto 6vw auto !important;
	background-color: #f6851f !important;
	border-radius: 5vw 0vw 5vw 0vw !important;
}

/*--- Service Package - Certificate IMAGES ---*/

.pool-status-sign-img {
	width: 60% !important;
	height: auto !important;
	margin: -10vw 0vw 0vw auto !important;
	float: right !important;
}
@media only screen and (max-width: 1600px) {
.pool-status-sign-img {
	width: 80% !important;
	margin-top: -10vw !important;
	}}
@media only screen and (max-width: 600px) {
.pool-status-sign-img {
	width: 80% !important;
	margin: 12vw 12vw 2vw auto !important;
	}}
.inspection-certificate-img {
	width: 50% !important;
	height: auto !important;
	margin: 0vw 0vw 1vw 2vw !important;
	float: right !important;
}
@media only screen and (max-width: 600px) {
.inspection-certificate-img {
	width: 90% !important;
	margin: 0vw auto 2vw 3vw !important;
	float: none !important;
	clear: right !important;
	}}


/*-----------------------------------------------------*/
/*------- Service Package - Evaluation SECTION -------*/
/*---------------------------------------------------*/

/*--- Service Package - Evaluation FRAMEWORK ---*/

.serv-pack-bg {
	width: 100% !important;
	height: auto !important;
	padding: 0vw !important;
	background-color: #FFF !important;
}
.eval-serv-content-container {
	width: 95% !important;
	height: auto !important;
	padding: 0vw 4vw 12vw 4vw !important;
	background-color: #FFF689 !important;
}
@media only screen and (max-width: 800px) {
.eval-serv-content-container {
	padding: 0vw 4vw 14vw 4vw !important;
	}}
@media only screen and (max-width: 768px) {
.eval-serv-content-container {
	padding: 0vw 4vw 24vw 4vw !important;
	}}
@media only screen and (max-width: 600px) {
.eval-serv-content-container {
	padding: 0vw 4vw 28vw 4vw !important;
	}}
@media only screen and (max-width: 500px) {
.eval-serv-content-container {
	padding: 0vw 4vw 30vw 4vw !important;
	}}

/*--- Service Package - Evaluation CONTENT ---*/

.eval-serv-content {
	width: 80% !important;
	height: auto !important;
	padding: 4vw !important;
	margin: 0vw auto 4vw auto !important;
	background-color: #fff !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
}
.ul-title {
	font-weight: 700 !important;
}
.eval-serv-content ul {
	margin-bottom: 3vw !important;
}
.eval-serv-content ul li {
	margin-top: .5vw !important;
}
@media only screen and (max-width: 1200px) {
.eval-serv-content ul li {
	margin-top: .8vw !important;
	}}
@media only screen and (max-width: 1000px) {
.eval-serv-content ul li {
	margin-top: .8vw !important;
	}}
.inspection-price {
	width: 90% !important;
	height: auto !important;
	padding: 4vw 6vw 4vw 6vw !important;
	background-color: #33ccff !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	text-align: center !important;
	box-shadow: inset -.05em -.05em .2em #000, inset .05em .05em .2em #fff, .2em .2em .3em #999 !important;
}
@media only screen and (max-width: 1919.98px) {
.inspection-price {
	padding: 3vw 3vw 4vw 4vw !important;
	}}
@media only screen and (max-width: 1400px) {
.inspection-price {
	padding: 3vw 3vw 4vw 5vw !important;
	}}
@media only screen and (max-width: 1000px) {
.inspection-price {
	padding: 3vw 3vw 4vw 6vw !important;
	}}
@media only screen and (max-width: 800px) {
.inspection-price {
	padding: 3vw 3vw 4vw 6.5vw !important;
	}}
.inspection-price h3 {
	width: 100% !important;
	height: auto !important;
	padding: 0vw 0vw 0vw 0vw !important;
	margin-bottom: 1.5vw !important;
}
@media only screen and (max-width: 768px) {
.inspection-price h3 {
	font-size: 2rem !important;
	}}
@media only screen and (max-width: 500px) {
.inspection-price h3 {
	font-size: 1.6rem !important;
	}}
@media only screen and (max-width: 425px) {
.inspection-price h3 {
	font-size: 1.4rem !important;
	}}
.inspection-price-inner {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	background-color: #fff !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
}
.inspection-price-inner-list {
	width: 100% !important;
	height: auto !important;
	margin: 5% auto 2% auto !important;
}
@media only screen and (max-width: 800px) {
.inspection-price-inner-list {
	padding: 0vw !important;
	}}
.inspection-price-inner-list h5 {
	margin: 0vw auto 1vw auto !important;
}
.inspection-price-inner-list ul {
	display: inline-block !important;
	list-style-type: disc !important;
	text-align: left !important;
	margin-left: -1vw !important;
}
@media only screen and (max-width: 1000px) {
.inspection-price-inner-list ul {
	font-size: 14px !important;
	margin-left: -2vw !important;
	}}
@media only screen and (max-width: 800px) {
.inspection-price-inner-list ul {
	font-size: 12px !important;
	}}
.inspection-price-inner-list ul li {
	line-height: 2.2vw !important;
}
@media only screen and (max-width: 600px) {
.inspection-price-inner-list ul li {
	line-height: 3.5vw !important;
	}}
@media only screen and (max-width: 500px) {
.inspection-price-inner-list ul li {
	font-size: 11px !important;
	line-height: 4vw !important;
}
.inspection-price-inner-list h5 {
	font-size: 12px !important;
	}}
.inspection-price-inner-cost {
	width: 100% !important;
	height: auto !important;
	margin: 0% auto 1% auto !important;
}
.inspection-price-inner-cost p {
	text-align: center !important;
	margin: 1vw 0vw 8vw 0vw !important;
	text-decoration: line-through !important;
}
@media only screen and (max-width: 1919.98px) {
.inspection-price-inner-cost p {
	margin: 3.6vw 0vw 8vw 0vw !important;
	}}
@media only screen and (max-width: 1600px) {
.inspection-price-inner-cost p {
	margin: 3vw 0vw 8vw 0vw !important;
	}}
@media only screen and (max-width: 800px) {
.inspection-price-inner-cost p {
	margin: 3.8vw 0vw 8vw 0vw !important;
	}}
@media only screen and (max-width: 600px) {
.inspection-price-inner-cost p {
	font-size: 3rem !important;
	margin: 3.8vw 0vw 8vw 0vw !important;
	}}
@media only screen and (max-width: 500px) {
.inspection-price-inner-cost p {
	font-size: 2rem !important;
	margin: 3.8vw 0vw 8vw 0vw !important;
	}}

/*--- Service Package - Evaluation IMAGES ---*/

.special-cost-img {
	display: inline-block !important;
	position: absolute !important;
	z-index: 13 !important;
	top: 4.5vw !important;
	right: -4vw !important;
}
@media only screen and (max-width: 1919.98px) {
.special-cost-img {
	min-width: 26vw !important;
	height: auto !important;
	top: 7vw !important;
	right: -2vw !important;
	}}
@media only screen and (max-width: 1200px) {
.special-cost-img {
	min-width: 18vw !important;
	top: 7.3vw !important;
	}}
@media only screen and (max-width: 1000px) {
.special-cost-img {
	min-width: 30vw !important;
	top: 8vw !important;
	right: -3vw !important;
	}}
@media only screen and (max-width: 768px) {
.special-cost-img {
	max-width: 300px !important;
	top: 8.4vw !important;
	right: 3vw !important;
	}}
@media only screen and (max-width: 700px) {
.special-cost-img {
	max-width: 250px !important;
	top: 8.8vw !important;
	right: 4vw !important;
	}}
@media only screen and (max-width: 500px) {
.special-cost-img {
	max-width: 200px !important;
	top: 8.8vw !important;
	}}


/*----------------------------------------------------*/
/*------- Service Package - Implement SECTION -------*/
/*--------------------------------------------------*/

/*--- Service Package - Implement FRAMEWORK ---*/

.serv-pack-bg {
	width: 100% !important;
	height: auto !important;
	padding: 0vw !important;
	background-color: #FFF !important;
}
.eval-serv-bg {
	width: 95% !important;
	height: auto !important;
	padding: 0vw 0vw 6vw 0vw !important;
	margin: 0vw 0vw 0vw auto !important;
	background-color: #FFF689 !important;
}
@media only screen and (max-width: 768px) {
.eval-serv-bg {
	padding: 0vw 0vw 8vw 0vw !important;
	}}
.implement-service-container {
	width: 100% !important;
	height: auto !important;
	padding: 0vw 0vw 43vw 0vw !important;
	margin: 0vw !important;
	background-color: transparent !important;
	background-image: url('../images/content/display/pool-equipment-service-man-1920-img.jpg') !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.impl-serv-content-container {
	width: 100% !important;
	height: auto !important;
	background-color: transparent !important;
}

/*--- Service Package - Implement CONTENT ---*/

.impl-serv-content {
	width: 80% !important;
	height: auto !important;
	padding: 4vw !important;
	margin: -10vw auto 0vw auto !important;
	background-color: #fff !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
}
@media only screen and (max-width: 1919.98px) {
.impl-serv-content {
	margin: -24vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1800px) {
.impl-serv-content {
	margin: -23vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1700px) {
.impl-serv-content {
	margin: -22vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1600px) {
.impl-serv-content {
	margin: -20vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1500px) {
.impl-serv-content {
	margin: -18vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1400px) {
.impl-serv-content {
	margin: -16vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1300px) {
.impl-serv-content {
	margin: -14vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1200px) {
.impl-serv-content {
	margin: -12vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 1100px) {
.impl-serv-content {
	margin: -13vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 900px) {
.impl-serv-content {
	margin: -14vw auto 2vw auto !important;
	}}
@media only screen and (max-width: 700px) {
.impl-serv-content {
	margin: -16vw auto 2vw auto !important;
	}}

/*--- Service Package - Implement IMAGES ---*/


/*---------------------------------------------------*/
/*------- Service Package - Maintain SECTION -------*/
/*-------------------------------------------------*/

/*--- Service Package - Maintain FRAMEWORK ---*/

.impl-serv-bg {
	width: 95% !important;
	height: auto !important;
	padding: 1vw 0vw 1vw 0vw !important;
	margin: 0vw 0vw 0vw auto !important;
	background-color: #FFF689 !important;
}
.main-serv-content-container {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 6vw !important;
	background-color: transparent !important;
}
@media only screen and (max-width: 768px) {
.main-serv-content-container {
	padding-bottom: 8vw !important;
	}}
.main-serv-bg {
	width: 95% !important;
	height: auto !important;
	padding: 0vw 0vw 6vw 0vw !important;
	margin: 0vw 0vw 0vw auto !important;
	background-color: #FFF689 !important;
}

/*--- Service Package - Maintain CONTENT ---*/

.maintain-title {
	display: inline-block !important;
	position: absolute !important;
	z-index: 3 !important;
	top: 3vw !important;
	left: 3vw !important;
}
.main-serv-content {
	width: 80% !important;
	height: auto !important;
	padding: 3vw !important;
	margin: -6vw auto 4vw auto !important;
	background-color: #336699 !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
}

/*--- Service Package - Maintain IMAGES ---*/

.clear-debris-squat-1920-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
}
.clear-debris-squat-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.clear-debris-squat-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.clear-debris-squat-800-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.clear-debris-squat-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.clear-debris-squat-1600-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	}}
@media only screen and (max-width: 1200px) {
.clear-debris-squat-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.clear-debris-squat-1200-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	}}
@media only screen and (max-width: 800px) {
.clear-debris-squat-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.clear-debris-squat-800-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	}}


/*-------------------------------------------------*/
/*------- Become A Franchise Owner SECTION -------*/
/*-----------------------------------------------*/

/*--- Become A Franchise Owner ANCHOR ---*/

#franchise-anchor {
    display: inline-block !important;
    position: relative !important;
    top: -24vw !important;
    visibility: hidden !important;
	scroll-behavior: smooth !important;
}

/*--- Become A Franchise Owner FRAMEWORK ---*/

.become-franchise-bg {
	width: 100% !important;
	height: auto !important;
	padding-top: 9vw !important;
	background-color: #f6851f !important;
	border-radius: 5vw 0vw 0vw 0vw !important;
}
.become-franchise-img-container {
	min-width: 100% !important;
	height: auto !important;
	padding-bottom: 2vw !important;
	background-color: #fff689 !important;
}
.become-franchise-content-container {
	min-width: 100% !important;
	height: auto !important;
	padding-bottom: 6vw !important;
	background-color: #fff689 !important;
}

/*--- Become A Franchise Owner CONTENT ---*/

.become-franchise-content {
	padding: 0vw 1vw 0vw 3vw !important;
}
@media only screen and (max-width: 768px) {
.become-franchise-content {
	padding: 0vw 3vw 0vw 3vw !important;
	}}
.become-franchise-content ul {
	margin: 2vw 0vw 8vw 2vw !important;
}
.become-franchise-content h4 {
	margin: 2vw 0vw 1vw 0vw !important;
}
.h-box {
	max-width: 80% !important;
}
@media only screen and (max-width: 1100px) {
.h-box {
	max-width: 100% !important;
	}}
@media only screen and (max-width: 768px) {
.h-box {
	width: 55% !important;
	}}
@media only screen and (max-width: 600px) {
.h-box {
	width: 86% !important;
	}}
.improve-health-title {
	margin: 2vw 0vw 3.5vw 0vw !important;
}

/*--- Become A Franchise Owner IMAGES ---*/
.become-franchise-1920-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	margin-bottom: 8vw !important;
}
.become-franchise-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-800-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-sml-img {
	visibility: hidden !important;
	display: none!important;
}
@media only screen and (max-width: 1600px) {
.become-franchise-1920-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-1600-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	margin-bottom: 8vw !important;
	}}
@media only screen and (max-width: 1200px) {
.become-franchise-1600-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-1200-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	margin-bottom: 8vw !important;
	}}
@media only screen and (max-width: 800px) {
.become-franchise-1200-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-800-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	margin-bottom: 8vw !important;
	}}
@media only screen and (max-width: 600px) {
.become-franchise-800-img {
	visibility: hidden !important;
	display: none!important;
}
.become-franchise-sml-img {
	visibility: visible !important;
	display: inline-block !important;
	width: 100% !important;
	height: auto !important;
	margin-bottom: 8vw !important;
	}}
.improve-health-img img {
	width: 60% !important;
	height: auto !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	border: .4vw solid #fff !important;
}
.clear-debris-stand-img {
	margin: -0vw 0vw 0vw -8vw !important;
}
.nsps-service-man-img {
	margin: -6vw 0vw 3vw 8vw !important;
}
@media only screen and (max-width: 1920px) {
.improve-health-img img {
	border-radius: 3vw 0vw 3vw 0vw !important;
}
.nsps-service-man-img {
	margin: -5vw 0vw 3vw 8vw !important;
	}}
@media only screen and (max-width: 1800px) {
.improve-health-img img {
	width: 64% !important;
	}}
@media only screen and (max-width: 1600px) {
.improve-health-img img {
	width: 76% !important;
	border-radius: 4vw 0vw 4vw 0vw !important;
	}}
@media only screen and (max-width: 768px) {
.improve-health-img img {
	width: 70% !important;
}
.nsps-service-man-img {
	margin: -6vw 0vw 3vw 10vw !important;
	}}