@charset "UTF-8";
/* ==========

Website design and development by 805 Creative.
http://805creative.com


Blue
#0055a5

Darker Blue
#1D428A

Green
#789D4A

Light Green
#A4D65E

Dark Gray
#383838


=============*/

html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family: 'Maven Pro', sans-serif;
	font-weight:400;
	background-color:#383838;
	padding:60px 0 0;
	margin:0;
	font-size:17px;
	height:100%;
}

.lt_gray {
	background-color:#f5f5f5 !important;
}

.main {
	display:block;	
}

p {
	font-weight:400;
	font-size:1rem;
	line-height:1.25;
}

p:last-child {
	margin-bottom:0;
}

p a,
p a:hover {
	color:#789D4A
}

p a:hover {
	text-decoration:underline;
}

h1 {
	font-family: 'Days One', sans-serif;
	font-weight:400;
	color:#1D428A;
	margin:0 auto 1rem;
	padding:0;
	font-size:2rem;
	line-height:2rem;
}

h1.calltoaction {
	background-color:#1D428A;
	color:white;
	padding:2rem 3rem;
	margin-bottom:0;
	font-size:1.6rem !important;
}

h1.product {
	font-size:1.6rem;
	line-height:1;
	padding:1rem;
	margin-bottom:0;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
	
	text-shadow:2px 2px 2px rgba(255,255,255,.5);
}

.gte-ie9 h1.product {
	filter:none;
}

h2 {
	position:relative;
	height:auto;
	margin:0;
	padding:0;
	background:#383838;
	font-family: 'Days One', sans-serif;
	font-weight:400;
	font-size:1.25rem;
	line-height:1.6;
	padding:1rem;
	color:#e5e5e5;
}

h2 i {
	margin-right:.5rem;
}

h3 {
	position:relative;
	height:auto;
	margin:0 auto .75rem;
	padding:0;
	font-family: 'Days One', sans-serif;
	font-weight:400;
	font-size:1.25rem;
	line-height:1;
	color:#0055a5;
}


ul li {
	font-weight:400;
	font-size:1rem;
	line-height:1.25;
	margin-bottom:.5rem;
}

ul li span {
	color:#222;
}

ul li:last-child {
	margin-bottom:0;
}

.blueGrad {
	background: rgb(0,85,165);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDQyOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,85,165,1) 0%, rgba(29,66,138,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,85,165,1)), color-stop(100%,rgba(29,66,138,1)));
	background: -webkit-linear-gradient(top,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055a5', endColorstr='#1d428a',GradientType=0 );
}

.gte-ie9 .blueGrad {
	filter:none;
}

ul.quicklinks {
	position:relative;
	height:auto;
	margin:0;
	padding:0;
	background:#383838;
	position:relative;
}

ul.quicklinks li {
	padding:0;
	border-right:1px solid #222;
	min-height:3rem;
	height:100%;
	min-height:100%;
	position:relative;
	margin-bottom:0;
}

ul.quicklinks li:last-child {
	border-right:none;
}

.quicklinks a {
	color:rgba(255,255,255,.5);
	text-align:center;
	text-transform:uppercase;
	display:block;
	width:100%;
	font-size:.65rem;
	font-weight:700;
	line-height:1;
	padding:.5rem inherit;
	min-height:3rem;
}

.quicklinks a i {
	font-size:1.25rem;
	display:block;
}

ul.quicklinks li a.series {
	display:block;
}

a.series360 {
	background-image:url(/img/360series.svg);
	background-size:60px 30px;
	display:block;
	min-height:3rem;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:.5;
}

header {
	background-color:#fff;
	display:block;
	height:60px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	box-shadow:0 0 3px rgba(0,0,0,.5);
	z-index:10000;
}

#dealer_bar {
	display:none;
}

a.logo {
	display:block;
	height:60px;
	width:160px;
	background-image:url(/img/logo.svg);
	background-size:136px 40px;
	background-position:center center;
	background-repeat:no-repeat;
}

.no-svg a.logo {
	background-image:url(/img/logo.png);
	background-size:136px 40px;
}

#navToggle {
	display:block;
	position:absolute;
	height:60px;
	width:60px;
	box-sizing:border-box;
	padding:15px;
	font-size:30px;
	line-height:30px;
	text-align:center;
	color:#404040;
	top:0;
	right:0;
	cursor:pointer;
}

.dealer_ribbon {
	display:block;
	height:60px;
	float:none;
	margin:0;
	position:absolute;
	top:0;
	right:60px;
}

a.login {
	display:block;
	position:relative;
	height:60px;
	width:40px;
	box-sizing:border-box;
	padding:20px 5px;
	font-size:20px;
	line-height:20px;
	text-align:center;
	color:rgba(0,0,0,.5);
	cursor:pointer;
	float:left;
}

a.login span {
	display:none;
}

header.mobileMenu #navToggle {
	background-color:#0055a5;
	color:rgba(255,255,255,.25);
}

nav {
	display:none;
	width:100%;
	
	background: rgb(0,85,165);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDQyOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,85,165,1) 0%, rgba(29,66,138,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,85,165,1)), color-stop(100%,rgba(29,66,138,1)));
	background: -webkit-linear-gradient(top,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,85,165,1) 0%,rgba(29,66,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055a5', endColorstr='#1d428a',GradientType=0 );
}

.gte-ie9 nav {
	filter:none;
}

header.mobileMenu nav {
	display:block;
	position:absolute;
	top:60px;
	left:0;
}

nav ul {
	margin:0 !important;
	display:block;
	width:100%;
	list-style:none;
}

nav ul li {
	margin:0;
}

nav ul li a {
	color:#fff;
	display:block;
	width:100%;
	height:46px;
	padding:15px;
	box-sizing:border-box;
	font-size:15px;
	line-height:15px;
	font-weight:700;
	text-align:center;
	border-top:1px solid #1D428A;
	text-transform:uppercase;
}

nav a:hover {
	color:#fff;
	background-color:#1D428A;
}

footer {
	color:#fff;
	padding:30px;
	text-align:center;
	font-weight:400;
	margin:0 auto;
	display:block;
}

.stripe {
	display:block;
	width:100%;
	margin:0 auto;
	background:#fff;
}

.stripe.gray {
	background: #f2f2f2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #f2f2f2 0%, #e5e5e5 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f2f2), color-stop(100%,#e5e5e5));
	background: -webkit-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#e5e5e5 100%);
	background: -o-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#e5e5e5 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #f2f2f2 0%,#e5e5e5 100%);
	background: radial-gradient(ellipse at center,  #f2f2f2 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=1 );
}

.gte-ie9 .stripe.gray {
	filter:none;
}

.content {
	display:block;
	padding:1rem;
}

.contact_form {
	background-color:#f2f2f2;
	display:block;
	padding:1rem;
	border-radius:5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.5);
	margin-bottom:30px;
}

input.text {
	border:1px solid #f2f2f2;
	border-radius:3px;
	box-sizing:border-box;
	display:block;
	height:50px;
	padding:0 20px;
	font-size:16px;
	font-weight:400;
	line-height:50px;
	margin-bottom:20px;
	box-shadow:none;
}

input.text:focus {
	border:1px solid #0055a5;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.25);
	background-color:#fff;
}

input.text.number {
	padding:0 10px 0 20px;
}

.contact_form.error input[data-invalid] {
	background-color:#d9b6ad;
	color:white;
}

.contact_form.error input[data-invalid]::-webkit-input-placeholder {
   color: #fff;
}

.contact_form.error input[data-invalid]:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.contact_form.error input[data-invalid]::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.contact_form.error input[data-invalid]:-ms-input-placeholder {  
   color: #fff;  
}

select.text {
	border:1px solid #f2f2f2;
	border-radius:3px;
	box-sizing:border-box;
	display:block;
	height:50px;
	padding:0 20px;
	font-size:16px;
	font-weight:400;
	line-height:50px;
	margin-bottom:20px;
	box-shadow:none;
	background-color:#fff;
	font-family: 'Maven Pro', sans-serif !important;
	font-weight:400 !important;
	color:#777;
}

select.text:focus {
	border:1px solid #0055a5;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.25);
	background-color:#fff;
}

textarea.text {
	border:1px solid #f2f2f2;
	border-radius:3px;
	box-sizing:border-box;
	display:block;
	height:120px;
	padding:17px 20px;
	font-size:16px;
	font-weight:400;
	line-height:1.25;
	margin-bottom:20px;
	resize:none;
	overflow:scroll;
	box-shadow:none;
}

textarea.text:focus {
	border:1px solid #0055a5;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.25);
	background-color:#fff;
}

input.submit {
	border:none;
	outline:none;
	border-radius:3px;
	box-sizing:border-box;
	display:block;
	width:100%;
	height:50px;
	font-size:16px;
	font-weight:400;
	line-height:50px;
	text-transform:uppercase;
	background-color:#9e9e9e;
	color:#fff;
	cursor:pointer;
}

input.submit:hover {
	background-color:#789D4A;
}

input.submit:active {
	background-color:#789D4A;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.5);
}

::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}

.alert-box {
	font-size:16px;
	font-weight:700;
	text-align:center;
	border-radius:5px;
	border:none;
	box-shadow:0 1px 1px rgba(0,0,0,.5);
	margin-bottom:0;
}

.alert-box .close {
	display:none;
}

.alert-box.success {
	background-color:#789D4A;
}

.copy {
	color:#ccc;
	color:rgba(255,255,255,.5);
	font-size:14px;
	line-height:14px;
}

#gototop {
	display:block;
	height:40px;
	width:40px;
	color:rgba(255,255,255,.5);
	margin:0 auto 15px;
	font-size:40px;
	line-height:40px;
	cursor:pointer;
}

a.eight05 {
	display:block;
	height:20px;
	width:60px;
	background-image:url(/img/805.svg);
	background-size:60px 20px;
	opacity:.25;
	position:relative;
	bottom:auto;
	right:auto;
	margin:15px auto 0;
}

a.eight05:hover {
	opacity:1;
}

.lt-ie9 a.eight05 {
	background-image:url(/img/805.png);
}

.bx-wrapper .bx-controls-direction a {
	display:none;
}

.downloads a {
	display:block;
	position:relative;
	padding:1rem 3rem 1rem 1rem;
	border-bottom:1px solid #e5e5e5;
	color:#789D4A;
	text-decoration:none;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.downloads a:hover {
	background-color:#ebebeb;
}

.downloads a:last-child {
	border-bottom:none;
}

.downloads a i {
	position:absolute;
	display:block;
	width:1rem;
	right:.5rem;
}

.images {
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
}

.clearing-blackout {
	z-index:15000;
	background:#fff;
}

.visible-img {
	max-height:90%;
}

li.clearing-featured-img {
	text-align:center;
	display:block;
	width:100%;
	padding:1rem;
	position:relative;
}

li.clearing-featured-img a {
	display:block;
	width:100%;
}

li.clearing-featured-img a .view_gallery {
	position:absolute;
	bottom:-.5rem;
	right:.5rem;
	opacity:.5;
}

.video_title {
	display:block;
	position:relative;
	padding:.5rem 0 3rem;
	color:#222;
	font-weight:700;
	text-decoration:none;
	width: 100%;
	line-height:1;
}

.videos_wrap {
	padding:1rem;
}

.videos_wrap .flex-video {
	box-shadow:0 1px 3px rgba(0,0,0,.25);
}

.extra_padding {
	padding:2rem 1rem;
}

p.wqa {
	padding:20px 0 20px 100px;
	background-image:url(/img/wqa.svg);
	background-size:70px 100px;
	background-repeat:no-repeat;
	min-height:100px;
}

.no-svg p.wqa {
	background-image:url(/img/wqa.png);
}

ul.bxslider.timeline_stage {
	height:auto;
}

.bx-wrapper .bx-viewport {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhNGQ2NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzg5ZDRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #d9d9d9 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#d9d9d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 );
}

.gte-ie9 .bx-wrapper .bx-viewport {
	filter:none;
}

li.timeline {
	padding:2rem 3rem 3rem 3rem;
	background-color:transparent;
}

li.timeline .timeline_date {
	text-align:center;
	color:rgba(0,0,0,.5);
	font-size:36px;
	margin-bottom:36px;
	font-family:"Days One";
	display:block;
}

li.timeline p {
	font-size:18px;
	line-height:1.5;
	text-shadow:0 1px 1px rgba(255,255,255,.5);
	color:#222;
	max-width:680px;
	text-align:center;
	margin:0 auto;
}

.timeline_img {
	display:block;
	text-align:center;
	margin-bottom:12px;
}

.timeline_img img {
	margin:0 auto !important;
	display:block;
	max-width:none;
}

#bx-pager {
	position:absolute;
	bottom:12px;
	display:block;
	width:100%;
	text-align:center;
}

#bx-pager a {
	font-size:20px;
	color:rgba(0,0,0,.25);
}

#bx-pager a.active {
	color:#000;
}

ul.side-nav {
	border-radius:5px; 
	padding:0;
	margin:2rem 2rem 1rem;
}

ul.side-nav li {
	margin-bottom:0;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

ul.side-nav li.sidenav_header {
	padding:12px;
	font-size:16px;
	font-family:"Days One";
	background-color:#0055a5;
	color:#fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-left:none;
	border-right:none;
}

ul.side-nav li a {
	color:#222 !important;
	font-size:16px;
	margin:0 !important;
	padding:12px;
	font-family: 'Maven Pro', sans-serif;
	font-weight:400;
}

ul.side-nav li:last-of-type {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

ul.side-nav li a:hover {
	color:#789D4A !important;
}

ul.side-nav li a.active,
ul.side-nav li a.active:hover {
	color:#ccc !important;
	cursor:default;
}

ul.side-nav li a i {
	font-size:12px;
	margin-right:5px;
	display:none;
}

ul.side-nav li a.active i {
	display:inline;
}

h1.water_problems {
	position:absolute;
	top:50%;
	margin-top:-8px;
	left:6%;
	z-index:7000;
	width:60%;
	font-size:16px;
	line-height:16px;
	height:16px;
	display:block;
	text-shadow:0 1px 1px rgba(0,0,0,.25);
}

.problem .extra_padding {
	border-top:1px solid #e5e5e5;
}

.problem-chlorine,
.problem-sulfur,
.problem-staining,
.problem-bacteria,
.problem-corrosion,
.problem-hardness {
	background-size:cover;	
}

.problem-chlorine { background-image:url(/img/chlorine.jpg); }
.problem-sulfur { background-image:url(/img/sulfur.jpg); }
.problem-staining { background-image:url(/img/staining.jpg); }
.problem-bacteria { background-image:url(/img/dirt.jpg); }
.problem-corrosion { background-image:url(/img/corrosion.jpg); }
.problem-hardness { background-image:url(/img/hardness.jpg); }

a.product_select {
	padding:1rem;
	text-align:center;
	display:block;
}

a.product_select:hover {
	box-shadow:0 1px 1px rgba(0,0,0,.5);
	border-radius:5px;
}

a.product_select h3 {
	margin:.75rem 0 0;
	font-size:18px;
}

a.product_select img {
	display:block;
	height:150px;
	text-align:center;
	margin:25px auto;
}

.product_suggestion {
	font-size:12px;
}

.product_suggestion a {
	font-weight:700;
}

ul.footer_nav {
	list-style:none;
	padding:0;
	margin:0 auto 1rem;
}

ul.footer_nav li {
	padding:0;
	margin:0;
}

ul.footer_nav li a {
	padding:.5rem;
	display:block;
	color:#ccc;
	color:rgba(255,255,255,.5);
}

#login_modal {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.75);
	z-index:20000;
	display:none;
}

form.login {
	display:block;
	position:relative;
	top:50%;
	margin:-130px auto 0;
	height:270px;
	width:96%;
	max-width:360px;
	padding:30px;
	background-color:#e5e5e5;
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.8);
}

form.login .cancel {
	display:block;
	height:20px;
	line-height:20px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	color:#383838;
	position:relative;
	top:15px;
	cursor:pointer;
}

form.login .cancel:hover {
	color:#0055a5;
	background:rgba(255,255,255,.25);
	border-radius:3px;
}

table {
	border:none;
}

table thead:not(.product_name) {
	background-color:#383838;
	font-family:"Days One";
}

table thead.product_name {
	background-color:#ccc;
}

table thead.product_name.hover_state:hover {
	background-color:#b3b3b3;
	cursor:pointer;
}

table thead tr th {
	color:#fff;
}

table thead.product_name tr th {
	color:#383838;
}

table tbody tr:nth-child(even) {
	background-color:#f2f2f2;
}

table tbody tr td i {
	float:right;
}

table tbody tr.hover_state:hover {
	background-color:#e5e5e5;
	cursor:pointer;
}

table.variants {
	width:100%;
	margin-top:3rem;
}

table.variants tr.row_title,
table.variants tr.row_title td {
	border:none;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	height:40px;
	line-height:40px;
	background-color:#1D428A;
	color:#fff;
	font-family:"Days One";
}

table.variants tr.row_labels,
table.variants tr.row_labels td {
	border:none;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:700;
	background-color:#ccc;
}


@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape) {

nav ul li a {
	height:36px;
	padding:10px 15px;
}

h1.water_problems {
	position:absolute;
	top:50%;
	margin-top:-1rem;
	left:6%;
	z-index:7000;
	width:60%;
	font-size:2rem;
	line-height:2rem;
	height:2rem;
	display:block;
}

.extra_padding {
	padding:2rem;
}

}


@media only screen 
and (min-width : 40em) {

	
body {
	padding:120px 0 0;
}

body.dealer {
	padding:150px 0 0;
}

header {
	height:120px;
}

body.dealer header {
	height:150px;
}

#navToggle {
	display:none;
}

#dealer_bar {
	display:block;
	height:30px;
	width:100%;
	background-color:#383838;
	text-align:right;
	padding:0 35px;
}

#dealer_bar .centered {
	margin:0 auto;
	max-width:1000px;
}

#dealer_bar a {
	color:#ccc;
	line-height:30px;
	padding:0 10px;
	font-size:14px;
	display:inline-block;
}

#dealer_bar a:hover {
	color:#fff;
	background-color:#222;
}

.med_wrap {
	display:block;
	width:100%;
	height:120px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	position:relative;
}

.dealer .med_wrap {
	height:150px;
}

.header_top {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:1000px;
	height:120px;
}

nav {
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

nav ul {
	display:block;
	width:100%;
	padding:0;
	background-color:#383838;
}

nav ul li {
	display:inline-block;
}

nav ul li a {
	width:auto;
	height:40px;
	padding:12px 30px;
	font-size:15px;
	line-height:16px;
	font-family: 'Days One', sans-serif;
	font-weight:400;
	text-align:center;
	border-top:none;
	color:#fff;
	margin:0;
	text-transform:none;
}

.nav-phone {
	height:40px;
	padding:0 30px;
	font-size:15px;
	line-height:40px;
	font-family: 'Days One', sans-serif;
	font-weight:400;
	color:#fff;
}

.nav-phone i {
	display:inline-block;
	float:left;
	margin:0 6px 0 0;
	padding:0;
	line-height:40px;
}


nav a.selected,
nav a.selected:hover {
	color:rgba(255,255,255,.5);
	background-color:transparent;
	cursor:default;
}

nav a:hover {
	color:#fff;
	background:#0055a5;
	text-shadow:0 1px 2px rgba(0,0,0,.25);
}

a.logo {
	margin:0 30px;
	padding:10px 0;
	display:block;
	height:80px;
	float:left;
}

.dealer_ribbon {
	height:30px;
	margin:0;
	position:absolute;
	top:25px;
	right:40px;
}

h1.product
{
	padding:3rem;
	
	background: #e5e5e5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #e5e5e5 0%, #ffffff 60%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(60%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #e5e5e5 0%,#ffffff 60%,#ffffff 100%);
	background: -o-linear-gradient(left,  #e5e5e5 0%,#ffffff 60%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #e5e5e5 0%,#ffffff 60%,#ffffff 100%);
	background: linear-gradient(to right,  #e5e5e5 0%,#ffffff 60%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );

	overflow:hidden;
	position:relative;
}

.gte-ie9 h1.product {
	filter:none;
}

h1.product img {
	position:absolute;
	top:2rem;
	right:4rem;
	display:block;
	width:10rem;
}

.videos_wrap {
	padding:2rem 3rem;
}

h2,
.downloads a {
	padding:1rem 3rem;
}

.downloads a i {
	right:1.5rem;
}

.clearing-assembled .clearing-container .visible-img {
	background-color:#fff;
	margin:5% 0;
	height:75%;
}

.clearing-assembled .clearing-container .carousel {
	background-color:#e5e5e5;
}

li.clearing-featured-img img {
	max-height:500px !important;
}

li.clearing-featured-img a .view_gallery {
	right:1.5rem;
}

.extra_padding {
	padding:2rem;
}

li.timeline {
	padding:3rem 6rem 4rem;
}

.bx-wrapper .bx-controls-direction a {
	display:block;
}

a.login.blue {
	background-color:#0055a5;
}

a.login.blue:hover {
	background-color:#1D428A;
}

h1.water_problems {
	position:absolute;
	top:50%;
	margin-top:-1rem;
	left:12%;
	z-index:7000;
	width:60%;
	font-size:2rem;
	line-height:2rem;
	height:2rem;
	display:block;
}

.extra_tnb {
	padding-top:2.5rem;
	padding-bottom:2.5rem;
}

ul.footer_nav {
	list-style:none;
	padding:0;
	margin:0 auto 1rem;
}

ul.footer_nav li {
	margin:0 .5rem;
	display:inline-block;
}

ul.footer_nav li a {
	display:inline-block;
}

a.login {
	height:30px;
	width:auto;
	box-sizing:border-box;
	padding:8px;
	text-transform:uppercase;
	border-radius:4px;
	font-size:14px;
	line-height:14px;
	text-align:center;
	color:#fff;
	background-color:#A4D65E;
	margin:0;
}

a.login span {
	display:inline;
	font-weight:700;
}

a.login:hover {
	background-color:#789D4A;
}


}


@media only screen 
and (min-width : 63.75em) {

.stripe {
	max-width:1000px;
	margin:0 auto;
}

.main {
	background: #e0e2e5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlMGUyZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA1NWE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #e0e2e5 0%, #0055a5 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e0e2e5), color-stop(100%,#0055a5));
	background: -webkit-radial-gradient(center, ellipse cover,  #e0e2e5 0%,#0055a5 100%);
	background: -o-radial-gradient(center, ellipse cover,  #e0e2e5 0%,#0055a5 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #e0e2e5 0%,#0055a5 100%);
	background: radial-gradient(ellipse at center,  #e0e2e5 0%,#0055a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e2e5', endColorstr='#0055a5',GradientType=1 );
}

.gte-ie9 .main {
	filter:none;
}

.row {
	overflow:hidden;
}

.description {
	box-shadow:0 0 4px rgba(0,0,0,.2);
	z-index:15;
	position:relative;
	top:0;
	bottom:0;
	background-color:#fff;
}

.videos {
	z-index:20;
	position:relative;
}

ul.quicklinks {
	display:block;
	height:1px;
	background-color:#0055a5;
}

ul.quicklinks li {
	display:none;
}

h1.product {
	padding:3rem 5rem;
}

h1.product img {
	top:2rem;
	right:6rem;
	width:9rem;
}

.clearing-assembled {
	padding-top:2rem;
	padding-bottom:1rem;
}

li.clearing-featured-img a .view_gallery {
	font-size:10px;
	padding:6px 8px;
	right:1rem;
	bottom:0;
}

h2 {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f0f0f0 100%);
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f0f0f0 100%);
	background: linear-gradient(135deg,  #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 );
	
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	color:#0055a5;
	padding:.75rem 3rem;
}

.downloads h2 {
	z-index:10;
	position:relative;
}

.downloads a {
	border-bottom:1px solid #f0f0f0;
	font-size:14px;
}

.downloads a:hover {
	background-color:#fff;
}

.med_wrap {
	height:160px;
}

.dealer .med_wrap {
	height:190px;
}

body,
body.dealer {
	padding:0;
}

nav {
	display:block;
	width:100%;
	background:#383838;
}

header {
	height:160px;
	position:relative;
}

body.dealer header {
	height:190px;
}

nav ul {
	max-width:1000px;
	margin:0 auto !important;
	text-align:left;
	display:block;
}

nav ul li a {
	padding:12px 24px;
}

li.nav-phone {
	float:right;
	color:#fff;
}

.med_wrap.sticky {
	position:fixed;
	top:0;
	width:100%;
	height:60px;
}

.med_wrap.sticky .header_top {
	display:none;
}

.med_wrap.sticky nav ul {
	max-width:none;
	height:60px;
	line-height:60px;
}

.med_wrap.sticky nav ul a {
	height:60px;
	padding:22px 24px;
}

.med_wrap.sticky .nav-phone {
	height:60px;
	padding:0 24px;
	box-sizing:border-box;
	line-height:60px;
}

.med_wrap.sticky .nav-phone i {
	line-height:60px;	
}

.header_top {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:1000px;
	height:120px;
}

header {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f0f0f0 100%);
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f0f0f0 100%);
	background: linear-gradient(135deg,  #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 );	
}

a.logo {
	display:block;
	height:80px;
	width:272px;
	background-image:url(/img/logo.svg);
	background-size:272px 80px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0;
	position:absolute;
	top:20px;
	left:20px;
}

.no-svg a.logo {
	background-image:url(/img/logo.png);
	background-size:272px 80px;
}

.dealer_ribbon {
	height:30px;
	position:absolute;
	top:45px;
	right:20px;
}

li.timeline {
	padding:6rem 10rem 7rem;
}

h1.water_problems {
	position:absolute;
	top:50%;
	margin-top:-1.25rem;
	left:12%;
	z-index:7000;
	width:60%;
	font-size:2.5rem;
	line-height:2.5rem;
	height:2.5rem;
	display:block;
}

.problem .extra_padding {
	padding:3rem 2rem;
}

.extra_tnb {
	padding-top:3.5rem;
	padding-bottom:3.5rem;
}


@media only screen 
and (min-width : 90em) {

.stripe {
	max-width:1400px;
}

#dealer_bar .centered {
	max-width:1400px;
}

h1.product {
	padding:4rem 6rem;
	font-size:1.8rem;
}

h1.product img {
	top:2rem;
	right:7rem;
	width:16rem;
}

nav ul {
	max-width:1280px;
}

.header_top {
	max-width:1360px;
}

li.timeline {
	padding:6rem 16rem 7rem;
}

h1.water_problems {
	position:absolute;
	top:50%;
	margin-top:-1.25rem;
	left:16%;
	z-index:7000;
	width:60%;
	font-size:2.5rem;
	line-height:2.5rem;
	height:2.5rem;
	display:block;
}


}