/* CSS Document */

/* start animation */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-ms-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-ms-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-o-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-moz-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
/* end animation */
/* starts fonts */
@font-face {
	font-family: Kievit;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/kievit/kievit-book.woff2') format('woff2'), /* Modern Browsers */
	 url('../fonts/kievit/kievit-book.woff') format('woff');
}
@font-face {
	font-family: Kievit;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/kievit/kievit-bold.woff2') format('woff2'), /* Modern Browsers */
	 url('../fonts/kievit/kievit-bold.woff') format('woff');
}
@font-face {
	font-family: Kievit;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/kievit/kievit-ex-bold.woff2') format('woff2'), /* Modern Browsers */
	 url('../fonts/kievit/kievit-ex-bold.woff') format('woff');
}
@font-face {
	font-family: Kievit;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/kievit/kievit-medium.woff2') format('woff2'), /* Modern Browsers */
	 url('../fonts/kievit/kievit-medium.woff') format('woff');
}
@font-face {
	font-family: Kievit;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/kievit/kievit-light.woff2') format('woff2'), /* Modern Browsers */
	 url('../fonts/kievit/kievit-light.woff') format('woff');
}
@font-face {
	font-family: Kievit;
	font-style: italic;
	src: url('../fonts/kievit/kievit-italic.woff2') format('woff2'), /* Modern Browsers */
	 url('../fonts/kievit/kievit-italic.woff') format('woff');
}
@font-face {
	font-family: 'franklin-book';
	src: url('../fonts/franklin/309EB0_1_0.woff2') format('woff2'),
		 url('../fonts/franklin/309EB0_1_0.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-medium';
	src: url('../fonts/franklin/309EB0_2_0.woff2') format('woff2'),
		 url('../fonts/franklin/309EB0_2_0.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-demi';
	src: url('../fonts/franklin/309EB0_0_0.woff2') format('woff2'),
		 url('../fonts/franklin/309EB0_0_0.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-demicomp';
	src: url('../fonts/franklin/309EB0_5_0.woff2') format('woff2'),
		 url('../fonts/franklin/309EB0_5_0.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* end fonts */
/* start reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end reset */
/* start preload */
body:after {
	display: 	none;
	content:	url('//cdn.aquasana.com/images/icons/bit-icons-color-32.svg')
				url('//cdn.aquasana.com/images/icons/bit-icons-white-32.svg')
				url('//cdn.aquasana.com/images/icons/arrow-laquo-bit.svg')
				url('//cdn.aquasana.com/images/icons/arrow-lsaquo-bit.svg')
				url('//cdn.aquasana.com/images/icons/arrow-raquo-bit.svg')
				url('//cdn.aquasana.com/images/icons/arrow-rsaquo-bit.svg');
}
/* end preload */
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}
body {
	font: 14px/12px 'Kievit', Arial, Helvetica, sans-serif;
	color: #333;
}

body > img {
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
}
h1, h2, h3, h4, h5, h6, p, li, div, blockquote {
	font-family: 'Kievit', Arial, Helvetica, sans-serif;
	font-weight: 100;
}
a {
	color: #0065BD;
	text-decoration: none;
}
a:hover {
	color: #5BC6E8;
}
a:hover > img {
	opacity: .8;
}

a.inactive,
a.inactive:hover {
	margin: 0;
	background: none;
	color: #bbb;
	cursor: default;
	opacity: 1;
}
a[class|="button"].inactive,
a[class|="button"].inactive:hover {
	background: #fff;
	color: #aaa;
	box-shadow: none;
	opacity: 0.7;
}
a[class|="button"].inactive:after,
a[class|="button"].inactive:hover:after {
	opacity: .5;
	box-shadow: none;
	content: url('//cdn.aquasana.com/images/icons/raquo-grey.png');
}
hr {
	display: block;
	clear: both;
	border: none;
	height: 1px;
	background: #ccc;
	margin: 24px 0;
}
.wrapper {
	margin: 0 auto;
	box-shadow: 0 8px 16px 4px rgba(0,0,0,0.11);
	position: relative;
	min-height: 100%;
	z-index: 20;
	padding: 0 6px;
	padding: 0;
	box-sizing: border-box;
	width: 1086px;
	overflow: hidden;
}
/* blue bar at top */
body, .wrapper {
	background: #fff url('//cdn.aquasana.com/images/global/bg-blue.png') center top repeat-x;
}
.on {
	display: block;
}
.off {
	display: none;
}
del.strikeon {
	text-decoration: line-through;
}
del.strikeoff {
	text-decoration: initial; text-decoration: none;
}
.rsaquo-link {
	font-size: 16px;
	font-weight: 500;
	display: block;
	position: relative;
}
.rsaquo-link:before {
	content: url('//cdn.aquasana.com/images/icons/rsaquo-dark.png');
	padding-left: 2px;
	padding-right: 6px;
}
sup {
	font-size: .7em;
	line-height: .6em;
	vertical-align: super;
}
strong sup {
	font-size: .5em;
	line-height: .6em;
	vertical-align: super;
	font-weight: 100;
}
h1 sup,
h2 sup,
h3 sup {
	font-size: .5em;
}
p.highlight,
span.highlight {
	font-weight: bold;
	color: #c00;
}
p.highlight + ul,
span.highlight + ul {
	padding-bottom: 8px;
}
li.highlight {
	color: #c00;
	margin-left: 4px;
	padding: 2px 0;
}
li.highlight:before {
	content: "\00BB";
	padding-right: 4px;
}
header form,
footer form {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
header fieldset,
footer fieldset {
	position: relative;
	height: 20px;
	width: 198px;
	border: 1px solid #ccc;
	text-align: left;
	background: #fff;
	display: block;
}
header input[type="text"],
footer input[type="text"] {
	border: none;
	width: 172px;
	height: 20px;
	padding: 0 0 0 4px;
}
header input[type="submit"],
footer input[type="submit"] {
	position: absolute;
	padding: 0 4px;
	height: 16px;
	top: 2px;
	right: 0px;
	border: none;
	cursor: pointer;
	background: #f79b3e;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Kievit';
	font-weight: 500;
	font-size: 11px;
	margin-right: 2px;
}
#header-subscribe {
	height: 36px;
}
header form.gsc-search-box,
footer form.gsc-search-box {
	display: -webkit-flex;
	display: flex;
	margin: 0;
}
header table.gsc-search-box,
footer table.gsc-search-box,
header table.gsc-search-box tbody,
footer table.gsc-search-box tbody {
	display: block;
	margin: 0;
}
header table.gsc-search-box > tbody > tr,
footer table.gsc-search-box > tbody > tr {
	display: -webkit-flex;
	display: flex;
	position: relative;
	height: 32px;
	border: 1px solid #ccc;
	padding: 2px;
	box-sizing: border-box;
}
header .gsc-search-box-tools .gsc-search-box .gsc-input,
footer .gsc-search-box-tools .gsc-search-box .gsc-input {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
header table.gsc-search-box td,
footer table.gsc-search-box td {
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
	-webkit-align-items: center;
	-webkit-flex: 0 1 48px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 0 1 28px;
	z-index: 400;
	height: 100%;
	width: initial; width: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
header input.gsc-search-button, header input.gsc-search-button:hover, header input.gsc-search-button:focus,
footer input.gsc-search-button, footer input.gsc-search-button:hover, footer input.gsc-search-button:focus {
	display: block;
	box-sizing: border-box;
	background: #f79b3e;
	padding: 6px;
	margin: 0;
	height: 26px;
	width: 26px;
	border: none;
	border-radius: 0;
}
header .gsc-search-box-tools .gsc-search-box .gsc-input,
footer .gsc-search-box-tools .gsc-search-box .gsc-input {
	-webkit-flex: 1 0 auto;
	-webkit-order: 3;
	flex: 1 0 auto;
	order: 3;
	padding: 0;
	box-sizing: border-box;
	height: 100%;
	margin: 0;
}
header table.gsc-search-box td.gsc-search-button,
footer table.gsc-search-box td.gsc-search-button {
	-webkit-order: 5;
	order: 5;
}
header .gsc-search-box-tools td.gsc-clear-button,
footer .gsc-search-box-tools td.gsc-clear-button {
	-webkit-order: 4;
	order: 4;
}
header .gsc-search-box-tools div.gsc-clear-button,
footer .gsc-search-box-tools div.gsc-clear-button {
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	-webkit-order: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	order: 2;
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #ddd;
}
header input.gsc-input, header .gsc-input-box, header .gsc-input-box-hover, header .gsc-input-box-focus,
footer input.gsc-input, footer .gsc-input-box, footer .gsc-input-box-hover, footer .gsc-input-box-focus {
	display: block;
	width: 100%;
	position: relative;
	border: none;
	box-sizing: border-box;
	height: 100%;
	box-shadow: none;
}
header .gsc-input-box > table,
footer .gsc-input-box > table,
header .gsc-input-box > table > tbody,
footer .gsc-input-box > table > tbody {
	height: 100%;
	width: 100%;
	display: block;
}
header .gsc-input-box > table tr,
footer .gsc-input-box > table tr {
	display: -webkit-flex;
	display: flex;
	height: 100%;
}
header table.gsc-search-box td.gsib_a,
footer table.gsc-search-box td.gsib_a {
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	padding-left: 4px;
}
header .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input,
footer .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input {
	min-height: 100%;
	margin: 0;
	box-sizing: border-box;
	border: none;
	position: static;
	font-size: 1.1em;
	text-transform: none;
	color: #444;
	font-weight: 100;
}
header .gsst_b,
footer .gsst_b {
	padding: 0;
	margin: 0;
}
header .gsst_a,
footer .gsst_a {
	padding: 0;
	margin: 0;
}
header .gsst_a .gscb_a,
footer .gsst_a .gscb_a {
	padding: 0;
	height: 26px;
	width: 26px;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ddd;
	margin: 0;
	color: #fff;
	text-shadow: 0 0 2px #999;
}
header input.gsc-input > table,
footer input.gsc-input > table {
	width: 0;
	padding: 0px;
	display: block;
	box-sizing: border-box;
}
body > .gssb_c .gsc-completion-container,
body > .gssb_c .gssb_e {
	box-shadow: none;
}
body > .gssb_c .gsc-completion-container {
	width: 100%;
	box-shadow: none;
	font-family: 'Kievit', Arial, Helvetica, sans-serif;
	font-size: 1em;
}
body > .gssb_c .gssb_a {
	padding: 0 6px;
}
body > .gssb_c .gsc-completion-container span {
	font-weight: 100;
}
#page-search {
	padding: 24px 12px 12px 12px;
}
#main .gsc-table-result,
#main .gsc-thumbnail-inside,
#main .gsc-url-top,
#main .gsc-result-info {
	padding-left: 0;
}
#main .cse .gsc-control-cse,
#main .gsc-control-cse {
	padding: 0;
}
#main .gcsc-branding {
	display: none;
}
#main .gsc-control-cse .gsc-results .gsc-webResult > .gs-result {
	position: relative;
	overflow: hidden;
}
#main .gs-webResult div.gs-visibleUrl,
#main .gs-imageResult div.gs-visibleUrl,
#main .gs-webResult div.gs-visibleUrl-short {
	color: #888;
}
#main .gsc-control-cse .gs-spelling,
#main .gsc-control-cse .gs-result .gs-title,
#main .gsc-control-cse .gs-result .gs-title * {
	text-decoration: none;
	height: auto; height: inherit;
	font-size: 1.2em;
	line-height: 1em;
}
#main .gs-webResult.gs-result a.gs-title:link,
#main .gs-webResult.gs-result a.gs-title:link b,
#main .gs-webResult.gs-result a.gs-title:visited,
#main .gs-webResult.gs-result a.gs-title:visited b,
#main .gs-imageResult a.gs-title:link,
#main .gs-imageResult a.gs-title:link b,
#main .gs-imageResult a.gs-title:visited,
#main .gs-imageResult a.gs-title:visited b {
	color: #0065BD;
}
#main .gs-webResult.gs-result a.gs-title:after,
#main .gs-imageResult a.gs-title:after {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	content: '';
}
#main .gs-webResult.gs-result a.gs-title:hover,
#main .gs-webResult.gs-result a.gs-title:hover b,
#main .gs-imageResult a.gs-title:hover,
#main .gs-imageResult a.gs-title:hover b {
	color: #5BC6E8;
}
#main .gs-webResult.gs-result a.gs-title:link b {
	font-weight: 600;
	font-size: 1em;
}
#main .gsc-results .gsc-cursor-box {
	margin: 10px 0;
}
#main .gsc-results .gsc-cursor {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: flex;
	flex-flow: row wrap;
}
#main .gsc-results .gsc-cursor-box .gsc-cursor-page {
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	width: 48px;
	margin: 0 1px 0 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	font-size: 1.3em;
	background: #fff;
	color: #aaa;
	text-decoration: none;
}
#main .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
#main .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	background: #ccc;
	color: #fff;
}
#main .gsc-above-wrapper-area-container {
	text-transform: uppercase;
}
#main .gsc-selected-option-container {
	background: #49c6ea;
	border-radius: 0;
	font-size: 14px;
	color: #fff;
	margin-left: 8px;
	box-shadow: none;
	position: relative;
	text-align: left;
	width: 90px;
	min-width: auto; min-width: initial;
	max-width: none; max-width: initial;
}
#main .gsc-selected-option,
#main .gsc-option-menu-item-highlighted,
#main .gsc-option-menu-item {
	color: #fff;
	font-weight: 600;
}
#main .gsc-control-cse .gsc-option-selector {
	background: #49c6ea url(//cdn.aquasana.com/images/icons/daquo-med.png) center 9px no-repeat;
	height: 24px;
	top: 0px;
	right: 0px;
	padding: 0;
	width: 24px;
	box-sizing: border-box;
	margin: 0;
}
#main .gsc-control-cse .gsc-option-menu {
	box-shadow: none;
	padding: 0;
	border: none;
	padding: 0;
	width: 90px;
	left: 0px;
	margin-left: 8px;
	right: initial;
}
#main .gsc-option-menu-item  {
	background: #49c6ea;
	color: #fff;
	padding: 0 28px 0 6px;
	width: 90px;
}
#main .gsc-option-menu-item .gsc-option {
	font-weight: 600;
	font-size: 14px;
}
#main .gsc-option-menu-item-highlighted {
	background: #0065BD;
}

#main {
	position: relative;
	z-index: 200;
	padding: 0 6px;
}
#main.inner {
	border-top: 1px solid #ccc;
	margin: 0 3px;
}
form[class|="singletext"] {
	position: relative;
	display: block;
	width: 220px;
	padding: 0;
	margin: 0;
}
form.singletext-short {
	width: 166px;
}
form.singletext-long {
	width: 284px;
}
form[class|="singletext"] fieldset {

	text-align: left;
	background: #fff;
	display: block;
	position: relative;
	border: 1px solid #49c6ea;
	width: 100%;
	box-sizing: border-box;
	height: 22px;
	padding-top: 0;
}
form[class|="singletext"] fieldset.blue {
	border: 1px solid #ccc;
	width: 132px;
}
form[class|="singletext"] fieldset.gray {
	border: 1px solid #ccc;
}
form.singletext-short input[type="text"] {
	width: 98px;
}
form.singletext-long input[type="text"] {
	width: 236px;
}
form.singletext-xl input[type="text"] {
	width: 272px;
}
form[class|="singletext"] input[type="submit"] {
	position: absolute;
	padding: 0 4px;
	height: 16px;
	top: 2px;
	right: 0px;
	border: none;
	cursor: pointer;
	background: #f79b3e;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Kievit';
	font-weight: 500;
	font-size: 11px;
}
.inline {
	display: inline;
}
.clear {
	clear: both;
	float: none;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
.textcenter {
	text-align: center;
}
.alignleft {
	float: left;
	clear: left;
	margin: 10px 18px 0 0;
	display: block;
}
.alignright {
	float: right;
	clear: right;
	margin: 10px 0 0 18px;
	display: block;
}
.aligncenter {
	float: none;
	clear: both;
	margin: 6px auto 24px auto;
	display: block;
}
/* right side social links */
#fixed-social {
	position: fixed;
	right: 0px;
	bottom: 6px;
	padding: 16px 0 6px 0;
	width: 58px;
	overflow: hidden;
	z-index: 10;
	background: #49c6ea;
}
#fixed-social .gig-button {
	padding: 0 14px;
}

/*	USE LIKE SO: */
/*	<ul class="social-links">
	<li><a href="http://www.facebook.com/aquasana" target="_blank">Facebook</a></li>
	<li><a href="http://twitter.com/aquasana" target="_blank">Twitter</a></li>
	<li><a href="http://www.youtube.com/user/aquasana" target="_blank">YouTube</a></li>
	<li><a href="http://pinterest.com/aquasana/" target="_blank">Pinterest</a></li>
	<li><a href="http://instagram.com/aquasana" target="_blank">Instagram</a></li>
	<li><a href="http://plus.google.com/+aquasana" target="_blank">Google+</a></li>
	<li><a href="http://www.linkedin.com/company/aquasana" target="_blank">LinkedIn</a></li>
	</ul>
*/
.social-links,
.social-links li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
.social-links li {
	display: inline;
}
.social-links li a {
	overflow: hidden;
	height: 65px;
	width: 65px;
	display: inline-block;
	text-indent: -99em;
	background-image: url('//cdn.aquasana.com/images/icons/bit-social-color-65.png');
	background-repeat: no-repeat;
}
.social-links li a:hover {
	opacity: .9;
}
.social-links li a[href*="facebook"] {
	background-position: 0px top;
}
.social-links li a[href*="twitter"] {
	background-position: -65px top;
}
.social-links li a[href*="youtube"] {
	background-position: -130px top;
}
.social-links li a[href*="pinterest"] {
	background-position: -195px top;
}
.social-links li a[href*="instagram"] {
	background-position:  -260px top;
}
.social-links li a[href*="google"] {
	background-position:  -325px top;
}
.social-links li a[href*="linkedin"] {
	background-position:  -390px top;
}


/* start header */
header {
	height: 128px;
	position: relative;
	padding: 4px 0 0 0;

	z-index: 400;
	margin: 0 6px 0 0;
	box-sizing: border-box;
	font-size: 14px;
}
#header-logo {
	position: relative;
	z-index: 90;
	width: 236px;
	height: 72px;
}
#header-logo a,
#header-logo h1 {
	display: block;
	text-indent: -99em;
	position: relative;
	overflow: hidden;
	background: url('//cdn.aquasana.com/images/global/aquasana-logo.png') center center no-repeat;
	background: url('//cdn.aquasana.com/images/global/aquasana-logo.svg') center 6px no-repeat;
	background-size: 204px 64px;
	width: 100%;
	height: 100%;
}

/* subscribe box */
#header-subscribe {
	display: block;
	position: absolute;
	right: 0px;
	height: 34px;
	width: 235px;
	width: 17em;
	width: 270px;
	text-align: right;
	bottom: 0px;
	z-index: 70;
	bottom: 6px;
}
#header-subscribe form.singletext-xl {
	width: initial; width: auto;
}

/* top functions */
#header-bar {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 800px;
	height: 75px;
	z-index: 80;
	width: 100%;
	height: initial; height: auto;
}
#header-bar ul {
	position: relative;
	float: right;
	float: none;
	text-align: right;
}
#header-bar [id|="bar"] {
	color: #a7a9ac;
	position: relative;
	text-transform: lowercase;
	font-family: 'Kievit';
	font-weight: 100;
	font-size: 16px;
	font-size: 1.2em;
	padding: 0 14px;
	margin: 6px 0;
	display: block;
	float: left;
	cursor: pointer;
	line-height: 1.5em;
	padding: 0;
	float: none;
	margin: 0;
	display: inline-block;
}
#header-bar [id|="bar"] a {
	color: #a7a9ac;
	padding-top: 2px;
	display: block;
	min-width: 56px;
	height: 24px;
	border-left: 1px solid #ccc;
	padding: 2px 16px;
}
#header-bar [id|="bar"] a:hover {
	opacity: .8;
}
#header-bar #bar-code a.off,
#header-bar #bar-code a.off .mycode {
	color: #fff;
}
#header-bar [id|="bar"]:first-child,
#header-bar [id|="bar"]:first-child a,
#header-bar #bar-phone,
#header-bar #bar-rewards + li#bar-code {
	border-left: none;
}
#header-bar #bar-account a {
	border-right: 1px solid #ccc;
}
#header-bar #bar-code a {
	text-align: center;
}
#header-bar #bar-cart a {
	color: #f79b3e;
	text-align: right;
	padding-left: 36px;
	min-width: 24px;
	background: url('//cdn.aquasana.com/images/icons/icon-cart.png') left center no-repeat;
	background: url('//cdn.aquasana.com/images/icons/bit-icons-color-32.svg') 10px 0px no-repeat;
	background-size: 24px 168px;

}
#header-bar #bar-cart a {
	border: none;
}
#header-bar #bar-chat {
	display: none;
}
#header-bar #bar-chat a {
	color: #49c6ea;
	text-align: right;
	background: url('//cdn.aquasana.com/images/icons/icon-chat.png') left center no-repeat;
}
#header-bar #bar-chat ul li a {
	text-transform:none;
}
#header-bar #bar-phone {
	background: #49c6ea;
	color: #fff;
	padding: 0 16px;
	margin: 0;
	font-size: 22px;
	cursor: default;
	font-weight: 600;
	white-space: nowrap;
}
#header-bar #bar-phone a {
	color: #fff;
}
#header-bar #bar-phone a[href^="tel"],
#header-bar #bar-phone a[href^="callto"] {
	height: auto; height: initial;
	border: none;
}
#header-bar #bar-account.loggedin a > span {
	font-size: .8em;
}
#header-bar #bar-account.loggedin > a:after {
	content: url('//cdn.aquasana.com/images/global/arrow-gray-down-small.png');
	padding-left: 7px;
}
#header-bar #bar-account.loggedin ul {
	position: absolute;
	border: 1px solid #ccc;
	padding: 0 16px 6px 16px;
	width: 128px;
	left: 0px;
	border-top: 0;
	display: none;
	background: #fff;
	box-sizing: border-box;
}
#header-bar #bar-account.loggedin:hover ul {
	display: block;
}
#header-bar #bar-account.loggedin:hover ul a {
	font-weight: 100;
	padding-top: 0;
	font-size: 14px;
	text-align: left;
	border: none;
	padding: 2px;
}

#header-bar #bar-chat.splitchat-h ul {
	position: absolute;
	border: 1px solid #ccc;
	padding: 5px 0 6px 16px;
	width: 310px;
	left: -1px;
	border-top: 0;
	display: none;
	background: #fff;
}
#header-bar #bar-chat.splitchat-h:hover ul {
	display: block;
}
#header-bar #bar-chat.splitchat-h:hover ul a {
	background: none;
	text-align: left;
	text-transform: initial;
	font-weight: normal;
}
#header-bar #bar-rewards {
	width: 200px;
	width: initial; width: auto;
/*	padding: 0;
	padding-right: 2%;*/
}
#header-bar #bar-rewards a.link-rewards {
	color: #f79b3e;
	font-size: 18px;
}

/* base navigation */
header > nav {
	display: block;
	position: relative;
	float: left;
	width: 750px;
	z-index: 60;
}
header nav [id|="nav"] {
	position: relative;
	display: inline-table;
}
header nav [id|="nav"] > a {
	color: #777;
	display: table-cell;
	padding: 0 10px 0 16px;
	vertical-align: bottom;
	font-family: 'Kievit';
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	height: 50px;
	padding-bottom: 6px;
	box-sizing: border-box;
	font-size: 1.28em;
}
header nav [id|="nav"] > a:hover {
	background: #e3e4e5;
	background: -moz-linear-gradient(top,	rgba(30,20,10,0) 40%, rgba(30,20,10,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(30,20,10,0)), color-stop(100%,rgba(30,20,10,0.1)));
	background: -webkit-linear-gradient(top,	rgba(30,20,10,0) 40%,rgba(30,20,10,0.1) 100%);
	background: -o-linear-gradient(top,	rgba(30,20,10,0) 40%,rgba(30,20,10,0.1) 100%);
	background: -ms-linear-gradient(top,	rgba(30,20,10,0) 40%,rgba(30,20,10,0.1) 100%);
	background: linear-gradient(to bottom,	rgba(30,20,10,0) 40%,rgba(30,20,10,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}


/* start footer */
footer {
	position: relative;
	padding: 0 6px 6px 6px;
	font-size: 14px;
}
footer [class|="bar"] {
	position: relative;
	box-sizing: border-box;
}
footer .bar-mid {
	background: #49c6ea;
	margin-bottom: 20px;

	display: table;
	table-layout: fixed;
	border-spacing: 10px;
	width: 100%;
}
footer .bar-mid [class|="mid"] {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	font-size: 1em;
	text-transform: uppercase;
	font-family: 'Kievit';
	line-height: 1em;
	border-left: 1px solid rgba(0,0,0,.2);
	text-align: left;
	padding-right: 2%;
	padding-left: 2%;
}
footer .bar-mid .mid-discount {
	padding-left: 0;
	border: none;
	padding-right: 2%;
}
footer .bar-mid .mid-subscribe {
	padding-right: 0;
	padding-left: 2%;
}
footer .bar-mid .mid-discount > label,
footer .bar-mid .mid-subscribe > label {
	display: block;
	width: 100%;
	text-transform: none;
	padding-bottom: 4px;
}
footer .bar-mid [class|="mid"] a {
	text-transform: none;
	font-size: 18px;
	color: #fff;
	font-weight: 100;
	font-size: 1.28em;
}
footer .bar-mid [class|="mid"] a:hover {
	opacity: .7;
}
footer .bar-mid [class|="mid"] a:after {
	content: "\00BB";

	padding-left: 0.4em;
	font-size: 1.1em;
}
footer .bar-mid form[class|="singletext"] {
	width: initial; width: auto;
}
footer .bar-links {
	z-index: 40;
	padding: 0 0 20px 4%;
	width: 80%;
	float:left;
}
footer .bar-links > ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 0;
}
footer .bar-links > ul > li {
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Kievit';
	font-weight: bold;
	color: #808080;
	display: table-cell;
	font-size: .94em;
}
footer .bar-links > ul > li:first-child + li {
	padding-left: 16px;
}
footer .bar-links li ul {
	padding: 4px 0;
}
footer .bar-links li.list-message {
	padding: 4px 0;
	height: 42px;
	width: 100%;
	border-top: 2px solid #ccc;
	display: none;
}
footer .bar-links li.list-message.active {
	display: block;
}
footer .bar-links li.list-message p {
	font-size: 14px;
	line-height: 1.2em;
	color: #0065a3;
	text-transform: none;
	font-weight: 100;
	padding: 5px 0;
}
footer .bar-links li.list-message p.closed {
	padding-left: 48px;
	background: url('//cdn.aquasana.com/images/icons/icon-call-closed.png') left center no-repeat;
}
footer .bar-links li li a {
	padding: 4px 0 2px 16px;
	display: block;
	font-size: 14px;
	font-size: 1em;
	color: #0065a3 ;
	font-family: 'Kievit';
	background: url('//cdn.aquasana.com/images/icons/rsaquo-dark.png') left center no-repeat;
	line-height: 1em;
	text-transform: none;
	font-weight: 500;
	background: url('//cdn.aquasana.com/images/icons/arrow-rsaquo-bit.svg') 0px -58px no-repeat;
	background-size: 10px 300px;
}
footer .bar-links li.list-awards li a {
	background: none;
	padding: 0;
}
footer .bar-links li li a:hover {
	opacity: .8;
}
footer .bar-links li li a.inactive:hover {
	opacity: 1;
}
footer .bar-links li.list-awards {
	padding-bottom: 20px;
}
footer .bar-links li.list-awards ul {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
footer .bar-links li.list-awards li {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 72px;
	width: 80px;
	text-align: center;
	display: inline-table;
	vertical-align: middle;
}
footer .bar-links li.list-awards li:first-child {
	-webkit-order: 9;
	order: 9;
	width: 100%;
}
footer .bar-links li.list-awards li:first-child a {
	display: block;
	position: relative;
	padding-left: 80px;
	padding-top: 8px;
	text-align: left;
}
footer .bar-links li.list-awards li:first-child a img {
	position: absolute;
	left: 2px;
	top: 0px;
}
footer .bar-cert {
	width: 20%;
	float: right;
	text-align: center;
	font-weight: normal;
	line-height: 1em;
	padding: 0 15px;
}

footer .bar-cs {
	padding: 0;
	clear:both;
}
footer .bar-cs li ul {
	padding: 4px 0;
	display: table;
	width: 100%;
	height: 56px;
	box-sizing: border-box;
}
footer .bar-cs li.list-icons {
	border-top: 1px solid #ccc;
	width: 100%;
}
footer .bar-cs .list-icons a {
	display: block;
	font-size: 14px;
}
footer .bar-cs .list-icons a:hover {
	opacity: .8;
}
footer .bar-cs .list-icons a.inactive:hover {
	opacity: 1;
}
footer .bar-cs .list-icons a {
	text-transform: uppercase;
	font-weight: bold;
	box-sizing: border-box;
}
footer .bar-cs .list-icons li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1em;
	font-size: 1.15em;
}
footer .bar-cs .icon-phone {
	color: #49c6ea;
	font-weight: 100;
	padding-left: 34px;
	margin-left: 20px;
	background: url('//cdn.aquasana.com/images/icons/bit-icons.png') 0px -90px no-repeat;
	text-transform: uppercase;
	padding-left: 4%;
	margin-left: 1%;
	background: url('//cdn.aquasana.com/images/icons/bit-icons-color-32.svg') 12px -84px no-repeat;
	background-size: 24px 168px;
}
footer .bar-cs .icon-phone strong {
	position: absolute;
	padding: 0 0 0 6px;
	white-space: nowrap;
	top: 0px;
}
footer .bar-cs .icon-phone strong,
footer .bar-cs .icon-phone strong a {
	height: 48px;
	line-height: 48px;
	font-size: 24px;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #49c6ea;
}
footer .bar-cs .icon-phone.closed {
	color: #777;
	background: url('//cdn.aquasana.com/images/icons/bit-icons.png') 0px -225px no-repeat;
	opacity: .6;
}
footer .bar-cs .icon-phone .extended {
	position: absolute;
	top:-12px;
	left:315px;
	height:16px;
	width:164px;
	background: url('//cdn.aquasana.com/images/icons/saturdayHighlight.png') 0px 0px no-repeat;
}
footer .bar-cs .icon-chat {
	border-left: 1px solid #ccc;
}
footer .bar-cs .icon-chat a {
	text-align: center;
	background: url('//cdn.aquasana.com/images/icons/bit-icons.png') 6px -136px no-repeat;
	color: #49c6ea;
	background: url('//cdn.aquasana.com/images/icons/bit-icons-color-32.svg') 4px -132px no-repeat;
	background-size: 24px 168px;
	height: 48px;
	line-height: 48px;
	padding-left: 20px;
	margin-left: 12%;
}
footer .bar-cs .icon-login {
	border-left: 1px solid #ccc;
}
footer .bar-cs .icon-login a {
	background: url('//cdn.aquasana.com/images/icons/bit-icons.png') 6px -176px no-repeat;
	color: #68bc49;
	background: url('//cdn.aquasana.com/images/icons/bit-icons-color-32.svg') 4px -36px no-repeat;
	background-size: 24px 168px;
	height: 48px;
	line-height: 48px;
	padding-left: 40px;
	margin-left: 12%;
}
footer .bar-cs .icon-chat a.inactive {
	margin-left: 0;
	background: none;
	color: #bbb;
}
footer .bar-cs li#footer-icon-chat.splitchat-f ul {
	position: absolute;
	border: 1px solid #ccc;
	padding: 10px 0 10px 0;
	width: 330px;
	left: -1px;
	bottom: 48px;
	border-bottom: 0;
	display: none;
	background: #fff;
	z-index:50;
}
footer .bar-cs li#footer-icon-chat.splitchat-f:hover ul {
	display: block;
}
footer .bar-cs li#footer-icon-chat.splitchat-f ul li a {
	padding: 0;
	background:none;
	text-align:left;
	text-transform:none;
	font-size:14px;
	font-weight:normal;
	line-height:initial;
}
footer .bar-birdseed {
	background: #e0e0e0;
	padding: 5px 12px;
}
footer .bar-birdseed p {
	padding: 5px 0;
	font-size: 12px;
	color: #777;
	font-size: .86em;
}
footer .bar-end a,
footer .bar-end li {
	color: #fff;
}
footer .foot-links li a:hover {
	opacity: .6;
}
/* end footer */
