/*------------------------------------*\
    RESET
\*------------------------------------*/

html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
body {
	font: 400 13px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #0053A6;
	margin: 0px;
	padding: 10px 0px 0px;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.hourswinter {
    display: none;
}
.hoursspring {
}
.hourssummer {display:none;}
.hoursfall {
    display: none;
}


div {
	/* [disabled]display: inline-block; */
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	opacity: 1;
}
a img:hover {
	opacity: 0.8;
}
.ctrdiv {
	margin-left: auto;
	margin-right: auto;
}
.trust   {
	width: 45%;
	display: inline-block;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.w100 {
	width: 100%;
}
.w80 , .threeup img.w80{
	width: 80%;
}
.w90  , .threeup img.w90{
	width: 90%;
}
.w70  , .threeup img.w70{
	width: 70%;
}
.w60   , .threeup img.w60{
	width: 60%;
}
h1, h2, h3, h4, h5, h6, p , ul{
	margin-top: 0px;
	padding: 4px 15px;
	margin-bottom: 0px;
}
h1, h2, h3, h4, h5, h6  {
    font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-weight: normal;
    color: #0D3359;
}
h1  {
    color: #0053A6;
    font-size: 42px;
    line-height: 40px;
}
h2 {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 8px;
}
h3 {
    font-size: 36px;
    line-height: 42px;
    color: #FFFFFF;
}

h4 {
    /* [disabled]color: #FFFFFF; */
    font-size: 28px;
    text-align: left;
}

h5 {
    margin-bottom: 10px;
    font-size: 22px;
}

p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #35393F;
    text-align: left;
    font-weight: 300;
    line-height: 1.4em;
}
.announcement {
    margin-top: 20px;
    margin-bottom: 20px;
}
#hideable p a {
    padding: 4px 8px;
    background-color: #fff;
}
#hideable {
    display: block;
}
.announcement p {
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    color: #eee;
    text-align: left;
    font-weight: normal;
    line-height: 1.4em;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: block;
    width: 90%;
}

ul {
	/* [disabled]padding: 0; */
}

ul, ol {
	list-style: none;
	padding-left: 40px;
}
li {
    padding-bottom: 8px;
}
ul.twocol {
	width: 80%;
	margin-left: auto;
	padding: 0px;
	margin-right: auto;
}
ul.twocol li {
	width: 40%;
	display: inline-block;
	margin-left: 4%;
	margin-right: 5%;
}
ul.biglist li {
	font-size: 22px;
	margin-bottom: 5px;
}

p, ul, ol {
    font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
}
sup {
    font-weight: normal;
    font-size: 50%;
    color: inherit !important;
}

/*---------
*,
*:after,
*:before {
  	margin:0;    
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
------*/

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



.wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-size: cover;
	z-index: 1;
}
.header {
	position: relative;
	z-index: 999;
	min-height: 137px;
}
.header .wrapper {
	background-size: cover;
	z-index: 1000 !important;
}
.ctrbg {
	background-position: center center;
}
.wrapper.clear {
    clear: both;
}
.white, .white a {
	color: #FFFFFF;
}

.liteblue {
    color: #C7F6FF;
}
.liteblue a {
    color: #FFFFFF;
    font-style: italic;
}
.whitebg {
	background-color: #fff;
}
.bluebg {
    background-color: #0D3359;
}
.bluebg2 {
	background-color: #0053A6;
}
.blueblend1 {
    background-color: #0053A6;
	background-image: -webkit-linear-gradient(270deg,rgba(13,51,99,1.00) 0%,rgba(0,83,166,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(13,51,99,1.00) 0%,rgba(0,83,166,1.00) 100%);
}
.bluebg h4 , .bluebg2 h4{
    color: #FFFFFF;
    font-size: 28px;
    line-height: 33px;
    
}
.bluebg h5 , .bluebg2 h5{
    color: #FFFFFF;
}
.bluebg p, .bluebg2 p , .bluebg li, .bluebg2 li{
	color: #F0F9FF;
}
p a {
	font-weight: 400;
}
.whitetrans80 {
	background-color: rgba(255,255,255,0.80);
}
.whitebg *            { 
	color: #303030;
}
.whitebg h5 a {
    color: #0053A6;
    font-style: italic;
    font-weight: normal;
}

.aquabg h2 {
	color: #0D3558;
	text-align: center;
}
.aquabg {
	background-color: #02A8CC;
}
.aquabg *   , .bluebg * ,.bluebg2 *{
	color: rgba(255,255,255,1.00);
}
.aquabg h4 {
	font-size: 28px;
	text-align: center;
}
.aquabg p {
}
.shadowed h2  , .shadowed li{
	text-shadow: 0px 0px 16px #0C162A, 0px 0px 8px #0C162A, 0px 0px 4px #0C162A;
}
.waterbg {
	background-image: url(../img/waterbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.iglinerbg {
    background-image: url(../img/liners/BG-inground-liner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.spachems {
	background-image: url(../img/chemicals/bg-chems.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.poolcover {
    background-image: url(../img/BG-safety-cover.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.fencebg {
    background-image: url(../img/BG-pool-fencing.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.waterbgdark {
    background-image: url(../img/BG-blue-water.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.waterbglite {
    background-image: url(../img/waterbglite.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.bg-hilite-left {
	background-image: url(../img/BG-HIGHLIGHT-LEFT.jpg);
}
.bg-hilite-right {
	background-image: url(../img/BG-HIGHLIGHT-RIGHT.jpg);
}

.vmiddle {
    display: table;
    min-height: 80px;
    width: 100%;
}
.twoUp.cleaner .vmiddle {
    text-align: center;
}
.vmiddle h5 {
	display: table-cell;
    vertical-align: middle;
}

.hspace h3 {
	font-size: 30px;
	padding-bottom: 0px;
	padding-top: 15px;
}

.main {
	width: 100%;
	position: relative;
	z-index: 2;
	background-size: cover;
}
.header .main {
	z-index: 2000;
}
.header .wrapper , .header .main{
	display: block;
}
#toptab  {
	float: right;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom-left-radius: 30px;
	background-image: url(../img/topbarBG.png);
	background-size: 100% 100%;
}
#toptab .ttsocial img  {
	margin: 0px 5px 5px;
	width: 25px;
	height: auto;
	vertical-align: middle;
}
#toptab a.req {
	margin-left: 50px;
	color: white;
}
.header #toptab a {
	color: #FFFFFF;
	font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 20px;
}
.mainNav {
	width: auto;
	margin: 0;
	text-align: right;
	float: right;
	clear: right;
	position: relative;
	z-index: 4000;
}
.mainNav .phonenumber {
	color: #A83031;
	font-family: 'Passion One', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 52px;
	float: right;
	clear: right;
	margin-right: 10px;
	display: block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-bottom: 0px;
	padding: 0px 5px;
	height: 60px;
}
.mainNav .phonenumber:hover {
	text-decoration: none;
	color: #02a8cc;
}
.content {
	width: 100%;
	max-width: 1200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 3;
}
.header .content {
	z-index: 3000;
}
.content-text {
	margin:0 0 15px;
}
.header {
	padding: 0;
	background-color: #FFFFFF;
	overflow: hidden;
	width: 100%;
	display: block;
	border-bottom: 7px solid #0053A6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.logo {
	display: block;
	text-align: center;
	width: 370px;
	float: left;
	margin-left: 20px;
}
.logo a {
	text-align: center;
}
.logo-img {
	width: 100%;
	height: auto;
	display: block;
}

.demo-nav {
	float:right;
	margin:12px 0;
	list-style:none;
}
.demo-nav-link {
	
}
.demo-nav-link a {
	color:#2BA6CB;
	text-decoration:none;
}
.sidebar {
	background-color: #A83031;
	padding-top: 20px;
	padding-bottom: 20px;
}
.sidebar h4 {
	text-align: center;
	color: #FFFFFF;
}
.sidebar ul {
	padding-left: 20px;
	padding-right: 20px;
}
.sidebar ul li {
	display: block;
	background-color: #FFFFFF;
	text-align: left;
	font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 22px;
	margin-bottom: 8px;
	padding-left: 30px;
	background-image: url(../img/bullet-arrow-blue.png);
	background-repeat: no-repeat;
	background-position: 12px 9px;
	background-size: 11px auto;
	height: 29px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.sidebar ul li:hover  {
	background-color: #02A8CC;
	background-image: url(../img/bullet-arrow.png);
	color: #FFFFFF;
	text-decoration: none;
}
.sidebar ul li a {
	color: #353535;
}
.sidebar ul li a:hover  {
	color: #FFFFFF;
	text-decoration: none;
}
.specials {
	/* [disabled]height: 500px; */
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	background-color: #FFFFFF;
	border: 3px solid #B84440;
}
.specials h2  {
    font-size: 33px;
    line-height: 1em;
    margin-bottom: 1px;
}
.specials h2 span {
    font-size: 64px;
}
.specials * {
	text-align: center;
}
.specials h3 {
	color: #A83031;
}
.specials img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	height: auto;
	max-width: 250px;
}
.specials p.saleprice {
    color: #A83031;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}
.pooldesc  {
}
.pooldesc img.iso {
    margin: 10px;
    width: 40%;
}
.spadesc { 
	background-color: #fff;
}
.spadesc ul.listcolumn  {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 0px 5%;
    margin: 0px;
}
.spadesc .listcolumn li {
    background-image: url(../img/bullet-arrow-blue.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 12px auto;
}
.spabits div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 1px;
}
.spabits img {
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
.spabits * {
    text-align: center;
}
.spabits p.asterisk {
    font-style: italic;
    font-size: 15px;
    color: #818181;
}
.spacolors * {
    text-align: center;
}
.spacolors div div {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.pooldesc h3 , .spadesc h3{
	background-image: url(../img/BG-blue-water.jpg);
	color: #FFFFFF;
	margin-bottom: 15px;
}
.pooldesc ul li {
    color: #0A456B;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 9px;
    background-image: url(../img/bullet-arrow.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 10px auto;
    background-position: 2px 3px;
    padding-right: 30px;
}
.poolliners a {
    margin: 5px 1%;
    width: 22.9%;
    display: inline-block;
}
.poolliners a img  {
    width: 100%;
}
.poolliners h5 {
	font-size: 30px;
	line-height: 1em;
}
.video-responsive {
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 56.25%;
	height: 0px;
	position: relative;
}
.video-responsive iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
footer {
    background-color: #0D3359;
    padding-top: 20px;
}
footer img#flogo {
	width: 90%;
	margin-left: auto;
	display: block;
}
footer h5, footer p {
	color: #FFFFFF;
	margin-bottom: 8px;
}
footer p {
	font-size: 15px;
	line-height: 20px;
	color: #9DB3C0;
	font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
footer a.socials  {
	width: 18%;
	height: auto;
	padding: 3px;
	display: inline-block;
	margin: 3px;
}
footer a.socials img {
	width: 100%;
	height: auto;
}
footer a {
	color: #99DCE5;
}
.content.baseline {
	clear: both;
}
.content.baseline p {
	color: #A3A3A3;
	font-size: 13px;
}

/*------------------------------------*\
    TWOUPS
\*------------------------------------*/

.twoUp {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.TwoUpRow {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}
.twoUp p {
    text-align: left;
}
.twoUp h2 {
	color: #FFFFFF;
	font-size: 36px;
	line-height: 40px;
	text-align: left;
}
.twoUp h3 {
    font-size: 32px;
    line-height: 45px;
    text-align: left;
}
.twoUp ul li {
	list-style-type: square;
	margin-left: 20px;
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-align: left;
}
.twoUp img {
	width: auto !important;
	max-width: 100%;
	height: auto;
}

/*------------------------------------*\
    THREEUPS
\*------------------------------------*/

.threeup {
	width: 30%;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}
.threeup.flank {
	margin-left: 2%;
	margin-right: 2%;
}
.threeup.middle {
	margin-left: 1%;
	margin-right: 1px;
}
.threeup h5 {
    font-size: 28px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
    line-height: 34px;
    text-align: center;
}
.threeup p {
    padding: 5px;
    margin-bottom: 0px;
    line-height: 24px;
}
.threeup ul  {
	padding-left: 40px;
	margin-top: 0px;
}
.threeup ul li{
	font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	list-style-type: square;
	text-align: left;
}
.twoUp.cleaner ul li{
    font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    list-style-type: square;
    text-align: left;
    color: #003581;
    padding-bottom: 2px;
    padding-top: 2px;
}
.threeup img {
	width: 100%;
	height: auto;
}
.galleryimg {
    margin: 1.66%;
}
.galleryimg img {
    width: 100%;
}
#my-list li img {
    height: 200px;
}
a.bigbuttons {
    height: 245px;
    padding-top: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-bottom: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.bigbuttons:hover {
	opacity: 0.8;
}
.bigbuttons div {
	background-image: url(../img/buttoncurveBG.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% 100%;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 1px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.bigbuttons h5 {
	color: #FFFFFF;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	background-image: url(../img/bullet-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px 20px;
	font-size: 28px;
}
.twoUp.cleaner img.prodlogo {
    width: 40% !important;
}
.spatop {
    width: 67%;
    display: inline-block;
}
.spapics {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
}
.spapics img {
    width: 100%;
}
.agpool {
	background-image: url(../img/above-ground-pools.jpg);
}
.igpool {
	background-image: url(../img/inground-pools.jpg);
}
.poolprods {
	background-image: url(../img/pool-products.jpg);
}
.spatubs {
	background-image: url(../img/spa-tubs.jpg);
}
.semi {
    background-image: url(../img/semi-inground-pools.jpg);
}
.wline {
    border-bottom: 2px solid #A83031;
}
/*------------------------------------*\
    FOURUPS
\*------------------------------------*/

.fourup {
	width: 20%;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}
.fourup.left {
	margin-left: 4%;
	margin-right: 2%;
}
.fourup.right {
	margin-left: 2%;
	margin-right: 4%;
}
.fourup.int {
	margin-left: 2%;
	margin-right: 2%;
}
.fourup h5 {
	font-size: 26px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #C50001;
	padding-top: 5px;
	line-height: 32px;
}
.fourup p {
	/* [disabled]padding: 5px 5px 5px 20px; */
	color: #D9D9D9;
	margin-bottom: 0px;
	line-height: 24px;
}
.fourup ul  {
	padding-left: 40px;
	margin-top: 0px;
}
.fourup ul li{
	color: #99DCE5;
	font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	list-style-type: square;
	text-align: left;
}
.fourup img {
	width: 100%;
	height: auto;
}

/*------------------------------------*/

.wrapper.lefthalf {
	background-position: center center;
	background-size: cover;
}
/*------------------------------------*/

.wrapper.slides {
	background-position: center center;
	background-size: cover;
}
/*------------------------------------*/

.wrapper.pgheader {
	background-position: center center;
	background-size: cover;
}
.slides div.slidetitle  {
	padding: 15px 25px 15px 75px;
	display: inline-block;
	background-color: rgba(255,255,255,0.75);
	margin-left: auto;
	margin-right: auto;
	color: #0053A6;
	font-family: 'Passion One',Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 65px;
	line-height: 48px;
	text-indent: -100px;
}
.slidetitle span {
	font-family: 'Oswald',Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 33px;
}
.pgheader div.title  {
    padding: 15px 25px 15px 75px;
    display: inline-block;
    background-color: rgba(255,255,255,0.75);
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    text-align: center;
}
.pgheader h1  {
    padding: 15px 25px 15px 75px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    color: #0053A6;
    font-family: 'Passion One',Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 65px;
    line-height: 48px;
    text-indent: -100px;
}
/*------------------------------------*/

.wrapper.cta {
    background-position: center center;
    background-size: cover;
    border-bottom: 2px solid #FFFFFF;
}
.cta div.ctatitle  {
	padding: 15px 25px 15px 90px;
	display: inline-block;
	background-color: rgba(6,69,107,0.75);
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 42px;
	line-height: 48px;
	text-indent: -200px;
	font-weight: 300;
}
.ctatitle span {
	font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color: #02A8CC;
	font-size: 64px;
}
.bg1 {
    background-image: url(../img/BG-semi-inground.webp);
    background-repeat: no-repeat;
}
.bg2 {
    background-image: url(../img/pool-background.webp);
    background-repeat: no-repeat;
}
.bg3 {
    background-image: url(../img/BG-pool-fence.jpg);
    background-repeat: no-repeat;
}
.bg4 {
    background-image: url(../img/BG-inground-pool.jpg);
    background-repeat: no-repeat;
}
.wrapper.righthalf {
	background-position: center center;
	background-size: cover;
}





/*------------------------------------*/

.fortyhigh {
	height: 40px;
}
.red {
	color: #A83031;
}
.aqua {
    color: #007CA5;
}
.blue {
	color: #0A3558;
}
.blue2 {
    color: #0053A6;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* Navigation styling */
.nav {
	position: relative;
	z-index: 5000;
	display: inline-block;
	clear: right;
	float: right;
	overflow: visible;
}
ul.nav-list {
	font-size: 21px;
	font-family: 'Passion One', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	padding: 0px;
	margin-bottom: 0px;
}
.nav-item {
	*display:inline;
	zoom: 1;
	display: inline-block;
	padding-bottom: 0px;
}
.nav-item a {
	display: block;
	padding: 5px 8px 15px;
	color: #0D3558;
	transition: all .2s;
}
.nav-item:first-child a {
}
.nav-item:last-child a {
}
.nav-item a:hover {
	background-color: #0053A6;
	text-decoration: none;
	color: #FFFFFF;
}


/* Mobile Navigation */
.nav-mobile {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #0053A6 url(../img/nav.svg) no-repeat center center;
	height: 40px;
	width: 40px;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*------------------------------------*\
    FRACTIONAL COLUMNS
\*------------------------------------*/


.col20 {
	width: 20%;
}

.col25 {
	width: 25%;
}

.col30 {
	width: 30%;
}

.col35 {
	width: 35%;
}

.col40 {
	width: 40%;
}

.col45 {
	width: 45%;
}

.col50 {
	width: 50%;
}

.col55 {
	width: 55%;
}

.col60 {
	width: 60%;
}

.col65 {
	width: 65%;
}

.col70 {
	width: 70%;
}

.col75 {
	width: 75%;
}

.col80 {
	width: 80%;
}

.col-left {
	float: left;
}

.col-right {
	float: right;
}
.map {
    height: 300px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
img.fit {
	width: 100%;
	height: auto;
	display: block;
}
.rcorner {
	border-radius: 15px;
}
.centered {
	text-align: center;
}
.aright {
    text-align: right;
}
.justify {
	text-align: justify;
}


/*------------------------------------*\
    SECTION SPACING
\*------------------------------------*/


.m20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
/*------------------------------------*\
    SECTION SPACING
\*------------------------------------*/

.pt20 {
    padding-top: 20px;
}
.pt40 {
    padding-top: 40px;
}
.m30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.p10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.p20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.p30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.p2020 {
	padding: 20px;
}
.p3030 {
	padding: 30px;
}
.p50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.p20vh {
	padding-top: 20vh;
	padding-bottom: 20vh;
}
.p15vh {
	padding-top: 15vh;
	padding-bottom: 15vh;
}
#frontfour.content {
    /* [disabled]height: 250px; */
    position: relative;
    left: 0px;
    top: -40px;
    margin-bottom: -50px;
    min-height: 250px;
}
#frontfour .fourup {
	border-top: 4px solid #A83031;
	border-bottom-left-radius: 50% 33%;
	border-bottom-right-radius: 50% 33%;
	padding-bottom: 20px;
	-webkit-box-shadow: 0px 3px 10px #142533;
	box-shadow: 0px 3px 10px #142533;
	background-color: #FFFFFF;
}

#frontfour img {
	display: block;
	width: 130px;
	margin: 20px auto 5px;
	padding-bottom: 0px;
}
#frontfour h5 {
	color: #0D3359;
	text-align: center;
	font-size: 38px;
}
#frontfour h5 a {
	color: rgba(13,51,89,1.00);
}
#frontfour p {
	color: #4B4B4B;
	font-size: 17px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top: 1px solid #B9B9B9;
	display: block;
	padding: 10px 0px 0px;
	margin-top: 10px;
}
.bluebutton {
	background-color: #0D3359;
	/* [disabled]height: 25px; */
	/* [disabled]width: 60px; */
	color: #FFFFFF;
	border-style: none;
	border-width: 0px;
}
.whitebutton  {
	color: #02A8CC;
	background-color: #FFFFFF;
}
.roundbutton {
	padding: 2px 20px;
	margin: 10px auto;
	font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 18px;
	border-radius: 30px;
	display: inline-block;
	height: 22px;
}
.reqest {
	opacity: 0.75;
}
.reqest p {
	font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	text-align: left;
	font-size: 40px;
	line-height: 47px;
	margin-bottom: 10px;
}
.reqest .blue , .reqest .blue span{
    color: #0D3359;
}
.reqest .aqua , .reqest .aqua span{
    color: rgba(2,168,205,1.00);
}
.reqest p span {
	padding-left: 50px;
	font-size: 60px;
}
.roundbottom {
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
}
.beachballbg {
	background-image: url(../img/beachballBG.jpg);
	background-size: cover;
	background-position: center center;
}
.pooldeckbg {
	background-image: url(../img/pool-deck.jpg);
	background-size: cover;
	background-position: center center;
}
.divebg {
    background-image: url(../img/underwater.jpg);
    background-size: cover;
    background-position: center center;
}
.semibg {
	background-image: url(../img/BG-semi-inground-pool.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.milkybg {
    background-color: rgba(255,255,255,0.80);
}
.milkybg p {
	font-weight: 400;
}

.buttonblock {
	display: block;
	text-align: center;
	margin: 10px auto;
}
.content.p20 .col-right.col55 .justify.pt20.liteblue {
}
.poolsizes span {
    padding-left: 5px;
    padding-right: 5px;
    text-shadow: 0px 0px #DD0207 !important;
}
.looplocbg {
    background-image: url(../img/loop-loc-safety-cover.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.litelist li {
    background-image: url(../img/bullet-arrow-blue.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 12px auto;
    margin-top: 6px;
    background-position: left 2px;
}
p.review {
	color: #B9E4FF;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	font-size: 22px;
	text-indent: -10px;
}


#vlightbox1 {
	text-align: center;
}





/*------------------------------------*\
    Media Queries
\*------------------------------------*/

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

	.nomobile {
	display: none;	
	}
	
}


@media only screen and (min-width: 700px) and (max-width: 900px) {

/*------------------------------------*\
    FOURUPS
\*------------------------------------*/

.fourup {
	width: 36%;
}
.fourup.left {
	margin-left: 7%;
	margin-right: 7%;
}
.fourup.right {
	margin-left: 7%;
	margin-right: 7%;
}
.fourup.int {
	margin-left: 7%;
	margin-right: 7%;
}

#frontfour.content {
	height: auto;
	position: relative;
	left: 0px;
	top: -40px;
	margin-bottom: -50px;
}
#frontfour .fourup {
	border-bottom-left-radius: 50% 50%;
	border-bottom-right-radius: 50% 50%;
}


}

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

/*------------------------------------*\
    FOURUPS
\*------------------------------------*/

.fourup {
	width: 94%;
	float: none;
}
.fourup.left {
	margin-left: auto;
	margin-right: auto;
}
.fourup.right {
	margin-left: auto;
	margin-right: auto;
}
.fourup.int {
	margin-left: auto;
	margin-right: auto;
}

#frontfour.content {
	height: auto;
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 0px;
}
#frontfour .fourup {
	border-top: 4px solid #A83031;
	border-bottom-left-radius: 0% 0%;
	border-bottom-right-radius: 0% 0%;
	padding-bottom: 20px;
	-webkit-box-shadow: 0px 2px 4px #184D78;
	box-shadow: 0px 2px 4px #184D78;
	background-color: #FFFFFF;
}

/*------------------------------------*/
}

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

	.wrapper, .main, .content, .header, .mainNav, .nav {
		overflow: visible !important;
}
	.header {
		padding-bottom: 40px;
	}
	
	.logo {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
		padding-left: none;
		padding-right: none;
		max-width: 320px;
	}
	.mainNav {

		text-align: center;
	}
	.nav-mobile {
		display:block;
		border-radius: 5px 5px 0 0;
	}
	.nav {
		width:100%;
		padding:40px 0 0;
	}
	.nav-list {
		display: none;
		padding-left: 0px;
	}
	.nav-item {
		width:100%;
		float:none;
		padding-bottom: 0px;
	}
	.nav-item a {
		font-size: 24px;
		padding: 3px 0px;
	}
	.nav-item:first-child a {
		border-radius:5px 0 0;
	}
	.nav-item:last-child a {
		border-radius:0 0 5px 5px;
	}
	.nav-active {
		display:block;
		position: absolute;
		top: 47px;
		left: 0px;
		background-color:rgba(255,255,255,0.85);
		z-index: 9999;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
}

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

	footer img#flogo {
	width: 70%;
	margin-right: auto;;
}
footer h5, footer p {
	text-align: center;
}

	
	
/*------------------------------------*\
    THREEUPS
\*------------------------------------*/
	
	.threeup {
	display: block;
	width: 94%;
	float: none;
}
	.threeup.flank {
	margin-left: auto;
	margin-right: auto;
}
	.threeup.middle {
	margin-left: auto;
	margin-right: auto;
}

	footer .threeup {
	width: 94%;
	float: none;
}
a.bigbuttons {
	height: 40px;
	padding-top: 140px;
}


	
/*------------------------------------*\
    TWOUPS
\*------------------------------------*/
	
	.twoUp {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
	.TwoUpRow {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}

.col20, .col25, .col30, .col35, .col40, .col45, .col50, .col50, .col55, .col60, .col65, .col70, .col75, .col80 {
	width: 100%;
	margin: 0 auto;
}

.col-left {
	float: none;
}

.col-right {
	float: none;
}
}



@media only screen and (min-width: 651px) and (max-width: 754px) {

.header {
	min-height: 160px;
}
	.nav {
		top: 23px;
	}	
	
}


@media only screen and (max-width: 650px) {
	
	.logo {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
	}
	.mainNav {
	width: auto;
	margin: 0 auto;
	text-align: center;
	float: none;
	clear: both;
	}
	.mainNav .phonenumber {
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -25px;
}

.slides div.slidetitle  {
	padding: 15px auto;
	font-size: 54px;
	text-indent: 0px;
}
.slidetitle span {
	font-family: 'Passion One',Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color: #02A8CC;
	font-size: 54px;
}

.cta div.ctatitle  {
	padding: 15px 0px;
	color: #02A8CC;
	font-family: 'Passion One', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 42px;
	line-height: 48px;
	text-indent: 0px;
	font-weight: 400;
}
.ctatitle span {
	font-size: 60px;
}
		
}


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

#toptab a.req {
	margin-left: 25px;
}

}


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

#toptab a.req {
	display: block;
	
}
	.mainNav .phonenumber {
		font-size: 40px;
	}

}