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



/*-----------------------------------*/
/*---------- SITEWIDE CSS ----------*/
/*---------------------------------*/



/*--------------------------*/
/*---------- ROOT ----------*/
/*--------------------------*/

/* --
:root {
  --bg-color-wht: #ffffff;
  --bg-color-blk: #000000;
  --bg-color-ltg: #D3D3D3;
  --bg-color-dkg: #A9A9A9;
  --bg-color-brn: #504136;
  --bg-color-tan: #FF9933;
  --bg-color-ltbl: #33CCFF;
  --bg-color-dkbl: #006699;
  --bg-color-orng: #FFF689;
	
  --txt-color-wht: #fff;
  --txt-color-blk: #000;
  --txt-color-ltg: #D3D3D3;
  --txt-color-dkg: #A9A9A9;
  --txt-color-brn: #504136;
  --txt-color-tan: #FF9933;
  --txt-color-ltbl: #33CCFF;
  --txt-color-dkbl: #006699;
  --txt-color-orng: #FFF689;
	
  --txt-base-fs: 62.5%;
}
-- */

/* ----------------------------------- */
/* ---------- Site Specific ---------- */
/* ----------------------------------- */

    /*-----------------------------------*/
    /*------ Page Property Options ------*/
    /*-----------------------------------*/

html {
	scroll-behavior: smooth;
	font-size: 62.5% !important;
}
body {
	color: #000 !important;
	font-family: 'Spartan', sans-serif !important;
	font-size: 1.6rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}
@media only screen and (min-width: 1920px) {
body {
	max-width: 1920px !important;
	}}
@media only screen and (max-width: 1919.98px) {
body {
	max-width: 1600px !important;
	}}
@media only screen and (max-width: 1600px) {
body {
	max-width: 1200px !important;
	}}
p, ul {
	font-size: clamp(1.2rem, 0.9573rem + 0.6472vw, 2.2rem) !important;
}
a { 
	color: inherit !important;
}
a:hover {
 	cursor: pointer !important;
}

    /*-------------------------------------*/
    /*------ Button Specific Options ------*/
    /*-------------------------------------*/

.inspect-link {
	margin: 1.5vw !important;
}
.more-chlorine-info-link {
	position: absolute !important;
	z-index: 49 !important;
	top: 5vw !important;
	right: 5vw !important;
}
.convert-link {
	margin: 2vw auto 0vw auto !important;
}
.sign-up-link {
	margin: -4vw auto 2vw auto !important;
}


/* ------------------------------- */
/* ---------- Universal ---------- */
/* ------------------------------- */

    /*--------------------------*/
    /*------ Text Scaling ------*/
    /*--------------------------*/

    /*--- General Text Scaling ---*/

.sml-txt {
	font-size: clamp(1rem, 0.7573rem + 0.6472vw, 2rem) !important;
}
.xsml-txt {
	font-size: clamp(0.8rem, 0.557rem + 0.647vw, 1.8rem) !important;
}

    /*--- Header Text Scaling ---*/

h1, h2, h3, h4, h5, h6 {
	font-weight: 700 !important;
	line-height: 1.2 !important;
}
@media only screen and (min-width: 1920px) {
h1 {
	font-size: clamp(4.4rem, 2.0000rem + 1.2500vw, 5.2rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
h1 {
	font-size: clamp(4rem, 3.3333rem + 0.5556vw, 4.4rem) !important;
	}}
@media only screen and (max-width: 1200px) {
h1 {
	font-size: clamp(2.8rem, 2.2545rem + 1.4545vw, 4rem) !important;
	}}

@media only screen and (min-width: 1920px) {
h2 {
	font-size: clamp(3.6rem, 1.2000rem + 1.2500vw, 4.4rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
h2 {
	font-size: clamp(3.2rem, 2.5333rem + 0.5556vw, 3.6rem) !important;
	}}
@media only screen and (max-width: 1200px) {
h2 {
	font-size: clamp(2.6rem, 2.3273rem + 0.7273vw, 3.2rem) !important;
	}}

@media only screen and (min-width: 1920px) {
h3 {
	font-size: clamp(3rem, 1.8000rem + 0.6250vw, 3.4rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
h3 {
	font-size: clamp(2.8rem, 2.4667rem + 0.2778vw, 3rem) !important;
	}}
@media only screen and (max-width: 1200px) {
h3 {
	font-size: clamp(2.4rem, 2.2182rem + 0.4848vw, 2.8rem) !important;
	}}

@media only screen and (min-width: 1920px) {
h4 {
	font-size: clamp(2.6rem, 1.4000rem + 0.6250vw, 3rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
h4 {
	font-size: clamp(2.4rem, 2.0667rem + 0.2778vw, 2.6rem) !important;
	}}
@media only screen and (max-width: 1200px) {
h4 {
	font-size: clamp(2rem, 1.8182rem + 0.4848vw, 2.4rem) !important;
	}}

@media only screen and (min-width: 1920px) {
h5 {
	font-size: clamp(2.2rem, 1.0000rem + 0.6250vw, 2.6rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
h5 {
	font-size: clamp(2rem, 1.6667rem + 0.2778vw, 2.2rem) !important;
	}}
@media only screen and (max-width: 1200px) {
h5 {
	font-size: clamp(1.6rem, 1.4182rem + 0.4848vw, 2rem) !important;
	}}

@media only screen and (min-width: 1920px) {
h6 {
	font-size: clamp(1.8rem, 0.6000rem + 0.6250vw, 2.2rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
h6 {
	font-size: clamp(1.6rem, 1.2667rem + 0.2778vw, 1.8rem) !important;
	}}
@media only screen and (max-width: 1200px) {
h6 {
	font-size: clamp(1.2rem, 1.0182rem + 0.4848vw, 1.6rem) !important;
	}}

    /*--- Small Special Header Text Scaling ---*/

.ts1, .ts2, .ts3, .ts4, .ts5, .ts6, .ts7, .ts8, .ts9, .ts10 {
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

@media only screen and (min-width: 1920px) {
.ts1 {
	font-size: clamp(4.5rem, 2.5400rem + 1.0000vw, 5.1rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts1 {
	font-size: clamp(4.2rem, 2.8667rem + 0.8333vw, 4.5rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts1 {
	font-size: clamp(3.8rem, 2.6000rem + 1.0000vw, 4.2rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts1 {
	font-size: clamp(3.4rem, 2.6000rem + 1.0000vw, 3.8rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts1 {
	font-size: clamp(3.2rem, 2.6000rem + 1.0000vw, 3.4rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts1 {
	font-size: clamp(3rem, 2.6667rem + 0.8889vw, 3.2rem) !important;
	}}

@media only screen and (min-width: 1920px) {
.ts2 {
	font-size: clamp(4.3rem, 2.5000rem + 0.9375vw, 4.9rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts2 {
	font-size: clamp(4rem, 2.5000rem + 0.9375vw, 4.3rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts2 {
	font-size: clamp(3.6rem, 2.4000rem + 1.0000vw, 4rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts2 {
	font-size: clamp(3.2rem, 2.4000rem + 1.0000vw, 3.6rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts2 {
	font-size: clamp(3rem, 2.4000rem + 1.0000vw, 3.2rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts2 {
	font-size: clamp(2.8rem, 2.4667rem + 0.8889vw, 3rem) !important;
	}}

@media only screen and (min-width: 1920px) {
.ts3 {
	font-size: clamp(4.1rem, 2.3000rem + 0.9375vw, 4.7rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts3 {
	font-size: clamp(3.8rem, 2.3000rem + 0.9375vw, 4.1rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts3 {
	font-size: clamp(3.4rem, 2.2000rem + 1.0000vw, 3.8rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts3 {
	font-size: clamp(3rem, 2.2000rem + 1.0000vw, 3.4rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts3 {
	font-size: clamp(2.8rem, 2.2000rem + 1.0000vw, 3rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts3 {
	font-size: clamp(2.6rem, 2.2667rem + 0.8889vw, 2.8rem) !important;
	}}	
	
@media only screen and (min-width: 1920px) {
.ts4 {
	font-size: clamp(3.9rem, 2.1000rem + 0.9375vw, 4.5rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts4 {
	font-size: clamp(3.6rem, 2.0998rem + 0.9376vw, 3.9rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts4 {
	font-size: clamp(3.2rem, 1.9999rem + 1.0001vw, 3.6rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts4 {
	font-size: clamp(2.8rem, 1.9999rem + 1.0001vw, 3.2rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts4 {
	font-size: clamp(2.6rem, 1.9999rem + 1.0001vw, 2.8rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts4 {
	font-size: clamp(2.4rem, 2.0667rem + 0.8889vw, 2.6rem) !important;
	}}	

@media only screen and (min-width: 1920px) {
.ts5 {
	font-size: clamp(3.7rem, 1.9000rem + 0.9375vw, 4.3rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts5 {
	font-size: clamp(3.4rem, 1.9000rem + 0.9375vw, 3.7rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts5 {
	font-size: clamp(3rem, 1.8000rem + 1.0000vw, 3.4rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts5 {
	font-size: clamp(2.6rem, 1.8000rem + 1.0000vw, 3rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts5 {
	font-size: clamp(2.4rem, 1.8000rem + 1.0000vw, 2.6rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts5 {
	font-size: clamp(2.2rem, 1.8667rem + 0.8889vw, 2.4rem) !important;
	}}	

@media only screen and (min-width: 1920px) {
.ts6 {
	font-size: clamp(3.5rem, 1.7000rem + 0.9375vw, 4.1rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts6 {
	font-size: clamp(3.2rem, 1.7000rem + 0.9375vw, 3.5rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts6 {
	font-size: clamp(2.8rem, 1.6000rem + 1.0000vw, 3.2rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts6 {
	font-size: clamp(2.4rem, 1.6000rem + 1.0000vw, 2.8rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts6 {
	font-size: clamp(2.2rem, 1.6000rem + 1.0000vw, 2.4rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts6 {
	font-size: clamp(2rem, 1.6667rem + 0.8889vw, 2.2rem) !important;
	}}

@media only screen and (min-width: 1920px) {
.ts7 {
	font-size: clamp(3.3rem, 1.5000rem + 0.9375vw, 3.9rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts7 {
	font-size: clamp(3rem, 1.5000rem + 0.9375vw, 3.3rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts7 {
	font-size: clamp(2.6rem, 1.4000rem + 1.0000vw, 3rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts7 {
	font-size: clamp(2.2rem, 1.4000rem + 1.0000vw, 2.6rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts7 {
	font-size: clamp(2rem, 1.4000rem + 1.0000vw, 2.2rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts7 {
	font-size: clamp(1.8rem, 1.4667rem + 0.8889vw, 2rem) !important;
	}}

@media only screen and (min-width: 1920px) {
.ts8 {
	font-size: clamp(3.1rem, 1.3000rem + 0.9375vw, 3.7rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts8 {
	font-size: clamp(2.8rem, 1.3000rem + 0.9375vw, 3.1rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts8 {
	font-size: clamp(2.4rem, 1.2000rem + 1.0000vw, 2.8rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts8 {
	font-size: clamp(2rem, 1.2000rem + 1.0000vw, 2.4rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts8 {
	font-size: clamp(1.8rem, 1.2000rem + 1.0000vw, 2rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts8 {
	font-size: clamp(1.6rem, 1.2667rem + 0.8889vw, 1.8rem) !important;
	}}

@media only screen and (min-width: 1920px) {
.ts9 {
	font-size: clamp(2.9rem, 1.1000rem + 0.9375vw, 3.5rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts9 {
	font-size: clamp(2.6rem, 1.1000rem + 0.9375vw, 2.9rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts9 {
	font-size: clamp(2.2rem, 1.0000rem + 1.0000vw, 2.6rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts9 {
	font-size: clamp(1.8rem, 1.0000rem + 1.0000vw, 2.2rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts9 {
	font-size: clamp(1.6rem, 1.0000rem + 1.0000vw, 1.8rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts9    {
	font-size: clamp(1.4rem, 1.0667rem + 0.8889vw, 1.6rem) !important;
	}}

@media only screen and (min-width: 1920px) {
.ts10 {
	font-size: clamp(2.7rem, 0.9000rem + 0.9375vw, 3.3rem) !important;
	}}
@media only screen and (max-width: 1919.98px) {
.ts10 {
	font-size: clamp(2.4rem, 0.9000rem + 0.9375vw, 2.7rem) !important;
	}}
@media only screen and (max-width: 1600px) {
.ts10 {
	font-size: clamp(2rem, 0.8000rem + 1.0000vw, 2.4rem) !important;
	}}
@media only screen and (max-width: 1200px) {
.ts10 {
	font-size: clamp(1.6rem, 0.8000rem + 1.0000vw, 2rem) !important;
	}}
@media only screen and (max-width: 800px) {
.ts10 {
	font-size: clamp(1.4rem, 0.8000rem + 1.0000vw, 1.6rem) !important;
	}}
@media only screen and (max-width: 600px) {
.ts10    {
	font-size: clamp(1.2rem, 0.8667rem + 0.8889vw, 1.4rem) !important;
	}}

    /*--- Large Special Header Text Scaling ---*/

.tl1, .tl2, .tl3, .tl4, .tl5, .tl6, .tl7, .tl8, .tl9, .tl10 {
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

@media only screen and (min-width: 1920px) {
.tl1 {
	font-size: clamp(6rem, 2.4000rem + 1.8750vw, 7.2rem) !important;
	}}
.tl1 {
	font-size: clamp(3rem, 2.2718rem + 1.9417vw, 6rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl2 {
	font-size: clamp(5.8rem, 2.2000rem + 1.8750vw, 7rem) !important;
	}}
.tl2 {
	font-size: clamp(2.8rem, 2.8728rem + -0.1942vw, 2.5rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl3 {
	font-size: clamp(5.6rem, 2.0000rem + 1.8750vw, 6.8rem) !important;
	}}
.tl3 {
	font-size: clamp(2.6rem, 1.8718rem + 1.9417vw, 5.6rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl4 {
	font-size: clamp(5.4rem, 1.8000rem + 1.8750vw, 6.6rem) !important;
	}}
.tl4 {
	font-size: clamp(2.4rem, 1.6718rem + 1.9417vw, 5.4rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl5 {
	font-size: clamp(5.2rem, 1.6000rem + 1.8750vw, 6.4rem) !important;
	}}
.tl5 {
	font-size: clamp(2.2rem, 1.4718rem + 1.9417vw, 5.2rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl6 {
	font-size: clamp(5rem, 1.4000rem + 1.8750vw, 6.2rem) !important;
	}}
.tl6 {
	font-size: clamp(2rem, 1.2718rem + 1.9417vw, 5rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl7 {
	font-size: clamp(4.8rem, 1.2000rem + 1.8750vw, 6rem) !important;
	}}
.tl7 {
	font-size: clamp(1.8rem, 1.0718rem + 1.9417vw, 4.8rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl8 {
	font-size: clamp(4.6rem, 1.0000rem + 1.8750vw, 5.8rem) !important;
	}}
.tl8 {
	font-size: clamp(1.6rem, 0.8718rem + 1.9417vw, 4.6rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl9 {
	font-size: clamp(4.4rem, 0.8000rem + 1.8750vw, 5.6rem) !important;
	}}
.tl9 {
	font-size: clamp(1.4rem, 0.6718rem + 1.9417vw, 4.4rem) !important;
}
@media only screen and (min-width: 1920px) {
.tl10 {
	font-size: clamp(4.2rem, 0.6000rem + 1.8750vw, 5.4rem) !important;
	}}
.tl10 {
	font-size: clamp(1.2rem, 0.4718rem + 1.9417vw, 4.2rem) !important;
}

    /*--- Display Text Scaling ---*/

.disp1, .disp2, .disp3, .disp4, .disp5, .disp6, .disp7, .disp8 {
	font-weight: 300 !important;
	line-height: 1.2 !important;
}
@media only screen and (min-width: 1920px) {
.disp1 {
	font-size: 7.5rem !important;
	}}
@media only screen and (max-width: 1919.98px) {
.disp1 {
	font-size: 6.5rem !important;
	}}
@media only screen and (max-width: 1600px) {
.disp1 {
	font-size: 6rem !important;
	}}
@media only screen and (max-width: 1200px) {
.disp1 {
	font-size: 5.5rem !important;
	}}
@media only screen and (max-width: 1000px) {
.disp1 {
	font-size: 5.2rem !important;
	}}
@media only screen and (max-width: 800px) {
.disp1 {
	font-size: 4.8rem !important;
	}}
@media only screen and (max-width: 700px) {
.disp1 {
	font-size: 4.2rem !important;
	}}
@media only screen and (max-width: 600px) {
.disp1 {
	font-size: 3.4rem !important;
	}}

@media only screen and (min-width: 1920px) {
.disp2 {
	font-size: 7rem !important;
	}}
@media only screen and (max-width: 1919.98px) {
.disp2 {
	font-size: 6rem !important;
	}}
@media only screen and (max-width: 1600px) {
.disp2 {
	font-size: 5.5rem !important;
	}}
@media only screen and (max-width: 1200px) {
.disp2 {
	font-size: 5rem !important;
	}}
@media only screen and (max-width: 1000px) {
.disp2 {
	font-size: 4.7rem !important;
	}}
@media only screen and (max-width: 800px) {
.disp2 {
	font-size: 4.2rem !important;
	}}
@media only screen and (max-width: 700px) {
.disp2 {
	font-size: 3.6rem !important;
	}}
@media only screen and (max-width: 600px) {
.disp2 {
	font-size: 2.8rem !important;
	}}

@media only screen and (min-width: 1920px) {
.disp3 {
	font-size: 6.5rem !important;
	}}
@media only screen and (max-width: 1919.98px) {
.disp3 {
	font-size: 5.5rem !important;
	}}
@media only screen and (max-width: 1600px) {
.disp3 {
	font-size: 5rem !important;
	}}
@media only screen and (max-width: 1200px) {
.disp3 {
	font-size: 4.5rem !important;
	}}
@media only screen and (max-width: 1000px) {
.disp3 {
	font-size: 4.2rem !important;
	}}
@media only screen and (max-width: 800px) {
.disp3 {
	font-size: 3.8rem !important;
	}}
@media only screen and (max-width: 700px) {
.disp3 {
	font-size: 3.2rem !important;
	}}
@media only screen and (max-width: 600px) {
.disp3 {
	font-size: 2.4rem !important;
	}}

@media only screen and (min-width: 1920px) {
.disp4 {
	font-size: 6rem !important;
	}}
@media only screen and (max-width: 1919.98px) {
.disp4 {
	font-size: 5rem !important;
	}}
@media only screen and (max-width: 1600px) {
.disp4 {
	font-size: 4.5rem !important;
	}}
@media only screen and (max-width: 1200px) {
.disp4 {
	font-size: 4rem !important;
	}}
@media only screen and (max-width: 1000px) {
.disp4 {
	font-size: 3.7rem !important;
	}}
@media only screen and (max-width: 800px) {
.disp4 {
	font-size: 3.2rem !important;
	}}
@media only screen and (max-width: 700px) {
.disp4 {
	font-size: 2.6rem !important;
	}}
@media only screen and (max-width: 600px) {
.disp4 {
	font-size: 1.8rem !important;
	}}

@media only screen and (min-width: 1920px) {
.disp5 {
	font-size: 5rem !important;
	}}
@media only screen and (max-width: 1919.98px) {
.disp5 {
	font-size: 4rem !important;
	}}
@media only screen and (max-width: 1600px) {
.disp5 {
	font-size: 3.5rem !important;
	}}
@media only screen and (max-width: 1200px) {
.disp5 {
	font-size: 3rem !important;
	}}
@media only screen and (max-width: 1000px) {
.disp5 {
	font-size: 2.7rem !important;
	}}
@media only screen and (max-width: 800px) {
.disp5 {
	font-size: 2.4rem !important;
	}}
@media only screen and (max-width: 700px) {
.disp5 {
	font-size: 2rem !important;
	}}
@media only screen and (max-width: 600px) {
.disp5 {
	font-size: 1.6rem !important;
	}}

@media only screen and (min-width: 1920px) {
.disp6 {
	font-size: 4rem !important;
	}}
@media only screen and (max-width: 1919.98px) {
.disp6 {
	font-size: 3rem !important;
	}}
@media only screen and (max-width: 1600px) {
.disp6 {
	font-size: 2.5rem !important;
	}}
@media only screen and (max-width: 1200px) {
.disp6 {
	font-size: 2rem !important;
	}}
@media only screen and (max-width: 1000px) {
.disp6 {
	font-size: 1.7rem !important;
	}}
@media only screen and (max-width: 800px) {
.disp6 {
	font-size: 1.4rem !important;
	}}
@media only screen and (max-width: 600px) {
.disp6 {
	font-size: 1.2rem !important;
	}}

    /*---------------------------------*/
    /*------ Positioning Options ------*/
    /*---------------------------------*/

    /*--- Padding Options ---*/

.pa1 {
	padding: 1vw !important;
}
.pa2 {
	padding: 2vw !important;
}
.pa3 {
	padding: 3vw !important;
}
.pa4 {
	padding: 4vw !important;
}
.pa5 {
	padding: 5vw !important;
}
.pa6 {
	padding: 6vw !important;
}

.pt1 {
	padding-top: 1vw !important;
}
.pt2 {
	padding-top: 2vw !important;
}
.pt3 {
	padding-top: 3vw !important;
}
.pt4 {
	padding-top: 4vw !important;
}
.pt5 {
	padding-top: 5vw !important;
}
.pt6 {
	padding-top: 6vw !important;
}

.pr1 {
	padding-right: 1vw !important;
}
.pr2 {
	padding-right: 2vw !important;
}
.pr3 {
	padding-right: 3vw !important;
}
.pr4 {
	padding-right: 4vw !important;
}
.pr5 {
	padding-right: 5vw !important;
}
.pr6 {
	padding-right: 6vw !important;
}

.pb1 {
	padding-bottom: 1vw !important;
}
.pb2 {
	padding-bottom: 2vw !important;
}
.pb3 {
	padding-bottom: 3vw !important;
}
.pb4 {
	padding-bottom: 4vw !important;
}
.pb5 {
	padding-bottom: 5vw !important;
}
.pb6 {
	padding-bottom: 6vw !important;
}

.pl1 {
	padding-left: 1vw !important;
}
.pl2 {
	padding-left: 2vw !important;
}
.pl3 {
	padding-left: 3vw !important;
}
.pl4 {
	padding-left: 4vw !important;
}
.pl5 {
	padding-left: 5vw !important;
}
.pl6 {
	padding-left: 6vw !important;
}

    /*--- Margin Options ---*/

.ma1 {
	margin: 1vw !important;
}
.ma2 {
	margin: 2vw !important;
}
.ma3 {
	margin: 3vw !important;
}
.ma4 {
	margin: 4vw !important;
}
.ma5 {
	margin: 5vw !important;
}
.ma6 {
	margin: 6vw !important;
}

.mt-1 {
	margin-top: -1vw !important;
}
.mt-2 {
	margin-top: -2vw !important;
}
.mt-3 {
	margin-top: -3vw !important;
}
.mt1 {
	margin-top: 1vw !important;
}
.mt2 {
	margin-top: 2vw !important;
}
.mt3 {
	margin-top: 3vw !important;
}
.mt4 {
	margin-top: 4vw !important;
}
.mt5 {
	margin-top: 5vw !important;
}
.mt6 {
	margin-top: 6vw !important;
}

.mr-1 {
	margin-right: -1vw !important;
}
.mr-2 {
	margin-right: -2vw !important;
}
.mr-3 {
	margin-right: -3vw !important;
}
.mr1 {
	margin-right: 1vw !important;
}
.mr2 {
	margin-right: 2vw !important;
}
.mr3 {
	margin-right: 3vw !important;
}
.mr4 {
	margin-right: 4vw !important;
}
.mr5 {
	margin-right: 5vw !important;
}
.mr6 {
	margin-right: 6vw !important;
}

.mb-1 {
	margin-bottom: -1vw !important;
}
.mb-2 {
	margin-bottom: -2vw !important;
}
.mb-3 {
	margin-bottom: -3vw !important;
}
.mb1 {
	margin-bottom: 1vw !important;
}
.mb2 {
	margin-bottom: 2vw !important;
}
.mb3 {
	margin-bottom: 3vw !important;
}
.mb4 {
	margin-bottom: 4vw !important;
}
.mb5 {
	margin-bottom: 5vw !important;
}
.mb6 {
	margin-bottom: 6vw !important;
}

.ml-1 {
	margin-left: -1vw !important;
}
.ml-2 {
	margin-left: -2vw !important;
}
.ml-3 {
	margin-left: -3vw !important;
}
.ml1 {
	margin-left: 1vw !important;
}
.ml2 {
	margin-left: 2vw !important;
}
.ml3 {
	margin-left: 3vw !important;
}
.ml4 {
	margin-left: 4vw !important;
}
.ml5 {
	margin-left: 5vw !important;
}
.ml6 {
	margin-left: 6vw !important;
}

    /*------------------------------*/
    /*------ Layering Options ------*/
    /*------------------------------*/

    /*--- General Layering Options ---*/

.layer-container {
	position: relative !important;
}

    /*--- Z-Index Dependency ---*/

.dp-ba {
	display: block !important;
	position: absolute !important;
}
.dp-br {
	display: block !important;
	position: relative !important;
}
.dp-iba {
	display: inline-block !important;
	position: absolute !important;
}
.dp-ibr {
	display: inline-block !important;
	position: relative !important;
}

    /*--- Z-Index Layering Option ---*/

.zi-3 {
	z-index: -3 !important;
}
.zi-2 {
	z-index: -2 !important;
}
.zi-1 {
	z-index: -1 !important;
}
.zi0 {
	z-index: 0 !important;
}
.zi1 {
	z-index: 1 !important;
}
.zi2 {
	z-index: 2 !important;
}
.zi3 {
	z-index: 3 !important;
}
.zi4 {
	z-index: 4 !important;
}
.zi5 {
	z-index: 5 !important;
}
.zi6 {
	z-index: 6 !important;
}

.temp-hide {
	visibility: hidden !important;
	display: none !important;
}

    /*---------------------------*/
    /*------ Color Options ------*/
    /*---------------------------*/

    /*--- Background Color Options ---*/

.bgc-wht {
	background-color: #FFFFFF !important;
}
.bgc-blk {
	background-color: #000000 !important;
}
.bgc-ltg {
	background-color: #D3D3D3 !important;
}
.bgc-dkg {
	background-color: #A9A9A9 !important;
}
.bgc-brn {
	background-color: #504136 !important;
}
.bgc-tan {
	background-color: #FFF689 !important;
}
.bgc-ltbl {
	background-color: #33CCFF !important;
}
.bgc-dkdl {
	background-color: #006699 !important;
}
.bgc-orng {
	background-color: #FF9933 !important;
}

    /*--- Text Color Options ---*/

.txtc-wht {
	color: #FFFFFF !important;
}
.txtc-blk {
	color: #000000 !important;
}
.txtc-ltg {
	color: #D3D3D3 !important;
}
.txtc-dkg {
	color: #A9A9A9 !important;
}
.txtc-brn {
	color: #504136 !important;
}
.txtc-tan {
	color: #FFF689 !important;
}
.txtc-ltbl {
	color: #33CCFF !important;
}
.txtc-dkdl {
	color: #006699 !important;
}
.txtc-orng {
	color: #FF9933 !important;
}

    /*--- Link Color Options ---*/

.a-brn { 
	color: #000000 !important;
}
.a-brn:hover, .a-brn:focus {
	color: #A9A9A9 !important;
}
.a-brn:action {
	color: #D3D3D3 !important;
	text-decoration: underline !important;
}

.a-wht { 
	color: #D3D3D3 !important;
}
.a-wht:hover, .a-wht:focus {
	color: #A9A9A9 !important;
}
.a-wht:action {
	color: #504136 !important;
	text-decoration: underline !important;
}

.a-blk { 
	color: #504136 !important;
}
.a-blk:hover, .a-blk:focus {
	color: #A9A9A9 !important;
}
.a-blk:action {
	color: #D3D3D3 !important;
	text-decoration: underline !important;
}

.a-ltbl { 
	color: #D3D3D3 !important;
}
.a-ltbl:hover, .a-ltbl:focus {
	color: #006699 !important;
}
.a-ltbl:action {
	color: #000000 !important;
	text-decoration: underline !important;
}

    /*--- Button Color Options ---*/

.btn-orng {
	width: auto !important;
	text-align: center !important;
	cursor: pointer !important;
	outline: none !important;
	color: #fff !important;
	font-size: clamp(1rem, 0.7573rem + 0.6472vw, 2rem) !important;
	font-weight: 700 !important;
	padding: 1vw 2vw .8vw 2vw !important;
	background-color: #F6851F !important;
	border-radius: 2vw 0vw 2vw 0vw !important;
	border: none !important;
	box-shadow: 2px 4px #999 !important;
}
.btn-orng:hover {
	background-color: #f28B36 !important;
}
.btn-orng:active {
	background-color: #f28B36 !important;
	box-shadow: 1px 2px #666 !important;
	transform: translateY(2px) translateX(1px) !important;
}

.btn-wht {
	width: auto !important;
	text-align: center !important;
	cursor: pointer !important;
	outline: none !important;
	color: #000 !important;
	font-size: clamp(1rem, 0.7573rem + 0.6472vw, 2rem) !important;
	font-weight: 700 !important;
	padding: 1vw 2vw .8vw 2vw !important;
	background-color: #fff !important;
	border-radius: 2vw 0vw 2vw 0vw !important;
	border: none !important;
	box-shadow: 2px 4px #999 !important;
}
.btn-wht:hover, .btn-wht:focus {
	background-color: #F9F5F2 !important;
}
.btn-wht:active {
	background-color: #F9F5F2 !important;
	box-shadow: 1px 2px #666 !important;
	transform: translateY(2px) translateX(1px) !important;
}

.btn-tan {
	width: auto !important;
	text-align: center !important;
	cursor: pointer !important;
	outline: none !important;
	color: #504136 !important;
	font-size: clamp(1rem, 0.7573rem + 0.6472vw, 2rem) !important;
	font-weight: 700 !important;
	padding: 1vw 2vw .8vw 2vw !important;
	background-color: #fff689 !important;
	border-radius: 2vw 0vw 2vw 0vw !important;
	border: none !important;
	box-shadow: 2px 4px #999 !important;
}
.btn-tan:hover, btn-tan:focus {
	background-color: #fcf4a7 !important;
}
.btn-tan:active {
	background-color: #fcf4a7 !important;
	box-shadow: 1px 2px #666 !important;
	transform: translateY(2px) translateX(1px) !important;
}

.btn-ltbl {
	width: auto !important;
	text-align: center !important;
	cursor: pointer !important;
	outline: none !important;
	color: #504136 !important;
	font-size: clamp(1rem, 0.7573rem + 0.6472vw, 2rem) !important;
	font-weight: 700 !important;
	padding: 1vw 2vw .8vw 2vw !important;
	background-color: #33ccff !important;
	border-radius: 2vw 0vw 2vw 0vw !important;
	border: none !important;
	box-shadow: 2px 4px #999 !important;
}
.btn-ltbl:hover, btn-ltbl:focus {
	background-color: #4dd9ff !important;
}
.btn-ltbl:active {
	background-color: #4dd9ff !important;
	box-shadow: 1px 2px #666 !important;
	transform: translateY(2px) translateX(1px) !important;
}