@charset "utf-8";
/* AQUA QUIP HOT TUB PAGESCSS */

/* ===== NEW HOT TUB WHY AQUA QUIP SECTION CSS ===== */

select::-ms-expand {
    display: none;
}
.whyaq-swimspa-background-j {
    
}

.whyaq-swimspa {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
}

.whyaq-ss1 {
    background:rgba(245,245,245,0.82);
	border-bottom:1px solid #fff;
}
.whyaq-ss2 {
    background:rgba(255,255,255,0.4);
}

.section-inner-left-whyaqss {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

	.section-inner-left-whyaqss img {
		position:relative;
		max-width:100%;
        max-height:200px;
		height:auto;
	}

.section-inner-right-whyaqss {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.section-inner-left-whyaqss2 {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

	.section-inner-left-whyaqss2 img {
		position:relative;
		max-width:100%;
        max-height:200px;
		height:auto;
	}

.section-inner-right-whyaqss2 {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

@media screen and (min-width: 701px) {
	.section-inner-left-whyaqss {
		float:left;
		width:23%;
		padding:15px 0px 15px 2%;
	}
    
    .section-inner-right-whyaqss {
		float:left;
		width:33%;
		padding:35px 10% 15px 2%;
	}
	
	.section-inner-right-whyaqss-form {
		float:left;
		width:25%;
		padding:16px 2% 10px 2%;
		text-align:left;
	}
		.section-inner-right-whyaqss-form input[type="text"] {
			width:46%;
			float:left;
			margin-bottom:1.0em;
			margin-right:2%;
		}
    
    .section-inner-left-whyaqss2 {
		float:right;
		width:30%;
		padding:15px 0px 15px 5%;
	}
    
    .section-inner-right-whyaqss2 {
		float:right;
		width:54%;
		padding:35px 0px 15px 11%;
	}
    
    .whyaq-swimspa-background-j {
        background:url(/images/swimspas/jacuzzi/whyaq/whyaq-bg-01.jpg) top center no-repeat;
		background-size:cover;
    }
	
	.section-inner-left-colors img {
		max-width:50px;
	}
	
	.section-inner-right-colors img {
		max-width:50px;
	}
}

@media screen and (max-width: 700px) {
	.section-inner-left-whyaqss {
		width:100%;
		padding:10px 0 30px 0;
	}
    
    .section-inner-right-whyaqss {
		width:100%;
		padding:10px 0 10px 0;
	}
	
	.section-inner-right-whyaqss-form {
		width:100%;
		padding:10px 0 10px 0;
	}
		.section-inner-right-whyaqss-form input[type="text"] {
			width:96%;
		}
    
    .section-inner-left-whyaqss2 {
		width:100%;
		padding:10px 0 30px 0;
	}
    
    .section-inner-right-whyaqss2 {
		width:100%;
		padding:10px 0 10px 0;
	}
    
    .whyaq-swimspa-background-j {
        
    }
	
	.section-inner-left-colors img {
		max-width:35px;
	}
	
	.section-inner-right-colors img {
		max-width:35px;
	}
}

.contact-form-title {
	margin-bottom:10px;
	text-align:center;
	width:100%;
	color:#003d64;
	text-shadow:1px 0px #ccc;
}

.section-inner-right-whyaqss-form {
	border:1px solid #676767;
	border-radius:3px;
}

.section-inner-right-whyaqss-form input[type="text"] {
	height:26px;
	margin-bottom:5px;
	border:1px solid #ccc;
	border-radius:3px;
}

.section-inner-right-whyaqss-form input[type="email"] {
	width:96%;
	height:26px;
	margin-bottom:5px;
	border:1px solid #ccc;
	border-radius:3px;
}

.section-inner-right-whyaqss-form textarea {
	width:95%;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
}



/* ===== END NEW HOT TUB WHY AQUA QUIP SECTION CSS ===== */

.section-shadow {
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	text-align:center;
	padding:0px;
	z-index:1;
	margin-top:0px;
	margin-bottom:-10px;
	width:100%;
	height:10px;
	background:url(/images/main/shadow.svg) top center no-repeat;
}

.productsection-swimspa {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
}

.swimspa-features-half img {
	max-width:100%;
	height:auto;
}


.section-inner-left-colors {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

	.section-inner-left-colors img {
		position:relative;
		height:auto;
		margin-right:10px;
		margin-bottom:10px;
		border-radius:3px;
		float:left;
	}

.section-inner-right-colors {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}
	.section-inner-right-colors img {
		position:relative;
		height:auto;
		margin-right:10px;
		margin-bottom:10px;
		border-radius:3px;
		float:left;
	}
	
.onefourth {
	position:relative;
	margin:auto;
	padding:10px 2% 10px 2%;
	text-align:center;
}
	.onefourth img {
		max-width:40px;
		height:auto;
	}
	
.onefourth p {
	font-size:90%;
}

.onefourth a, .onefourth a:link, .onefourth a:active, .onefourth a:visited {
	color:#003d64;
}
	.onefourth a:hover {
		color:#39F;
	}

.onefourth:hover {
	background:rgba(200,200,200,0.2);
}
	

@media screen and (min-width: 701px) {
	.section-inner-left-swimspa {
		float:left;
		width:45%;
		padding:35px 0px 15px 2%;
	}
    
    .section-inner-right-swimspa {
		float:left;
		width:46%;
		padding:25px 2% 25px 5%;
	}
    
    .swimspa-imagebg {
		background-color:#f5f2ee;
		margin-top:-8px;
    }
	
	.productsection-swimspa {
        background:url(/images/swimspas/aqua-quip-swim-spa-hydropool-seattle-store.jpg) top center no-repeat;
        background-size:cover;
		margin-top:-19px;
	}
	
	.din-swimspa {
		background:#fff;
	}
	
	.dsection-inner-left-swimspa {
		float:left;
		padding:10px 3% 30px 3%;
		width:54.6663%;
	}
	
	.swimspa-features-half {
		position:relative;
		width:45%;
		float:left;
		padding:0 5% 0 0;
		text-align:left;
	}
	
	.section-inner-left-colors {
		float:left;
		width:auto;
		padding:10px 0px 10px 0px;
	}
		.section-inner-left-colors p3 {
			color:#FFF;
		}
	
	.section-inner-right-colors {
		float:left;
		width:auto;
		padding:10px 0px 10px 5%;
	}
		.section-inner-right-colors p3 {
			color:#FFF;
		}
		
	.onefourth {
		width:21%;
		float:left;
	}
}

@media screen and (max-width: 700px) {
	.section-inner-left-swimspa {
		width:95%;
		padding:10px 0 10px 0;
	}
    
    .section-inner-right-swimspa {
		width:100%;
		padding:10px 0 10px 0;
	}
	
	.swimspa-imagebg {
		background-color:#fff;
    }
	
	.productsection-swimspa {
		
	}
	
	.din-swimspa {
		background:#e5e5e5;
	}
	
	.dsection-inner-left-swimspa {
		padding:10px 0px 20px 0px;
		width:100%;
	}
	
	.swimspa-features-half {
		position:relative;
		width:100%;
		padding:20xp 0px 10px 0px;
		text-align:left;
	}
	
	.section-inner-left-colors {
		width:100%;
		padding:10px 0px 10px 0px;
	}

	.section-inner-right-colors {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.section-shadow {
		display:none;
	}
	
	.onefourth {
		width:100%;
	}
	
}

.section-inner-left-swimspa {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

	.section-inner-left-swimspa img {
		position:relative;
		max-width:100%;
		max-height:500px;
	}

.section-inner-right-swimspa {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}
	.section-inner-right-swimspa h5 {
		color:#343434;
	}

.section-inner-left-swimspa-thumbnails {
	position:relative;
	margin:auto;
	float:left;
	width:100%;
	height:auto;
	text-align:left;
}
	.section-inner-left-swimspa-thumbnails img {
		position:relative;
		max-width:60px;
		height:auto;
		margin-right:10px;
		margin-top:10px;
	}
	
.dsection-swimspa-colors {
	position:relative;
	padding: 10px 10% 10px 10%;
	margin:auto;
	margin-top:-30px;
	max-width:80%;
	text-align:center;
	min-height:auto;
}

.dsection-swimspa {
	position:relative;
	padding: 10px 10% 10px 10%;
	margin:auto;
	max-width:80%;
	text-align:center;
	min-height:auto;
}

.din-swimspa {
	position:relative;
	margin:auto;
	max-width:1100px;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
	border-style:solid;
    border-width:1px;
    border-color:#fff;
    -moz-box-shadow:     0 0 8px #d3d3d3;
    -webkit-box-shadow:  0 0 8px #d3d3d3;
    box-shadow:          0 0 8px #d3d3d3;
}

.din-swimspa-colors {
	position:relative;
	margin:auto;
	max-width:1100px;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
}

.dexpand-swimspa {
	position:relative;
	margin:auto;
	padding:10px 3% 10px 3%;
	width:94%;
	height:auto;
	text-align:left;
}



.dbutton {
		position:relative;
		height:auto;
		text-align:center;
		width:auto;
		max-width:180px;
		padding:2px 0px 2px 0px;
		color:#fff;
		background:#003D64;
		border-style:solid;
		border-width:2px;
		border-color:#003D64;
		border-radius:3px;
	}
		.dbutton:hover {
			background:#002B46;
			color:#fff;
	}
	
.dsection-inner-text img {
	height:100%;
	width:auto;
}

.dsection-inner-left-swimspa {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
	text-decoration:none;
}

.dbutton2 {
		position:relative;
		height:auto;
		text-align:center;
		width:auto;
		padding:2px 0px 2px 0px;
		color:#003D64;
		border-style:solid;
		border-width:1px;
		border-color:#003D64;
		border-radius:3px;
	}
		.dbutton2:hover {
			background:#003D64;
			color:#fff;
	}