/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* GLOBAL */
@font-face {
  font-family: Vazir;
  src: url('../fonts/Vazir.eot');
  src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vazir.woff') format('woff'),
       url('../fonts/Vazir.ttf') format('truetype');
  font-weight: normal;
}
      
@font-face {
  font-family: Vazir;
  src: url('../fonts/Vazir-Bold.eot');
  src: url('../fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vazir-Bold.woff') format('woff'),
       url('../fonts/Vazir-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/Vazir-Light.eot');
  src: url('../fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Vazir-Light.woff') format('woff'),
       url('../fonts/Vazir-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proxima-nova.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/proxima-nova-bold.otf');
  font-weight: bold;
  font-style: normal;
}


html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
html, body {font-family: "Vazir", ProximaNova, sans-serif; font-size:17px; width:100%; overflow-x:hidden; overflow-x: visible; }

.content-container {padding:0 15px;}
.social-link {display:inline-block; background:#24b1ac; width:36px; height:36px; border-radius:50%; border:#67c8c4 3px solid; font-size:18px; line-height:30px; text-align:center; color:#fff; margin:0 4px;}
a.button {width:100%; height:32px; line-height:32px; display:inline-block; border-radius:5px; border:0 none; font-size:inherit; font-weight:bold; text-align:center; text-decoration:none;}
a.button.form-button {background:#fff; color:#2696cc; border:#2696cc 2px solid; width:150px; line-height:28px;}
a.button.form-button:hover {background:#f5f5f5; color:#2696cc;}
a.button.form-button.selected {background:#2696cc; color:#fff;}
a.form-option {color:#2696cc; padding:10px; margin:10px; display:inline-block; text-decoration:none; border-radius:5px;}
a.form-option.selected {background:#e6f3fa;}
.b {font-weight:bold;}
.p {margin:10px 0;}
.pp {margin:20px 0;}
.heading {font-size:24px; font-weight:bold;}
.caps {text-transform:uppercase;}
.no-caps {text-transform:none;}
.nowrap {white-space:nowrap;}
.ib {display:inline-block;}
.c {text-align:center;}
.grey {color:#aaa;}
.relative {position:relative;}
.full-height {height:100%;}
.desktop-only {display:none;}
.two-col-content .two-col {padding:20px 0;}
.two-col-content .two-col:first-child {border-bottom:#aaa 1px solid;}
.vertical-outer:before {content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-0.25em;}
.vertical-inner {display:inline-block; vertical-align:middle; white-space:normal;}
input[type="text"], input[type="password"], input[type="number"] {width:100%; height:32px; line-height:30px; border:#aaa 1px solid; border-radius:5px; padding:0 10px; outline:0; color: #000 !important;}
textarea {width:100%; border:#aaa 1px solid; border-radius:5px; padding:0 10px; color: #000 !important;}
.show-req, input[type="text"].show-req, input[type="password"].show-req {border:#a00 1px solid;}
.h-pad {padding-left:30px; padding-right:30px;}

/* quick grid */
.row {margin-left:-15px; margin-right:-15px;}
.row:before {content:" "; display:table;}
.row:after {content:" "; display:table; clear:both;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {position:relative; min-height:1px; padding-left:15px; padding-right:15px;}

/* color options */
/* white-bg is "default" */
body {background: 0 0; color:#000;}
body a {color:#e51937;}
body a.button {background:#e51937; color:#fff;}
body a.button:hover {background:#d72741; color:#f5f5f5;}
body a.button.o {background:#fff; border:#e51937 2px solid; line-height:28px; color:#e51937;}
body a.button.o:hover {background:#f5f5f5; border-color:#d72741; color:#d72741; }
body a.button.disabled, body a.button.disabled:hover {background:#d9d9d9;}
body .heading {color:#f3b32f;}

.blue-bg {background:#2696cc; color:#fff;}
.blue-bg a {color:#fff;}
.blue-bg a.button {background:#fff; color:#e51937;}
.blue-bg a.button:hover {background:#f5f5f5; color:#d72741;}
.blue-bg .heading {color:#fff;}

.darkblue-bg {background:#09478a; color:#fff;}
.darkblue-bg a {color:#fff; text-decoration:none;}
.darkblue-bg a.button {background:#e51937; color:#fff;}
.darkblue-bg a.button:hover {background:#d72741; color:#f5f5f5;}

.grey-bg {background:#f5f5f5; color:#000;}
.grey-bg a.button {background:#e51937; color:#fff;}
.grey-bg a.button:hover {background:#d72741; color:#f5f5f5;}
.grey-bg .heading {color:#F3B330;}

.aqua-bg {background:#2bb0ac; color:#fff;}
.aqua-bg a.button {background:#fff; color:#e51937;}
.aqua-bg a.button:hover {background:#f5f5f5; color:#d72741;}
.aqua-bg .heading {color:#fff;}

.dark-bg {background:#333333; color:#fff;}
.dark-bg a.button {background:#fff; color:#e51937;}
.dark-bg a.button:hover {background:#f5f5f5; color:#d72741;}
.dark-bg .heading {color:#fff;}

.pool-balance .title-block {background:#8a3b92;}
.pool-balance .quick-links a.active {color:#8a3b92;}
.pool-balance .quick-links a.active .number {background:#8a3b92; border-color:#742970; color:#fff;}

.pool-sanitize .title-block {background:#f3b330;}
.pool-sanitize .quick-links a.active {color:#f89034;}
.pool-sanitize .quick-links a.active .number {background:#f89034; border-color:#f3b330; color:#fff;}

.pool-shock .title-block {background:#e41d38;}
.pool-shock .quick-links a.active {color:#e41d38;}
.pool-shock .quick-links a.active .number {background:#e41d38; border-color:#b32525; color:#fff;}

.pool-algaecides .title-block {background:#2aa24c;}
.pool-algaecides .quick-links a.active {color:#2aa24c;}
.pool-algaecides .quick-links a.active .number {background:#2aa24c; border-color:#1b7b45; color:#fff;}

.spa-balance .title-block {background:#009355;}
.spa-balance .quick-links a.active {color:#009355;}
.spa-balance .quick-links a.active .number {background:#009355; border-color:#009355; color:#fff;}

.spa-sanitize .title-block {background:#0075BE;}
.spa-sanitize .quick-links a.active {color:#0075BE;}
.spa-sanitize .quick-links a.active .number {background:#0075BE; border-color:#0075BE; color:#fff;}

.spa-shock .title-block {background:#CD5090;}
.spa-shock .quick-links a.active {color:#CD5090;}
.spa-shock .quick-links a.active .number {background:#CD5090; border-color:#CD5090; color:#fff;}


/* breadcrumb */
.breadcrumb {display:none;}


/* menu */
.menu-div {width: 100%; max-width: 1116px; margin: 0 auto;}
.nav-div {z-index:60; position:fixed; top:0; right:0; left:0; background:#fff linear-gradient(#fff, #fff 101px, #D3ECEE 101px); transition:height 250ms ease-in-out; border-bottom:#fff 1px solid;}
.nav-div ul li.search-link.active, ul li.menu-link.active {background-color: #d3ecee;}

.menu-links-div {position:fixed; top:0; right:100%; bottom:0; left:-100%; background:#1faead; transition: left 250ms ease-in-out, right 250ms ease-in-out; z-index:90; height:61px;}
.menu-links-div {position:relative; background:transparent; overflow:visible; left:0;}

.menu-links-div ul {background:transparent;}
.menu-links-div ul {margin:0; padding:0; font-size:15px; background:#1f97cd;}
.menu-links-div ul li {white-space:nowrap; display:block; float:left; text-align: center; background-color: transparent;}
.menu-links-div .no-sub ul {height:0;}
.menu-links-div li {overflow:hidden;}
.menu-links-div ul a {color:#fff; height:2.2em; line-height:1.1em; border-bottom:#fff 1px solid; padding:0 10px; display:block;}
.menu-links-div ul a {color:#100b31; border-bottom:0 none; text-decoration: none;}

.menu-links-div>ul>li {position:static;}
.menu-links-div>ul>li {height:61px; margin: 0 2px; width: 12.25%; min-width: 110px; padding-top: 1.0em;}
/* .menu-links-div ul li.search-link>a:hover {color: #145a9f;} */  /* hover over search icon turns it blue */
.menu-links-div ul li.logo-link {width: 15%; min-width: 140px; padding: 0; }
.menu-links-div ul li.logo-link:hover {background-color: transparent;}
.menu-links-div ul li.search-link {width: 6%; margin: 0 10px; min-width: 45px;}
.menu-links-div ul li.menu-link {width: 8%; min-width: 45px;}
.menu-links-div ul li.menu-link .close-button {display: none;}
.menu-links-div>ul>li.one-line {padding-top: 1.5em; }
.menu-links-div>ul>li>a {position:relative;}
.menu-links-div>ul>li.red-box>a {background-color: #e51937; color: #fff; padding: 13px 0 0 0; margin: 0 25px; margin-top: -5px; height: 40px; border-radius: 5px; font-weight: bold;}
.menu-links-div ul li.red-box:hover {background-color: transparent;}
.menu-links-div ul li.red-box:hover a {background-color: #d72741; color: #f5f5f5;}

.search-div { display: none; visibility: hidden; } /* by default, search bar is hidden */
.search-div.active { display: block; visibility: visible; }
.search-div { position: relative; top: -1px; height: 3.3em; line-height: 1.1em; padding-top: 0.65em; background-color: #d3ecee; }
.search-div {text-align:center; overflow:hidden; transition:height 250ms ease-in-out;}
.search-div span.search-label {font-weight: normal; font-size: 18px; padding: 0 10px;}
.search-div input[type="text"] {width:35%; color: #100b31 !important;}
.search-div .button {width:auto; background: #1f97cd; text-transform: uppercase;} /* border-radius: 0;  */
.search-div .button:hover {background: #145a9f;}

.submenu-div { position:relative; top:0px;}
.submenu-div ul { display: none; visibility: hidden; } /* by default, submenus are hidden */
.submenu-div ul.active { display: block; visibility: visible; }
.submenu-div ul {
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}

.submenu-div ul {position:relative; width:100%; max-width: 1116px; margin: 0 auto;}
.submenu-div ul li {background-color: #D3ECEE; width: 25%; height:100px; display: block; float: left; overflow: hidden; text-align: center; padding: 10px;}
.submenu-div ul li div {background-color: #FFF; width: 100%; height: 100%; padding: 15px;}
.submenu-div ul a {
  color: #100b31;
  height:2.2em;
  line-height:1.1em;
  font-size: 25px;
  background-color: #FFF;
  text-align: center;
  text-decoration: none;
}
.submenu-div ul a:hover {color: #3097cc;}
.mobile-div { display: none; visibility: hidden; } /* by default, mobile menu is hidden */
.nav-spacer-div { position: relative; height: 0; width:100%; margin-top: 83px;}
/* [minimum size of full menu: 947px] */

/* livechat */
.chat { display: none; position: fixed; bottom: 50px; right: 0; z-index: 999; color: #fff; border: 3px solid #d7d7d7; background-color: #1e77b9; width: 325px; height: 208px; }
.chat .chat-title { font-size: 34.34px; font-weight: bold; padding: 15px 18px; direction:rtl; }
.chat .chat-title .chat-close { float: right; color: #fff; font-size: 18px; }
.chat .chat-content { margin: 0 18px; }
.chat .chat-content .chat-button { display: inline-block; color: #fff; background-color: #145a9f; width: 137.86px; height: 116px; font-size: 14px; font-weight: bold;  padding: 8px 0 0 12px; }
.chat .chat-content .chat-button .chat-icon { line-height: 1.0em; font-size: 60px; }

/* title section */
.title-block {position:relative; padding:30px 0; background:repeating-linear-gradient(-45deg, #2bb0ac, #2bb0ac 25px, #35b5af 25px, #35b5af 50px, #4abab4 50px, #4abab4 75px); color:#fff; text-align:center;}
.title-block .title {font-size:45px; font-weight:bold; padding:0 15px;}
.title-block .description {font-size:20px; padding:0 15px; direction:rtl; text-align:justify;}
.title-block.bg-image {background-size:auto 125%; height:250px; background-position:top center; text-align:left;}
.title-block.bg-image .title-container {position:absolute; bottom:15px; left:15px; right:15px;}
.title-block.bg-image .title {background:rgba(19,85,156,0.8); text-transform:uppercase; display:inline-block;}
.title-block.bg-image .description {background:rgba(38,150,204,0.8);}
.title-block a {color:#fff;}

/* quick links */
.quick-links {font-size:18px; line-height:30px; background:#cccccc; text-align:center; padding:10px 0; font-weight:bold;}
.quick-links a {color:#fff; display:inline-block; margin:0 5px; text-decoration:none;}
.quick-links a .desktop-only {text-decoration:underline;}
.quick-links .number {display:inline-block; background:#7e7e7e; width:36px; height:36px; border-radius:50%; border:#d7d7d7 3px solid; text-align:center; color:#fff; margin:0 4px;}
.quick-links a:hover {color:#666666;}
.quick-links a:hover .number {background:#666666; border-color:#bababa;}

.module {text-align:center;}
/* image module */
.image-module {position:relative;}
.image-module .image-container {display:none;}
.image-module .description-container {padding:30px 10px; position:relative;}
.image-module .icon {margin:10px 0;}
.image-module.gradient .image-container {display:block;}
.image-module.gradient .image-container .image {display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-size:auto 100%; background-position: 50% center;}
.image-module.gradient .image-container .image-overlay {background: rgba(0,0,0,0.5); position:absolute; top:0; left:0; right:0; bottom:0;}
.image-module.gradient div.p.description {color: #fff;}

/* 2-column module*/
.two-col-module .heading {padding: 15px 0;}
.two-col-module .link {padding:15px 0 0 0;}
.two-col-module {text-align:center; position:relative;}
.two-col-module .column {padding:30px 0;}
.two-col-module .column:first-child {border-bottom:#aaa 1px solid;}

.telephone {font-weight: bold; color: #fff; font-size: 17px; line-height: 32px; height: 32px;}

/* 3-column module */
.three-col-module {padding:30px 0 10px 0; text-align:center;}
.three-col-module .circle {margin:20px auto; background:#fff; border:#54c5c2 8px solid; border-radius:50%; width:200px; height:200px; color:#000; font-weight: bold;}
.three-col-module .circle img {display:block; margin:20px auto;}

/* 4-column module */
.four-col-module {padding:30px 0 20px 0; text-align:center;}
.four-col-module .circle {margin:0 auto; width: 270px; }
.four-col-module .number {float:left; font-weight: bold; font-size: 36px; color: white; margin:10px; background:#8b3b94; border:#742971 8px solid; border-radius:50%; width:70px; display:inline-block;}
.four-col-module .title {float:left; font-weight: bold; font-size: 20px; color:#228c89; display:inline-block; position:relative; margin-top:20px; margin-left:10px;}
.four-col-module .link {font-weight: 600; font-size: 16px; color:transparent; }
.four-col-module .link a {color:transparent; width:100%; height:10%; position:absolute; font-size:0; margin-top:35px; left:0; z-index: 4;}
.four-col-module .link .fa {padding-left:5px;}
.four-col-module .column:nth-child(2) .number {background:#ed772f; border:#f0962f 8px solid;}
.four-col-module .column:nth-child(3) .number {background:#e61c38; border:#b32425 8px solid;}
.four-col-module .column:nth-child(4) .number {background:#25a34d; border:#137b46 8px solid;}
.four-col-module .column {display:block; margin:15px auto;}
.four-col-module .fa-angle-right {font-size:40px; vertical-align:sub; padding-left:20px;}
.four-col-module .mobileColumn {margin:0 auto; background:#fff; border:#54c5c2 8px solid; border-radius:5px; width:95%; height:100px; color:#000; }

/* review-module */
.review-module {padding:30px 0;}
.review-module .review-left .link {display:none;}
.review-module .review-right {text-align:left;}
.review-module .review-right hr {display:none;}
.review-module .review-right .quote-container {display:none;}
.review-module .review-right .quote-container:first-child {display:block;}
.review-module .review-right .quote-container .icon {width:25%; float:left;}
.review-module .review-right .quote-container .icon img {width:80%; height:auto; display:block; margin:0 auto;}
.review-module .review-right .quote-container .text-container {width:75%; float:left;}
.review-module .quote {font-weight:bold;}
.review-module .name {font-weight: bold;}
.review-module .name, .review-module .date {color:#999;}
.review-module .link-outer {margin-top:30px;}

/* video module */
.video-module .heading {padding:30px 0;}
.video-module .carousel {overflow:hidden; position:relative; height:360px;}
.video-module .video-block {position:absolute; width:492px; bottom:0; left:50%; max-width:100%;}
.video-module .thumbnail {position:relative; border:#54c5c2 8px solid; border-radius:5px; width:100%;}
.video-module .thumbnail img {width:100%; height:auto;}
.video-module .thumbnail .play-button {font-size:56px; position:absolute; top:0; right:0; bottom:0; left:0; color:#fff;}
.video-module .thumbnail .play-button i {position:absolute; top:50%; margin-top:-28px; left:50%; margin-left:-28px;}
.video-module .description {height:78px; width:326px; margin:0 auto; line-height:1em; padding:15px 0; font-weight:bold;}
.video-module .video-block-content {z-index:5; position:relative;}
.video-module .overlay {background:rgba(43,176,172,0.4); position:absolute; top:0; right:0; bottom:0; left:0; z-index:6;}
.video-module .focused .overlay {z-index:4;}
.video-slide-control {padding:30px 0;}
.video-slide-control a {color:#66ccc9; margin:0 5px;}
.video-slide-control a.active, .video-slide-control a.left, .video-slide-control a.right {color:#fff;}
.video-block .overlay {cursor:pointer;}

/* social-module */
.social-module { background: #F7F7F7; }
.social-module .mainheader { font-size: 30px; color:#f3b32f; margin: 20px 0; font-weight: bold;}
.social-module .innercolumn { background: #fff; }
.social-module .column { padding:0px; width:100%; float:none; }
.social-module .column:nth-child(3) { margin:15px 0; }
.social-module .column img { width: 100%; height: 100%; }
.social-module .description { padding: 0 15px; }
.social-module .heading { padding: 15px; color: black; }
.social-module .button { color: #e51937; background: none; width:auto;}
.social-module .button:hover {background: none; color: #e51937;}
.social-module .fa-long-arrow-right { color: #e51937; }
.social-module .social { display:none; }
.social-module .fa-facebook { background: #506fb3; width:30px; position:relative;}
.social-module .fa-pinterest-p { background: #d61e33; width:30px; position:relative; color:#fff;}
.social-module .pinterest-box { background: #bd081c; height:2em; max-width: 200px; vertical-align: middle; display: inline-block; position:relative; padding-top:5px; width:100%; color: #fff; font-weight: bold;}
.social-module .facebook-box { background: #3c5a99; height:2em; max-width: 200px; vertical-align: middle; display: inline-block; position:relative; padding-top:5px; width:100%; color: #fff; font-weight: bold;}
.social-module .facebook-box a { color: #fff;}
.social-module .facebookcontainer { width:230px; margin: 10px auto 0 auto; display:inline-block;}
.social-module .facebookcontainer .fa-stack { float: left; }
.social-module .social img { width:10%; height:10%; }
.social-module .social .fb-like, .social-module .social .a2a_button_pinterest_pin { display: none; }

/* slider */
.slider {position:relative; height:420px;}
.slider .slide {position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-size:auto 100%; z-index:4; opacity:0; transition:background-position 0.5s, height 0.5s, opacity 0.5s;}
.slider .slide.active {z-index:5; opacity:1;}
.slider .slide .slide-content {width:260px; left:50%; margin-left:-130px; top:auto; bottom:44px; margin-bottom:0; position:absolute; transition: margin 0.5s, bottom 0.5s, left 0.5s;}
.slider .slide .slide-link a {color:#fff; display:block; padding:7px 45px 7px 15px; background:rgba(19,85,156,0.8); font-weight:bold; position:relative; text-decoration:none;}
.slider .slide .slide-link a:after {position:absolute; top:0; right:0; bottom:0; width:30px; background:rgba(19,85,156,0.8); content:'\f105'; font-size:44px; line-height:56px; font-family:FontAwesome; display:block; text-align:center; font-weight:normal;}
.slider .slide .slide-description {color:#fff; background:rgba(38,150,204,0.8); padding:7px 15px;}
.slider .slide-control {position:absolute; top:auto; right:0; bottom:0; left:0; color:#fff; text-align:center; line-height:36px; font-size:20px; z-index:6;}
.slider .slide-control a {color:#fff; margin:0 7px;}
.slider .slide-control a.active {color:#e51937;}

/* two-col-table module */
.two-col-table {width:100%; padding:0; margin:0; table-layout:fixed; border-collapse:collapse;}
.two-col-table .col-table {padding:30px 15px; text-align:center;}
.two-col-table .col-table img {max-width:100%; height:auto; display:block;}

/* search module */
.search-results-module {text-align:left; padding:30px 0;}
.search-results-module .result-count {color:#888;}
.search-results-module .search-result {list-style-type:none; margin:0; padding:0;}
.search-results-module .search-result li {margin:30px 0;}
.search-results-module .result-title a {font-size:1.2em; text-decoration:none;}
.search-results-module .result-image {float:left; margin-right:20px;}

/* quick fix module */
.quickfix-module .select select {width:100%; border:#2696cc 2px solid; line-height:28px; height:32px; font-weight:bold; border-radius:5px;}
.quickfix-module .select select option {text-align:center;}
.quickfix-module .disabled {color:#aaa;}
.quickfix-module .disabled select {border-color:#f5f5f5; background:#f5f5f5; color:#aaa;}
.quickfix-module .disabled .button {background:#aaa;}
.module.quickfix-module {margin-bottom: 25px;}

/* solutions module */
.solutions-module {text-align:right; background:#f5f5f5; padding:30px 0;}
.solutions-module .heading {text-align:center;}
.solutions-module .drop-down .body {position:relative; margin-bottom: 10px;}
/*.solutions-module .drop-down .body .related-content {display:none;}*/

.drop-down {background:#fff; border-radius:5px;}
.drop-down .head {cursor:pointer; height:32px; line-height:32px; font-weight:bold; color:#2696cc; padding:0 10px; position:relative; margin-bottom: 10px;}
.drop-down .head:after {position:absolute; top:0; left:0; bottom:0; width:30px; content:'\f107'; font-family:FontAwesome; display:block; text-align:center; font-size:150%;}
.drop-down.active .head:after {content:'\f106';}
.drop-down .body {display:none; padding:0 30px 30px 30px;}
.drop-down .separator {margin:10px -20px; border-top: 1px solid #2696CC;}


/* maintenance modules */
.description .heading {padding: 35px 0 0 0;}
.product .product-name {font-weight: bold; padding: 10px 0;}
.maintenance .product .product-image {padding: 20px 0;}
.maintenance .product {text-align: center;}
.description ul {padding-left: 20px;}
.maintenance .description {margin-bottom: 35px;}
.caution-heading {font-weight: bold; font-size: 20px; line-height: 20px; direction: rtl;}
.fa-exclamation-triangle {color: #F3B330;}
.module.maintenance {text-align:right; padding:30px 0;}
.module.maintenance .product {width:270px; margin:0 auto;}
.module.maintenance .product .product-image {background:#f5f5f5; border:#d9d9d9 1px solid; border-radius:5px;}
.module.maintenance .product .product-image img {display:block; margin:0 auto; height:210px; width:auto;}
.module.maintenance:nth-child(odd) {background:#f5f5f5;}
.module.maintenance:nth-child(odd) .product .product-image {background:#fff;}
.module.maintenance .caution {background:#888888; border-radius:10px; color:#fff; padding:30px;}
.maintenance .cta a {color: #2696cc; text-decoration: none; padding: 10px 10px; text-align: center; display: inline-block;}
.maintenance .cta a:hover {text-decoration: underline;}
/*.maintenance .fa-heart-o {font-weight: bold;}*/
.maintenance .cta {margin: 0 auto; width: 100%; height: auto; clear: both;}
.maintenance .cta .desc {color: #2696CC; font-size: 90%; padding: 5px 0; font-weight: bold;}

.module.maintenance table.parameters {table-layout:fixed; border-collapse: separate; border-radius:5px; width:100%; overflow:hidden; border:#d9d9d9 1px solid;}
.module.maintenance table.parameters thead td {background:#2696cc; color:#fff; font-weight:bold; border:#2696cc 1px solid; text-align:center; position:relative; padding: 5px;}
.module.maintenance table.parameters thead {border: #2696cc 1px solid;}
.module.maintenance table.parameters tbody th {background:#f5f5f5; border:#d9d9d9 1px solid; text-align:center; padding: 10px;}
.module.maintenance table.parameters tbody td {border:#d9d9d9 1px solid; text-align:center; padding: 10px;}
.module.maintenance table.parameters.mobile {display:none;}
.module.maintenance table.parameters.mobile:first-child {display:table;}
.module.maintenance table.parameters.mobile thead i.fa {position:absolute; top:0; width:32px; height:0; cursor:pointer; line-height: 31px;}
.module.maintenance table.parameters.mobile thead i.fa.fa-angle-left {left:0; right:auto;}
.module.maintenance table.parameters.mobile thead i.fa.fa-angle-right {left:auto; right:0;}
.module.maintenance table.parameters.mobile:first-child thead i.fa.fa-angle-left {display:none;}
.module.maintenance table.parameters.mobile:last-child thead i.fa.fa-angle-right {display:none;}
.module.maintenance thead:first-child {border-top-left-radius:5px;}
.module.maintenance thead:last-child {border-top-right-radius:5px;}
.module.maintenance tr:last-of-type {border-radius: 0 0 5px 5px;}

.module.maintenance .maintenance-quicklinks .link {text-align:center; padding:8px 0;}
.module.maintenance .maintenance-quicklinks .link a {font-weight:bold; text-decoration:none; color:#2696cc;}
.module.maintenance .maintenance-quicklinks .link a:after {content:'\f0d7'; font-family:FontAwesome; padding-left:10px;}


/* login page */
.login {border-bottom:#aaa 1px solid; position:relative;}
.login:after {content:'OR'; display:block; position:absolute; height:24px; line-height:24px; width:48px; text-align:center; bottom:-12px; background:#fff; left:50%; margin-left:-24px;}
.login-module {margin-top: 35px; margin-bottom: 35px;}
.login, .guest {padding: 0 60px;}
.login>div.p, .guest>div.p {padding: 5px 0;}
.login>div.pa.button, .guest>div.p>a.button {margin-top: 5px; margin-bottom: 5px;}
.login>div.p:last-of-type, .guest>div.p:last-of-type {border-top: #aaa 1px solid;}
.error-window {font-weight:bold; font-size:1.5em; color:#aaa;}

/* my hth */
.module.myhth-welcome {margin: 35px 0;}
.module.myhth-welcome .float-left {font-weight: bold; font-size: 200%; }
.module.myhth-login {margin: 35px 0;}
.module.myhth-login .b {font-size: 150%; padding: 10px 0;}
.module.myhth-login .desc {font-weight: bold; font-size: 115%;}
.myhth-login .heading {padding: 0 0 10px 0;}

.module.myhth-saved-products {background: #F7F7F7; padding: 35px 0;}
.module.myhth-saved-products .product-result {width:270px; display: inline-block; padding: 20px;}
.module.myhth-saved-products .product-title {font-weight: bold; padding: 10px 0;}
.module.myhth-saved-products .product-image {padding: 20px 0;}
.module.myhth-saved-products .product-image {background:#fff; border:#d9d9d9 1px solid; border-radius:5px;}
.module.myhth-saved-products .product-image img {display:block; margin:0 auto; height:210px; width:auto;}
.module.myhth-saved-products .product-remove {margin-top:10px;}

.module.myhth-member-benefits {background: #2696cc;}

.module.myhth-saved-products h2, .module.myhth-saved-products h3, .module.myhth-saved-products p {padding: 10px 0;}

.module.myhth-history {padding: 35px 0;}
.module.myhth-history h2, .module.myhth-history h3, .module.myhth-history p {padding: 10px 0;}
.module.myhth-history li {list-style-type: none;}
.module.myhth-history ul {padding: 0 !important;}

.module.myhth-deals {background: #F7F7F7; padding: 35px 0;}
.module.myhth-deals h2, .module.myhth-deals h3, .module.myhth-deals p {padding: 10px 0;}

/* products */
.products .heading {font-size:30px; margin:40px 0;}
.products .product {margin:0;}
.products .product .product-image {width:100%; border-radius:5px; padding:0;}
.products .product .product-image img {height:auto; display:block; width:100%; max-width:250px; margin:0 auto;}
.products .product .product-title {font-weight:bold; font-size:22px; direction:rtl;}
.products .product .product-text ul {padding-left:20px;}
.products .product .product-text .water-testing {margin:30px 0 20px 0;}
.products .product-cta a {display:block; color:#2696cc; border:#2696cc 2px solid; border-radius:5px; text-decoration:none; padding:5px 30px; margin:10px 0; font-weight:bold; line-height:21px; text-align:center;}
.products .product-cta a:hover {background:#f5f5f5;}

a.product-save .fa-stack, .product-cta .fa-stack {font-size:0.7em;}
a.product-save .save-d {display:none;}
a.product-save.saved .save-d {display:inline;}
a.product-save.saved .fa-check {color:#fff;}
.products .product-cta a.product-save.saved {background:#2696cc; color:#fff;}
.products .product-cta a.product-save.saved .fa-check {color:#2696cc;}


/* find a dealer */
.map-content .query {text-align:center; margin:0 -15px; font-weight:bold; padding:30px;}
.map-content .query input {width:100%; border:0 none; border-radius:5px; height:32px; line-height:32px; text-align:center; color:#000;}
.map-content .location-results {text-align:center; margin:0 -15px; padding:30px;}
.map-content .location-results .summary {padding:30px 0; background:#13559c; margin:-30px -30px 0 -30px;}
.map-content .location-results .retailer {margin-top:30px;}
.location-search.button {padding: 0 25px;}
.map-content .select-option {padding:0 10px; white-space:nowrap;}
#map_canvas {height:400px; margin:0 -15px;}
.location-control {margin:30px -30px 0 -30px;}
.location-control a {color:#527dac; margin:0 5px;}
.location-control a.active, .location-control a.left, .location-control a.right {color:#fff;}

.module.retailer-content.clearfix a {color: #35B5AF;}

#retailer-heading {padding: 35px;}
.retailer-link {display: inline-block; width: 100%; border-bottom: 1px #ccc solid; position: relative;}
.retailer-image {padding: 20px; width: 25%; text-align: center; height: auto; float: left;}
.retailer-image>img {max-width: 70px; height: auto;}
.retailer-text {max-width: 75%; float: left; height: auto; position: absolute; left: 30%; top: 50%; transform: translateY(-50%);}


/* water testing */
.step-module {background:#f5f5f5; padding-bottom: 30px;}

.step-module ul.steps {list-style-type:none; display:block; margin:0; padding:0 0 15px; margin-top:30px;}
.step-module ul.steps li {display:inline-block; background:#fff; height:32px; line-height:32px; width: 48px; text-align: center;}
.step-module ul.steps li:first-child {border-radius:16px 0 0 16px;}
.step-module ul.steps li:last-child {border-radius:0 16px 16px 0;}
.step-module ul.steps li .num {color:#f1b12c; font-weight:bold;}

.step-module .step .heading {padding: 30px 0;}
.step-module .step .select.pool-type {padding: 20px 0;}
.step-module .step .pool-text {padding: 10px 0;}
.step-module .step .select.pool-type .button {margin: 10px;}

.step-module div.step div>a.continue,
.step-module div.step div>a.next,
.step-module div.step div>a.saveall {margin-top: 10px;}
.step-module .step div.capacity-heading {padding: 10px;}
.step-module .step div.capacity-label {padding: 10px 0 0 5px;}

.module.water-testing .step.step2 div>input.form-input {text-align: center; width: auto; margin: 10px 5px;}

.step-module .step {display: none; margin-bottom: 30px;}
.step-module.step1 div.step1,
.step-module.step2 div.step2,
.step-module.step3 div.step3,
.step-module.step4 div.step4,
.step-module.step5 div.step5 {display: block;}

.step-module.step1 ul.steps li.step1,
.step-module.step2 ul.steps li.step2,
.step-module.step3 ul.steps li.step3,
.step-module.step4 ul.steps li.step4,
.step-module.step5 ul.steps li.step5 {background:#f1b12c;}
.step-module.step1 ul.steps li.step1 .num,
.step-module.step2 ul.steps li.step2 .num,
.step-module.step3 ul.steps li.step3 .num,
.step-module.step4 ul.steps li.step4 .num,
.step-module.step5 ul.steps li.step5 .num {color:#fff;}
.step-module ul.steps i.fa {background:#f1b12c; border:#ffc766 3px solid; width:24px; height:24px; border-radius:12px; color:#fff; font-size:13px; line-height:18px; display:none;}
.step-module ul.steps i.fa:after {content:'\f00c';}

.module.step-module.step2 ul.steps .step1 i.fa,
.module.step-module.step3 ul.steps .step1 i.fa,
.module.step-module.step4 ul.steps .step1 i.fa,
.module.step-module.step5 ul.steps .step1 i.fa,
.module.step-module.step3 ul.steps .step2 i.fa,
.module.step-module.step4 ul.steps .step2 i.fa,
.module.step-module.step5 ul.steps .step2 i.fa,
.module.step-module.step4 ul.steps .step3 i.fa,
.module.step-module.step5 ul.steps .step3 i.fa,
.module.step-module.step5 ul.steps .step4 i.fa {display:inline-block;}
.module.step-module.step2 ul.steps .step1 .num,
.module.step-module.step3 ul.steps .step1 .num,
.module.step-module.step4 ul.steps .step1 .num,
.module.step-module.step5 ul.steps .step1 .num,
.module.step-module.step3 ul.steps .step2 .num,
.module.step-module.step4 ul.steps .step2 .num,
.module.step-module.step5 ul.steps .step2 .num,
.module.step-module.step4 ul.steps .step3 .num,
.module.step-module.step5 ul.steps .step3 .num,
.module.step-module.step5 ul.steps .step4 .num {display:none;}

.module.water-testing .step .element-group div.element {font-weight: bold; padding: 10px 0 0 5px;}

.module.water-testing .step span.elementRed { color: #FF0000; }


.module.water-testing .step2 .result {font-size:120%; font-weight:bold; color:#e51937;}
.module.water-testing .test .selector {display:inline-block; margin:5px; text-decoration:none; color:#000;}
.module.water-testing .test .selector .option {display:block; height:28px; width:28px; border-radius:0px; background:#d9d9d9;}
.module.water-testing .test .selector.selected .option {color:#fff; background:#2696cc;}
/*.module.water-testing .test .selector.selected .option:after {content:'\f00c'; font-family:FontAwesome; line-height:28px;}*/ /* redesign2 */
/*
.module.water-testing .step4 .test-result {position:relative; max-width:600px; margin:0 auto; border-bottom:#d9d9d9 1px solid;}
.module.water-testing .step4 .element-container {border:#2696cc 2px solid; border-radius:5px; position:absolute; top:20px; left:20px;}
.module.water-testing .step4 .element-container .element {height:30px; width:48px; background:#2696cc; color:#fff; line-height:30px;}
.module.water-testing .step4 .element-container .value {height:30px; width:48px; line-height:30px;}
.module.water-testing .step4 .result-description {padding:20px 20px 20px 116px; text-align:left; min-height:104px;}
.module.water-testing .step4 .status {color:#2696cc; text-transform: uppercase;}
.module.water-testing .step4 .high .status, .module.water-testing .step4 .low .status {color:#d72741;}
.module.water-testing .step4 .high .fa, .module.water-testing .step4 .low .fa {margin-right:10px;}
.module.water-testing .step4 .high .fa:after, .module.water-testing .step4 .low .fa:after {content:'\f071';}
*/

.module.water-testing .product-result .product-name {font-weight: bold; padding: 10px 0;}
.module.water-testing .product-result .product-image {padding: 20px 0;}
.module.water-testing .product-result {width:270px; display: inline-block; padding: 20px;}
.module.water-testing .product-result .product-image {background:#f5f5f5; border:#d9d9d9 1px solid; border-radius:5px;}
.module.water-testing .product-result .product-image img {display:block; margin:0 auto; height:210px; width:auto;}
.module.water-testing .cta a {color: #2696CC; text-decoration: none; padding: 10px 10px; text-align: center; display: inline-block;}
.module.water-testing .cta a:hover {text-decoration: underline;}
/*.module.water-testing .fa-heart-o {font-weight: bold;}*/
.module.water-testing .cta {margin: 0 auto; width: 100%; height: auto; clear: both;}
.module.water-testing .cta .desc {color: #2696CC; font-size: 90%; padding: 5px 0; font-weight: bold;}
.module.water-testing .cta a.save,
.module.water-testing .cta a.find,
.module.water-testing .cta a.video {padding: 10px 0;}


/* pool/spa step module */
.module.ps-step-module {padding:30px 0;}
.module.ps-step-module a {text-decoration:none; display:block;}
.module.ps-step-module .step-column {margin:15px 0;}
.module.ps-step-module .button-container {height:100px; background:#fff; border:rgba(255,255,255,0.25) 8px solid; border-radius:5px; -moz-background-clip:padding-box; -webkit-background-clip:padding-box; background-clip:padding-box;}
.module.ps-step-module .force-center {display:inline-block; vertical-align:middle; height:100%;}
.module.ps-step-module .number {display:inline-block; vertical-align:middle; font-weight:bold; font-size:36px; color:#fff; height:70px; width:70px; line-height:54px; border-radius:35px; background:#d7d7d7; border:#f5f5f5 8px solid;}
.module.ps-step-module .title {display:inline-block; vertical-align:middle; font-weight:bold; font-size:20px; color:#228c89;}
.module.ps-step-module .title .fa {font-size:40px;}


/* contact form */
.contact-form label {text-align:left; margin:10px 0; display:block;}
.module.contact-form {background: #09478a; color: #fff; padding: 30px 0;}

/* my account */
.module.account-info .step.step3 div>input.form-input {text-align: center; width: auto; margin: 10px 5px;}
.module.account-info .step3 .result {font-size:120%; font-weight:bold; color:#e51937;}

/* forgot password */
.module.forgot-password {padding:30px 0;}

/* footer */
.footer {background:#e6e6e6; padding:20px 0;}
.footer a {text-decoration: none;}
.footer hr {border-top: 1px solid #fff; margin: 0.25em 0 0.4em 0;}
.footer .footer-heading .fa {color:#999999;}
.footer .fa.fa-inverse {color:#dedede;}
.footer .footer-block {margin:30px auto; line-height:30px; text-align:center;}
.footer .footer-block.logo {max-width:200px; margin:30px auto;}
.footer .circle-logo {width:70%; height:0; padding-top:70%; position:relative; border:#cacaca 10px solid; border-radius:50%; background:#fff; margin: 0 auto; box-sizing:content-box;}
.footer .circle-logo img {width:90%; height:auto; margin:-25% auto; display:block; position:absolute; top:50%;}

.social-link {
    display: inline-block;
    background: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: #218a87 3px solid;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #218a87;
    margin: 0 4px;
    padding-top: 3px;
}
.footer .newsletter { background: #145a9f; height: 185px; }
.footer .newsletter .newsletter-label { height: 80px; padding: 20px 0; text-align: center; font-size: 25px; color: #fff; }
.footer .newsletter .newsletter-controls { text-align: center; vertical-align: top; height: 59px; }
.footer .newsletter .newsletter-controls .join-email { width: 518px; height: 59px; border-radius: 0; background-color: #3097cc; border: 0; padding: 0 20px; color: #fff !important; }
.footer .newsletter .newsletter-controls .join-email::-webkit-input-placeholder { color: #fff; } /* WebKit, Blink, Edge */
.footer .newsletter .newsletter-controls .join-email:-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 4 to 18 */
.footer .newsletter .newsletter-controls .join-email::-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 19+ */
.footer .newsletter .newsletter-controls .join-email:-ms-input-placeholder { color: #fff; }/* Internet Explorer 10-11 */
.footer .newsletter .newsletter-controls .join-button { vertical-align: top; text-transform: uppercase; border-radius: 0; border: 0; height: 59px; background: #e51937; color: #fff; width: 97px; font-weight: bold; font-size: 16px; }
.footer .newsletter .newsletter-results { padding-top: 5px; text-align: center; font-size: 18px; color: #fff; }

.footer .social-media { background-color: #2bb0ac; }
.footer .social-media .social-media-section { text-align: center; color: #fff; height: 81px; padding: 22px 0; }
.footer .social-media .social-media-section .social-media-label { display: inline-block; text-transform: uppercase; font-weight: bold; padding: 0 10px; font-size: 20px; }
.footer .social-media .social-media-section .social-media-links { display: inline-block; padding: 0 10px; }

.main-footer { background-color: #fff; }
.main-footer .content-container { max-width: 90%; text-align: center; height: 170px; font-size: 0; }
.main-footer .content-container:before { content: ' '; display: inline-block; vertical-align: top; height: 100%; }
.main-footer .footer-column { display: inline-block; width: 16%; text-align: left; margin-top: 15px; }
.main-footer .footer-column.footer-logo { display: inline-block; vertical-align: top; }
.main-footer .footer-column img { margin: 10.0% 0; width: 165px; height: auto; }
.main-footer .footer-column div { font-size: 15px; color: #409dcf; text-transform: uppercase; padding: 10px 0; }
.main-footer .footer-column ul { list-style: none; padding-left: 0; margin: 0; }
.main-footer .footer-column ul li, .footer-column ul li a { font-size: 13px; color: #414042; padding-bottom: 5px; }

.footer-legal { background-color: #F8F8F8; font-size: 11px; color: #939598; padding: 15px 0; }
.footer-legal-section { text-align: center; display: inline-block; }
.footer-legal-section span { padding: 0 15px; }
.footer-legal-section span a { color: #939598; }

/* home */
.home-content {text-align:center;}
.home-content a.button, .home-content a.button:hover {background:#24b1ac;}

:target:before, .anchor:before {display:block; content:' '; margin-top:-55px; height:55px; visibility:hidden; z-index:-1;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 492px) {
  /* special stuff for video module */
  .video-module .carousel {height:0; padding-top:57.317%; padding-bottom:78px;}
  .video-module .video-block.focused {width:100% !important; left:0; margin-left:0 !important;}
  .title-block .title {font-size: 225%;}
  .title-block .description {font-size: 140%;}
  .maintenance .content-container {text-align: center;}
  .maintenance .content-container ul {text-align:right;}
  .quick-links .mobile-only.caps {margin-top: 10px;}
  .product-image-container .product-image {margin-bottom: 30px;}
  .retailer-content .content-container {padding: 30px 20px;}
  .retailer-link:last-of-type {border-bottom: none;}
  .image-module.gradient .p.heading.caps {color: #fff;}
  .login, .guest {width: 100%;}
  .myhth-login, .login {padding-bottom: 25px;}
  .guest, .sign-up {padding-top: 25px;}
  .testcol {width: 100% !important; border-bottom: 1px solid #d9d9d9; margin-bottom: 35px; padding-bottom: 35px !important;}
  .search-results-module .result-image {max-width: 33%; position: absolute;}
  .search-results-module .result-text {padding-left: 110px;}
  .module.water-testing .cta a.save,
  .module.water-testing .cta a.find,
  .module.water-testing .cta a.video {padding: 10px 5px;}
}

@media only screen and (min-width: 768px) {

  a.button {width:auto;}
  span.desktop-only {display:inline;}
  div.desktop-only {display:block;}
  td.desktop-only {display:table-cell;}
  .mobile-only {display:none;}
  .two-col-content {padding:20px 0;}
  .two-col-content .two-col {width:50%; float:left; padding:0;}
  .two-col-content .two-col:first-child {border-bottom:0 none; border-right:#aaa 1px solid;}
  .float-left {float:left;}
  .float-right {float:right;}
  /* quick grid */
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {float:left;}
  .col-1 {width:16.6666666667%;}
  .col-2 {width:33.3333333333%;}
  .col-3 {width:50%;}
  .col-4 {width:66.6666666667%;}
  .col-5 {width:83.3333333333%;}
  .col-6 {width:100%;}

  /* menu */
  .menu-overlay {display:none;}
  .navigation {height:54px; padding:0;}
  .navigation.show-sub {height:108px;}
  .nav-menu {position:relative; background:transparent; overflow:visible; left:0;}
  .nav-menu ul {background:transparent;}
  .nav-menu>ul {padding-left:150px;}
  .nav-menu ul li {white-space:nowrap; display:block; float:left;}
  .nav-menu ul a {color:#100b31; border-bottom:0 none; height:54px; line-height:54px;}
  .nav-menu>ul>li {position:static;}
  .nav-menu>ul>li>a {position:relative;}
  .nav-menu ul li.no-sub ul li {width:100%; text-align:center;}
  .nav-menu ul li.active ul li {height:54px;}
  .show-search .nav-menu ul li.active ul li {display:none;}
  .nav-menu .expand>a>.menu-action,
  .nav-menu .no-sub>a>.menu-action {display:none; position:absolute; left:50%; margin-left:-0.5em; bottom:0; line-height:22px;}
  .nav-menu .expand.active>a>.menu-action:before,
  .nav-menu .no-sub.active>a>.menu-action:before {content:"\f078";}
  .nav-menu>ul>li.active>a {color:#2696CC;}
  .nav-menu .expand.active>a>.menu-action,
  .nav-menu .no-sub.active>a>.menu-action {display:block;}
  .menu-table {height:100%; margin:0 auto;}
  .menu-table td {white-space:normal; padding:0 5px;}

  .nav-menu ul ul {position:absolute; top:54px; left:0; background:transparent; width:100%; padding:0 50px 0 150px;}
  .nav-menu ul ul a {height:54px; line-height:54px; font-weight: bold;}
  .nav-menu ul ul a:hover {color:#fff;}
  /*.nav-menu .no-sub ul li {display:block; text-align:center; height:54px; position:relative;}*/
  .nav-menu ul a.button {display:inline-block; height:32px; line-height:32px; width:100px; color:#fff;}
  .navigation .menu-links {z-index:80; position:relative; float:right; top:0; margin:9px 0;}

  .nav-menu .utilities {background:transparent; display:block;}
  .nav-menu .utilities ul {height:0; overflow:hidden; background:transparent; transition: height 250ms ease-in-out;}
  .nav-menu.active .utilities ul {height:54px;}
  .nav-menu .utilities>li>a {display:none;}
  .nav-menu .utilities ul a .fa {color:rgba(0,0,0,0.4);}
  .nav-menu .utilities ul a {height:54px; padding:10px;}

  .bigmenu .navigation .menu-links {margin:31px 0;}

  .nav-menu ul ul .menu-action {display:none;}
  .navigation .mobile-menu-logo {display:none;}
  /*.desktop-menu-bg {top:98px;}
  .desktop-menu-bg.show, .desktop-menu-bg.show-search {height:54px;}*/
  .bigmenu .navigation-container {background:#fff linear-gradient(#fff, #fff 98px, #1f97cd 98px);}
  .bigmenu .nav-spacer {height:98px;}
  .bigmenu .navigation {height:98px;}
  .bigmenu .navigation .logo {padding:20px 0; position:relative; z-index:70;}
  .bigmenu .navigation .logo img {height:58px;}
  .bigmenu .navigation .search-input { top:98px; }
  .bigmenu .nav-menu ul ul {top:98px;}
  /*.nav-menu .no-sub ul {height:54px;}*/
  .bigmenu .nav-menu>ul>li>a {height:98px; line-height:98px;}
  .bigmenu .navigation.show-search, .bigmenu .navigation.show-sub {height:152px;}
  .bigmenu .nav-menu .expand>a>.menu-action,
  .bigmenu .nav-menu .no-sub>a>.menu-action {line-height:44px;}


  /* breadcrumb */
  .breadcrumb {display:block; background:#eaf5ed; font-size:13px; padding:5px 0; direction:rtl; text-align:right;}
  .breadcrumb .separator {padding:0 20px;}
  .breadcrumb a {text-decoration:none; color:#000;}

  /* title section */
  .title-block.bg-image {background-size:auto auto; background-position:center -50px;}
  .title-block.bg-image .title-container {left:0; right:50%;}

  /* semi-cirle */
  .image-module.semi-circle {height:500px;}
  .image-module.semi-circle .image-container {display:block; width:50%; overflow:hidden; height:500px; position:absolute; top:0; left:0;}
  .image-module.semi-circle .description-container {width:50%; float:right;}
  .image-module.semi-circle .image-container .image {width:960px; height:960px; position:absolute; right:0; top:-230px; border-radius:0 960px 960px 0; background-position:175px center;}
  .image-module.semi-circle .image-container .image {border:#f3b32f 8px solid; border-left:0 none;}
  .image-module.semi-circle.blue-bg .image-container .image {border:#13559c 8px solid; border-left:0 none;}
  /* circle */
  .image-module.circle .image-container {display:block; width:50%; float:left; height:500px; position:relative; max-width:424px;}
  .image-module.circle .description-container {width:50%; float:right;}
  .image-module.circle .image-container .image {width:100%; height:0; padding-top: 100%; position:relative; margin:30px auto; border-radius:440px; background-position:center center; border:#f3b32f 8px solid; box-sizing: content-box;}
  .image-module.circle.right .image-container {float:right;}
  .image-module.circle .description-container {float:left;}
  /* gradient */
  .image-module.gradient {height:550px; color:#fff;}
  .image-module.gradient .heading {color:#fff;}
  .image-module.gradient .image-container {display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
  .image-module.gradient .image-container .image-overlay {background: linear-gradient(to right, rgba(0,0,0,0.5),rgba(0,0,0,0) 50%);}
  .image-module.gradient .description-container {width:50%; float:left;}

  /* 2-col-module */
  .two-col-module .margin {margin:0 -30px;}
  .two-col-module {padding:30px 0;}
  .two-col-module .column {width:50%; float:left; padding:0 30px;}
  .two-col-module .column:first-child {border-bottom:0 none; border-right:#aaa 1px solid;}

  .two-col a.social-link, .two-col a.button {margin-top: 10px;}

  /* 3-col-module */
  .three-col-module .columns {margin:0 -20px;}
  .columns .column p {height:105px;}
  .three-col-module .column {padding:10px 20px 0; width:33.333333%; float:left; margin-bottom: 35px;}

  /* 4-col-module */
  .four-col-module .circle {margin:0 auto; background:#fff; border:#54c5c2 8px solid; border-radius:50%; width:200px; height:200px; color:#000;}
  .four-col-module .number {float:none; margin: 40px auto 10px auto; display:block; }
  .four-col-module .title {float:none; margin: 0 auto;}
  .four-col-module .link {color:#fff;}
  .four-col-module .link a {left: inherit; color:#fff; width:25%; height:auto; position:absolute; font-size:16px; margin:0 auto; padding: 250px 0 0 0; display: block; max-width: 250px; text-decoration: none; margin-left: -10px;}
  .four-col-module .column {width:25%; float:left; margin-bottom: 70px;}
  .four-col-module .fa-angle-right { display: none; }
  .four-col-module .mobileColumn { width:100%; height:100%; border:none; background: none; border-radius: 0px; color: transparent; }
  .four-col-module .link .fa-arrow-right:before { float: right; position: absolute; width: 5px; margin: 236px 0 0 50px; }

  /* review-module */
  .review-module .review-left .link {display:inline-block;}
  .review-module .review-left hr {display:none;}
  .review-module .review-right hr {display:block;}
  .review-module .review-right .quote-container {display:block;}
  .review-module .link-outer {display:none;}
  .review-module .margin {margin:0 -20px;}
  .review-module .review-left, .review-module .review-right {width:50%; float:left; padding:0 20px;}

  /* slider */
  .slider {height:500px;}
  .slider .slide {background-position:center center; background-size:auto;}
  .slider .slide .slide-content {left:100%; margin-left:-260px; bottom:50%; margin-bottom:-60px;}

  /* two-col-table module */
  .two-col-table .col-table {max-width:506px;}

  /* products */
  .products .margin {margin:0 -20px;}
  .products .product .product-image-container {width:30%; float:left; padding:0 20px;}
  .products .product .product-text {width:70%; float:left; padding:0 20px;}
  .products .product-cta a {display:inline-block; margin-right:15px;}

  /* social module */
  .social-module .column { padding:20px 20px; width:50%; float:left; }
  .social-module .mainheader { margin: 20px 0 0 0; }
  .social-module .column:nth-child(3) { margin: 0px; }
  .social-module .social { display:block; }
  .social-module .social .a2a_button_pinterest_pin { display: inline; }
  .social-module .social .fb-like { display: inline-block; }

  /* solutions module */
  .solutions-module .drop-down .body .related-content {width:200px; position:absolute; top:30px; left:30px; display:block;}
  .solutions-module .drop-down .body .related-content .button {width:100%; margin:10px 0;}
  .solutions-module .drop-down .body .problem-content {padding-left:260px;}

  /* find a dealer */
  .map-content .query {width:50%; float:left; height:400px; margin:0; position:relative;}
  .map-content .query .center-vertical {position:absolute; top:50%; transform: translateY(-50%); width:100%; padding:0 30px; left:0;}
  .map-content .location-results {width:50%; float:left; height:400px; margin:0; position:relative;}
  .map-content .location-results .retailer {margin-top:50px;}
  #map_canvas {width:50%; float:right; margin:0;}
  .location-control {margin:0; position:absolute; left:0; right:0; bottom:30px;}

  /* login */
  .login {border-bottom:none; border-right: #aaa 1px solid;}
  .login:after {bottom:auto; background:#fff; left:auto; margin-left:0; right: -24px; top: 50%; margin-top: -12px;}
  .login, .guest {width: 50%; float: left;}


  /* maintenance modules */
  .module.maintenance .content-container .margin {position:relative;}
  .module.maintenance .description {padding-right:300px;}
  .module.maintenance .product {width:270px; position:absolute; top:30px; right:0;}
  .module.maintenance .maintenance-quicklinks {text-align:justify; text-justify:distribute-all-lines; margin-bottom:-22px;}
  .module.maintenance .maintenance-quicklinks .link {display:inline-block; *display:inline; zoom:1; padding:0;}
  .module.maintenance .maintenance-quicklinks:after {width:100%; display:inline-block; content:" "; font-size:0; line-height:0;}
  .module.maintenance .maintenance-quicklinks .link a:after {padding:0; display:block; text-align:center;}

  .retailer-link {display: inline-block; width: 248px; border: none;}
  .online-retailers {text-align:center; margin-bottom: 35px;}
  .retailer-image {padding: 20px 30px; width: 100%; float: none;}
  .retailer-image img {max-width: 100%;}
  .retailer-text {padding: 10px 15px 30px; max-width: 100%; position: relative; float: none; top: 0; left: 0; transform: none;}
  .retailer-content {padding: 30px 0;}

  .border-between > .retailer-link:before {background: #ccc; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
  .border-between > .retailer-link:nth-of-type(1):before {display: none;}
  .border-between > .retailer-link:nth-of-type(2):before {display: none;}
  .border-between > .retailer-link:nth-of-type(3):before {display: none;}
  .border-between > .retailer-link:nth-of-type(4):before {display: none;}


  /* water testing */
  .module.step-module ul.steps li .desktop-only {margin-left:15px;}
  /* .module.step-module .step div>a {margin: 0 10px;} */
  .module.step-module ul.steps li {width: auto; padding:0 20px;}
  .module.water-testing .test .selector .option {width: 90px; height: 78px;}
  .module.water-testing .test .selector.selected .option:after {line-height:78px;}


  /* pool/spa step module */
  .module.ps-step-module .margin {margin:0 -15px;}
  .module.ps-step-module .step-column {display:inline-block; max-width:250px; padding:0 15px;}
  .module.ps-step-module a {}
  .module.ps-step-module .columns.col-count-3 .step-column {width:33.333333%;}
  .module.ps-step-module .columns.col-count-4 .step-column {width:25%;}
  .module.ps-step-module .columns.col-count-5 .step-column {width:20%;}
  .module.ps-step-module .ratio-container {width:100%; height:0; padding-top:100%; position:relative;}
  .module.ps-step-module .button-container {position:absolute; width:100%; height:100%; top:0; border-radius:50%;}
  .module.ps-step-module .force-center {display:none;}
  .module.ps-step-module .number {display:block; margin:-50px auto 0 auto; top:50%; position:relative;}
  .module.ps-step-module .title {display:block; margin:0 auto 0 auto; top:50%; position:relative;}
  .module.ps-step-module .view-products {margin-top:20px; color:#fff; font-weight:bold; font-size:16px;}


  /* footer */
  .footer .margin {margin:0 -10px;}
  .footer .footer-block {float:left; margin:0; text-align:left;}
  .footer .footer-block.logo {width:19%; margin:0;}
  .footer .footer-block.content {width:27%;}
  .footer .footer-block .inner {padding:10px;}
  .footer .circle-logo {margin:0;}


  /* home */
  .home-content.two-col-content p {display:inline-block; margin:0 5px;}
}

@media only screen and (min-width: 791px) {
  .border-between > .retailer-link:nth-of-type(2):before {display: block;}
  .border-between > .retailer-link:nth-of-type(3):before {display: block;}
}


@media only screen and (min-width: 768px) and (max-width: 1011px) {
  .navigation.show-utilities {height:108px;}
  .bigmenu .navigation.show-utilities {height:152px;}
  .social-link {margin-top: 5px;}
}

@media only screen and (min-width: 1012px) {
  .content-container {width:100%; max-width:992px; margin:0 auto; padding:0;}
  /* menu */
  .navigation .menu-links .menu-quick-links {display:block;}
  .navigation .menu-links .menu-button {display:none;}
  .nav-menu.active .utilities ul {display:none;}
  /* title section */
  .title-block.bg-image .title {padding-left:100%; margin-left:-496px;}
  .title-block.bg-image .description {padding-left:100%; margin-left:-496px;}
  .border-between > .retailer-link:nth-of-type(4):before {display: block;}
  .image-module.semi-circle .image-container .image {background-position:right center;}
}

@media only screen and (min-width: 1280px) {
  /* slider */
  .slider .slide {background-size:100% auto;}
  /* title section */
  .title-block.bg-image {background-size:100% auto;}
}

@media only screen and (min-width: 1920px) {
  /* image module large-screen "fixes" */
  .image-module.semi-circle .image-container .image {width:100%; background-size:100% auto;}
  .image-module.gradient .image-container .image {background-size:100% auto;}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


@media only screen and (max-width: 713px)
{
    /* mobile livechat */
    .chat { display: none; visibility: hidden; }

    /* mobile footer */
    .footer {background: #e6e6e6; padding: 0;}
    .footer a {text-decoration: none;}
    .footer hr {border-top: 1px solid #fff; margin: 0.25em 0 0.4em 0;}
    .footer .footer-heading .fa {color:#999999;}
    .footer .fa.fa-inverse {color:#dedede;}
    .footer .footer-block {margin:30px auto; line-height:30px; text-align:center;}
    .footer .footer-block.logo {max-width:200px; margin:30px auto;}
    .footer .circle-logo {width:70%; height:0; padding-top:70%; position:relative; border:#cacaca 10px solid; border-radius:50%; background:#fff; margin: 0 auto; box-sizing:content-box;}
    .footer .circle-logo img {width:90%; height:auto; margin:-25% auto; display:block; position:absolute; top:50%;}

    .social-link {
        display: inline-block;
        background: #fff;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: #218a87 3px solid;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #218a87;
        margin: 0 4px;
        padding-top: 3px;
    }
    .footer .newsletter { background: #145a9f; height: 150px; }
    .footer .newsletter .newsletter-label { height: 65px; padding: 20px 0; text-align: center; font-size: 25px; color: #fff; }
    .footer .newsletter .newsletter-controls { text-align: center; vertical-align: top; height: 59px; }
    .footer .newsletter .newsletter-controls .join-email { width: 180px; height: 59px; border-radius: 0; background-color: #3097cc; border: 0; padding: 0 20px; color: #fff !important; }
    .footer .newsletter .newsletter-controls .join-email::-webkit-input-placeholder { color: #fff; } /* WebKit, Blink, Edge */
    .footer .newsletter .newsletter-controls .join-email:-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 4 to 18 */
    .footer .newsletter .newsletter-controls .join-email::-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 19+ */
    .footer .newsletter .newsletter-controls .join-email:-ms-input-placeholder { color: #fff; }/* Internet Explorer 10-11 */
    .footer .newsletter .newsletter-controls .join-button { vertical-align: top; text-transform: uppercase; border-radius: 0; border: 0; height: 59px; background: #e51937; color: #fff; width: 97px; font-weight: bold; font-size: 16px; }

    .footer .social-media { background-color: #2bb0ac; }
    .footer .social-media .social-media-section { text-align: center; color: #fff; height: 81px; padding: 10px 0; }
    .footer .social-media .social-media-section .social-media-label { display: inline-block; text-transform: uppercase; font-weight: bold; padding: 0 10px; padding-bottom: 5px; font-size: 14px; }
    .footer .social-media .social-media-section .social-media-links { display: inline-block; padding: 0 10px; }

    .main-footer { background-color: #fff; padding-bottom: 15px; text-align: center; }
    .main-footer .content-container { display: inline-block; max-width: 90%; text-align: center; height: 170px; font-size: 0; }
    .main-footer .content-container:before { content: ''; display: initial; vertical-align: auto; height: 100%; }
    .main-footer .footer-column { display: inline-block; width: auto; min-width: 42%; text-align: center; margin: 10px 15px; }
    .main-footer .footer-column.footer-logo { display: block; vertical-align: top; margin-bottom: 0; }
    .main-footer .footer-column img { margin: 0; margin-top: 10px;width: 165px; height: auto; }
    .main-footer .footer-column div { font-size: 15px; color: #409dcf; text-transform: uppercase; padding: 10px 0; }
    .main-footer .footer-column ul { list-style: none; padding-left: 0; margin: 0; }
    .main-footer .footer-column ul li, .footer-column ul li a { font-size: 13px; color: #414042; padding-bottom: 5px; }

    .footer-legal { background-color: #F8F8F8; font-size: 11px; color: #cecece; padding: 5px 0; text-align: center; }
    .footer-legal-section { text-align: center; display: inline-block; padding-top: 5px;}
    .footer-legal-section span { padding: 0 9px; }
    .footer-legal-section span a { color: #cecece; }
}

@media only screen and (min-width: 714px) and (max-width: 1300px)
{
    /* mobile livechat */
    .chat { display: none; visibility: hidden; }

    /* mobile footer */
    .footer {background: #e6e6e6; padding: 0;}
    .footer a {text-decoration: none;}
    .footer hr {border-top: 1px solid #fff; margin: 0.25em 0 0.4em 0;}
    .footer .footer-heading .fa {color:#999999;}
    .footer .fa.fa-inverse {color:#dedede;}
    .footer .footer-block {margin:30px auto; line-height:30px; text-align:center;}
    .footer .footer-block.logo {max-width:200px; margin:30px auto;}
    .footer .circle-logo {width:70%; height:0; padding-top:70%; position:relative; border:#cacaca 10px solid; border-radius:50%; background:#fff; margin: 0 auto; box-sizing:content-box;}
    .footer .circle-logo img {width:90%; height:auto; margin:-25% auto; display:block; position:absolute; top:50%;}

    .social-link {
        display: inline-block;
        background: #fff;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: #218a87 3px solid;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #218a87;
        margin: 0 4px;
        padding-top: 3px;
    }
    .footer .newsletter { background: #145a9f; height: 150px; }
    .footer .newsletter .newsletter-label { height: 65px; padding: 20px 0; text-align: center; font-size: 25px; color: #fff; }
    .footer .newsletter .newsletter-controls { text-align: center; vertical-align: top; height: 59px; }
    .footer .newsletter .newsletter-controls .join-email { width: 180px; height: 59px; border-radius: 0; background-color: #3097cc; border: 0; padding: 0 20px; color: #fff !important; }
    .footer .newsletter .newsletter-controls .join-email::-webkit-input-placeholder { color: #fff; } /* WebKit, Blink, Edge */
    .footer .newsletter .newsletter-controls .join-email:-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 4 to 18 */
    .footer .newsletter .newsletter-controls .join-email::-moz-placeholder { color: #fff; opacity: 1; } /* Mozilla Firefox 19+ */
    .footer .newsletter .newsletter-controls .join-email:-ms-input-placeholder { color: #fff; }/* Internet Explorer 10-11 */
    .footer .newsletter .newsletter-controls .join-button { vertical-align: top; text-transform: uppercase; border-radius: 0; border: 0; height: 59px; background: #e51937; color: #fff; width: 97px; font-weight: bold; font-size: 16px; }

    .footer .social-media { background-color: #2bb0ac; }
    .footer .social-media .social-media-section { text-align: center; color: #fff; height: 81px; padding: 10px 0; }
    .footer .social-media .social-media-section .social-media-label { display: inline-block; text-transform: uppercase; font-weight: bold; padding: 0 10px; padding-bottom: 5px; font-size: 14px; }
    .footer .social-media .social-media-section .social-media-links { display: inline-block; padding: 0 10px; }

    .main-footer { background-color: #fff; padding-bottom: 15px; text-align: center; }
    .main-footer .content-container { display: inline-block; max-width: 90%; text-align: center; height: 170px; font-size: 0; }
    .main-footer .content-container:before { content: ''; display: initial; vertical-align: auto; height: 100%; }
    .main-footer .footer-column { display: inline-block; width: auto; min-width: 42%; text-align: center; margin: 10px 15px; }
    .main-footer .footer-column.footer-logo { display: block; vertical-align: top; margin-bottom: 0; }
    .main-footer .footer-column img { margin: 0; margin-top: 10px;width: 165px; height: auto; }
    .main-footer .footer-column div { font-size: 15px; color: #409dcf; text-transform: uppercase; padding: 10px 0; }
    .main-footer .footer-column ul { list-style: none; padding-left: 0; margin: 0; }
    .main-footer .footer-column ul li, .footer-column ul li a { font-size: 13px; color: #414042; padding-bottom: 5px; }

    .footer-legal { background-color: #F8F8F8; font-size: 11px; color: #cecece; padding: 5px 0; text-align: center; }
    .footer-legal-section { text-align: center; display: inline-block; padding-top: 5px;}
    .footer-legal-section span { padding: 0 9px; }
    .footer-legal-section span a { color: #939598; }
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/*  New Menu Background Color:  r = 211, g = 236, b = 238 (#D3ECEE)  */
.fa-search-size { font-size: 28px; }
.fa-2xQ { font-size: 1.5em; }

.logo img {width:110px; height:58px;}
.my-hth-col { padding: 0 20px; }
.hth-canada { float: right; margin-top: 10px; padding: 0 5px;}
.hth-canada>a, .hth-canada>a>span {font-size: 12px; color: #A8A8A8;}
.hth-canada:hover {background-color: #D3ECEE;}
.hth-canada>a>span:hover {color: #262626;}

/* Desktop Menu Style Fixes */
@media only screen and (min-width: 1058px) {
	.super-menu-div, .super-menu-div div { visibility: visible; }
    .super-menu-div {height: 40px;}
    .mobile-logo {visibility: hidden; display: none;}
    .hth-logo {visibility: visible; display: inline;}
    .hth-logo>img {width: 139px; height: 87px; margin-left: -12px;}

    .menu-links-div ul li:hover {background-color: #d3ecee; font-weight: bold;}
	.menu-links-div ul li.menu-link { visibility: hidden; display: none; }
    .menu-links-div ul li.logo-link {margin-top: -30px; height: 91px; min-width: 165px;}
	.submenu-link.active {background-color: #d3ecee; font-weight: bold;}

	.hth-canada-space-div {display:inline-block;}
	.hth-canada-div {display:inline-block; float: right; margin-right: 0px;}
	.hth-canada-div>a, .hth-canada>a>span {font-size: 13px; color: #939598; text-decoration: none;}
	.hth-canada-div>a>span>img {height: 16px;}
	.hth-canada-div>a>span:hover {color: #145a9f;}
    .breadcrumb {margin-top: 102px;}
}

/* Mobile Menu Style Fixes*/
@media only screen and (max-width: 1058px) {
	.super-menu-div, .super-menu-div div, .nav-div .submenu-div { visibility: hidden; display: none; }
    .hth-logo {visibility: hidden; display: none;}
    .mobile-logo {visibility: visible; display: inline;}

	.menu-links-div ul li.submenu-link { visibility: hidden; display: none; }
	.menu-links-div ul li.nav-link { visibility: hidden; display: none; }
	.menu-links-div ul li.logo-link {padding-top: 7px; margin-left: -10px;}
	.menu-links-div ul li.logo-link img {width: 75%; height: auto;}
	.menu-links-div ul li.search-link {float: right;}
	.menu-links-div ul li.menu-link { float: right;}
	.menu-links-div ul li.menu-link.active .menu-button, .menu-links-div ul li.menu-link .close-button {display: none;}
	.menu-links-div ul li.menu-link .menu-button, .menu-links-div ul li.menu-link.active .close-button {display: block;}

	.search-div span.search-label { visibility: hidden; display: none; }
	.search-div input[type="text"] {width:65%;}

	.mobile-div.active { display: block; visibility: visible; }
	.mobile-div { position: relative; z-index: 65; top: -1px; background-color: #d3ecee; }
	.mobile-div ul {
		list-style-type: none;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
		}
	.mobile-div ul {padding:25px; font-size:20px; background:transparent; }
	.mobile-div ul li {white-space:nowrap; display:block; text-align: left; background-color: #fff; margin: 3px;}
	.mobile-div li {overflow:hidden;}
	.mobile-div ul a {height:2.2em; line-height:1.1em; display:inline-block; position: relative; width: 100%;}
	.mobile-div ul a {color:#100b31; padding: 0.6em; border-bottom:0 none; text-decoration: none;}
	.mobile-div ul a>span.fa-caret  {float: right;}
	.mobile-div ul a>span.fa-caret-up  {margin-top: -6px;}
	.mobile-div ul a>span.fa-caret-down  {margin-top: -5px;}

	.mobile-div li.red-box>a {background-color: #e51937; color: white; }
	.mobile-div li.red-box span.my-hth {font-size: 26px; font-weight: bold;}

	.mobile-hth-canada-div {margin: -15px 5px 25px 5px;}
	.mobile-hth-canada-div {padding:0 25px; background:transparent; }
	.mobile-hth-canada-div>a, .mobile-hth-canada-div>a>span {color: #A8A8A8; text-decoration: none;}
	/* .hth-canada-div:hover {background-color: #D3ECEE;} */
	.mobile-hth-canada-div>a>span:hover {color: #262626;}

	.mobile-div ul li.submenu-link ul { display: none; }
	.mobile-div ul li.submenu-link.active ul { display: block; font-size: 18px;}
	.mobile-div ul li.submenu-link a .fa-caret-up {display: none; }
	.mobile-div ul li.submenu-link a .fa-caret-down {display: block; }
	.mobile-div ul li.submenu-link.active a { height: 1.2em; }
	.mobile-div ul li.submenu-link.active>a { font-weight: bold; /*height: 2.8em;*/ }
	.mobile-div ul li.submenu-link.active a .fa-caret-up {display: block; }
	.mobile-div ul li.submenu-link.active a .fa-caret-down {display: none; }
	.mobile-div ul li.submenu-link.active ul a { font-weight: normal; }

	.mobile-div ul ul {margin: 5px 5px 25px 5px; padding:0; font-size:22px;}
	.mobile-div ul ul li {margin-left: 25px;}
	.mobile-div ul ul a {height:2.2em; line-height:1.1em; padding: 0.5em; color: #65b6dc;}
	.mobile-div ul ul li:hover a {color: #262626;}
	.mobile-div ul ul li a .fa-angle-right {margin-left: 10px; }

	.nav-overlay-div {position: fixed; z-index: 59; top: 0; left: 0;}
	.nav-overlay-div {width: 0; min-width: 0; height: 0; min-height: 0;}
	.nav-overlay-div.active {width: 100%; min-width: 100%; height: 100%; min-height: 100%;}
	.nav-overlay-div.active { background-color: rgba(255,255,255,0.8);}

	.nav-spacer-div {margin-top: 62px;}
}

/* Quick, dirty, and cheap fix for mobile */
@media only screen and (max-width: 399px) {
    .mobile-div ul li.submenu-link.active ul {font-size: 15px;}
    input.search-helper-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFF; }
    input.search-helper-text::-moz-placeholder { /* Firefox 19+ */ color: #FFF; }
    input.search-helper-text:-ms-input-placeholder { /* IE 10+ */ color: #FFF; }
    input.search-helper-text:-moz-placeholder { /* Firefox 18- */ color: #FFF; }
}
@media only screen and (min-width: 400px) {
    .mobile-div ul li.submenu-link.active ul {font-size: 18px;}
}

/* IE CSS fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mobile-div {top: -20px;}
}
@-moz-document url-prefix() {
	.mobile-div {top: -20px;}
	.mobile-div ul a>span.fa-caret-up  {margin-top: -20px;}
	.mobile-div ul a>span.fa-caret-down  {margin-top: -19px;}
}
/*
@media only screen and (max-width: 1058px) (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
}
*/

/*
    Test to Swim changes
*/

/* Test to Swim - Common */
.module.water-testing .content-container .margin { background: #fff; }

.module.water-testing .step .test-heading a { color: #000; }

.module.water-testing .step.step3 {text-align: left; position: static;}
.module.water-testing .step.step3 .element-group div.element {font-weight: normal; display: inline-block;}
.module.water-testing .step.step3 .element-group div.test {display: inline-block;}
.module.water-testing .step.step3 .element-group {border: 1px solid #d5d5d5;}
.module.water-testing .step.step3 .test .selector {display:inline-block; text-decoration:none; color: #999; text-align: center; }
.module.water-testing .step.step3 .test .selector:hover { background: #000; background-color: #d4d3d2; }
.module.water-testing .step.step3 .test .selector .value {color: #999;}
.module.water-testing .step.step3 .test .selector .unselect {background-color: rgba(255,255,255,0.9);}
.module.water-testing .step.step3 .test .selector.selected {background-color: #d4d3d2;}
.module.water-testing .step.step3 .test .selector.selected .value {color: #333;}
.module.water-testing .step.step3 .test .selector.unselected .unselect {height: 99%; width: 100%;}
.module.water-testing .step.step3 .test .selector.unselected .value {color: #d4d3d2;}

.module.water-testing .step.step4 {text-align: left;}
.module.water-testing .step.step4 div {color: #414042;}
.module.water-testing .step.step4 .test-result { background-color: #fff;}
.module.water-testing .step.step4 .test .selector { display:inline-block; text-decoration:none; color: #999; text-align: center; }
.module.water-testing .step.step4 div.result-text, .module.water-testing .step.step4 div.result-values { display: inline-block; }
.module.water-testing .step.step4 .result-description {border: 4px solid #d5d5d5;}
.module.water-testing .step.step4 .low .result-description,
.module.water-testing .step.step4 .high .result-description {border: 4px solid #e51937; background-color: #fee0e5;}
.module.water-testing .step.step4 .test-result.out-of-range {background-color: #fee0e5;}
.module.water-testing .step.step4 .result-description div>a {color: #3097cc; text-decoration: none;}
.module.water-testing .step.step4 div.result-text>span {font-weight: normal;}
.module.water-testing .step.step4 .status { color: #414042; text-transform: capitalize; font-weight: bold; }
.module.water-testing .step.step4 .high .status, .module.water-testing .step4 .low .status { color:#d72741; }

.module.water-testing .step.step4 .element-group div.element { font-weight: normal; display: inline-block; }
.module.water-testing .step.step4 .element-group div.test { display: inline-block; }
.module.water-testing .step.step4 .test .selector .option { background-color: #dbdbdb; }
.module.water-testing .step.step4 .test .selector .option.ideal { background-color: #bcbcbc; }
.module.water-testing .step.step4 .test .selector.selected .option { background: #19a449; }
.module.water-testing .step.step4 .test .selector.selected .option::after { color: #fff; content: '\f058'; font-family: FontAwesome; }
.module.water-testing .step.step4 .low .test .selector.selected .option { background: #e51937; }
.module.water-testing .step.step4 .low .test .selector.selected .option::after { content: '\f0ab'; }
.module.water-testing .step.step4 .high .test .selector.selected .option { background: #e51937; }
.module.water-testing .step.step4 .high .test .selector.selected .option::after { content: '\f0aa'; }
.module.water-testing .step.step4 .test .selector .value { color: #414042; }

.module.water-testing .step.step4 .recommendations { display: block; border: 4px solid #d5d5d5; border-top: 0; }
.module.water-testing .step.step4 .low .recommendations {border: 4px solid #e51937; border-top: 0; }
.module.water-testing .step.step4 .high .recommendations {border: 4px solid #e51937; border-top: 0; }
.module.water-testing .step.step4 .recommendations div { display: inline-block; color: #737373; }
.module.water-testing .step.step4 .recommendations div.details { display: inline-block; }
.module.water-testing .step.step4 .recommendations div.solutions { display: inline-block; }
.module.water-testing .step.step4 .recommendations div.details>div .ideal-level { color: #414042; }

.module.water-testing .step.step4 .recommendations .solutions div {color: #414042;}
.module.water-testing .step.step4 .recommendations .solutions .product { color: #dbdbdb; border: 3px solid #d5d5d5; }
.module.water-testing .step.step4 .recommendations .solutions div { display: block;text-transform: uppercase; font-weight: bold; }
.module.water-testing .step.step4 .recommendations .solutions .title { display: block;}
.module.water-testing .step.step4 .recommendations .solutions .product ul { display: inline; }
.module.water-testing .step.step4 .recommendations .solutions .product li { display: inline; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-detail { display: inline-block; text-transform: none; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-title { text-transform: inherit; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-text { font-weight: normal; text-transform: inherit; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-info { color: #1e77b9; text-decoration: underline; text-transform: none; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-buy { color: #fff; background-color: #1e77b9; text-transform: uppercase; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-image { display: block; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box { display: block; text-align: right; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box .product-save span { border: 3px solid #dbdbdb; color: #dbdbdb; text-align: center; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box .product-save.saved span { border: 3px solid #e51937; color: #e51937; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-image .image  { position: relative; display: block; }

.module.water-testing .step.step4 .recommendations .solutions .product { color: #dbdbdb; border: 3px solid #d5d5d5; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-video .play { text-align: center; display: block; color: #fff; }
.module.water-testing .step.step4 .recommendations .solutions .product .product-video .desc { text-transform: initial; color: #fff;  }
.module.water-testing .step.step4 .recommendations .solutions .product a.product-video { text-decoration: none; }

.module.water-testing a.button.get-results,
.module.water-testing a.button.save-results,
.module.water-testing a.button.save-results .small-button-text { color: #fff; }

/* Test to Swim - Desktop */
@media only screen and (min-width: 1012px) {
    .module.water-testing a.button.get-results {
        width: 985px;
        height: 50px;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 10px;
        font-size: 19px;
        line-height: 1.0em;
    }

        .module.water-testing a.button.get-results span.fa {
            font-size: 25px;
        }

    .module.water-testing a.button.save-results {
        width: 985px;
        height: 90px;
        margin-top: 0;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 10px;
        font-size: 25px;
        line-height: 0.75em;
    }

        .module.water-testing a.button.save-results span.fa {
            font-size: 25px;
        }

        .module.water-testing a.button.save-results .small-button-text {
            font-size: 14.8px;
            padding-top: 12px;
        }

    .module.water-testing .content-container {
        min-width: 1094px;
        max-width: 1094px;
    }
    /* 1192px; */
    .module.water-testing .step {
        min-width: 1015px;
        max-width: 1015px;
        margin: 0px 50px;
    }
        /* 1152px; */
        .module.water-testing .step .test-heading {
            min-width: 995px;
            max-width: 995px;
            font-size: 30px;
            padding: 15px 0 10px 0;
            margin: 0 auto;
        }
        .module.water-testing .step .test-heading-tooltip { font-size: 20px; padding-top: 5px; }

        /* 1112px; */
        .module.water-testing .step .step-button {
            min-width: 1112px;
            max-width: 1112px;
            padding-bottom: 20px;
        }

        .module.water-testing .step.step3 div {
            margin-bottom: 5px;
        }

        .module.water-testing .step.step3 .element-group {
            min-height: 115px;
            position: relative;
            margin-bottom: 10px;
            min-width: 995px;
            max-width: 995px;
            padding: 10px 0;
        }
            /* 1112px; */
            .module.water-testing .step.step3 .element-group div.element {
                vertical-align: top;
                position: absolute;
                font-size: 25px;
                padding: 35px 20px;
                min-width: 0;
                height: 73px;
                top: 0;
                left: 0;
                margin: 0;
                line-height: 0.95em;
            }

            .module.water-testing .step.step3 .element-group div.test {
                position: absolute;
                min-width: 0;
                height: 73px;
                top: 0;
                right: 0;
                margin: 0 10px;
            }

        .module.water-testing .step.step3 .test .selector {
            margin: 3px;
            font-size: 12px;
        }

        .module.water-testing .step.step3 .test .selector {
            position: relative;
            margin: 0;
            padding: 8px 5px 6px 5px;
        }

            .module.water-testing .step.step3 .test .selector .option {
                margin-bottom: 5px;
            }

            .module.water-testing .step.step3 .test .selector .unselect {
                position: absolute;
                top: 0;
                left: 0;
                margin: 0;
                z-index: 2;
                height: 0;
                width: 0;
            }

    .module.water-testing .step.step4 p { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; }
    .module.water-testing .step.step4 { position: static; padding: 0; }
    .module.water-testing .step.step4 .test-result { min-width: 995px; max-width: 995px; margin-bottom: 10px; }
    .module.water-testing .step.step4 .test .selector { margin:3px; font-size: 13px; }
    .module.water-testing .step.step4 div.result-text {float: left; min-width: 40%; vertical-align: top; padding: 10px; position: static;}
    .module.water-testing .step.step4 div.result-values {float: right; min-width: 40%; position: relative; padding-right: 20px;}
    .module.water-testing .step.step4 .result-description {min-height: 150px; position: static; padding: 5px;}
    .module.water-testing .step.step4 .toggle { font-size: 15px; display: block; }
    .module.water-testing .step.step4 .toggle-mobile { display: none; }
    .module.water-testing .step.step4 div.result-text>span {font-size: 30px; line-height: 1.0em;}
    .module.water-testing .step.step4 .status {font-size: 20px; margin-bottom: 7px;}

    .module.water-testing .step.step4 .element-group {position: relative;} /* overrides that should be integrated into above css */
    .module.water-testing .step.step4 .element-group div.element {position: absolute; font-size: 20px; padding: 25px 10px; min-width: 0; height: 73px; top: 0; left: 0; margin: 0;}
    .module.water-testing .step.step4 .element-group div.test {position: absolute; min-width: 0; height: 73px; top: 0; right: 0; margin: 0 10px;}
    .module.water-testing .step.step4 .test .selector {position: relative; margin: 0 -5px; padding-top: 3px;}
    .module.water-testing .step.step4 .test .selector .option {z-index: 3; margin-bottom: 5px; background-color: #dbdbdb; height: 15px;}
    .module.water-testing .step.step4 .test .selector.selected .option {height: 78px; margin: 6px;}
    .module.water-testing .step.step4 .test .selector.selected .option::after {font-size: 52px;}

    /* .module.water-testing .step.step4 .recommendations {position: relative; min-height: 775px; height: auto; max-height: 875px; padding: 25px;} */ /* one line below: Changed to have border fit content vertically */
    .module.water-testing .step.step4 .recommendations {position: relative; height: auto; padding: 25px; overflow: auto; }
    .module.water-testing .step.step4 .recommendations div {vertical-align: top;}
    .module.water-testing .step.step4 .recommendations div.details {float: left; min-width: 56%; max-width: 56%; }
    .module.water-testing .step.step4 .recommendations div.solutions {float: right; min-width: 36%; max-width: 36%;}
    .module.water-testing .step.step4 .recommendations>div.details>div {padding-bottom: 40px; width: 100%;}
    .module.water-testing .step.step4 .recommendations>div.details>div>div { line-height: 25px; font-family: Helvetica, Arial, sans-serif; font-size: 18px; }
    .module.water-testing .step.step4 .recommendations>div.details>div>div:first-of-type { font-size: 15px; text-transform: uppercase; font-weight: bold; margin-bottom: 3px; }
    .module.water-testing .step.step4 .recommendations div.details>div>hr { margin: 0; margin-bottom: 10px; padding: 0; }
    .module.water-testing .step.step4 .recommendations div.details>div .ideal-level { font-size: 30px; }

    .module.water-testing .step.step4 .recommendations .solutions .product { min-width: 332px; max-width: 332px; min-height: 177px; max-height: 177px; padding: 0; }
    .module.water-testing .step.step4 .recommendations .solutions div { font-size: 15px;  margin-top: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .title { margin-bottom: 3px; }
    .module.water-testing .step.step4 .recommendations .solutions .product { margin-bottom: 15px; }
    .module.water-testing .step.step4 .recommendations .solutions .product ul { padding: 0; margin: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .product li { padding: 0; margin: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-detail {float: left; width: 66%; padding: 15px;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-title
    {
        width: 100%;
        display: block; display: -webkit-box;
        max-height: 30px; font-size: 20px; line-height: 1.5em; padding: 0; margin: 0;
        -webkit-line-clamp: 1; -webkit-box-orient: vertical;
        overflow: hidden; text-overflow: ellipsis;
    }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-text
    {
        width: 100%;
        display: block; display: -webkit-box;
        max-height: 63.75px; font-size: 17px; line-height: 1.25em; padding: 0; margin: 0;
        -webkit-line-clamp: 3; -webkit-box-orient: vertical;
        overflow: hidden; text-overflow: ellipsis;
        margin-bottom: 15px;
    }

    .module.water-testing .step.step4 .recommendations .solutions .product .product-action { width: 100%; height: 30px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-info {font-size: 13px; padding: 5px;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-buy { font-size: 14px; padding: 6px; border-radius: 5px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image {float: right;  width: 34%; position: relative;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box {width: 100%; z-index: 5; margin-top: 1px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box .product-save span { font-size: 15px; min-height: 29px; max-height: 29px; min-width: 30px; max-width: 30px; padding: 6px 0; margin: -3px -3px 0 0;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .image img { max-height: 125px; width: auto; }

    .module.water-testing .step.step4 .recommendations .solutions .video-container { display: block; }
    .module.water-testing .step.step4 .recommendations .solutions .video-container-mobile { display: none; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video
    {
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 172px;
        display: block;
        text-align: center;
        text-decoration: none;
        position: relative;
    }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .play { font-size: 50px; position: relative; z-index: 3; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .play i {vertical-align: -100%;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .desc { margin: 10px; position: relative; z-index: 3; }
}

/* Test to Swim - Mobile */
@media only screen and (max-width: 1011px) {
    .module.water-testing .content-container { background: #fff; }
    .module.water-testing { padding-bottom: 0; }
    .module.water-testing .step .test-heading { font-size: 15px; min-width: 290px; max-width: 290px; padding-top: 5px; padding-left: 8px; }
    .module.water-testing .step .step-button { font-size: 13px; padding-bottom: 20px; min-width: 290px; max-width: 290px; margin: 0 auto; }
    .module.water-testing .step .step-button a { margin-top: 0; }
    .module.water-testing .step .test .selector .option {width: 41px; height: 36px; margin-bottom: 2px;}

    .module.water-testing .step.step3 div {margin-bottom: 5px;}
    .module.water-testing .step.step3 .element-group { position: relative; margin-bottom: 12px; min-width: 290px; max-width: 290px; margin: 0 auto; margin-bottom: 10px; }
    .module.water-testing .step.step3 .element-group div.element {vertical-align: top; font-size: 18px; min-width: 90%; margin: 0 5px; padding: 5px 0 0 3px;}
    .module.water-testing .step.step3 .element-group div.test {min-width: 90%; margin: 0 5px; margin-bottom: 3px;}
    .module.water-testing .step.step3 .test .selector {margin: 3px; font-size: 9px;}
    .module.water-testing .step.step3 .test .selector {position: relative; margin: 0 -2px; padding: 3px;}
    .module.water-testing .step.step3 .test .selector .unselect {position: absolute; top: 0; left: 0; margin: 0; z-index: 2; height: 0; width: 0;}
    .module.water-testing .step.step3 .test .selector .option { margin-bottom: 2px;}

    .module.water-testing .step.step4 p { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; }
    .module.water-testing .step .test-heading { font-size: 15px; min-width: 290px; max-width: 290px; padding-top: 5px; padding-left: 8px; margin: 0 auto;}
    .module.water-testing .step .test-heading-tooltip { font-size: 13px; padding-top: 5px; }
    .module.water-testing .step.step4 .element { font-size: 20px; line-height: 1.0em; }
    .module.water-testing .step.step4 .status { font-size: 15px; line-height: 1.0em; }
    .module.water-testing .step.step4 .toggle { display: none; }
    .module.water-testing .step.step4 .toggle-mobile { font-size: 12px; display: block; margin-top: 5px; }

    .module.water-testing .step.step4 { position: static; padding: 0; }
    .module.water-testing .step.step4 .element-group {position: relative;}
    .module.water-testing .step.step4 .result-description,
    .module.water-testing .step.step4 .low .result-description,
    .module.water-testing .step.step4 .high .result-description { border-width: 2px; }
    .module.water-testing .step.step4 .result-description { position: static; padding: 10px; }

    .module.water-testing .step.step4 .test-result { margin-bottom: 10px; }
    .module.water-testing .step.step4 .test .selector { margin:2px; font-size: 13px; }


    .module.water-testing .step.step4 div.result-text { min-width: 40%; vertical-align: top; position: static; }
    .module.water-testing .step.step4 div.result-values { min-width: 40%; position: relative; margin-top: 4px; }

    .module.water-testing .step.step4 .test .selector { position: relative; margin: 0 -2px; width: 45px;}
    .module.water-testing .step.step4 .test .selector .option { width: 45px; z-index: 3; background-color: #dbdbdb; height: 10px; margin-bottom: 0; }
    .module.water-testing .step.step4 .test .selector.selected .option { height: 39px; }
    .module.water-testing .step.step4 .test .selector.selected .option::after { font-size: 27.5px; }
    .module.water-testing .step.step4 .test .selector .value { font-size: 10px; }

    .module.water-testing .step.step4 .recommendations {position: relative; padding: 15px;}
    .module.water-testing .step.step4 .recommendations,
    .module.water-testing .step.step4 .low .recommendations,
    .module.water-testing .step.step4 .high .recommendations { border-width: 2px; }
    .module.water-testing .step.step4 .recommendations div {vertical-align: top;}
    .module.water-testing .step.step4 .recommendations>div.details>div {padding-bottom: 25px; width: 100%;}
    .module.water-testing .step.step4 .recommendations>div.details>div>div { line-height: 25px; font-family: Helvetica, Arial, sans-serif; font-size: 15px; }
    .module.water-testing .step.step4 .recommendations>div.details>div>div:first-of-type { font-size: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 3px; }
    .module.water-testing .step.step4 .recommendations div.details>div>hr { margin: 0; margin-bottom: 10px; padding: 0; }
    .module.water-testing .step.step4 .recommendations div.details>div .ideal-level { font-size: 30px; }

    .module.water-testing .step.step4 .recommendations .solutions { width: 100%; }
    .module.water-testing .step.step4 .recommendations .solutions .product { max-height: 275px; padding: 0; }
    .module.water-testing .step.step4 .recommendations .solutions div { font-size: 15px;  margin-top: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .title { margin-bottom: 3px; }
    .module.water-testing .step.step4 .recommendations .solutions .product { margin-bottom: 15px; }
    .module.water-testing .step.step4 .recommendations .solutions .product ul { padding: 0; margin: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .product li { padding: 0; margin: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-detail { width: 100%; padding: 0 15px;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-title
    {
        display: block; display: -webkit-box;
        max-height: 30px; font-size: 20px; line-height: 1.5em; padding: 0; margin: 0;
        -webkit-line-clamp: 1; -webkit-box-orient: vertical;
        overflow: hidden; text-overflow: ellipsis;
    }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-text
    {
        display: block; display: -webkit-box;
        max-height: 63.75px; font-size: 17px; line-height: 1.25em; padding: 0; margin: 0;
        -webkit-line-clamp: 3; -webkit-box-orient: vertical;
        overflow: hidden; text-overflow: ellipsis;
        margin-bottom: 15px;
    }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-action { height: 30px; margin-bottom: 10px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-info {font-size: 13px; padding: 5px;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-buy { font-size: 14px; padding: 6px; border-radius: 5px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image { position: relative;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box {width: 100%; z-index: 5; margin-top: 1px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box a { z-index: 6; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .like-box .product-save span { font-size: 15px; min-height: 29px; max-height: 29px; min-width: 30px; max-width: 30px; padding: 6px 0; margin: -3px -3px 0 0;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .image { margin-top: -1px; margin-right: 30px; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-image .image img { max-height: 125px; width: auto; margin: 0; margin-top: -27px; padding: 15px; }

    .module.water-testing .step.step4 .recommendations .solutions .video-container { display: none; }
    .module.water-testing .step.step4 .recommendations .solutions .video-container-mobile { display: block; }
    .module.water-testing .step.step4 .recommendations .solutions .video-container-mobile .product { min-height: 177px; max-height: 177px; border: 0; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video
    {
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 172px;
        display: block;
        text-align: center;
        text-decoration: none;
        position: relative;
    }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .play { font-size: 50px; position: relative; z-index: 3; }
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .play i {vertical-align: -100%;}
    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .desc { margin: 10px; position: relative; z-index: 3; }

    .module.water-testing .step.step4 .step-button a.button { height: 68px; padding-top: 18px; }
    .module.water-testing .step.step4 .step-button a.button .small-button-text { line-height: 13px; font-size: 12px; }
    .module.water-testing .step.step4 .step-button a.button span { line-height: 22px; font-size: 21px; }
}

    .module.water-testing .step.step4 .recommendations .solutions .product .product-video .opaque
    {
        background-color: rgba(125,125,125,0.85);
        width: 100%; height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 2;
    }

.video-thumbnails img { width: 100%; }
.video-thumbnails .play { position: relative; color: #FFF; width: 100%; height: 100%; margin-bottom: 0; }
.video-thumbnails .play:before { position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; font-family: "FontAwesome"; content: '\f01d'; font-size: 150px; line-height: 150px; }