body {
	font-family: Gotham SSm A,Gotham SSm B,helvetica, sans-serif;
}

.navbar-brand img {
	max-width:  200px;
}

.navbar-brand img.logo-dark {
	margin-top: 20px;
	transition: margin-top 0.4s ease-out;
}
.navbar-collapse { background: #fff; }
.navbar-nav>li>a:hover, .nav>li>a:hover {
	background-color: #166696;
	color: #fff !important;
	opacity: 1;
}

.bg-blue { background: #00415f; color: #fff; }
.bg-dkblue { background: #003594; color: #fff; }
.bg-magenta { background: #e6007e; color: #fff; }

.t-right { text-align: right; }
.non-kinetico-product-mark { color: #e6007e; }
.disclaimer { font-size: 12px; }

#flourish { position: absolute; left: 0; width: 200px; height: 10px; background: #e6007e;}
#intro {
	-webkit-box-shadow: 0 0 2rem rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 2rem rgba(0,0,0,0.7);
	box-shadow: 0 0 2rem rgba(0,0,0,0.7);
}
#intro h2 strong { font-weight: 700; }
#offer h2 strong, #offer h3 strong { font-weight: 700; }
#concerns h2 strong { font-weight: 700; }
body, p { font-size: 17px; color: #656565; }
#dealer p { font-size: 17px; color: #000; }
a:link { color: #3b86bd; }
a:visited { color: #3b86bd; }
a:hover { text-decoration: underline; }
a:active { color: #3b86bd; }
.navbar-nav>li>a { color: #3b86bd; font-weight: 400; font-size: 1.4rem; padding-left: 15px; padding-right: 15px; }
.bg-kinetico { background-color: #298ec2; }
[data-overlay-dark] p, [data-overlay-color] p { color: #fff; }
.item-caption p { line-height: 2rem; }

@media (max-width: 768px) {
	h2, h2 strong { font-size: 36px; }
}
.costs { color: #d2030a; line-height: 2rem; }
.little { font-size: .8em; }
.bigger { font-size: 1.3em; }
.water-bad { color: #d2030a; }
.water-iffy { color: #d2ab0d; }
.navbar-brand img.sub { padding: 22px 0 30px 30px; margin-left: 190px }

@media (max-width: 991px) {
	.navbar-brand>img { display: inline-block; }
	.navbar-brand img.sub { padding: 10px 0 10px 10px; margin-left: 10px }
	.navbar-brand img.logo-dark {
		margin-top: unset;
	}
}

h1,h2,h3,h4 { color: #003594; }
.white { color: #fff; }
.shadow-wrap {
	padding: 1.5rem 2rem;
	border-radius: 1rem;
	-webkit-box-shadow: 0 0 2rem rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2rem rgba(0,0,0,0.3);
	box-shadow: 0 0 2rem rgba(0,0,0,0.3);
	background: #fff;
}

.product-detail-container { background: #fff; position: absolute; z-index: 10; }
.product-detail-container .product-detail-container-img-wrap { width: 30%; text-align: center; float: left;  margin-right: 1rem; margin-bottom: 2rem; }
.product-detail-container img { max-height: 120px; width: unset !important; margin: 0 auto; }
.product-detail-container { display: none; }
.product-detail-container-close { position: absolute; right: 0; top: 0; border: 1px solid #003594; background: #003594; border-radius: 15px; height: 30px; width: 30px; text-align: center; color: #fff; font-weight: bold; line-height: 29px; font-size: 30px; }
.product-cell { text-align: center; color: #003594; }
.product-cell img { max-height: 100px; width: unset !important; margin: 0 auto; }
/*.prod-data { display: table; height: 100px; }*/
/*.prod-data div { vertical-align: middle; display: table-cell; }*/

.waterscore-text {
	font-size: 60px;
	line-height: 60px;
	color: #e60080;
	font-weight: 300;
}
.gfx-line:before {
	content: '';
	width: 26px;
	height: 4px;
	background: #e60080;
	position: absolute;
	z-index: 20;
	left: -.5rem;
	top: 1.9rem;
}
#solution { background: #f5f5f5; }

.message-to-customer {
	font-family: Gotham SSm A,Gotham SSm B,helvetica, sans-serif;
	background: none;
	border: none;
	color: #fff;
	font-size: 2rem;
	white-space: pre-line;
	margin-bottom: 2.5rem;
	line-height: 2.5rem;
}
.message-to-customer::first-line {
	font-size: 4rem;
	line-height: 6rem;
}
.message-to-customer a:link { color: #fff !important; text-decoration: underline !important; }
.message-to-customer a:visited { color: #fff !important; }
.message-to-customer a:hover { color: #fff !important; text-decoration: none !important; }
.message-to-customer a:active { color: #fff !important; text-decoration: underline !important; }

@media (min-width: 992px) {
	nav .nav, .nav li.nav-separator {
		height:130px;
	}
	.navbar-brand img {
		max-height: 130px;
	}

	nav.nav-small .nav, .nav.nav-small li.nav-separator {
		height:90px;
	}
	nav.nav-small .navbar-brand img {
		max-height: 90px;
	}
	nav.nav-small .navbar-brand img.logo-dark {
		margin-top: 2px;
		
	}
}

.bgb { background: #357eb3; }
.salesperson { text-align: right; padding-right: 0; }
.salesperson a { color: #fff !important; }
.salesperson img { max-width: 65%; }
.salesperson-name { padding: 1.5rem; }
.salesperson-name h4 { font-size: 3rem; font-weight: bold; text-align: right; width: 100%; }
.salesperson-info .bg-blue { padding: 1.5rem; font-size: 1.7rem; text-align: right; width: 90%; margin: 0 0 0 auto;}
.salesperson-info h5 { font-size: 2rem; font-weight: bold; }
.salesperson-info p { line-height: 2.25rem; }


.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.system-panel { }
.system-panel h4 { padding-left: 1.5rem; }

.dealer-description { color: #003594; white-space: pre-wrap; }
.special-offer { border: 2px dashed #969696; padding: .4rem; text-align: center; }
.special-offer-header { background: #003594; color: #fff; font-weight: bold; font-size: 4rem; margin: 0; padding: 1.5rem 1rem; }
.special-offer-header h3 { color: inherit; font-weight: inherit; font-size: inherit; margin: inherit; padding: 0; }
.special-offer-body { color: #e6007e; font-weight: bold; font-size: 2rem; margin: 0; padding: 1.5rem 1rem; }
.special-offer-body strong { font-size: 4rem; }
.special-offer-expires { color: #888; font-size: 1.2rem; text-align: right; }

footer {
	border-top: 1rem solid #e6007e;
	background: #3b86bd;
	color: #fff;
	font-size: 1.75rem;
}
footer h4 { color: #fff; font-weight: bold; font-size: 2.5rem; }
footer a, footer p { color: #fff !important; }

.water-test-url { color: #003594 !important; }
.modal-title { float: left !important; font-size: 2rem; font-weight: bold; }
.modal-body p { color: #000; }
.preformatted { white-space: pre-line; }
.modal-image { float: left; margin: 0 2rem .5rem 0; max-width: 180px; max-height: 180px; }

.pricing { float: right; margin-top: 10px; }
.pricing { color: #003594; font-weight: bold; font-size: 18px; }
.pricing-or { color: #e6007e; font-weight: normal; font-size: 14px; display: inline-block; padding: 0 .5rem; position: relative; top: -2px; }