:root {
	/* Primary - Deep Sea */
	--kcolor-deep-sea: #002A42;
	--kcolor-deep-sea-tint-1: #184A67;
	--kcolor-deep-sea-tint-2: #4C7288;
	--kcolor-deep-sea-tint-3: #809AA9;
	--kcolor-deep-sea-tint-4: #CCD7DC;

	/* Secondary */
	--kcolor-dark-blue: #003594;
	--kcolor-ada-light-blue: #298fc2;
	--kcolor-ada-kinetico-green: #00c78b;

	/* Neutrals */
	--kcolor-slate: #63666A;
	--kcolor-gray: #727D84;
	--kcolor-light-steel: #E9EAEA;
	--kcolor-white: #FFFFFF;

	/* Status */
	--kcolor-error: #9E231D;
	--kcolor-error-light: #b66460;
}

.bg-setup {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
}

.bg { background: var(--kcolor-deep-sea); }
.bg1 { background: var(--kcolor-ada-light-blue); }
.bg2 { background: var(--kcolor-dark-blue); }
.bg3 { background: var(--kcolor-deep-sea-tint-1); }
.bg4 { background: var(--kcolor-deep-sea-tint-2); }
.bg5 { background: var(--kcolor-deep-sea-tint-3); }
.bg6 { background: var(--kcolor-deep-sea-tint-4); }
.bg7 { background: var(--kcolor-ada-kinetico-green); }

.bg .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea)), url("/img/backgrounds/wave.svg"); }
.bg1 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-ada-light-blue)), url("/img/backgrounds/wave.svg"); }
.bg2 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-dark-blue)), url("/img/backgrounds/wave.svg"); }
.bg3 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea-tint-1)), url("/img/backgrounds/wave.svg"); }
.bg4 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea-tint-2)), url("/img/backgrounds/wave.svg"); }
.bg5 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea-tint-3)), url("/img/backgrounds/wave.svg"); }
.bg6 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea-tint-4)), url("/img/backgrounds/wave.svg"); }
.bg7 .wave { background-image: linear-gradient(0, transparent, 50%, var(--kcolor-ada-kinetico-green)), url("/img/backgrounds/wave.svg"); }

.wave {
	background-color: transparent;
	background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea)), url("/img/backgrounds/wave.svg");
	background-position: center, bottom center;
	background-size: auto, cover;
	background-repeat: no-repeat, repeat-x;
}
.bgwave {
	background-color: transparent;
	background-image: linear-gradient(0, transparent, 50%, var(--kcolor-deep-sea)), url("/img/backgrounds/bgwave.svg");
	background-position: center, bottom center;
	background-size: auto, cover;
	background-repeat: no-repeat, repeat-x;
}
@media (min-width: 920px) {
	.wave {
		background-size: auto, contain;
	}
}
@media (max-width: 1440px) {
	.wave.small {
		background-size: auto !important;
	}
}
.wave.small {
	background-image: url("/img/backgrounds/wave-small.svg");
	background-repeat: repeat-x;
	background-size: contain;
	background-position: bottom center;
}
.wave.small.outline {
	background-image: url("/img/backgrounds/wave-small-outline.svg");
}
.wave.small.on-white {
	background-image: url("/img/backgrounds/wave-small-on-white.svg");
}

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

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

.navbar-brand img.logo-dark {
	margin-top: 50px;
	transition: margin-top 0.4s ease-out;
}
.navbar-collapse { background: transparent; }

.navbar-nav>li>a:hover, .nav>li>a:hover {
	background-color: var(--kcolor-deep-sea-tint-1);
	opacity: 1;
	font-weight: 600;
}

#intro {padding-top: 140px;}
.salesperson img { max-width: 65%; }
.salesperson-info .bg-blue { width: 90%;}
@media (max-width: 991px) {
	#intro {padding-top: unset;}
	.salesperson img { max-width: unset; }
	.salesperson-info .bg-blue { width: unset; }
}

.bg-blue { background: var(--kcolor-deep-sea-tint-1); color: #fff; }
.bg-dkblue { background: var(--kcolor-dark-blue); color: #fff; }
.bg-green { background: var(--kcolor-ada-kinetico-green); color: #fff; }

.t-right { text-align: right; }
.non-kinetico-product-mark { color: var(--kcolor-ada-kinetico-green); }
.disclaimer { font-size: 12px; }

#flourish { position: absolute; left: 0; width: 200px; height: 10px; background: var(--kcolor-ada-kinetico-green);}
#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: #ddd; font-weight: 400; }
#dealer p { font-size: 17px; color: #ddd; }
a:link { color: #ddd; }
a:visited { color: #ddd; }
a:hover { text-decoration: underline; }
a:active { color: #ddd; }
.navbar-nav>li>a { color: var(--kcolor-white); font-size: 1.4rem; padding-left: 15px; padding-right: 15px; }
.bg-kinetico { background-color: var(--kcolor-deep-sea); }
[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; }
	.text-center-small { text-align: center; }
}
.costs { color: var(--kcolor-error-light); line-height: 2rem; }
.little { font-size: .8em; }
.bigger { font-size: 1.3em; }
.water-bad { color: var(--kcolor-error-light); }
.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 {
		max-width: 220px;
		margin-top: 10px;
	}
}

h1,h2,h3,h4 { color: var(--kcolor-white); }
.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: #333; }
.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: #333;
	font-weight: 300;
}
.gfx-line:before {
	content: '';
	width: 26px;
	height: 4px;
	background: var(--kcolor-ada-kinetico-green);
	position: absolute;
	z-index: 20;
	left: -.5rem;
	top: 1.9rem;
}
#downloads * { color: #fff; }
#downloads a:visited { color: #fff; }
#solution { background: var(--kcolor-deep-sea-tint-4); color: #333; }
#solution h4 { color: #444; }
#solution .water-test-url { color: #003594; }
#solution p { color: #444; }
#solution  { color: #444; }

.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: 27px;
		
	}
}

.bgb { background: #357eb3; }
.salesperson { text-align: right; }
.salesperson a { color: #fff !important; }
.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; 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; background: #fff }
.special-offer-header { background: var(--kcolor-deep-sea); 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: #000; 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 var(--kcolor-ada-kinetico-green);
	background: var(--kcolor-deep-sea);
	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; }
.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: #333; font-weight: normal; font-size: 14px; display: inline-block; padding: 0 .5rem; position: relative; top: -2px; }


/*2026*/
nav.navbar, nav.navbar.nav-small { background: var(--kcolor-deep-sea); }