.bgColorAlternate {
background-color: #51a949;
}
.bgColorPrimary {
background-color: #007934;
}
.bgColorSecondary {
background-color: #f0c336;
}
.bgColorSupportingA {
background-color: #f8f8f8;
}
.bgColorSupportingB {
background-color: #d5d5d5;
}
.bgColorSupportingC {
background-color: #333;
}
.bgColorSupportingD {
background-color: #848484;
}
.bgColorTextMain {
background-color: #444;
}
.bgError {
background-color: #c00;
}
.bgWhite {
background-color: #fff;
}
.bgGradientPrimary {
background-image: linear-gradient(-205deg, #6dbb59, #007e44);
}
.bgGradientPrimaryAlt {
background-image: linear-gradient(to bottom left, #6dbb59 0, #007e44);
}
.fgColorAlternate {
color: #51a949;
}
.fgColorPrimary {
color: #007934;
}
.fgColorSecondary {
color: #f0c336;
}
.fgColorSupportingA {
color: #f8f8f8;
}
.fgColorSupportingB {
color: #d5d5d5;
}
.fgColorSupportingC {
color: #333;
}
.fgColorSupportingD {
color: #848484;
}
.fgColorTextMain {
color: #444;
}
.fgError {
color: #c00;
}
.fgWhite {
color: #fff;
}
.fgGray {
color: #585858;
}
@font-face {
font-family: FontAwesome;
src: url(../eot/fontawesome-webfont3e6e.eot?v=4.7.0);
src: url(../eot/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../woff2/fontawesome-webfont3e6e.woff2?v=4.7.0) format("woff2"), url(../woff/fontawesome-webfont3e6e.woff?v=4.7.0) format("woff"), url(../ttf/fontawesome-webfont3e6e.ttf?v=4.7.0) format("truetype"), url(../svg/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Encode Sans;
src: url(../eot/encodesans-light.eot);
src: url(../eot/encodesans-lightd41d.eot?#iefix) format("embedded-opentype"), url(../woff/encodesans-light.woff) format("woff"), url(../ttf/encodesans-light.ttf) format("truetype"), url('../svg/encodesans-light.svg#Encode Sans') format("svg");
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: Encode Sans;
src: url(../eot/encodesans-regular.eot);
src: url(../eot/encodesans-regulard41d.eot?#iefix) format("embedded-opentype"), url(../woff/encodesans-regular.woff) format("woff"), url(../ttf/encodesans-regular.ttf) format("truetype"), url(../svg/encodesans-regular.svg#EncodeSans) format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: Encode Sans;
src: url(../eot/encodesans-medium.eot);
src: url(../eot/encodesans-mediumd41d.eot?#iefix) format("embedded-opentype"), url(../woff/encodesans-medium.woff) format("woff"), url(../ttf/encodesans-medium.ttf) format("truetype"), url(../svg/encodesans-medium.svg#EncodeSans) format("svg");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: Encode Sans;
src: url(../eot/encodesans-bold.eot);
src: url(../eot/encodesans-boldd41d.eot?#iefix) format("embedded-opentype"), url(../woff/encodesans-bold.woff) format("woff"), url(../ttf/encodesans-bold.ttf) format("truetype"), url(../svg/encodesans-bold.svg#EncodeSans) format("svg");
font-style: normal;
font-weight: 700;
}
.bold {
font-weight: 700;
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active, a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b, strong {
font-weight: inherit;
font-weight: bolder;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button, input, optgroup, select, textarea {
font: inherit;
margin: 0;
}
optgroup {
font-weight: 700;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
html {
box-sizing: border-box;
}
*, :after, :before {
box-sizing: inherit;
}
html {
height: 100%}
body, html {
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
background: #fff;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #444;
}
dl dt {
font-weight: 700;
text-transform: uppercase;
line-height: 2;
}
dl dd+dt {
padding-top: 31px;
}
#main {
width: 100%;
padding-top: 60px;
background: #fff;
}
@media (min-width:770px) {
#main {
padding-top: 80px;
}
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
h1 {
font-weight: 500;
font-size: 22px;
line-height: 30px;
}
h1, h2 {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
h2 {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #007934;
}
h3 {
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
h3, h4 {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
h4 {
font-weight: 400;
font-size: 12px;
line-height: 18px;
}
h6 {
font-size: inherit;
line-height: inherit;
}
.content-header {
margin: 20px 0;
padding-bottom: 22px;
text-align: left;
}
.content-header h1, .content-header h2, .content-header h3, .content-header h4, .content-header h5 {
position: relative;
font-size: 21px;
line-height: 1.33;
}
.content-header h1:after, .content-header h2:after, .content-header h3:after, .content-header h4:after, .content-header h5:after {
background: #d5d5d5;
bottom: -22px;
content: "";
height: 8px;
left: 0;
position: absolute;
width: 77px;
}
.content-header h1 {
font-weight: 700;
color: #4a4a4a;
}
.dividerHash, .dividerHashThin {
margin: 15px 0;
height: 18px;
width: 100%;
display: none;
}
.dividerHash.mobile, .dividerHashThin.mobile {
display: block;
}
.dividerHashThin {
height: 8px;
}
.dividerHash, .dividerHashThin {
background: #d5d5d5;
}
@media (min-width:770px) {
.dividerHash, .dividerHashThin {
display: block;
}
.dividerHash.mobile, .dividerHashThin.mobile {
display: none;
}
.content-header {
overflow: hidden;
padding-left: 40px;
}
.content-header h1, .content-header h2, .content-header h3, .content-header h4, .content-header h5 {
display: inline-block;
padding: 0 15px;
height: 18px;
font-size: 21px;
line-height: 18px;
}
.content-header h1:before, .content-header h2:before, .content-header h3:before, .content-header h4:before, .content-header h5:before {
content: "";
position: absolute;
top: 0;
right: 100%;
display: block;
width: 40px;
height: 18px;
background-repeat: repeat;
}
.content-header h1:after, .content-header h2:after, .content-header h3:after, .content-header h4:after, .content-header h5:after {
position: absolute;
top: 0;
left: 100%;
display: block;
content: "";
width: 1110px;
height: 18px;
background-repeat: repeat;
}
.content-header h1:after, .content-header h1:before, .content-header h2:after, .content-header h2:before, .content-header h3:after, .content-header h3:before, .content-header h4:after, .content-header h4:before, .content-header h5:after, .content-header h5:before {
background: #d5d5d5;
}
}
h2.summary {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333;
font-weight: 400;
margin-bottom: 20px;
text-transform: none;
padding: 10px;
}
.split-aside h2 {
padding-top: 1em;
}
.split-aside section:first-of-type h2 {
padding-top: 0;
}
img {
display: block;
width: auto;
max-width: 100%;
height: auto;
}
.img-inline {
display: inline;
}
figure {
margin: 0;
padding: 0;
}
.heater-image {
height: 410px;
margin: 10px 0;
}
.icon-gray-circled {
margin: 15px;
border-radius: 50%;
border: 4px solid #848484;
fill: #848484;
height: 40px;
width: 40px;
}
.learn-more-bullet-img {
height: 26px;
float: left;
margin-right: 20px;
}
.heater-image {
height: 260px;
}
@media (min-width:500px) {
.heater-image {
height: 410px;
}
.icon-gray-circled {
height: 60px;
width: 60px;
}
}
a {
color: #51a949;
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: underline;
color: #333;
}
.cta {
font-size: 1.3em;
text-transform: uppercase;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-weight: 500;
text-align: center;
margin: 25px auto;
padding: 10px 15px;
}
.cta, .cta a {
color: #007934;
}
.cta a {
text-decoration: none;
}
.btn {
display: block;
padding: 12px 10px;
color: #fff;
font-size: 14px;
cursor: pointer;
text-align: center;
border: 0;
border-radius: 0;
transition: all .2s ease;
text-transform: uppercase;
letter-spacing: .03em;
}
.btn.btn-cta {
display: inline-block;
padding-left: 3em;
padding-right: 3em;
color: #fff;
font-size: 15px;
border: 1px solid transparent;
box-shadow: 1px 2px 4px 0 rgba(92, 92, 92, .5);
text-transform: none;
transition: all .1s linear;
}
.btn.btn-cta, .btn.btn-cta:focus {
background: #51a949;
}
.btn.btn-cta:hover {
box-shadow: 2px 4px 8px 0 rgba(92, 92, 92, .7);
}
.btn.btn-primary {
position: relative;
overflow: hidden;
z-index: 1;
background: 0 0;
color: #fff;
border: 0;
}
.btn.btn-primary:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #007934;
z-index: -2;
}
.btn.btn-primary:after {
content: "";
position: absolute;
height: 120%;
width: 130%;
top: -10%;
left: -15%;
background-color: #00471f;
z-index: -1;
transform-origin: 50% 50%;
transform: translate(-100%) skew(20deg);
transition: all .3s cubic-bezier(.77, 0, .18, 1);
}
.btn.btn-primary:focus, .btn.btn-primary:hover {
background: 0 0;
}
.btn.btn-primary:hover:after {
transform: translate(0) skew(20deg);
}
.btn.btn-secondary {
position: relative;
overflow: hidden;
z-index: 1;
background: 0 0;
color: #007934;
border: 1px solid #007934;
}
.btn.btn-secondary:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
z-index: -2;
}
.btn.btn-secondary:after {
content: "";
position: absolute;
height: 120%;
width: 130%;
top: -10%;
left: -15%;
background-color: #007934;
z-index: -1;
transform-origin: 50% 50%;
transform: translate(-100%) skew(20deg);
transition: all .3s cubic-bezier(.77, 0, .18, 1);
}
.btn.btn-secondary:focus {
background: 0 0;
}
.btn.btn-secondary:hover {
background: 0 0;
color: #fff;
}
.btn.btn-secondary:hover:after {
transform: translate(0) skew(20deg);
}
.btn-full {
width: 100%}
.btn-near-full {
width: 80%}
.modal .btn:after {
background-color: transparent;
}
.home-btns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width:770px) {
.home-btns {
-ms-flex-direction: row;
flex-direction: row;
}
}
.btn-home {
border: 3px solid #007934;
color: #007934;
font-size: 18px;
font-weight: 500;
height: 56px;
margin: 8px;
padding: 15px 10px;
text-align: center;
text-decoration: none;
width: auto;
}
@media (min-width:770px) {
.btn-home {
padding: 15px 30px;
}
}
.btn-home:focus, .btn-home:hover {
color: #007934;
text-decoration: none;
}
.question-tooltip {
text-decoration: none;
position: relative;
display: inline-block;
border-radius: 50%;
border: 1px solid grey;
color: grey;
padding: 0 7px;
font-size: 10px;
}
.question-tooltip .question-tooltiptext {
visibility: hidden;
width: 250px;
padding: 5px;
background-color: #007934;
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 225%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 1s;
}
.question-tooltip .question-tooltiptext:after {
content: "";
position: absolute;
top: 100%;
left: 25%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #007934 transparent transparent;
}
.question-tooltip:hover .question-tooltiptext {
visibility: visible;
opacity: 1;
cursor: pointer;
}
ul {
margin: 0;
padding: 6px 0 30px 18px;
}
.learn-more-list {
list-style: none;
margin: 0;
padding: 0;
}
.learn-more-list li {
padding: 10px 0;
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
.learn-more-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 0;
}
.learn-more-content .learn-more-heater-img {
height: 350px;
margin: 20px auto;
}
.learn-more-content .split-aside {
border-top: none;
margin-top: 0;
padding-top: 0;
}
@media (min-width:500px) {
.learn-more-content .split-main {
padding-right: 70px;
}
.learn-more-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 45px;
}
.learn-more-content .learn-more-heater-img {
height: auto;
}
}
.fancy-numbered-list {
counter-reset: a;
}
.fancy-numbered-list dt {
color: #4a4a4a;
font-size: 16px;
line-height: 28px;
margin-top: 48px;
padding: 0 0 5px 44px;
position: relative;
}
.fancy-numbered-list dt .number {
-ms-flex-align: center;
align-items: center;
border: 2px solid #007934;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
height: 28px;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
width: 28px;
}
.fancy-numbered-list dt.no-number:before {
content: none;
}
.fancy-numbered-list dt:first-of-type {
margin-top: 0;
}
.fancy-numbered-list dt:before, .fancy-numbered-list.no-header dd:before {
-ms-flex-align: center;
align-items: center;
border: 2px solid #007934;
border-radius: 50%;
color: #007934;
content: counter(a);
counter-increment: a;
display: -ms-flexbox;
display: flex;
font-size: 15px;
font-weight: 700;
height: 28px;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
width: 28px;
}
.fancy-numbered-list dd {
font-size: 16px;
line-height: 1.69;
padding-left: 44px;
position: relative;
}
.fancy-numbered-list.no-header dd+dd {
margin-top: 18px;
}
p {
margin: 0;
padding: 0 0 15px;
}
p.callout {
font-family: Verdana, Geneva, sans-serif;
margin: 25px 0;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%}
hr {
height: 0;
margin: 5px 0 20px;
background: 0 0;
border: 0;
border-bottom: 1px dotted #d5d5d5;
}
.nobr {
white-space: nowrap;
}
.pt1 {
padding-top: 1em;
}
.tinylead {
text-transform: uppercase;
padding-bottom: 1em;
font-weight: 700;
}
.operation-summary {
font-size: 14px;
color: #444;
line-height: 22px;
}
.operation-summary h2 {
margin: 30px 0;
font-size: 24px;
letter-spacing: .6px;
line-height: 33px;
}
.form-section {
border-bottom: 1px solid #d5d5d5;
margin-bottom: 20px;
padding-bottom: 20px;
}
.form-section h2 {
font-size: 21px;
letter-spacing: .52px;
line-height: 1.57;
margin-bottom: 14px;
}
.form-section p {
color: #585858;
font-size: 16px;
font-weight: 100;
line-height: 1.69;
}
.form-element-full, .form-element-half {
width: calc(99.9% * 1/1 - 0px);
margin-bottom: 10px;
}
.form-element-full:nth-child(1n), .form-element-half:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.form-element-full:last-child, .form-element-half:last-child {
margin-right: 0;
}
.form-element-full:nth-child(1n), .form-element-half:nth-child(1n) {
margin-right: 0;
float: right;
}
.form-element-full:nth-child(1n+1), .form-element-half:nth-child(1n+1) {
clear: both;
}
.form-section:last-of-type {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.form-section fieldset {
border: 0;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 16px;
padding: 0;
padding-bottom: 16px;
}
.form-section fieldset:nth-last-child(2) {
border-bottom: none;
margin-bottom: 0;
}
.form-section fieldset:last-child {
border-bottom: 0;
}
.form-section em.required, .form-section label em {
color: #51a949;
font-style: normal;
font-weight: 500;
}
.form-section legend {
font-weight: 700;
}
.form-section label {
font-size: 15px;
font-weight: 500;
line-height: 1.86;
}
.form-section input[type=date], .form-section input[type=email], .form-section input[type=number], .form-section input[type=tel], .form-section input[type=text], .form-section input[type=time], .form-section input[type=url], .form-section select {
box-sizing: border-box;
display: block;
width: 100%;
padding: 0 10px;
background-color: #f8f8f8;
border: 1px solid #d5d5d5;
border-radius: 0;
color: #333;
font-size: 14px;
line-height: 33px;
height: 35px;
}
.form-section input[type=date]:last-child, .form-section input[type=email]:last-child, .form-section input[type=number]:last-child, .form-section input[type=tel]:last-child, .form-section input[type=text]:last-child, .form-section input[type=time]:last-child, .form-section input[type=url]:last-child, .form-section select:last-child {
margin-bottom: 1em;
}
input[type=checkbox] {
margin-right: .25em;
}
.form-section .field-validation-valid {
min-height: 1em;
width: 100%;
display: inline-block;
}
.form-section input.btn {
border: 0;
}
.form-section select {
height: 35px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position: 100%;
background-size: 32px 35px;
padding-right: 32px;
background-image: url('data:image/svg+xml; charset=utf-8, '), linear-gradient(270deg, #838383 32px, transparent 0);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.form-section select::-ms-expand {
display: none;
}
.form-section select:focus {
background-image: url('data:image/svg+xml; charset=utf-8, '), linear-gradient(270deg, #007934 32px, transparent 0);
}
.form-section textarea {
display: block;
width: 100%;
background-color: #f8f8f8;
color: #333;
border: 1px solid #d5d5d5;
min-height: 40px;
padding: 10px;
}
.form-section input:focus, .form-section select.input:focus, .form-section select:focus, .form-section textarea:focus {
border: 1px solid #007934;
background-color: #fff;
outline: 0;
}
.form-title {
margin-bottom: 24px;
}
.recommend:after, .recommend:before {
content: "";
display: table;
}
.recommend:after {
clear: both;
}
.recommend-in-10 {
width: 9.08182%;
text-align: center;
}
.recommend-in-10:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
.recommend-in-10:last-child {
margin-right: 0;
}
.recommend-in-10:nth-child(11n) {
margin-right: 0;
float: right;
}
.recommend-in-10:nth-child(11n+1) {
clear: both;
}
.recommend-scale {
padding: 0 5px;
font-size: 10px;
color: #585858;
}
.recommend-scale .not_likely {
float: left;
}
.recommend-scale .extremely_likely {
float: right;
}
.recommend-scale:before {
content: "";
display: table;
}
.recommend-scale:after {
content: "";
display: table;
clear: both;
}
.form-section fieldset.submit .btn {
margin-top: 1.5rem;
width: 100%}
.form-section .field-validation-error {
color: #c00;
}
a.info {
position: relative;
display: block;
float: right;
width: 15px;
height: 15px;
background: url(../png/info-icon.png) top no-repeat;
text-indent: -9999px;
cursor: pointer;
}
div.tooltip.register {
display: none;
font-size: 11px;
line-height: 13px;
width: 500px!important;
height: auto!important;
background: #fff;
border-radius: 8px;
padding: 8px 8px 8px 11px!important;
box-shadow: 0 0 10px #d5d5d5;
position: absolute;
z-index: 9999;
}
a.info:hover+div.tooltip {
display: block;
opacity: 1;
}
div.tooltip:hover {
display: block;
}
.align-with-btn {
margin-top: 28px;
}
#contact-header {
font-size: 32px;
font-weight: 100;
margin: 10px 0 26px;
text-transform: none;
}
@media (min-width:500px) {
.form-section fieldset {
margin-bottom: 50px;
}
.form-section h2 {
margin-bottom: 0;
}
.form-element-half {
width: calc(99.9% * 1/2 - 7.5px);
}
.form-element-half:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none;
}
.form-element-half:last-child {
margin-right: 0;
}
.form-element-half:nth-child(2n) {
margin-right: 0;
float: right;
}
.form-element-half:nth-child(odd) {
clear: both;
}
fieldset.submit.reg-form {
border-top: 1px solid #d5d5d5;
padding-top: 45px;
}
fieldset.submit .btn {
width: 50%;
max-width: 221px;
float: left;
}
}
h4.section-heading {
font-size: 24px;
font-weight: 400;
margin: 0;
padding: 0;
position: relative;
}
h4.section-heading>span {
display: inline-block;
position: relative;
background-color: #fff;
padding: 0 2%;
margin-left: 4%;
z-index: 10;
}
h4.section-heading:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .7em;
background-color: #d5d5d5;
z-index: 5;
}
.col-fourth, .col-full, .col-half, .col-third, .split-aside, .split-main {
width: calc(99.9% * 1/1 - 0px);
margin-bottom: 15px;
}
.col-fourth:nth-child(1n), .col-full:nth-child(1n), .col-half:nth-child(1n), .col-third:nth-child(1n), .split-aside:nth-child(1n), .split-main:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-fourth:last-child, .col-full:last-child, .col-half:last-child, .col-third:last-child, .split-aside:last-child, .split-main:last-child {
margin-right: 0;
}
.col-fourth:nth-child(1n), .col-full:nth-child(1n), .col-half:nth-child(1n), .col-third:nth-child(1n), .split-aside:nth-child(1n), .split-main:nth-child(1n) {
margin-right: 0;
float: right;
}
.col-fourth:nth-child(1n+1), .col-full:nth-child(1n+1), .col-half:nth-child(1n+1), .col-third:nth-child(1n+1), .split-aside:nth-child(1n+1), .split-main:nth-child(1n+1) {
clear: both;
}
.col-fifth, .col-sixth {
width: calc(99.9% * 1/2 - 15px);
margin-bottom: 15px;
}
.col-fifth:nth-child(1n), .col-sixth:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-fifth:last-child, .col-sixth:last-child {
margin-right: 0;
}
.col-fifth:nth-child(2n), .col-sixth:nth-child(2n) {
margin-right: 0;
float: right;
}
.col-fifth:nth-child(odd), .col-sixth:nth-child(odd) {
clear: both;
}
.split-aside {
border-top: 1px solid #d5d5d5;
margin-top: 15px;
padding-top: 15px;
}
.split-aside p {
color: #4a4a4a;
}
.split-aside.contact-us, .split-aside.reg-form {
border-top: none;
margin-top: 35px;
}
.contact-aside h2 {
font-size: 21px;
letter-spacing: .52px;
line-height: 1.57;
}
.contact-aside .tinylead, .contact-aside address, .contact-aside p {
color: #4a4a4a;
}
.contact-aside address, .contact-aside p, .contact-aside p a {
font-size: 14px;
line-height: 1.57;
}
.contact-aside .tel {
color: #007934;
font-size: 16px;
letter-spacing: .9px;
line-height: 1.38;
}
.contact-aside p a {
color: #51a949;
}
.contact-aside .tinylead {
font-size: 15px;
margin-top: 6px;
padding-bottom: 6px;
}
@media (min-width:770px) {
.col-half, .col-third, .split-aside, .split-main {
margin-bottom: 0;
}
.col-half {
width: calc(99.9% * 1/2 - 15px);
}
.col-half:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-half:last-child {
margin-right: 0;
}
.col-half:nth-child(2n) {
margin-right: 0;
float: right;
}
.col-half:nth-child(odd) {
clear: both;
}
.col-third {
width: calc(99.9% * 1/3 - 20px);
}
.col-third.extra-wide {
width: 40%}
.col-third:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-third:last-child {
margin-right: 0;
}
.col-third:nth-child(3n) {
margin-right: 0;
float: right;
}
.col-third:nth-child(3n+1) {
clear: both;
}
.col-fourth {
width: calc(99.9% * 1/4 - 22.5px);
}
.col-fourth:nth-child(n+5) {
margin-top: 80px;
}
.col-fourth:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-fourth:last-child {
margin-right: 0;
}
.col-fourth:nth-child(4n) {
margin-right: 0;
float: right;
}
.col-fourth:nth-child(4n+1) {
clear: both;
}
.col-fifth {
width: calc(99.9% * 1/5 - 24px);
}
.col-fifth:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-fifth:last-child {
margin-right: 0;
}
.col-fifth:nth-child(5n) {
margin-right: 0;
float: right;
}
.col-fifth:nth-child(5n+1) {
clear: both;
}
.col-sixth {
width: calc(99.9% * 1/6 - 25px);
}
.col-sixth:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.col-sixth:last-child {
margin-right: 0;
}
.col-sixth:nth-child(6n) {
margin-right: 0;
float: right;
}
.col-sixth:nth-child(6n+1) {
clear: both;
}
.split-main {
width: calc(99.9% * 2/3 - 10px);
}
.split-main.narrow {
width: 56%}
.split-main:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.split-main:last-child {
margin-right: 0;
}
.split-main:nth-child(3n) {
margin-right: 0;
float: right;
}
.split-main:nth-child(3n+1) {
clear: both;
}
.split-aside {
width: calc(99.9% * 1/3 - 20px);
margin-top: 0;
border-top: 0;
padding-top: 0;
}
.split-aside p:first-of-type {
margin-top: 16px;
}
.split-aside:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.split-aside:last-child {
margin-right: 0;
}
.split-aside:nth-child(3n) {
margin-right: 0;
float: right;
}
.split-aside:nth-child(3n+1) {
clear: both;
}
.contact-aside {
letter-spacing: .6px;
line-height: 1.38;
}
}
.col-centered h2, .col-centered p {
color: #848484;
}
.col-needs-space {
margin-bottom: 70px;
}
#page-header {
box-shadow: 0 0 5px rgba(68, 68, 68, .63);
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 60px;
padding-left: 2%;
background: #fff;
}
#header-inner {
position: relative;
height: 100%;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
}
#header-inner:after, #header-inner:before {
content: "";
display: table;
}
#header-inner:after {
clear: both;
}
.site-logo-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 75%;
max-width: 147px;
padding-top: 5px;
padding-bottom: 5px;
}
#wrapper-resize {
width: 125px;
}
.site-logo {
width: 100%}
.site-logo-wrapper .group_logo-symbol {
transform-origin: 20px 20px;
}
.logo-subtext, .logo-symbol {
fill: #007934;
}
.mobile-nav-toggle-wrapper {
position: absolute;
right: 0;
top: 0;
height: 100%}
#mobile-nav-toggle {
display: -ms-flexbox;
display: flex;
padding: 0 28px;
height: 100%}
#mobile-nav-toggle .hamburger-menu {
background-color: #444;
border-radius: 1.5px;
height: 3px;
position: absolute;
right: 18px;
top: 29px;
width: 22px;
}
#mobile-nav-toggle .hamburger-menu:after, #mobile-nav-toggle .hamburger-menu:before {
background-color: #444;
border-radius: 1.5px;
content: "";
height: 3px;
position: absolute;
width: 22px;
}
#mobile-nav-toggle .hamburger-menu:before {
top: -8px;
}
#mobile-nav-toggle .hamburger-menu:after {
top: 8px;
}
@media (min-width:770px) {
#page-header {
height: 80px;
padding: 0 20px;
}
.site-logo-wrapper {
margin-right: 20px;
padding-top: 6px;
}
.mobile-nav-toggle-wrapper {
display: none;
}
}
.page-content #root {
margin-bottom: 30px;
}
.brand-button-override {
background: #007934;
}
.hwh-wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 10px;
}
.hwh-wrapper .field-validation-error {
color: red;
}
.hwh-wrapper .hwht-select select {
margin: 10px 10px 0 0;
height: 37px;
}
.hwh-wrapper .overlay {
background: #000;
bottom: 0;
left: 0;
opacity: .8;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}
.hwh-wrapper .need-more-help-modal {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.need-more-help-modal .modal-footer p {
padding: 14px;
text-align: left;
}
.need-more-help-modal .fail-footer p {
text-align: center;
}
.need-more-help-modal .fail-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.hwh-wrapper .modal-content {
z-index: 10;
}
.hwh-wrapper .modal-content a {
height: 40px;
}
.form-get-serial-number label {
color: #828282;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.28;
}
.form-get-serial-number .radio-fieldset, .form-get-serial-number .serial-fieldset, .form-get-serial-number input, .form-get-serial-number label {
margin-bottom: 10px;
}
.form-get-serial-number .radio-fieldset {
margin: 24px 0;
}
.form-get-serial-number .serial-fieldset input {
width: 100%;
height: 40px;
}
.form-get-serial-number input {
height: 35px;
}
.form-get-serial-number .radio-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.form-get-serial-number .radio-buttons label {
margin: 0 30px 0 10px;
}
.form-get-serial-number button {
width: 100%}
.hwht-contact-support-form button {
width: 200px;
}
.hwht-contact-thank-you .ticket-number, .hwht-contact-thank-you p {
color: #007934;
background: 0 0;
display: inline;
padding-right: 5px;
}
.emer-form-header {
color: #404040;
font-size: 32px;
line-height: 35px;
padding-bottom: 30px;
text-align: left;
text-transform: none;
}
.hwht-contact-support-form h2 {
color: #007934;
font-size: 20px;
width: 100%;
margin: 0;
text-transform: none;
}
.contact-text {
text-align: center;
padding: 20px 0 40px;
}
.hwht-contact-support-form sup {
color: #007934;
}
.hwht-contact-support-form input {
background-color: #eee;
border: 1px solid #ccc;
font-size: 15px;
margin: 10px 10px 10px 0;
padding: 8px;
}
.hwht-contact-support-form label {
color: #4c4c4c;
font-size: 14px;
height: 22px;
margin: 10px 0 0;
}
.hwht-contact-support-form select#state::-ms-expand {
display: none;
}
.hwht-contact-support-form select#state {
background-color: #eee;
border: 1px solid #ccc;
border-radius: 0;
color: #444;
font-size: 14px;
height: 36px;
line-height: 1.5em;
margin: 10px 0;
padding: 5px 50px 5px 10px;
width: 170px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 0), linear-gradient(135deg, gray 50%, transparent 0), linear-gradient(90deg, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
}
.hwht-button {
background-color: #007934;
border: none;
color: #fff;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 15px;
margin: 10px 0 0;
padding: 14px 92px;
text-transform: uppercase;
}
.hwht-contact-support-form .input-section-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
.hwht-contact-support-form .input-field {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.hwht-contact-support-form .name-input {
-ms-flex: 3 0 auto;
flex: 3 0 auto;
}
.hwht-contact-support-form .phone-input {
-ms-flex: 2 0 auto;
flex: 2 0 auto;
}
.hwht-contact-support-form .email-input {
-ms-flex: 3 0 auto;
flex: 3 0 auto;
}
.hwht-contact-support-form .state-input, .hwht-contact-support-form .zip-input {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.hwht-contact-support-form .address-input, .hwht-contact-support-form .city-input {
-ms-flex: 5 0 auto;
flex: 5 0 auto;
}
.hwht-contact-support-form .validation {
color: red;
margin-bottom: 24px;
}
.hwht-contact-support-form {
border: 1px solid #ccc;
margin-bottom: 24px;
padding: 20px;
}
.hwht-contact-thank-you {
margin: 0 auto 80px;
text-align: center;
}
.hwht-contact-thank-you p {
color: #007934;
font-size: 20px;
line-height: 2;
}
.hwht-contact-thank-you h2 {
color: #007934;
font-size: 40px;
line-height: 42px;
margin: 10px;
text-transform: none;
}
.hwht2-top {
margin: 70px auto 20px;
text-align: center;
width: 82%}
.hwht2-top h1 {
color: #828282;
font-size: 48px;
font-weight: 400;
letter-spacing: -.69px;
line-height: 50px;
text-transform: none;
}
.hwht2-top p {
color: #828282;
letter-spacing: -.19px;
line-height: 2.08;
padding-bottom: 28px;
margin: 20px auto;
max-width: 672px;
}
#need-more-help {
margin: 0 auto;
}
#contact-support p, #need-more-help .hwht2-top p {
line-height: 2;
margin: 20px auto;
max-width: 672px;
text-align: center;
padding-bottom: 0;
}
#need-more-help .form {
border: 1px solid #dededf;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin: 0 auto 100px;
max-width: 734px;
padding: 28px;
}
#need-more-help .form-body, #need-more-help .form-image {
padding: 0 25px;
width: 50%}
#need-more-help .radio-buttons tr {
display: inline-block;
margin-right: 16px;
}
#need-more-help .radio-buttons tr input {
margin-left: 0;
}
#need-more-help table {
margin-left: -3px;
}
#need-more-help .hwht-button, #need-more-help .serial-input {
display: block;
margin: 10px 0 5px;
width: 80%}
#need-more-help .hwht-button {
margin: 0;
}
#need-more-help .error {
display: block;
margin-bottom: 16px;
}
#need-more-help .serial-input {
height: 28px;
}
#need-more-help .leaking-label {
display: block;
}
#need-more-help .modal {
margin: 0 -216px;
margin-bottom: 16px;
padding: 16px;
width: 404px;
}
#need-more-help ul {
padding: 0;
}
#need-more-help li {
list-style: none;
}
#need-more-help .modal-title {
font-size: 24px;
margin-bottom: 16px;
}
#need-more-help .modal-data {
padding-bottom: 10px;
}
#need-more-help .modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.hwh-btn-inverse, .hwh-modal-btn {
background: #007934;
color: #fff;
font-size: 15px;
height: 40px;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 5px;
padding: 8px 0 0;
text-align: center;
width: 100%}
.hwh-btn-inverse {
background: #fff;
border: 2px solid #007934;
box-sizing: border-box;
color: #007934;
}
.replace-find-provider p {
font-size: 20px;
}
.replace-top a {
height: 48px;
padding: 14px 60px;
}
.replace-find-provider a {
height: 48px;
padding: 14px 22px;
}
.hwh-service-provider h5 {
background: 0 0;
color: #333;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 300;
height: auto;
padding: 0;
}
.replace-find-provider {
border-top: 1px solid #d3d3d3;
margin-bottom: 75px;
margin-top: 75px;
}
#service-provider-root {
margin-left: 20px;
}
.service-provider-footer {
clear: both;
padding: 20px 0;
}
#service-provider-root {
margin: 0;
}
.select2-ignore {
color: #333;
}
.styles__searchBar___jQjM1 input {
border: 1px solid #d3d3d3;
height: 40px;
margin-bottom: 20px;
}
.styles__searchBar___jQjM1 select {
padding: 0;
}
.styles__searchBar___jQjM1 button {
background-color: #007934!important;
height: 40px;
}
@media (max-width:765px) {
.hwh-wrapper #map_canvas {
height: 350px!important;
width: 100%!important;
}
.hwh-wrapper {
padding: 0 15px;
}
.hwht2-top h1 {
font-size: 26px;
}
.hwht2-top {
width: 100%;
margin: 22px auto;
}
.need-more-help-modal {
width: 100%}
#need-more-help .modal-footer {
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0;
}
.hwh-wrapper .modal-content a {
margin: 15px 0;
}
.serial-fieldset input {
border: 1px solid #d3d3d3;
}
#need-more-help .form {
-ms-flex-direction: column;
flex-direction: column;
padding: 15px;
}
#need-more-help .form-get-serial-number {
border: none;
}
#need-more-help .form-get-serial-number img {
margin-bottom: 22px;
}
#need-more-help .form .form-body, #need-more-help .form .form-image {
padding: 0;
width: 100%}
.replace-find-provider {
margin-bottom: 65px;
}
.hwht-contact-support-form select#state {
width: auto;
margin: 10px 10px 10px 0;
}
.hwh2-replacement .hwht-button {
padding: 20px 22px;
}
.styles__searchBar___jQjM1 button {
width: 45%}
.styles__searchBar___jQjM1 span {
display: block;
margin: 0!important;
}
}
footer {
position: relative;
width: 100%;
font-size: 12px;
background: 0 0;
}
footer:after, footer:before {
content: "";
display: table;
}
footer:after {
clear: both;
}
#footer-copywrite, #footer-links {
position: relative;
width: 100%}
#footer-copywrite:before, #footer-links:before {
content: "";
display: table;
}
#footer-copywrite:after, #footer-links:after {
content: "";
display: table;
clear: both;
}
#footer-links {
background-color: #444;
}
#footer-copywrite {
background-color: #fff;
color: #444;
}
#footer-copywrite p {
display: inline-block;
}
#footer-copywrite a {
color: #444;
margin-left: 10px;
}
#footer-copywrite a.sub-footer-link {
color: #bcbcbc;
text-decoration: underline;
}
.footer-column {
width: calc(99.9% * 1/2 - 30px);
}
.footer-column:nth-child(1n) {
float: left;
margin-right: 60px;
clear: none;
}
.footer-column:last-child {
margin-right: 0;
}
.footer-column:nth-child(2n) {
margin-right: 0;
float: right;
}
.footer-column:nth-child(odd) {
clear: both;
}
.footer-links-inner {
max-width: 1110px;
margin-left: auto;
margin-right: auto;
padding: 20px 15px 40px;
}
.footer-links-inner:after, .footer-links-inner:before {
content: "";
display: table;
}
.footer-links-inner:after {
clear: both;
}
.footer-copywrite-inner {
max-width: 1110px;
margin-left: auto;
margin-right: auto;
padding: 20px 15px;
font-size: 9px;
line-height: 14px;
}
.footer-copywrite-inner p {
margin: 0;
padding: 0;
}
.footer-copywrite-inner:before {
content: "";
display: table;
}
.footer-copywrite-inner:after {
content: "";
display: table;
clear: both;
}
.footer-links-header {
color: #fff;
margin: 15px 0 2px;
padding: 5px 0;
position: relative;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.footer-links-header:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-top: 2px solid #fff;
width: 24px;
height: 0;
transition: width .2s ease;
}
.footer-links-header.no-list:after {
content: none;
}
.footer-links-header a {
color: #fff;
display: inline-block;
}
.footer-links-header a:hover {
text-decoration: none;
}
.footer-links-list {
position: relative;
list-style: none;
padding: 15px 0 5px;
margin: 0;
}
.footer-links-list li {
margin: 0;
}
.footer-links-list li a {
display: block;
padding: 5px 0;
color: #bcbcbc;
}
.footer-links-list li a:hover {
text-decoration: none;
color: #d5d5d5;
}
@media (min-width:500px) {
.footer-copywrite-inner {
font-size: 10px;
line-height: 18px;
}
}
@media (min-width:770px) {
.footer-column {
width: calc(99.9% * 1/5 - 68px);
}
.footer-column:nth-child(1n) {
float: left;
margin-right: 85px;
clear: none;
}
.footer-column:last-child {
margin-right: 0;
}
.footer-column:nth-child(5n) {
margin-right: 0;
float: right;
}
.footer-column:nth-child(5n+1) {
clear: both;
}
}
#page-overlay {
background: rgba(0, 0, 0, .8);
bottom: 0;
display: none;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: visibility 0s ease-in .25s, opacity .2s ease-in;
visibility: hidden;
z-index: 1000;
}
#page-overlay.active {
opacity: 1;
transition: visibility 0s ease-in 0s, opacity .2s ease-in;
visibility: visible;
}
.mobile-nav-slider {
background: #fff;
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
padding-bottom: 12px;
position: fixed;
right: -100%;
top: 0;
transition: all .3s ease;
width: 100%;
z-index: 2000;
}
.mobile-nav-slider.mobile-nav-open {
right: 0;
}
.mobile-nav-slider .see-more {
position: relative;
}
.mobile-nav-slider .see-more:hover {
text-decoration: none;
}
.mobile-nav-slider .see-more:after {
border-radius: 2px;
border-right: 3px solid #bcbcbc;
border-top: 3px solid #bcbcbc;
content: "";
height: 14px;
position: absolute;
right: 7px;
top: 21px;
transform: rotate(45deg);
width: 14px;
}
.mobile-nav-slider.second-level {
z-index: 3000;
}
.mobile-nav-slider.second-level h1 {
color: #979797;
font-size: 24px;
margin: 23px 29px 0;
text-transform: none;
}
.mobile-nav-slider .back-link {
color: #444;
font-size: 16px;
height: auto;
left: 0;
padding: 6px 15px 6px 29px;
position: absolute;
top: 18px;
}
.mobile-nav-slider .back-link:before {
border-bottom: 3px solid #848484;
border-left: 3px solid #848484;
border-radius: 2px;
content: "";
left: 14px;
position: absolute;
height: 12px;
top: 8px;
transform: rotate(45deg);
width: 12px;
}
.mobile-nav-slider .image-block {
margin: 0 auto;
max-width: 315px;
width: 84%;
text-align: center;
}
.mobile-nav-slider .image-block img {
display: inline-block;
max-width: 220px;
width: 97%}
.mobile-nav-slider .image-block p {
border-top: 1px solid #d5d5d5;
font-size: 16px;
letter-spacing: .27px;
line-height: 1.5;
margin-bottom: 12px;
padding: 12px 0 0;
}
.mobile-nav-slider .image-block .btn.btn-cta {
width: 100%}
.mobile-nav-slider .mobile-nav-header a:not(.back-link) {
padding: 20px 4px;
}
.mobile-nav-slider h2 a {
padding: 0;
}
.mobile-nav-slider a {
color: #444;
display: block;
font-size: 16px;
line-height: 1;
padding: 20px 4px;
}
.mobile-nav-slider ul {
list-style-type: none;
padding: 0;
}
.mobile-nav-slider li {
border-top: 1px solid #d5d5d5;
margin: 0 24px;
}
.mobile-nav-slider li:last-child {
border-bottom: 1px solid #d5d5d5;
}
.mobile-nav-slider li:last-child.callout-item {
border-top: none;
}
.mobile-nav-slider li:last-child.callout-item, .mobile-nav-slider li:last-child.header-only {
border-bottom: none;
}
.mobile-nav-slider h2 {
font-size: 15px;
font-weight: 600;
line-height: 1;
margin-top: 32px;
padding: 8px 0 18px 28px;
position: relative;
text-transform: uppercase;
}
.mobile-nav-slider h2 a {
color: #007934;
padding: 0;
}
.mobile-nav-slider h2:before {
background-color: #007934;
content: "";
height: 30px;
left: 0;
position: absolute;
top: 0;
width: 8px;
}
.mobile-nav-header {
position: relative;
height: 70px;
}
.mobile-nav-header a {
padding: 13px 21px 13px 18px;
}
.mobile-nav-header a.mobile-nav-close {
float: right;
}
.mobile-nav-header a .close-icon:after, .mobile-nav-header a .close-icon:before {
border-radius: 1.5px;
border-right: 3px solid #444;
content: "";
display: block;
height: 18px;
position: absolute;
right: 21px;
top: 24px;
width: 1px;
}
.mobile-nav-header a .close-icon:before {
transform: rotate(45deg);
}
.mobile-nav-header a .close-icon:after {
transform: rotate(-45deg);
}
.mobile-nav-header a:hover {
text-decoration: none;
}
@media (min-width:500px) {
#page-overlay {
display: block;
}
.mobile-nav-slider {
width: 350px;
}
.mobile-nav-slider .mobile-nav-slider {
right: -350px;
width: 350px;
}
.mobile-nav-slider.mobile-nav-open {
right: 0;
}
}
@media (min-width:770px) {
#page-overlay, .mobile-nav-slider {
display: none;
}
}
#nav-main-desktop {
-ms-flex-align: center;
align-items: center;
display: none;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}
#nav-main-desktop.two-columns-wide .mega-nav {
min-height: 275px;
width: 74%}
#nav-main-desktop.two-columns-wide .mega-nav .column-wrapper.active .column {
margin-left: 8%;
width: 48%}
#nav-main-desktop.two-columns-wide .mega-nav .column-wrapper.active .column:first-of-type {
margin-left: 0;
padding-right: 38px;
width: 44%}
#nav-main-desktop.two-columns-wide .mega-nav .left-box {
width: 27.5%}
#nav-main-desktop.two-columns-wide .mega-nav .right-box {
min-height: 275px;
width: 72.5%}
#nav-main-desktop.four-columns-wide {
position: static;
}
#nav-main-desktop.four-columns-wide .mega-nav {
width: 100%}
#nav-main-desktop.four-columns-wide .mega-nav .column {
width: 22%}
#nav-main-desktop.four-columns-wide .mega-nav .column.wide {
width: 34%}
.nav-desktop .search-bar-wrapper {
width: 28%}
.nav-desktop {
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
}
.nav-desktop, .nav-desktop-item {
-ms-flex-positive: 1;
flex-grow: 1;
height: 100%}
.nav-desktop-item {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 600;
margin: 0 15px;
padding-top: 6px;
position: relative;
text-transform: uppercase;
}
.nav-desktop-item a {
text-decoration: none;
}
.nav-desktop-item h3 {
font-size: 12px;
font-weight: 700;
letter-spacing: .32px;
line-height: 1.5;
padding: 13px 0 6px;
}
.nav-desktop-item ul {
padding: 0;
list-style-type: none;
}
.nav-desktop-item.mega-nav-item {
position: static;
}
.nav-desktop-item .nav-title-main {
-ms-flex-align: center;
align-items: center;
color: #333;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.nav-desktop-item .tier-one {
background-color: #fff;
box-shadow: inset 0 4px 5px -4px rgba(68, 68, 68, .63), 0 8px 15px rgba(0, 0, 0, .4);
display: none;
left: -16px;
position: absolute;
width: 180%}
.nav-desktop-item .column, .nav-desktop-item .column.wide, .nav-desktop-item .tier-one {
padding: 8px 30px 24px;
}
.nav-desktop-item .column li a, .nav-desktop-item .tier-one li a {
color: #444;
display: inline-block;
font-size: 14px;
font-weight: 400;
letter-spacing: .22px;
line-height: 1.5;
margin: 12px 0;
text-transform: none;
}
.nav-desktop-item .column li a:hover, .nav-desktop-item .tier-one li a:hover {
color: #007934;
}
.nav-desktop-item:hover .mega-nav, .nav-desktop-item:hover .tier-one {
display: block;
}
.nav-desktop-item:hover .nav-title-main {
color: #007934;
}
.nav-desktop-item:hover .nav-title-main:after {
background-color: #007934;
bottom: 0;
content: "";
height: 5px;
left: 0;
position: absolute;
width: 100%}
.mega-nav {
background: #f7f7f7;
box-shadow: 0 8px 15px rgba(0, 0, 0, .4);
display: none;
left: -16px;
position: absolute;
width: 92.5%}
.mega-nav .left-box, .mega-nav .right-box {
float: left;
}
.mega-nav .left-box {
background: #f7f7f7;
width: 22%}
.mega-nav .left-box li.active {
background: #fff;
}
.mega-nav .right-box {
background: #fff;
width: 78%;
height: 37.2rem;
}
.mega-nav .right-box .column-wrapper {
display: none;
}
.mega-nav .right-box .column-wrapper.active {
display: block;
}
.mega-nav .right-box .column-wrapper:after, .mega-nav:after {
content: "";
clear: both;
display: table;
}
.mega-nav .prod-category {
font-size: 14px;
font-weight: 400;
padding: 30px 0 30px 35px;
text-transform: none;
}
.mega-nav .prod-category.active {
box-shadow: 0 4px 16px hsla(0, 0%, 83%, .55);
color: #007934;
}
.mega-nav .prod-category:first-of-type:before {
box-shadow: inset 0 4px 5px -4px rgba(68, 68, 68, .63);
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
top: 0;
width: 100%}
.mega-nav .column {
float: left;
width: 30%}
.mega-nav .column:nth-child(n+2):not(.wide) {
padding-left: 0;
}
.mega-nav .column.wide {
position: relative;
width: 40%}
.mega-nav .column.wide h3 {
padding-bottom: 12px;
}
.mega-nav .column.wide .image-block img {
border-bottom: 1px solid #bcbcbc;
padding: 0 15px;
}
.mega-nav .column.wide .image-block p {
font-size: 13px;
font-weight: 400;
letter-spacing: .22px;
line-height: 1.5;
margin-top: 12px;
text-transform: none;
}
.mega-nav .column.wide .btn.btn-cta {
border-radius: 2px;
color: #fff;
font-weight: 400;
font-size: 13px;
margin: 0;
padding: 11px 0;
width: 100%}
.mega-nav .column.wide:after {
content: "";
display: block;
left: 0;
position: absolute;
top: 26px;
height: 82%;
width: 1px;
border-right: 1px solid #d5d5d5;
}
.mega-nav .two-column .column {
width: 50%}
.mega-nav .sub-section {
margin-top: 8px;
position: relative;
}
.mega-nav .sub-section:before {
border-top: 1px solid #d5d5d5;
content: "";
display: block;
position: absolute;
top: -3px;
width: 41px;
}
@media (min-width:770px) {
#nav-main-desktop {
display: -ms-flexbox;
display: flex;
}
}
.hero {
display: block;
position: relative;
background: url(../jpg/buyers-guide-banner.jpg) 50% 45% no-repeat #fff;
background-size: cover;
width: 100%;
height: 250px;
max-height: 400px;
}
.hero-lg {
max-height: 500px;
}
.hero-inner {
height: 100%;
width: 100%;
padding: 2rem;
}
.hero-inner-gradient {
background: linear-gradient(to bottom left, hsla(0, 0%, 100%, 0) 40%, rgba(52, 52, 52, .8) 90%);
}
.OwnerMain .hero-inner-gradient {
background: linear-gradient(to bottom left, hsla(0, 0%, 50%, 0) 5%, rgba(43, 43, 43, .8) 80%);
}
.OwnerMain .hero-content {
bottom: 20px;
}
.OwnerCenter .hero {
background-position: 50% 71%}
.hero-content {
position: absolute;
max-width: 100%;
bottom: 66px;
}
.hero-header {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
line-height: 24px;
color: #fff;
font-weight: 300;
font-size: 18px;
text-transform: none;
}
@media (min-width:500px) {
.hero {
display: block;
}
.hero-header {
line-height: 1.3;
font-size: 22px;
}
.OwnerMain .hero-inner-gradient {
background: linear-gradient(to top left, hsla(0, 0%, 100%, 0) 40%, rgba(52, 52, 52, .8) 90%);
}
.OwnerMain .hero-content {
top: 60px;
left: 30px;
}
}
@media (min-width:770px) {
.hero {
height: 440px;
}
.hero-lg {
height: 540px;
}
.hero-content {
width: 600px;
left: 165px;
padding: 0;
}
.hero-content p {
display: block;
}
.hero-header {
font-size: 36px;
}
}
@media (min-width:1600px) {
.hero {
height: 600px;
max-height: 600px;
background-position: 50% 55%}
.OwnerCenter .hero {
background-position: 50% 75%}
}.home-content {
position: relative;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
padding: 90px 15px 60px;
overflow: hidden;
}
@media (max-width:769px) {
.home-content * {
text-align: center;
}
.home-content img {
margin: 0 auto;
}
.home-content h2:before {
display: none;
}
}
.home-content .home-col-heading {
margin-bottom: 22px;
max-height: 105px;
}
.home-content h2 {
position: relative;
padding-top: 30px;
margin-bottom: 20px;
color: #4a4a4a;
font-weight: 600;
}
.home-content h2:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 0;
border-top: 6px solid #d5d5d5;
}
.home-content p {
font-size: 14px;
line-height: 22px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.home-content a, .home-content p {
font-family: Verdana, Geneva, sans-serif;
}
.home-content a {
display: block;
text-transform: uppercase;
font-weight: 600;
height: 40px;
}
.home-content:before {
content: "";
display: table;
}
.home-content:after {
content: "";
display: table;
clear: both;
}
@media (min-width:770px) {
.home-content, .home-content>div {
display: -ms-flexbox;
display: flex;
}
.home-content>div {
-ms-flex-direction: column;
flex-direction: column;
}
}
.gallery-section:after, .gallery-section:before {
content: "";
display: table;
}
.gallery-section:after {
clear: both;
}
.product-gallery:after, .product-gallery:before {
content: "";
display: table;
}
.product-gallery:after {
clear: both;
}
.product-gallery-pager {
width: calc(99.9% * 1/1 - 0px);
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-style: normal;
color: #838383;
float: right;
font-size: 10px;
padding-bottom: 18px;
text-align: center;
}
.product-gallery-pager:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.product-gallery-pager:last-child {
margin-right: 0;
}
.product-gallery-pager:nth-child(1n) {
margin-right: 0;
float: right;
}
.product-gallery-pager:nth-child(1n+1) {
clear: both;
}
.product-tile {
border-top: 1px solid #d5d5d5;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
position: relative;
height: auto;
padding: 25px 18px;
}
.product-tile:nth-child(-n+1) {
border-top: none;
}
.full-width .product-tile {
float: none;
}
.product-tile-thumb {
display: block;
margin-bottom: 10px;
}
.product-tile-thumb img {
height: 250px;
}
.product-tile .product-tile-header {
margin-bottom: 5px;
color: #007934;
text-transform: none;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.29;
}
.product-tile .product-tile-header a {
color: #4a4a4a;
}
.product-tile .product-tile-header a:hover {
color: #007934;
}
.product-tile-details {
display: block;
text-align: center;
width: 100%}
.product-tile-details span {
display: block;
}
.product-tile-model {
color: #838383;
font-weight: 400;
padding-bottom: 6px;
}
.product-tile-reviews {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-tile-reviews span {
display: block;
padding: 5px 0;
margin-left: 5px;
}
.compare-section {
color: #51a949;
margin-top: 16px;
}
.compare-section label {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.compare-section input {
margin: 0;
margin-right: 3px;
}
.compare-section img {
display: inline;
}
.compare-section span {
display: inline;
font-weight: 400;
font-size: 12px;
}
.compare-section span:hover {
text-decoration: underline;
}
.compare-section .btn {
display: inline-block;
font-size: 12px;
padding: 5px;
}
.non-heater .compare-section {
display: none;
}
.compare-modal-backing {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, .8);
display: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.compare-modal {
position: relative;
width: 95%;
max-width: 600px;
padding: 0;
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, .5);
border-radius: 5px;
}
.compare-modal .content-header {
width: auto;
}
.compare-modal .compare-modal-close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
background: url(../png/modalclose.png) no-repeat 0 0;
}
.compare-modal .compare-modal-close span {
display: none;
}
.compare-modal .btn {
width: 100%;
font-size: 12px;
padding: 8px 5px;
}
.compare-modal-body {
padding: 10px;
}
.compare-modal-left-half, .compare-modal-right-half {
width: calc(99.9% * 1/2 - 5px);
}
.compare-modal-left-half:nth-child(1n), .compare-modal-right-half:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.compare-modal-left-half:last-child, .compare-modal-right-half:last-child {
margin-right: 0;
}
.compare-modal-left-half:nth-child(2n), .compare-modal-right-half:nth-child(2n) {
margin-right: 0;
float: right;
}
.compare-modal-left-half:nth-child(odd), .compare-modal-right-half:nth-child(odd) {
clear: both;
}
.compare-modal-left-half>* {
float: right;
}
.compare-modal-right-half>* {
float: left;
}
@media (min-width:500px) {
.product-gallery-pager {
text-align: right;
}
.product-tile:nth-child(-n+3) {
border-top: none;
}
.full-width .product-tile {
float: left;
width: 24.975%}
.full-width .product-tile:nth-child(1n) {
clear: none;
}
.full-width .product-tile:nth-child(4n+1) {
clear: both;
}
.full-width .product-tile:nth-child(-n+4) {
border-top: none;
}
.full-width .product-tile:not(:nth-child(4n)):after {
content: "";
display: block;
position: absolute;
right: 0;
top: 28px;
height: 88%;
width: 1px;
border-right: 1px solid #d5d5d5;
}
.full-width .product-tile:nth-child(4n):after {
border-right: none;
}
.product-tile:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 28px;
height: 88%;
width: 1px;
border-right: 1px solid #d5d5d5;
}
.product-tile.no-border:after {
border-right: none;
}
.product-tile {
width: 33.3%}
.product-tile:nth-child(3n+1) {
clear: both;
}
.compare-modal .btn {
width: 75%;
font-size: 15px;
padding: 10px;
}
.compare-modal-left-half, .compare-modal-right-half {
width: calc(99.9% * 1/2 - 10px);
}
.compare-modal-left-half:nth-child(1n), .compare-modal-right-half:nth-child(1n) {
float: left;
margin-right: 20px;
clear: none;
}
.compare-modal-left-half:last-child, .compare-modal-right-half:last-child {
margin-right: 0;
}
.compare-modal-left-half:nth-child(2n), .compare-modal-right-half:nth-child(2n) {
margin-right: 0;
float: right;
}
.compare-modal-left-half:nth-child(odd), .compare-modal-right-half:nth-child(odd) {
clear: both;
}
}
@media (min-width:770px) {
.product-gallery {
border-top: 1px solid #979797;
width: 74.925%}
.product-gallery:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
display: flex;
flex-wrap: wrap;
}
.product-gallery:last-child {
margin-right: 0;
}
.product-gallery:nth-child(0n) {
margin-right: 0;
float: right;
}
.product-gallery:nth-child(0n+1) {
clear: both;
}
.full-width .product-gallery {
width: calc(99.9% * 1/1 - 0px);
}
.full-width .product-gallery:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.full-width .product-gallery:last-child {
margin-right: 0;
}
.full-width .product-gallery:nth-child(1n) {
margin-right: 0;
float: right;
}
.full-width .product-gallery:nth-child(1n+1) {
clear: both;
}
.compare-modal .btn {
width: 50%}
}#product-filters {
width: 24.975%;
display: none;
}
#product-filters:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
#product-filters:last-child {
margin-right: 0;
}
#product-filters:nth-child(0n) {
margin-right: 0;
float: right;
}
#product-filters:nth-child(0n+1) {
clear: both;
}
#product-filters ul {
list-style: none;
}
.filter-list {
padding: 0;
}
.filter-list li:first-of-type label.accordion-label {
margin-top: 0;
}
.accordion-toggle {
display: none;
}
.accordion-label {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 4px;
margin-top: 15px;
}
.accordion-icon {
position: relative;
display: inline-block;
height: 10px;
width: 10px;
margin-right: 4px;
}
.accordion-icon:after, .accordion-icon:before {
content: "";
position: absolute;
top: 4px;
width: 8px;
height: 2px;
background-color: #979797;
transform: rotate(0);
transition: all .1s linear;
}
.accordion-heading {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: #4a4a4a;
}
.accordion-content {
height: auto;
overflow: hidden;
transition: all .1s linear;
}
.accordion-toggle:checked~.accordion-content {
max-height: 0;
}
.accordion-toggle:checked~.accordion-label>i:before {
transform: rotate(-180deg);
}
.accordion-toggle:checked~.accordion-label>i:after {
transform: rotate(-270deg);
}
.energy-type-filter-list {
padding: 34px 0 24px;
}
.energy-type-filter-list h3 {
color: #979797;
font-size: 24px;
font-weight: 400;
letter-spacing: -.1px;
line-height: 1;
margin-bottom: 24px;
text-transform: none;
}
.energy-type-filter-list ul {
padding: 21px 0;
position: relative;
}
.energy-type-filter-list ul:after, .energy-type-filter-list ul:before {
background: #979797;
content: "";
height: 1px;
position: absolute;
width: 43px;
}
.energy-type-filter-list ul:before {
top: 0;
}
.energy-type-filter-list ul:after {
bottom: 0;
}
.energy-type-filter-list li {
color: #4a4a4a;
font-size: 14px;
letter-spacing: -.6px;
line-height: 1;
margin-left: 21px;
}
.energy-type-filter-list li+li {
margin-top: 16px;
}
.energy-type-filter-list li a {
color: #4a4a4a;
text-decoration: none;
}
.energy-type-filter-list li.active a {
color: #007934;
font-weight: 600;
}
.filter-items {
padding: 0 0 0 15px;
list-style: none;
}
.filter-items .filter-label {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 11px;
margin: 0;
}
.filter-items .filter-label label {
font-weight: 400;
}
.filter-items li label {
font-family: Encode Sans, Helvetica, Arial, sans-serif!important;
color: #333!important;
}
.filter-items .filter-checkbox {
display: inline-block;
margin-right: 8px;
}
@media (min-width:770px) {
#product-filters {
border-top: 1px solid #979797;
display: block;
}
#aos-product-filters, #aos-product-filters-overlay, #aos-product-filters-toggle {
display: none;
}
}
#aos-product-filters-toggle {
clear: both;
}
#aos-product-filters-toggle a {
border: 2px solid #007934;
box-shadow: none;
font-family: Encode Sans, Helvetica, Arial, sans-serif!important;
font-size: 18px;
letter-spacing: -.07px;
line-height: 1;
padding: 15px 0;
}
#aos-product-filters-toggle a:before {
content: url(../svg/funnel.svg);
padding-right: 8px;
}
.styles__buttonWrapper___13JiG {
width: 43%;
box-shadow: 1px 2px 4px 0 rgba(92, 92, 92, .5);
}
.styles__buttonWrapper___13JiG a {
font-family: Encode Sans, Helvetica, Arial, sans-serif!important;
font-size: 16px;
line-height: 22px;
}
.styles__buttonWrapper___13JiG:first-of-type a {
background-color: #51a949!important;
}
.styles__buttonWrapper___13JiG:nth-child(2n) a {
background-color: #b7b7b7!important;
}
.styles__header___3J9Jm {
color: #007934;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
}
.styles__filterListItem___1jMXo {
padding: 20px;
}
.styles__filterListItem___1jMXo:first-of-type {
padding-top: 0;
}
.styles__buttonSection___bMhVW {
height: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
box-shadow: 0 -1px 3px 0 hsla(0, 0%, 56%, .29);
background-color: #fff;
}
.styles__productCount____OPYQ {
display: none;
}
.PDP-lightbox {
display: none;
background: rgba(0, 0, 0, .75);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
text-align: center;
white-space: nowrap;
cursor: pointer;
}
@media (min-width:770px) {
.PDP-lightbox.open {
display: block;
}
}
.PDP-lightbox:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.PDP-lightbox .lightbox-content {
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
overflow: auto;
padding: 50px 25px 0;
border-bottom: 25px solid transparent;
max-height: 95%;
background: #fff;
cursor: auto;
}
@media (min-width:500px) {
.PDP-lightbox .lightbox-content {
margin-left: 5%;
margin-right: 5%}
}@media (min-width:770px) {
.PDP-lightbox .lightbox-content {
width: 90%}
}.PDP-lightbox .lightbox-content .closeLightBox {
font-size: 57px;
font-weight: 400;
position: absolute;
right: 15px;
top: 0;
}
.PDP-lightbox .lightbox-content .closeLightBox:hover {
cursor: pointer;
}
.PDP-lightbox .lightbox-content #productImage {
margin: 0 auto 50px;
max-width: 600px;
}
.PDP-lightbox .lightbox-content .arrow {
border-right: 5px solid #d5d5d5;
border-top: 5px solid #d5d5d5;
cursor: pointer;
display: block;
height: 28px;
margin: 8px;
top: 45%;
bottom: 0;
position: absolute;
width: 28px;
z-index: 1;
}
.PDP-lightbox .lightbox-content .arrow.left {
left: 35px;
transform: rotate(-135deg);
}
.PDP-lightbox .lightbox-content .arrow.right {
right: 35px;
transform: rotate(45deg);
}
.PDP-lightbox .lightbox-content .arrow:hover {
border-color: #a9a9a9;
}
.PDP-lightbox .lightbox-content .thumbnails {
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
}
@media (min-width:770px) {
.PDP-lightbox .lightbox-content .thumbnails {
padding: 0 10%}
}.PDP-lightbox .lightbox-content .thumbnails li {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid grey;
cursor: pointer;
display: inline-block;
height: 60px;
opacity: .4;
vertical-align: middle;
width: 60px;
}
.PDP-lightbox .lightbox-content .thumbnails li.active, .PDP-lightbox .lightbox-content .thumbnails li:hover {
border-color: #a9a9a9;
opacity: 1;
}
@media (min-width:770px) {
.PDP-lightbox .lightbox-content .thumbnails li {
height: 80px;
width: 80px;
}
}
.form-overlay-container {
position: relative;
}
.form-overlay-container .warrantyReg {
position: relative;
z-index: 3;
}
.form-overlay {
background: hsla(0, 0%, 100%, .8);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
.hidden {
display: none;
}
.product-type-selector {
margin-bottom: 50px;
}
.product-type-selector .button-container {
display: block;
}
.product-type-selector .hidden {
display: none;
}
.product-type-selector button {
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 4px;
border: 2px solid hsla(0, 0%, 67%, .2);
box-shadow: 0 0 2px rgba(0, 0, 0, .15);
display: -ms-flexbox;
display: flex;
padding: 16px;
margin-bottom: 8px;
margin-right: 8px;
transition: box-shadow .16s, color .16s, border-color .16s;
width: 100%}
.product-type-selector button p {
font-size: 16px;
font-weight: 500;
margin-left: 12px;
padding: 0;
}
.product-type-selector button svg {
width: 32px;
}
.product-type-selector button svg path {
transition: fill .16s;
}
.product-type-selector input:focus {
border: 1px solid #007934;
}
.product-type-selector h2 {
font-size: 21px;
letter-spacing: .52px;
line-height: 1.57;
}
@media (min-width:500px) {
.product-type-selector .button-container {
display: -ms-flexbox;
display: flex;
}
.product-type-selector button {
display: inline-block;
padding: 19px 0;
}
.product-type-selector button p {
font-size: 13px;
margin: 0 auto;
max-width: 100px;
}
.product-type-selector button svg {
height: 42px;
width: auto;
}
.product-type-selector button.product-type-filter svg {
margin-left: -10px;
}
.product-type-selector button:last-of-type {
margin-right: 0;
}
}
.product-type-selector button:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}
.product-type-selector button.selected {
border: 2px solid #51a949;
color: #007934;
}
.product-type-selector button.selected polygon, .product-type-selector button.selected rect, .product-type-selector button.selected svg path {
fill: #007934;
}
.product-type-selector button.selected g.alternate-color, .product-type-selector button.selected polygon.alternate-color, .product-type-selector button.selected svg path.alternate-color {
fill: #fff;
}
.product-type-selector button.selected g.alternate-color circle, .product-type-selector button.selected polygon.alternate-color circle, .product-type-selector button.selected svg path.alternate-color circle {
fill: #007934;
}
.product-type-selector h2 {
margin-bottom: 16px;
}
table.product-compare {
width: 100%;
table-layout: fixed;
}
table.product-compare td {
padding: 12px 5px;
font-size: 12px;
border-bottom: 1px dotted #d5d5d5;
}
table.product-compare .product-compare-top-bottom {
text-align: center;
vertical-align: top;
padding: 5px;
border: none;
}
table.product-compare .product-compare-top-bottom img {
margin: auto;
max-height: 250px;
}
table.product-compare .compare-model-no {
font-size: 11px;
}
table.product-compare .attribute {
width: 80px;
padding: 24px 20px 0 0;
text-align: right;
vertical-align: bottom;
border-bottom: none;
}
table.product-compare .attribute .attribute-inner {
width: 110%;
transform: rotate(-45deg);
transform-origin: 100% 100%;
border-bottom: 1px dotted #d5d5d5;
font-size: 10px;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-weight: 500;
color: #007934;
line-height: 12px;
transition: transform .2s linear;
}
table.product-compare .btn {
font-size: 10px;
padding: 4px;
white-space: normal;
}
table.product-compare .bv-stars-container {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
@media (min-width:500px) {
table.product-compare td {
font-size: 13px;
}
table.product-compare .attribute {
width: unset;
}
table.product-compare .attribute .attribute-inner {
width: 100%;
font-size: 12px;
line-height: 14px;
}
table.product-compare .btn {
font-size: 15px;
padding: 10px;
}
}
@media (min-width:770px) {
table.product-compare .attribute {
vertical-align: middle;
padding: 12px 10px 12px 5px;
}
table.product-compare .attribute .attribute-inner {
transform: unset;
font-size: 14px;
line-height: 16px;
border-bottom: 0;
}
}
@media (max-width:770px) {
.product-overview-img {
min-height: 200px;
}
}
.breadcrumb-bar {
background-color: #f8f8f8;
padding: 22px 0;
margin-bottom: 15px;
}
.product-path {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 15px;
}
.product-path a {
color: #1e89c5;
}
.arrow {
width: 7px;
height: 7px;
margin: 0 10px;
border-top: 1px solid #333;
border-right: 1px solid #333;
}
.arrow-right {
transform: rotate(45deg);
}
.bv-write-review {
color: #1e89c5;
display: inline-block;
letter-spacing: .34px;
margin-bottom: 24px;
text-decoration: underline;
}
.product-overview {
margin-bottom: 10px;
}
.product-overview:after, .product-overview:before {
content: "";
display: table;
}
.product-overview:after {
clear: both;
}
.product-overview-img {
position: relative;
width: calc(99.9% * 1/1 - 0px);
padding-right: 10px;
}
.product-overview-img img {
margin: auto;
max-width: 70%}
.product-overview-img img:hover {
cursor: pointer;
}
.product-overview-img .enlarge {
display: none;
margin-top: 30px;
text-align: center;
}
@media (min-width:770px) {
.product-overview-img .enlarge {
display: block;
}
}
.product-overview-img .enlarge a {
color: #444;
font-size: 10px;
letter-spacing: .4px;
opacity: .8;
}
.product-overview-img .enlarge a:hover {
text-decoration: none;
}
.product-overview-img .enlarge a .glyphicon-zoom-in {
font-size: 12px;
font-weight: 100;
margin-right: 5px;
opacity: .8;
top: 2px;
}
.product-overview-img:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.product-overview-img:last-child {
margin-right: 0;
}
.product-overview-img:nth-child(1n) {
margin-right: 0;
float: right;
}
.product-overview-img:nth-child(1n+1) {
clear: both;
}
.product-features-mobile h3, .product-overview-desc h3 {
font-weight: 700;
line-height: 1.2;
margin-bottom: 18px;
padding-top: 10px;
}
.product-features-mobile .grid-block-wrapper, .product-overview-desc .grid-block-wrapper {
padding: 0;
}
.product-features-mobile .grid-block h4, .product-overview-desc .grid-block h4 {
color: #007934;
font-size: 16px;
letter-spacing: .4px;
line-height: 33px;
text-transform: none;
}
.product-features-mobile .grid-block p, .product-overview-desc .grid-block p {
font-size: 13px;
letter-spacing: .2px;
line-height: 21px;
}
.product-overview-desc {
width: 66.6%;
padding-top: 14px;
}
.product-overview-desc .grid-block {
display: inline-block;
vertical-align: top;
width: 45%}
.product-overview-desc .grid-block:nth-child(odd) {
margin-right: 2.5%}
.product-overview-desc .grid-block:nth-child(2n) {
margin-left: 2.5%}
.product-overview-desc .grid-block:last-of-type {
margin-bottom: 24px;
}
.product-overview-desc:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
.product-overview-desc:last-child {
margin-right: 0;
}
.product-overview-desc:nth-child(0n) {
margin-right: 0;
float: right;
}
.product-overview-desc:nth-child(0n+1) {
clear: both;
}
.product-features-mobile .grid-block-wrapper {
list-style-type: none;
}
.product-overview-heading {
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
}
.product-overview-model-info {
margin-bottom: 10px;
}
.product-overview-model-info span {
display: block;
}
.product-overview-features p {
color: #4a4a4a;
font-size: 16px;
line-height: 27px;
}
.product-features-mobile ul, .product-overview-features ul {
padding-top: 0;
}
.product-features-mobile li, .product-overview-features li {
color: #4a4a4a;
font-size: 16px;
letter-spacing: .23px;
line-height: 1.69;
}
.product-features-mobile.excerpt-block li+li, .product-overview-features.excerpt-block li+li {
margin-top: 0;
}
.product-overview-reviews {
margin-bottom: 15px;
}
.product-overview-reviews:before {
content: "";
display: table;
}
.product-overview-reviews:after {
content: "";
display: table;
clear: both;
}
#BVRRRatingSummaryLinkWriteID, .BVRRRatingNormalOutOf {
display: none;
}
.BVRRRootElement a span {
color: #1e89c5!important;
text-decoration: underline;
}
#BVRRSummaryContainer {
margin-left: 0;
}
.product-overview-shop {
clear: both;
width: 100%;
padding-top: 10px;
}
.product-overview-shop .shop-now {
display: inline-block;
max-width: 100px;
}
.product-overview-shop .compare {
margin: 0 10px;
cursor: pointer;
color: #333;
font-weight: 400;
}
.product-overview-shop .lowes-text {
display: block;
margin-right: 10px;
float: left;
font-size: 11px;
font-style: italic;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
}
.product-overview-shop:before {
content: "";
display: table;
}
.product-overview-shop:after {
content: "";
display: table;
clear: both;
}
.product-overview-shop .lowes-block, .product-overview-shop .shop-block {
margin-bottom: 15px;
}
.shop-block .btn {
padding: 22px 0;
font-size: 15px;
text-transform: uppercase;
}
.shop-block .btn:first-child {
margin-bottom: 15px;
}
.product-tiles-static h2 {
color: #4a4a4a;
}
.product-tiles-static h3 {
font-size: 16.25px;
}
.product-tiles-static .result-facts {
margin: 30px 0 0;
overflow: hidden;
padding: 0;
}
.product-tiles-static .result-facts li {
float: left;
list-style: none;
padding: .5em;
margin: 1%;
text-align: center;
width: 41%}
.product-tiles-static .result-icons {
margin: 0 auto;
width: 44px;
}
.product-tiles-static .result-icons img {
height: 40px;
width: 40px;
}
.product-tiles-static .result-numbers .meta {
color: #999;
display: block;
font-size: 10px;
}
.product-tiles-static, .productSelectorSection {
display: block;
box-sizing: content-box;
}
.pst-launch-section {
background: url(../png/heaters-graphic-background.png) no-repeat 50%;
width: 100%;
height: 350px;
margin: auto;
margin-bottom: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.pst-cta {
text-align: center;
}
.pst-cta p:first-child {
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #4a4a4a;
}
.pst-cta p {
font-size: 16px;
line-height: 20px;
color: #4a4a4a;
}
.pst-cta .btn {
text-transform: capitalize;
background-color: #51a949;
box-shadow: 1px 2px 4px 0 rgba(92, 92, 92, .5);
width: 65%;
margin: auto;
}
.related-grid:after, .related-grid:before {
content: "";
display: table;
}
.related-grid:after {
clear: both;
}
.product-features-mobile {
display: block;
padding: 10px 0 15px;
}
.product-features-mobile h3 {
color: #4a4a4a;
}
.product-features-mobile p {
line-height: 22px;
}
@media only screen and (min-width:770px) and (max-width:900px) {
.little-line {
margin: 10px auto 6px;
}
}
.product-tiles-static h2, .productSelectorSection h2 {
text-align: center;
font-weight: 700;
}
.product-tiles-static .result-facts>li, .productSelectorSection .result-facts>li {
background-color: #f7f7f7;
border: 0;
}
.product-tiles-static .disclaimer, .product-tiles-static .purple-area-pst, .productSelectorSection .disclaimer, .productSelectorSection .purple-area-pst {
display: none;
}
.product-tiles-static .btn-location, .productSelectorSection .btn-location {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 15px;
line-height: 21px;
color: #a1a1a1;
}
.product-tiles-static .map-pin, .productSelectorSection .map-pin {
height: 11px;
}
.result-numbers {
color: #51a949;
font-weight: lighter;
}
.result-icons {
text-align: center;
}
@media (min-width:500px) {
.product-path {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-width: 1110px;
margin: auto;
padding-left: 15px;
}
.product-overview-img {
padding: 0;
}
.product-overview-heading {
font-size: 18px;
line-height: 26px;
}
.product-tiles-static .btn-location, .productSelectorSection .btn-location {
-ms-flex-pack: start;
justify-content: flex-start;
}
.product-tiles-static h2, .productSelectorSection h2 {
text-align: left;
}
.product-tiles-static .result-facts li {
margin: 5px;
width: 16%}
}@media (min-width:770px) {
.product-overview-desc h3 {
color: #007934;
}
.breadcrumb-bar {
margin-bottom: 0;
}
.product-tiles-static, .productSelectorSection {
border-top: none;
padding: 10px 5px 0;
}
.product-overview-img {
width: 33.3%;
padding-top: 30px;
}
.product-overview-img img {
max-width: 90%;
max-height: 350px;
width: auto;
display: block;
}
.product-overview-img:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
.product-overview-img:last-child {
margin-right: 0;
}
.product-overview-img:nth-child(0n) {
margin-right: 0;
float: right;
}
.product-overview-img:nth-child(0n+1) {
clear: both;
}
.product-overview-model-info span {
display: inline;
margin-right: 15px;
}
.product-overview-shop {
padding-bottom: 18px;
}
.product-overview-shop.mobile {
display: none;
}
.product-overview-shop .shop-block {
float: left;
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
}
.product-overview-shop .shop-block .btn {
padding: 17px 0;
width: 250px;
}
.product-overview-shop .shop-block :first-child {
margin-right: 20px;
margin-bottom: 0;
}
.product-overview-shop .lowes-block {
float: right;
margin-bottom: 0;
}
.product-overview-shop .shop-now {
max-width: 100%}
.product-overview-shop .lowes-text {
display: inline;
padding-top: 12px;
font-size: 13px;
margin-right: 5px;
}
.product-overview-shop .lowes-logo {
padding-top: 3px;
display: inline-block;
}
.related-products {
display: block;
}
.related-item {
width: 24.975%;
padding: 0 10px;
border-left: 1px dotted #d5d5d5;
text-align: center;
}
.related-item:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
.related-item:last-child {
margin-right: 0;
}
.related-item:nth-child(0n) {
margin-right: 0;
float: right;
}
.related-item:nth-child(0n+1) {
clear: both;
}
.related-item:first-child {
border-left: none;
}
.related-item-img {
width: calc(99.9% * 1/1 - 0px);
}
.related-item-img img {
margin: auto;
}
.related-item-img:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.related-item-img:last-child {
margin-right: 0;
}
.related-item-img:nth-child(1n) {
margin-right: 0;
float: right;
}
.related-item-img:nth-child(1n+1) {
clear: both;
}
.product-features-mobile {
display: none;
}
.pst-launch-section {
background: url(../png/heaters-graphic-background.png) no-repeat 50%;
width: 90%;
height: 450px;
margin: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.pst-cta {
text-align: center;
}
.pst-cta p:first-child {
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
color: #4a4a4a;
}
.pst-cta p {
font-size: 18px;
line-height: 22px;
color: #4a4a4a;
}
.pst-cta .btn {
text-transform: capitalize;
background-color: #51a949;
box-shadow: 1px 2px 4px 0 rgba(92, 92, 92, .5);
width: 50%;
margin: auto;
}
.little-line {
border-top: 1px solid #999;
width: 20px;
margin: 10px 0 6px;
}
.product-tiles-static .result-facts li {
text-align: left;
}
.product-tiles-static .result-icons {
float: left;
margin-left: -3px;
padding-top: .5em;
width: 29%}
.product-tiles-static .result-numbers {
float: right;
width: 72%}
}.tabcordion {
margin-bottom: 30px;
}
.tabcordion-state {
display: none;
}
.tabcordion-main, .tabcordion-tabs {
list-style: none;
padding: 0;
}
.tabcordion-main-toggle, .tabcordion-tab-toggle {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tabcordion-main-toggle {
width: 100%;
margin: 0;
padding: 15px 10px;
border-top: 1px solid #d5d5d5;
color: #333;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-size: .9em;
line-height: 18px;
background: #f8f8f8;
}
.tabcordion-main-icon {
position: relative;
display: block;
float: left;
height: 18px;
width: 18px;
margin-right: 6px;
border-radius: 50%;
background: #333;
}
.tabcordion-main-icon:after, .tabcordion-main-icon:before {
content: "";
position: absolute;
top: 8px;
left: 4px;
width: 10px;
height: 2px;
background-color: #fff;
transition: all .15s linear;
}
.tabcordion-main-icon:before {
transform: rotate(-180deg);
}
.tabcordion-main-icon:after {
transform: rotate(-270deg);
}
.tabcordion-content {
padding: 15px;
}
.tabcordion-content:after, .tabcordion-content:before {
content: "";
display: table;
}
.tabcordion-content:after {
clear: both;
}
.tabcordion-content, .tabcordion-tabs {
display: none;
}
#tabcordion_section_1:checked~.tabcordion-tabs .tabcordion-section-1, #tabcordion_section_2:checked~.tabcordion-tabs .tabcordion-section-2, #tabcordion_section_3:checked~.tabcordion-tabs .tabcordion-section-3, #tabcordion_section_4:checked~.tabcordion-tabs .tabcordion-section-4, #tabcordion_section_5:checked~.tabcordion-tabs .tabcordion-section-5, #tabcordion_section_6:checked~.tabcordion-tabs .tabcordion-section-6 {
color: #007934;
background: #fff;
border-bottom: none;
}
#tabcordion_section_1:checked~.tabcordion-tabs .tabcordion-section-1:hover, #tabcordion_section_2:checked~.tabcordion-tabs .tabcordion-section-2:hover, #tabcordion_section_3:checked~.tabcordion-tabs .tabcordion-section-3:hover, #tabcordion_section_4:checked~.tabcordion-tabs .tabcordion-section-4:hover, #tabcordion_section_5:checked~.tabcordion-tabs .tabcordion-section-5:hover, #tabcordion_section_6:checked~.tabcordion-tabs .tabcordion-section-6:hover {
color: #007934;
background: #fff;
border-bottom: none;
}
#tabcordion_section_1:checked~.tabcordion-main .tabcordion-section-1>.tabcordion-main-icon:after, #tabcordion_section_1:checked~.tabcordion-main .tabcordion-section-1>.tabcordion-main-icon:before, #tabcordion_section_2:checked~.tabcordion-main .tabcordion-section-2>.tabcordion-main-icon:after, #tabcordion_section_2:checked~.tabcordion-main .tabcordion-section-2>.tabcordion-main-icon:before, #tabcordion_section_3:checked~.tabcordion-main .tabcordion-section-3>.tabcordion-main-icon:after, #tabcordion_section_3:checked~.tabcordion-main .tabcordion-section-3>.tabcordion-main-icon:before, #tabcordion_section_4:checked~.tabcordion-main .tabcordion-section-4>.tabcordion-main-icon:after, #tabcordion_section_4:checked~.tabcordion-main .tabcordion-section-4>.tabcordion-main-icon:before, #tabcordion_section_5:checked~.tabcordion-main .tabcordion-section-5>.tabcordion-main-icon:after, #tabcordion_section_5:checked~.tabcordion-main .tabcordion-section-5>.tabcordion-main-icon:before, #tabcordion_section_6:checked~.tabcordion-main .tabcordion-section-6>.tabcordion-main-icon:after, #tabcordion_section_6:checked~.tabcordion-main .tabcordion-section-6>.tabcordion-main-icon:before {
transform: rotate(0);
}
#tabcordion_section_1:checked~.tabcordion-main .tabcordion-content-1, #tabcordion_section_3:checked~.tabcordion-main .tabcordion-content-3, #tabcordion_section_4:checked~.tabcordion-main .tabcordion-content-4, #tabcordion_section_5:checked~.tabcordion-main .tabcordion-content-5, #tabcordion_section_6:checked~.tabcordion-main .tabcordion-content-6 {
display: block;
}
#tabcordion_section_2:checked~.tabcordion-main .tabcordion-content-2 {
display: -ms-flexbox;
display: flex;
}
.tabcordion-tabsection {
margin-bottom: 5px;
}
.tabcordion-main-toggle {
background-color: #333;
color: #fff;
font-weight: 400;
}
.tabcordion-content table {
width: 100%}
.tabcordion-content table tr:nth-child(odd) {
background-color: #f7f7f7;
}
.tabcordion-content table td {
padding: 10px;
}
.tabcordion-content-2 {
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 20px;
}
.tabcordion-content-2 tr {
font-weight: lighter;
}
.specs-header {
display: none;
}
#dimensions {
margin-bottom: 15px;
}
@media (min-width:770px) {
.tabcordion-content-2 {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
}
.horizontal-line {
border: 1px solid #979797;
}
#dimensions {
font-size: 12px;
width: 40%;
float: right;
border: 12px;
}
.attributes {
width: 40%!important;
}
}
.BVRRContainer .BVDI_QTSummaryBox .BVRRBuyAgainContainer {
top: -30px;
}
@media (min-width:500px) {
.BVRRContainer .BVDI_QTSummaryBox .BVRRBuyAgainContainer {
top: -5px;
}
}
.content-container.sub .reg-summary-wrapper {
padding: 20px 0;
overflow: hidden;
}
.content-container.sub h3, .content-container.sub p {
font-family: Encode Sans, Helvetica, Arial, sans-serif;
}
.content-container.sub h3 {
text-transform: uppercase;
color: #333;
font-size: 13px;
line-height: 18px;
font-weight: 700;
}
.content-container.sub .cust-name {
padding-bottom: 15px;
}
.content-container.sub .message {
padding-right: 20px;
}
.content-container.sub .cust-msg textarea {
margin: 20px 0 30px;
width: 100%}
.content-container.sub .product-desc {
overflow: hidden;
border-top: 3px dotted #d5d5d5;
margin-top: 16px;
padding-top: 26px;
text-align: center;
}
.content-container.sub .info div div:first-of-type {
padding-bottom: 15px;
}
.content-container.sub .image img {
display: inline-block;
margin-top: 24px;
}
.content-container.sub .btn {
margin-top: 15px;
width: 100%}
.content-container.sub input[type=submit] {
color: #fff;
background: #007934;
border: 0;
width: 100%;
font-size: 15px;
padding: 10px;
}
@media (min-width:500px) {
.content-container.sub .btn {
width: 40%}
.content-container.sub input[type=submit] {
width: 125px;
}
.content-container.sub .image, .content-container.sub .info {
float: left;
width: 45%;
clear: none;
}
.content-container.sub .image img {
margin-top: 0;
}
}
@media (min-width:770px) {
.content-container.sub .cust-msg textarea {
max-width: 342px;
}
.content-container.sub .btn {
display: inline-block;
width: auto;
}
.content-container.sub .product-desc {
border-left: 3px dotted #d5d5d5;
border-top: none;
margin-top: 0;
padding-top: 0;
text-align: left;
}
.content-container.sub .info {
padding-left: 50px;
}
}
.utility-links {
overflow: hidden;
font-family: Encode Sans, Helvetica, Arial, sans-serif;
font-style: italic;
max-width: 942px;
margin: 0 auto;
padding: 32px 10px 0;
}
.utility-links ul {
padding: 0;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs li+li:before {
content: ">>";
margin: 0 3px 0 2px;
}
.share-print {
margin: 14px 0 0 25px;
}
.share-print a {
display: inline-block;
position: relative;
}
.share-print a+a:before {
content: "|";
color: #333;
margin-right: 4px;
}
.share-print a+a:before :hover {
text-decoration: none;
}
.share-print a span.at-icon-wrapper {
margin-right: 6px;
position: absolute;
left: -25px;
}
@media (min-width:500px) {
.utility-links {
padding-top: 32px;
}
.breadcrumbs {
float: left;
margin-top: 0;
}
.share-print {
float: right;
margin: 0;
}
}
.lit-finder-detail-top {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px dotted #d5d5d5;
}
.lit-finder-detail-top:before {
content: "";
display: table;
}
.lit-finder-detail-top:after {
content: "";
display: table;
clear: both;
}
.lit-finder-detail-bottom {
padding: 0 0 0 20px;
}
.lit-finder-detail-bottom h2 {
font-size: 18px;
}
.lit-finder-detail-bottom:before {
content: "";
display: table;
}
.lit-finder-detail-bottom:after {
content: "";
display: table;
clear: both;
}
.lit-finder-product {
width: calc(99.9% * 1/1 - 0px);
}
.lit-finder-product:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.lit-finder-product:last-child {
margin-right: 0;
}
.lit-finder-product:nth-child(1n) {
margin-right: 0;
float: right;
}
.lit-finder-product:nth-child(1n+1) {
clear: both;
}
.lit-finder-lit-list {
width: calc(99.9% * 1/1 - 0px);
}
.lit-finder-lit-list:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.lit-finder-lit-list:last-child {
margin-right: 0;
}
.lit-finder-lit-list:nth-child(1n) {
margin-right: 0;
float: right;
}
.lit-finder-lit-list:nth-child(1n+1) {
clear: both;
}
.lit-finder-product-img {
width: calc(99.9% * 1/3 - 6.666666666666666px);
}
.lit-finder-product-img:nth-child(1n) {
float: left;
margin-right: 10px;
clear: none;
}
.lit-finder-product-img:last-child {
margin-right: 0;
}
.lit-finder-product-img:nth-child(3n) {
margin-right: 0;
float: right;
}
.lit-finder-product-img:nth-child(3n+1) {
clear: both;
}
.lit-finder-product-detail {
width: calc(99.9% * 2/3 - 10px);
}
.lit-finder-product-detail>h2 {
margin: 10px 0 5px;
font-size: 20px;
}
.lit-finder-product-detail>h3 {
color: #333;
margin: 0 0 5px;
}
.lit-finder-product-detail:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.lit-finder-product-detail:last-child {
margin-right: 0;
}
.lit-finder-product-detail:nth-child(3n) {
margin-right: 0;
float: right;
}
.lit-finder-product-detail:nth-child(3n+1) {
clear: both;
}
.lit-finder-lit-list {
margin-top: 20px;
padding: 20px 0 20px 20px;
}
.lit-finder-lit-list h3 {
font-size: 18px;
}
.lit-finder-lit-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.lit-finder-lit-list ul a {
display: block;
padding: 5px 0;
color: #007934;
}
.lit-finder-specs-col {
width: calc(99.9% * 1/1 - 0px);
margin-bottom: 20px;
}
.lit-finder-specs-col th {
padding: 10px 0;
font-size: 14px;
}
.lit-finder-specs-col table, .lit-finder-specs-col tr {
width: 100%}
.lit-finder-specs-col td {
width: 48%;
padding: 5px 0;
}
.lit-finder-specs-col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.lit-finder-specs-col:last-child {
margin-right: 0;
}
.lit-finder-specs-col:nth-child(1n) {
margin-right: 0;
float: right;
}
.lit-finder-specs-col:nth-child(1n+1) {
clear: both;
}
@media (min-width:500px) {
.lit-finder-detail-bottom {
padding: 0 10px 0 20px;
}
.lit-finder-product-detail>h2 {
margin: 10px 0 12px;
font-size: 22px;
}
.lit-finder-product-detail>h3 {
margin: 0 0 20px;
}
}
@media (min-width:770px) {
.lit-finder-detail-bottom {
padding: 0 20px;
}
.lit-finder-product {
width: 49.95%;
padding-right: 20px;
}
.lit-finder-product:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
.lit-finder-product:last-child {
margin-right: 0;
}
.lit-finder-product:nth-child(2n) {
margin-right: 0;
float: right;
}
.lit-finder-product:nth-child(odd) {
clear: both;
}
.lit-finder-lit-list {
width: 49.95%}
.lit-finder-lit-list:nth-child(1n) {
float: left;
margin-right: 0;
clear: none;
}
.lit-finder-lit-list:last-child {
margin-right: 0;
}
.lit-finder-lit-list:nth-child(2n) {
margin-right: 0;
float: right;
}
.lit-finder-lit-list:nth-child(odd) {
clear: both;
}
.lit-finder-lit-list {
border-left: 2px dotted #d5d5d5;
}
.lit-finder-specs-col {
width: calc(99.9% * 1/2 - 15px);
}
.lit-finder-specs-col:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none;
}
.lit-finder-specs-col:last-child {
margin-right: 0;
}
.lit-finder-specs-col:nth-child(2n) {
margin-right: 0;
float: right;
}
.lit-finder-specs-col:nth-child(odd) {
clear: both;
}
}
.page-content {
position: relative;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
padding: 40px 15px 30px;
overflow: hidden;
}
.page-content.homepage {
padding-top: 142px;
}
.page-content:before {
content: "";
display: table;
}
.page-content:after {
content: "";
display: table;
clear: both;
}
.content-container {
width: 100%;
padding-top: 30px;
}
.content-container.form-overlay-container {
padding-top: 0;
}
.content-container:before {
content: "";
display: table;
}
.content-container:after {
content: "";
display: table;
clear: both;
}
@media (min-width:770px) {
.content-flexed {
display: -ms-flexbox;
display: flex;
}
}
.browseByFuelType {
text-align: center;
background-color: #fff;
}
.browseByFuelType>div:after, .browseByFuelType>div:before {
content: "";
display: table;
}
.browseByFuelType>div:after {
clear: both;
}
.browseByFuelType .col-third {
margin-bottom: 0;
background-color: #fff;
transition: background .25s linear;
}
.browseByFuelType .col-third:hover {
background: #fff;
}
.browseByFuelType .col-third:hover h3 {
background-color: #007934;
}
@media (min-width:770px) {
.browseByFuelType .col-third {
margin-right: 0;
width: 33.3333333%}
}.browseByFuelType .col-third:first-of-type .nav-icon {
margin-top: 0;
}
.browseByFuelType a:hover {
text-decoration: none;
}
.browseByFuelType a:hover .logo {
transform: scale(1.5);
border: 2px solid transparent;
transition: all .15s ease-out;
}
.browseByFuelType .nav-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: end;
align-items: flex-end;
height: 96px;
padding-left: 30px;
margin-top: 30px;
}
.browseByFuelType .nav-icon-text {
padding-left: 20px;
padding-bottom: 15px;
color: #007934;
font-size: 15px;
font-weight: 700;
line-height: 4;
text-transform: uppercase;
}
.browseByFuelType .nav-icon-text .logo {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
margin-right: 9px;
border-radius: 50%;
border: 2px solid #007934;
fill: #007934;
}
.browseByFuelType .logo {
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
border-radius: 50%;
border: 2px solid #fff;
fill: #fff;
margin-right: 1.5em;
margin-bottom: 3px;
transform-origin: 15px 15px;
transform: scale(1);
transition: all .15s ease-out;
}
.browseByFuelType h2 {
color: #1e89c5;
line-height: 4em;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
}
@media (min-width:500px) {
.browseByFuelType h2 {
font-size: 18px;
}
}
.browseByFuelType h3 {
background-color: #006b2e;
color: #fff;
line-height: 4;
text-transform: uppercase;
transition: background .25s linear;
}
.green-line {
height: 16px;
width: 100%;
background-color: #007934;
}
@media (min-width:770px) {
.browseByFuelType .col-third {
background: linear-gradient(0deg, #d5d5d5, #fff);
}
.browseByFuelType .nav-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
height: 96px;
padding-left: 0;
margin-top: 0;
}
}
@media (max-width:768px) {
.browseByFuelType .col-third h3 {
display: none;
}
}
.browseByProductType {
border-bottom: 22px solid #007934;
}
.browseByProductType .inner-wrapper {
padding: 40px 20px 0;
}
.browseByProductType .product-wrapper {
overflow: hidden;
}
.browseByProductType .product-wrapper+.product-wrapper {
margin-top: 80px;
}
.browseByProductType .product-type-text-col {
float: left;
width: 55%}
.browseByProductType .product-type-text-col h2 {
font-size: 19px;
font-weight: 700;
text-transform: none;
}
.browseByProductType .product-type-text-col p {
font-weight: 200;
line-height: 1.6;
padding-bottom: 0;
}
.browseByProductType .product-type-text-col h2, .browseByProductType .product-type-text-col p {
color: #4a4a4a;
}
.browseByProductType .product-type-text-col ul {
padding: 0;
}
.browseByProductType .product-type-text-col li {
font-size: 15px;
line-height: 1.6;
list-style-type: none;
margin-top: 12px;
}
.browseByProductType .product-type-text-col li a {
color: #007934;
}
.browseByProductType .product-image {
margin-left: 10%;
float: left;
width: 35%}
.browseByProductType .product-image img {
margin: 0 auto;
max-height: 216px;
}
.browseByProductType:after {
content: "";
clear: both;
display: table;
}
@media (min-width:770px) {
.browseByProductType .inner-wrapper {
margin: 0 auto;
max-width: 1110px;
padding: 0;
}
.browseByProductType .product-wrapper {
height: 300px;
margin: 0;
overflow: visible;
overflow: initial;
padding: 48px 30px;
position: relative;
width: 25%}
.browseByProductType .product-wrapper+.product-wrapper {
margin-top: 0;
}
.browseByProductType .product-wrapper:first-of-type:before {
background-image: linear-gradient(#fff 48%, #e6e6e6);
content: "";
height: 300px;
position: absolute;
right: 0;
top: 0;
width: 400%}
.browseByProductType .product-wrapper:first-of-type:after {
background: #006d2e;
bottom: -22px;
content: "";
height: 22px;
right: 0;
position: absolute;
width: 400%}
.browseByProductType .product-wrapper:nth-child(3n) {
background-image: linear-gradient(#fff 48%, #e6e6e6);
}
.browseByProductType .product-wrapper:nth-child(3n):after {
background: #006d2e;
bottom: -22px;
content: "";
height: 22px;
left: 0;
position: absolute;
width: 100%}
.browseByProductType .product-type-text-col {
float: none;
position: relative;
width: 100%}
.browseByProductType .product-type-text-col ul {
margin-top: 32px;
max-width: 114px;
}
.browseByProductType .product-image {
margin-left: 0;
float: none;
width: 100%}
.browseByProductType .product-image img {
bottom: -46px;
margin: 0;
max-width: 44%;
position: absolute;
right: 10%;
z-index: 1;
}
}
.ctaLeftImageRightNoPadding {
background-color: #f8f8f8;
}
.ctaLeftImageRightNoPadding .page-content {
overflow: visible;
}
.ctaLeftImageRightNoPadding .col-half:first-of-type {
padding: 45px 10px;
margin-bottom: 0;
text-align: center;
}
@media (min-width:770px) {
.ctaLeftImageRightNoPadding .col-half:nth-of-type(2) {
position: absolute;
bottom: 0;
left: 50%
}
.ctaLeftImageRightNoPadding .col-half:nth-of-type(2) {
display: block;
}
}
.ctaLeftImageRightNoPadding .cta-heading {
font-size: 28px;
line-height: 38px;
text-transform: none;
font-weight: 300;
}
.ctaLeftImageRightNoPadding p {
padding-top: 15px;
padding-bottom: 26px;
font-size: 16px;
color: #585858;
}
.ctaLeftImageRightNoPadding p:first-of-type {
padding-top: .75em;
}
.ctaLeftImageRightNoPadding sup {
font-size: 50%}
.fgWhite .col-half:first-of-type {
padding-top: 50px;
padding-bottom: 0;
text-align: left;
}
.fgWhite .col-half:first-of-type p {
display: none;
}
.fgWhite .cta-heading {
display: inline-block;
font-size: 18px;
line-height: 23px;
}
.fgWhite .btn-cta {
margin-top: 20px;
}
@media (min-width:500px) {
.fgWhite .col-half:first-of-type {
padding-bottom: 45px;
}
.ctaLeftImageRightNoPadding .col-half:first-of-type {
max-height: 330px;
text-align: left;
}
.ctaLeftImageRightNoPadding .cta-heading {
font-size: 32px;
line-height: 38px;
}
}
.ctaProductSelector {
margin: 5px auto;
padding: 60px 20px 40px;
background-image: url(../svg/assorted-heaters.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 100%;
text-align: center;
}
.ctaProductSelector h2 {
color: #4a4a4a;
font-size: 21px;
font-weight: 700;
line-height: 1.29;
text-transform: uppercase;
max-width: 436px;
margin: auto;
}
.ctaProductSelector p {
color: #4a4a4a;
font-size: 16px;
padding-top: 20px;
padding-bottom: 35px;
font-weight: lighter;
line-height: 27px;
max-width: 570px;
margin: 0 auto;
}
.ctaProductSelector .btn.btn-cta {
font-size: 19px;
line-height: 1.15;
max-width: 320px;
padding: 20px 0 24px;
width: 100%}
.ctaProductSelector.homepage {
background-image: url(../svg/product-outlines-homepage.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 100%}
.ctaProductSelector.water-heater {
background-image: url(../svg/product-outlines-heaters.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%}
.ctaProductSelector.water-filter, .ctaProductSelector.water-softener {
background-image: url(../svg/product-outlines-filter-mobile.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%}
@media (min-width:500px) {
.ctaProductSelector {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 80px;
padding-bottom: 40px;
}
.ctaProductSelector h2 {
font-size: 24px;
line-height: 1.25;
max-width: 730px;
}
.ctaProductSelector p {
font-size: 18px;
padding-top: .75em;
padding-bottom: 2em;
}
.ctaProductSelector .btn.btn-cta {
max-width: 300px;
padding: 16px 0 22px;
}
}
@media (min-width:770px) {
.ctaProductSelector {
margin-top: 78px;
padding-top: 127px;
padding-bottom: 62px;
}
.ctaProductSelector.water-filter, .ctaProductSelector.water-softener {
background-image: url(../svg/product-outlines-filter.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%}
}.glossary-page .content-header {
margin-bottom: 50px;
}
.glossary-page .split-aside {
text-align: right;
}
.glossary-page .split-aside img {
max-width: 100%;
display: inline-block;
}
.where-to-buy-background {
height: 80vh;
border: 1px solid #d5d5d5;
border-top: none;
background: url(../png/map-image.png) no-repeat 50%;
background-size: cover;
}
.where-to-buy-card {
position: relative;
top: 5%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 90%;
margin: auto;
padding-left: 30px;
padding-top: 20px;
background-color: #fff;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .5);
}
.where-to-buy-card h2 {
margin: 15px 0;
}
.where-to-buy-card .col-half {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
}
.where-to-buy-card .col-half p {
width: 100%;
padding: 0 0 20px;
font-size: 16px;
line-height: 27px;
}
.where-to-buy-card .col-half a {
padding: 10px 40px;
text-transform: uppercase;
}
.where-to-buy-card .col-half:first-child {
-ms-flex-align: center;
align-items: center;
padding-right: 20px;
}
.where-to-buy-card .col-half:nth-child(2) {
margin-left: -15px;
}
.where-to-buy-card .three-heaters-img {
margin: 20px auto 0;
}
.card-logo {
height: 47px;
}
@media (min-width:500px) {
.where-to-buy-background {
background: url(../png/map-image.png) no-repeat 50%;
background-size: cover;
}
.where-to-buy-card {
position: relative;
top: 5%;
left: 5%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
overflow: auto;
width: 570px;
margin: 0;
}
.where-to-buy-card .col-half a {
margin-bottom: 30px;
}
.where-to-buy-card .col-half:first-child {
-ms-flex-align: baseline;
align-items: baseline;
padding-right: 0;
}
}
.productFamilySelector {
font-size: 0;
}
.productFamilySelector nav {
display: block;
position: relative;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.productFamilySelector nav input[type=radio] {
display: none;
}
.productFamilySelector nav .toggle {
position: relative;
display: inline-block;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 18px;
font-size: 13px;
text-align: center;
width: 33.333333%;
font-weight: 400;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s ease-out;
}
.productFamilySelector nav .toggle:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
border: none;
background-color: #848484;
transition: height .22s ease;
}
.productFamilySelector nav .toggle .logo {
display: none;
transition: all .15s ease-out;
}
@media (min-width:770px) {
.productFamilySelector nav .toggle .logo {
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
border-radius: 50%;
border: 2px solid currentColor;
fill: currentColor;
margin-right: 7px;
}
}
@media (min-width:770px) {
.productFamilySelector nav .toggle {
text-align: left;
margin-left: 41px;
padding-right: 41px;
width: auto;
font-size: 15px;
}
}
@media (min-width:770px) {
.productFamilySelector nav :not(:checked)+.toggle:hover:after {
animation: a .22s normal forwards ease-out;
}
}
.productFamilySelector nav :checked+.toggle {
color: #51a949;
}
.productFamilySelector nav :checked+.toggle:after {
background-color: #51a949;
height: 7px;
}
@media (min-width:770px) {
.productFamilySelector nav :checked+.toggle .logo {
transform: scale(1.5);
border: 2px solid transparent;
transition: all .15s ease-out;
}
}
@media (min-width:500px) {
.productFamilySelector .slide-wrapper {
padding-top: 80px;
}
}
.productFamilySelector .slides {
display: -ms-flexbox;
display: flex;
border-top: 1px solid #bebebe;
position: relative;
margin-left: 200%;
width: 300%;
left: -200%;
transition: margin-left .7s cubic-bezier(.77, 0, .18, 1);
}
.productFamilySelector .slides .slide {
position: relative;
display: inline-block;
width: 33.333333%;
font-size: 18px;
}
.slide-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.slide-wrapper .split-main {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%}
@media (min-width:770px) {
.slide-wrapper .split-main p:last-of-type {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.slide-wrapper .col-third .center-block {
height: 250px;
}
.slide-wrapper h2.best, .slide-wrapper h2.better, .slide-wrapper h2.good {
font-weight: 500;
}
.slide-wrapper .best, .slide-wrapper .better, .slide-wrapper .good {
color: inherit;
text-transform: uppercase;
}
.slide-wrapper .best.btn, .slide-wrapper .better.btn, .slide-wrapper .good.btn {
color: #fff;
text-transform: none;
border-radius: 4px;
box-shadow: 0 2px 1px 0 rgba(92, 92, 92, .5);
padding-left: 0;
padding-right: 0;
text-align: center;
width: 80%;
margin: 0 auto;
}
@media (min-width:500px) {
.slide-wrapper .best.btn, .slide-wrapper .better.btn, .slide-wrapper .good.btn {
width: 100%}
}.slide-wrapper .best.btn:hover, .slide-wrapper .better.btn:hover, .slide-wrapper .good.btn:hover {
box-shadow: 0 4px 4px 0 rgba(92, 92, 92, .7);
}
.slide-wrapper .good {
opacity: .4;
}
.slide-wrapper .good.btn {
opacity: 1;
background-color: #909090;
}
.slide-wrapper .better {
opacity: .6;
}
.slide-wrapper .better.btn {
opacity: 1;
background-color: #6e6e6e;
}
.slide-wrapper .best.btn {
background-color: #404040;
}
.slide-wrapper p {
color: #666;
line-height: 1.4;
font-size: 16px;
font-weight: 300;
}
.slide-wrapper .full-width-cta {
position: relative;
margin-top: 97px;
margin-bottom: 25px;
width: 100%;
border-bottom: 1px solid hsla(0, 0%, 59%, .4);
}
.slide-wrapper .full-width-cta .btn {
font-weight: 500;
position: absolute;
padding: 13px 44px 13px 22px;
background-color: #fff;
color: #51a949;
font-size: 15px;
text-transform: uppercase;
transform: translate(50%, -50%);
right: 50%;
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-position: 90% 100%;
}
.slide-wrapper .full-width-cta .btn:hover {
box-shadow: 1px 2px 4px 0 #d5d5d5;
}
.slide-wrapper .divider {
margin: 5px 0;
border-bottom: 3px solid #d5d5d5;
width: 35px;
}
@media (min-width:500px) {
.slide-wrapper .divider {
margin-top: 19px;
margin-bottom: 13px;
}
}
@media (min-width:770px) {
.divider {
margin-top: 19px;
margin-bottom: 13px;
}
}
.mobile-slides .mobile-column {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 40px;
}
.mobile-slides .mobile-column, .mobile-slides .mobile-row {
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.mobile-slides .mobile-row {
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.mobile-slides .mobile-row img {
margin: 0 10px;
}
.mobile-slides .mobile-row .center-block {
height: 250px;
margin-bottom: 25px;
padding-right: 7px;
}
.mobile-slides .mobile-row:last-of-type {
margin-bottom: 0;
}
.mobile-slides .full-width-cta {
margin-top: 30px;
}
@keyframes a {
0% {
height: 0;
}
50% {
height: 5px;
}
to {
height: 1px;
}
}
.product-family-section-intro {
text-align: center;
margin: 22px 10px!important;
}
.product-family-section-intro p {
padding: 0;
font-size: 18px;
line-height: 24px;
font-weight: 300;
text-transform: capitalize;
}
.product-family-section-intro p:first-child {
color: #666;
}
.product-family-section-intro p:nth-child(2) {
color: #bcbcbc;
}
@media (min-width:500px) {
.product-family-section-intro {
margin: 50px 0;
}
.product-family-section-intro p {
font-size: 32px;
line-height: 44px;
}
}
.legalesque .lead {
padding: 0;
margin: 2rem 0;
font-size: 1.2em;
font-weight: 500;
text-transform: uppercase;
}
.legalesque .terms-list li {
margin-bottom: 1.6rem;
}
.textconnect-logo-wrapper {
margin: auto;
width: 147px;
}
#textconnect-footer-copywrite {
background-color: #444;
color: #fff;
}
#textconnect-footer-copywrite a {
color: #fff;
}
.textConnectCTA .page-content {
max-width: 500px;
margin: auto;
padding-left: 5px;
}
.textConnectCTA .cta-heading {
display: block;
font-size: 22px;
line-height: 30px;
letter-spacing: 1.22px;
}
.textConnectCTA .btn-cta {
padding-left: 2em;
padding-right: 2em;
}
.textConnectCTA .col-half:first-of-type {
width: 60%;
float: left;
}
.textConnectCTA .col-half:nth-of-type(2) {
display: block;
position: absolute;
bottom: 0;
left: 60%;
margin-bottom: 0;
}
.textConnectCTA .col-half:nth-of-type(2) .center-block {
margin: 0;
height: 180px;
}
.TextConnect #page-header {
height: 70px;
padding-top: 0;
}
.TextConnect #page-header .site-logo {
padding-top: 7px;
}
.TextConnect #main {
padding-top: 70px;
}
.TextConnect .back-button-link {
text-decoration: none;
}
.TextConnect .back-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 9px 15px;
background-color: #51a949;
box-shadow: 1px 2px 4px 0 rgba(92, 92, 92, .5);
}
.TextConnect .back-button p {
padding: 0;
font-size: 14px;
font-weight: 400px;
letter-spacing: .77px;
color: #fff;
}
.TextConnect .back-button .arrow-left {
width: 10px;
height: 10px;
margin: 0 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-135deg);
}
.TextConnect .page-content {
max-width: 600px;
margin: auto;
padding-top: 0;
}
.TextConnect #productSelectorTool .pageTitle h1 {
width: 100%;
text-align: center;
color: #525252;
}
.TextConnect #productSelectorTool .heaters-search p:first-of-type {
font-size: 14px;
font-weight: 300;
line-height: 22px;
color: #525252;
}
.TextConnect #productSelectorTool .heaters-results .result-info {
padding-top: 30px!important;
}
.TextConnect #productSelectorTool .result-numbers strong {
font-size: 18px;
}
.TextConnect .heaters-results-top {
margin-top: 0!important;
}
.TextConnect .shop-lowes:before {
height: 65px;
background-color: #51a949;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.TextConnect .shop-lowes {
width: 100%!important;
font-family: Encode Sans, Helvetica, Arial, sans-serif!important;
font-size: 15px;
font-weight: 600!important;
text-transform: uppercase;
text-decoration: none;
}
.TextConnect .modalAdvancedOptionsLink {
background-color: none;
text-decoration: underline;
font-family: Encode Sans, Helvetica, Arial, sans-serif!important;
color: #007934;
}
.textconnect-video {
padding-top: 18px;
text-align: center;
background-color: #fff;
}
.textconnect-video-title {
padding-top: 10px;
text-align: center;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px;
color: #007934;
}
.page-content .nav-search {
display: -ms-flexbox;
display: flex;
margin: auto;
width: 100%;
max-width: 310px;
}
select {
height: 34px;
width: 144px;
border: 1px solid #dedede;
outline: 0;
cursor: pointer;
padding: 30px;
color: #979797;
font-size: 14px;
border-radius: 2px;
background-color: #fff;
}
.results-pagination {
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
}
.results-pagination li {
padding-right: 20px;
margin-top: 20px;
margin-bottom: 50px;
font-size: 18px;
color: #51a949;
}
.results-pagination li:hover {
color: #444;
}
.results-pagination a {
text-decoration: none;
}
.results-pagination a.active {
font-weight: 700;
}
.search-results-summary {
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid #dedede;
}
.search-results-summary, .summary-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.results-stats {
padding: 15px 0;
margin-right: 10px;
font-size: 14px;
color: #979797;
}
.sort-by-box {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-bottom: 25px;
margin: auto;
}
.result-title {
font-size: 20px;
font-weight: 500;
color: #51a949;
text-transform: capitalize;
text-decoration: underline;
}
.result-title p {
padding-bottom: 10px;
}
.search-results-list {
padding: 0;
list-style: none;
}
.result-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
}
.result-content img {
-ms-flex-item-align: baseline;
align-self: baseline;
margin-right: 10px;
width: 82px;
}
.result-link {
word-break: break-all;
font-size: 14px;
font-weight: 500;
color: #444;
}
.result-description {
margin-top: 8px;
font-size: 14px;
font-weight: 300;
color: #838383;
}
@media (min-width:500px) {
.search-results-summary {
margin-bottom: 29px;
}
.summary-info {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: 25px 0;
}
.results-stats {
padding: 0;
}
.sort-by-box {
padding: 0;
margin: 0;
}
.single-result {
margin-bottom: 20px;
}
.result-content img {
width: 108px;
}
.result-title {
font-size: 24px;
}
.result-link {
margin: 13px 0;
font-size: 18px;
}
.result-description {
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
}
@media (min-width:770px) {
.results-stats {
font-size: 19px;
}
.sort-by-box select {
font-size: 19px;
}
.info {
height: 100%}
.info .st-default-search-input {
display: none;
}
.info #searchBtn {
border: none;
float: right;
height: 100%!important;
width: 55px;
pointer-events: unset;
}
}
.info .st-default-search-input {
background: #fff;
border-radius: 0;
border: 1px solid #dedede;
height: 31px;
vertical-align: bottom;
font-weight: 700;
font-size: 1.1em;
margin-top: 10px;
}
#searchBtn {
background-color: #fff;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
border: none;
margin: 0;
width: 55px;
height: 37px;
vertical-align: bottom;
position: relative;
pointer-events: none;
}
#searchBtn:after {
content: "\F002";
font: normal normal normal 22px/1 FontAwesome;
font-size: 22px;
color: #4a4a4a;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
cursor: pointer;
pointer-events: none;
}
.thumbnail-selector {
display: inline-block;
position: absolute;
right: 11px;
top: 0;
}
.thumbnail-selector .arrow {
border-color: #979797;
border-right: 2px solid;
border-top: 2px solid;
cursor: pointer;
display: block;
height: 16px;
margin: 20px 8px;
width: 16px;
}
.thumbnail-selector .arrow.left {
left: -15px;
transform: rotate(-45deg);
}
.thumbnail-selector .arrow.right {
right: -15px;
transform: rotate(135deg);
}
.thumbnail-selector ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
height: 200px;
padding: 0;
text-align: center;
}
.thumbnail-selector .thumb {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 32px;
list-style-type: none;
max-width: 32px;
opacity: .5;
width: 32px;
}
.thumbnail-selector .thumb.active {
opacity: 1;
}
.thumbnail-selector .thumb+.thumb {
margin-top: 16px;
}
@media (min-width:770px) {
.thumbnail-selector {
display: block;
margin: 90px auto 0;
max-width: 246px;
position: relative;
}
.thumbnail-selector .arrow {
bottom: 0;
height: 10px;
margin: 8px;
top: 3px;
position: absolute;
width: 10px;
}
.thumbnail-selector .arrow.left {
left: 0;
transform: rotate(-135deg);
}
.thumbnail-selector .arrow.right {
right: -15px;
transform: rotate(45deg);
}
.thumbnail-selector ul {
-ms-flex-direction: row;
flex-direction: row;
height: 32px;
margin-left: 10px;
}
.thumbnail-selector ul .thumb {
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.thumbnail-selector ul .thumb+.thumb {
margin-left: 16px;
margin-top: 0;
}
}
.nav-mobile-item {
margin-left: 12px;
padding-top: 6px;
}
.nav-mobile-item .st-default-search-input {
background-color: #f5f4f3;
border: 1px solid #dedede;
border-radius: 4px;
margin-top: 5px;
padding-left: 45px;
}
.nav-mobile-item .st-default-search-input::-webkit-input-placeholder {
color: #4a4a4a;
opacity: .4;
font-size: 15px;
font-weight: 100;
}
.nav-mobile-item .st-default-search-input::-moz-placeholder {
color: #4a4a4a;
opacity: .4;
font-size: 15px;
font-weight: 100;
}
.nav-mobile-item .st-default-search-input:-ms-input-placeholder {
color: #4a4a4a;
opacity: .4;
font-size: 15px;
font-weight: 100;
}
.nav-mobile-item .st-default-search-input:-moz-placeholder {
color: #4a4a4a;
opacity: .4;
font-size: 15px;
font-weight: 100;
}
.nav-mobile-item .st-search-show-outputs:after {
font-size: 18px;
color: #838383;
opacity: .8;
position: absolute;
bottom: 14px;
}
@media (max-width:499px) {
.nav-mobile-item .st-default-search-input {
width: calc(100vw - 129px);
}
.st-search-show-outputs:after {
right: calc(100vw - 45px);
}
}
@media (min-width:500px) {
.nav-mobile-item .st-default-search-input {
width: 220px;
}
.st-search-show-outputs:after {
right: 300px;
}
}
.banner {
background: url(../png/bg-texture-mobile.png) no-repeat bottom;
background-size: cover;
padding: 32px 20px 0;
min-height: 400px;
}
.banner .inner-wrapper {
margin: 0 auto;
max-width: 1100px;
min-height: 370px;
position: relative;
}
.banner h1, .banner h2, .banner p {
font-weight: 200;
text-transform: none;
}
.banner h1 {
color: #585858;
font-size: 28px;
line-height: 1.28;
}
.banner h2 {
color: #979797;
font-size: 18px;
line-height: 1.44;
margin-top: 18px;
}
.banner p {
display: none;
}
.banner .product-image {
position: absolute;
}
.banner .product-image.large {
display: none;
}
.banner .product-image.small {
bottom: 0;
}
.banner.replacement .product-image.small, .banner.softener .product-image.small, .banner.whole-home .product-image.small {
left: 0;
margin: 0 auto;
right: 0;
}
.banner.drinking .product-image.small {
right: -20px;
}
@media (min-width:500px) {
.banner {
background: url(../png/bg-texture-desktop.png) no-repeat bottom;
background-size: cover;
}
}
@media (min-width:770px) {
.banner {
padding-top: 80px;
}
.banner .inner-wrapper {
min-height: 426px;
}
.banner .text-wrapper {
max-width: 50%}
.banner .product-image.large {
bottom: 0;
display: block;
}
.banner .product-image.small {
display: none;
}
.banner.softener .text-wrapper {
padding-bottom: 64px;
}
.banner.softener .product-image.large {
right: -14px;
}
.banner.drinking .text-wrapper {
padding-bottom: 60px;
}
.banner.drinking .product-image.large {
right: 0;
}
.banner.drinking .product-image.large, .banner.softener .product-image.large {
max-width: 50%}
.banner.replacement .product-image.large, .banner.whole-home .product-image.large {
max-width: 35%;
right: 100px;
}
.banner.whole-home h2 {
max-width: 510px;
}
.banner.replacement h2 {
max-width: 424px;
}
.banner h1 {
font-size: 32px;
line-height: 1.38;
}
.banner h2 {
font-size: 21px;
line-height: 1.41;
margin-top: 6px;
max-width: 375px;
}
.banner p {
color: #4a4a4a;
display: block;
font-size: 18px;
line-height: 1.78;
margin-top: 30px;
max-width: 454px;
}
}
.related-products {
padding-top: 20px;
}
.related-products .products {
margin-top: 50px;
}
.related-products .products>.product {
text-align: center;
margin: 10px;
}
.related-products .products img {
width: 40%;
height: auto;
margin: auto;
}
@media (min-width:500px) {
.related-products .products {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.related-products .products>.product {
-ms-flex: 1 0 calc(50% - 20px);
flex: 1 0 calc(50% - 20px);
}
}
@media (min-width:770px) {
.related-products .products>.product {
-ms-flex: 1 0 calc(25% - 20px);
flex: 1 0 calc(25% - 20px);
}
}
.content-list-blocks {
margin-bottom: 24px;
padding: 0;
text-align: center;
}
.content-list-blocks li {
list-style: none;
margin-top: 17px;
}
.content-list-blocks li+li {
margin-top: 32px;
}
.content-list-blocks li img {
margin: 12px auto 0;
}
@media (min-width:770px) {
.content-list-blocks {
overflow: hidden;
text-align: left;
}
.content-list-blocks li {
float: left;
margin-top: 0;
width: 25%}
.content-list-blocks li+li {
margin-top: 0;
}
.content-list-blocks li img {
margin: 18px 0 0;
width: 116px;
height: 150px;
}
}
@media (min-width:770px) {
.homepage-wtb {
padding-top: 0px;
}
}
.homepage-wtb .cta-logo {
margin: 0 auto 12px;
}
.homepage-wtb .btn.btn-cta {
background: #007934;
height: 53px;
width: 240px;
}
@media (min-width:500px) {
.homepage-wtb .cta-logo {
margin: 0 0 12px;
}
}
ul.related-product-grid, ul.related-product-grid ul {
margin: 0;
padding: 0;
list-style: none;
}
ul.related-product-grid {
padding-top: 26px;
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
ul.related-product-grid>li {
border: 1px solid #dedede;
box-shadow: 1px 1px 5px 1px rgba(50, 50, 50, .1);
width: 100%;
margin-bottom: 30px;
border-radius: 3px;
}
ul.related-product-grid>li>.product {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 23px 0;
min-height: 262px;
border-bottom: 1px solid #dedede;
background-image: url(../png/related-product-grid-bg.png);
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
text-align: center;
}
ul.related-product-grid>li>.product img {
margin-bottom: 13px;
max-width: 130px;
}
ul.related-product-grid>li>.product .model {
color: #979797;
font-size: 13px;
font-weight: 700;
letter-spacing: .17px;
}
ul.related-product-grid>li>.product .description {
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: #4a4a4a;
padding: 0 15%;
width: 100%}
ul.related-product-grid>li>.product .tag {
font-weight: 700;
position: absolute;
top: 12px;
left: 20px;
text-transform: uppercase;
color: #4a4a4a;
}
ul.related-product-grid>li>.product .tag:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: #4a4a4a;
border-radius: 50%;
margin-right: 5px;
}
ul.related-product-grid>li>.related-products {
color: #979797;
padding: 12px 20px 15px;
}
ul.related-product-grid>li>.related-products.empty {
padding: 30px 20px;
text-align: center;
}
ul.related-product-grid>li>.related-products:not(.empty) .title {
font-weight: 700;
padding-bottom: 12px;
text-transform: uppercase;
}
ul.related-product-grid>li>.related-products a:hover {
text-decoration: none;
}
ul.related-product-grid>li>.related-products li {
border-top: 1px solid #dedede;
padding: 15px 0;
position: relative;
}
ul.related-product-grid>li>.related-products li:after {
content: "";
display: block;
clear: both;
}
ul.related-product-grid>li>.related-products li:last-child {
padding-bottom: 0;
}
ul.related-product-grid>li>.related-products img {
max-height: 50px;
margin-right: 5px;
float: left;
}
ul.related-product-grid>li>.related-products .info, ul.related-product-grid>li>.related-products .model {
padding-right: 18px;
}
ul.related-product-grid>li>.related-products .model {
font-size: 15px;
font-weight: 700;
color: #4a4a4a;
margin: 5px 0 3px;
}
ul.related-product-grid>li>.related-products .info {
color: #979797;
}
ul.related-product-grid>li>.related-products .arrow-link {
width: 11px;
height: 21px;
background-image: url(../svg/arrow-link.svg);
background-repeat: no-repeat;
background-position: 0;
background-size: contain;
position: absolute;
top: 50%;
margin-top: -10px;
right: 0;
cursor: pointer;
}
@media (min-width:500px) {
ul.related-product-grid {
display: -ms-flexbox;
display: flex;
}
ul.related-product-grid>li {
width: 48%}
}@media (min-width:770px) {
ul.related-product-grid {
padding-top: 0;
}
ul.related-product-grid:after {
content: "";
width: 31.5%}
ul.related-product-grid>li {
margin-bottom: 60px;
width: 31.5%}
}.page-content.m-and-strengths {
padding-top: 22px;
}
.options-bar {
box-shadow: 0 3px 6px -2px rgba(68, 68, 68, .4);
}
.options-bar ul {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding: 0;
}
.options-bar li {
color: #4a4a4a;
display: inline-block;
font-size: 15px;
letter-spacing: .4px;
line-height: 1.2;
list-style: none;
padding: 21px 0;
position: relative;
text-transform: uppercase;
}
.options-bar li.active {
color: #51a949;
font-weight: 700;
}
.options-bar li.active:after {
background: #51a949;
bottom: 0;
content: "";
height: 5px;
left: 50%;
margin: auto;
position: absolute;
right: 0;
transform: translateX(-50%);
width: 116px;
}
.options-panels {
color: #4a4a4a;
padding-bottom: 24px;
}
.options-panels .option-panel h3, .options-panels .option-panel p {
opacity: .5;
transition: opacity 1s;
}
.options-panels .option-panel .product-img {
display: none;
}
.options-panels .option-panel .lock-img {
display: block;
}
.options-panels .option-panel.active h3, .options-panels .option-panel.active p {
opacity: 1;
}
.options-panels .option-panel.active .product-img {
display: block;
}
.options-panels .option-panel.active .lock-img {
display: none;
}
.options-panels img {
border-radius: 2px;
margin-bottom: 38px;
}
.options-panels h3 {
font-size: 15px;
font-weight: 700;
line-height: 1.2;
margin-top: 31px;
text-transform: none;
}
.options-panels h3:first-of-type {
margin-top: 0;
}
.options-panels p {
font-size: 14px;
line-height: 1.57;
margin-top: 8px;
}
.options-panels .option-panel+.option-panel {
margin-top: 26px;
}
.products-list ul {
-ms-flex-align: baseline;
align-items: baseline;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 26px;
}
.products-list li {
text-align: center;
}
.products-list li:nth-child(n+3) {
margin-top: 35px;
}
.products-list img {
margin: 0 auto 12px;
}
.products-list h3 {
color: #4a4a4a;
font-size: 15px;
font-weight: 700;
line-height: 1.33;
margin-top: 6px;
text-transform: none;
}
.products-list h4 {
color: #979797;
font-size: 12px;
font-weight: 700;
letter-spacing: .16px;
line-height: 1.25;
margin-bottom: 6px;
}
.filter-details ul.col-wrapper {
padding-top: 24px;
}
.filter-details ul.col-wrapper ul {
border-top: 5px solid #dedede;
padding-top: 12px;
}
.filter-details ul.col-wrapper ul li {
padding-left: 13px;
position: relative;
}
.filter-details ul.col-wrapper ul li:before {
color: #007934;
content: "\2022";
font-size: 16px;
left: 0;
line-height: 1.75;
position: absolute;
}
.filter-details ul.col-wrapper>li:nth-child(n+3) {
margin-top: 35px;
}
.filter-details img {
margin-bottom: 14px;
}
.filter-details h3 {
color: #007934;
font-size: 16px;
font-weight: 400;
letter-spacing: .4px;
line-height: 1.5;
margin-bottom: 14px;
text-transform: none;
}
.filter-details li {
color: #4a4a4a;
letter-spacing: .2px;
line-height: 2.07;
}
.filter-details, .products-list {
border-top: 1px solid #d5d5d5;
display: none;
padding: 50px 0 35px;
}
.filter-details ul, .products-list ul {
overflow: hidden;
padding: 0;
}
.filter-details li, .products-list li {
list-style: none;
}
.filter-details h2, .products-list h2 {
color: #4a4a4a;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
}
.filter-details.active, .products-list.active {
display: block;
}
.filter-details, .options-panels, .products-list {
overflow: hidden;
}
@media (min-width:770px) {
.page-content.m-and-strengths {
padding-top: 50px;
}
.options-bar {
padding: 0 20px;
}
.options-bar ul {
display: block;
margin: 0 auto;
max-width: 1110px;
}
.options-bar li {
cursor: pointer;
padding: 27px 54px;
}
.options-bar li.active, .options-bar li:hover {
color: #51a949;
font-weight: 700;
padding-left: 51.5px;
padding-right: 51.5px;
}
.options-bar li.active:after, .options-bar li:hover:after {
background: #51a949;
bottom: 0;
content: "";
height: 5px;
left: 0;
margin: auto;
position: absolute;
right: 0;
transform: none;
width: 150px;
}
.options-panels {
padding-bottom: 38px;
}
.options-panels .option-panel+.option-panel {
margin-top: 0;
}
.options-panels .option-panel+.option-panel .image-wrapper {
position: relative;
}
.options-panels .option-panel+.option-panel .image-wrapper:before {
background: #fff;
border-radius: 100%;
box-shadow: 0 1px 6px #c5c2c2;
color: #4a4a4a;
content: "+";
left: -38px;
opacity: .2;
padding: 14px 13px;
position: absolute;
font-size: 42px;
top: calc(50% - 23px);
transition: opacity 1s;
}
.options-panels .option-panel+.option-panel .product-img {
display: block;
opacity: 0;
position: absolute;
transition: opacity 1s;
}
.options-panels .option-panel+.option-panel.active .image-wrapper:before {
opacity: 1;
z-index: 1;
}
.options-panels .option-panel+.option-panel.active .product-img {
opacity: 1;
}
.options-panels .option-panel+.option-panel.active .lock-img {
display: block;
}
.products-list li:nth-child(n+3) {
margin-top: 0;
}
.filter-details ul.col-wrapper>li:nth-child(n+3) {
margin-top: 0;
}
.filter-details, .products-list {
padding: 40px 0 25px;
}
}
@media (min-width:770px) {
.wh-system {
display: -ms-flexbox;
display: flex;
}
}
.wh-system>.desktop {
display: none;
}
@media (min-width:770px) {
.wh-system>.mobile {
display: none;
}
.wh-system>.desktop {
display: block;
}
}
.wh-system>.controls {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 35px;
}
.wh-system>.controls>h2 {
color: #979797;
font-size: 24px;
margin-bottom: 15px;
text-transform: capitalize;
}
.wh-system>.controls>p {
line-height: 1.5em;
padding-bottom: 0;
}
@media (min-width:770px) {
.wh-system>.controls {
border-bottom: none;
border-right: 1px solid #d5d5d5;
padding-right: 30px;
width: 195px;
}
}
.wh-system>.controls form {
display: -ms-flexbox;
display: flex;
}
@media (min-width:770px) {
.wh-system>.controls>form {
display: block;
}
.wh-system>.controls>form>fieldset {
width: 100%}
}.wh-system>.controls fieldset {
border: none;
margin: 0;
margin-top: 35px;
padding: 0;
width: 50%}
.wh-system>.controls fieldset>legend {
font-size: 14px;
border: none;
text-transform: uppercase;
margin-bottom: 5px;
}
.wh-system>.controls fieldset>legend:before {
content: "-";
display: inline-block;
padding-right: 1em;
}
.wh-system>.controls fieldset label {
font-weight: 400;
padding-left: 1em;
}
.wh-system>.results {
width: 320px;
}
.wh-system>.results>h3 {
font-weight: 600;
}
.wh-system>.results>dl {
margin-top: 20px;
}
.wh-system>.results>dl>dt, .wh-system>.results>dl>dt:before {
color: #007934;
text-transform: capitalize;
}
@media (min-width:770px) {
.wh-system>.results {
margin-left: 65px;
}
.wh-system>.results>dl {
margin-top: 40px;
}
}
.wh-system>.diagram {
padding-top: 40px;
position: relative;
}
.wh-system>.diagram>img {
height: auto;
width: 100%}
.wh-system>.diagram>.num {
background-color: #007934;
border-radius: 50%;
color: #fff;
font-size: 15px;
padding: 5px 0;
position: absolute;
text-align: center;
top: 20px;
width: 30px;
}
.wh-system>.diagram>.num-1 {
left: 17%}
.wh-system>.diagram>.num-2 {
left: 33%}
.wh-system>.diagram>.num-3 {
left: 56%}
.wh-system>.diagram>.num-4 {
left: 80%}
.hero-two-panel {
overflow: hidden;
}
.hero-two-panel .content-header {
margin-top: 0;
}
.hero-two-panel .banner h1 {
font-weight: 700;
}
.hero-two-panel .banner.drinking, .hero-two-panel .banner.whole-home {
background: linear-gradient(200deg, #fff 40%, #e6e6e6);
}
.hero-two-panel .banner.whole-home {
min-height: auto;
}
.hero-two-panel .banner.whole-home .inner-wrapper {
min-height: 240px;
}
.hero-two-panel .link-list {
padding: 24px 20px 0;
}
.hero-two-panel .link-list h2 {
color: #848484;
font-size: 21px;
line-height: 1.28;
margin-bottom: 24px;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.hero-two-panel .link-list ul {
border-bottom: 4px solid #d5d5d5;
padding: 0 0 54px;
}
.hero-two-panel .link-list li {
list-style: none;
}
.hero-two-panel .link-list li a {
font-size: 14px;
text-transform: uppercase;
}
.hero-two-panel .link-list li+li {
margin-top: 18px;
}
.hero-two-panel.desktop, .link-lists {
display: none;
}
.learn-more {
padding-top: 30px;
}
.learn-more .ctaProductSelector {
background: 0 0;
margin-top: 0;
padding: 0 0 15px;
}
.learn-more .ctaProductSelector p {
padding-bottom: 0;
}
.learn-more .ctaProductSelector img {
margin: 26px auto;
}
@media (min-width:770px) {
.hero-two-panel {
display: none;
}
.hero-two-panel.desktop {
display: -ms-flexbox;
display: flex;
padding-top: 50px;
position: relative;
}
.hero-two-panel.desktop:after, .hero-two-panel.desktop:before {
background: linear-gradient(190deg, #fff 40%, #e6e6e6);
bottom: 0;
content: "";
display: block;
height: 340px;
position: absolute;
width: 50%}
.hero-two-panel.desktop:after {
left: 0;
}
.hero-two-panel.desktop:before {
right: 0;
}
.hero-two-panel.desktop .inner-wrapper {
margin: 0 auto;
max-width: 1080px;
overflow: hidden;
padding: 0 15px;
}
.hero-two-panel.desktop .panel-container {
display: -ms-flexbox;
display: flex;
height: 340px;
margin-top: 38px;
}
.hero-two-panel.desktop .product-panel {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 64px;
position: relative;
width: 50%}
.hero-two-panel.desktop .product-panel h2, .hero-two-panel.desktop .product-panel img {
z-index: 1;
}
.hero-two-panel.desktop .product-panel h2 {
color: #838383;
font-size: 26px;
font-weight: 100;
position: relative;
text-transform: none;
}
.hero-two-panel.desktop .product-panel h2:after {
background: #dedede;
bottom: -22px;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 60px;
}
.hero-two-panel.desktop .product-panel img {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: auto;
}
.link-lists {
display: block;
overflow: hidden;
padding: 32px 0 42px;
}
.link-lists ul {
border-right: 1px solid #dedede;
float: left;
padding: 4px 0 0;
text-align: center;
width: 50%}
.link-lists ul+ul {
border-right: 0;
}
.link-lists ul li {
list-style-type: none;
}
.link-lists ul li+li {
margin-top: 18px;
}
.link-lists ul a {
font-size: 16px;
text-transform: uppercase;
}
.link-lists ul a:hover {
text-decoration: none;
}
.learn-more .ctaProductSelector {
background-image: url(../svg/product-outlines-filter.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
margin: 78px 0;
padding: 127px 20px 62px;
}
.learn-more .ctaProductSelector p {
padding: 13px 0 36px;
}
.learn-more .ctaProductSelector img {
display: none;
}
}
.text-tiles-container {
background: #f7f7f7;
}
.text-tiles-container h2 {
color: #4a4a4a;
font-size: 26px;
font-weight: 700;
letter-spacing: .2px;
line-height: 1.38;
margin-bottom: 24px;
text-transform: none;
}
.three-column-container {
overflow: hidden;
}
.tiles-wrapper {
-ms-flex-line-pack: justify;
align-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.text-tile {
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 6px 0 rgba(68, 68, 68, .22);
margin-top: 2%;
padding: 22px 44px 32px 14px;
}
.text-tile h3, .text-tile p {
color: #4a4a4a;
font-size: 16px;
letter-spacing: .23px;
line-height: 1.69;
}
.text-tile h3 {
font-weight: 700;
margin-bottom: 4px;
}
.text-tile:first-of-type {
-ms-flex-item-align: start;
align-self: flex-start;
}
@media (min-width:770px) {
.three-column-container .col-half+.col-half {
margin-top: 0;
}
.text-tiles-container h2 {
margin: 0 0 28px 16px;
}
.tiles-wrapper {
height: 1000px;
}
.tiles-wrapper.natural-height {
height: auto;
}
.text-tile {
width: 49%}
}@media (min-width:1000px) {
.tiles-wrapper {
height: 750px;
}
.tiles-wrapper.natural-height {
height: auto;
}
.text-tile {
width: 32%}
}.hero-short {
background-image: url(../png/hero-short-bg-mobile.png);
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #d5d5d5;
height: 260px;
padding: 0 2%}
.hero-short .inner-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 26px;
}
.hero-short h1, .hero-short h2 {
color: #4a4a4a;
font-weight: 200;
text-transform: none;
}
.hero-short h1 {
font-size: 32px;
line-height: 1.38;
}
.hero-short h2 {
font-size: 21px;
line-height: 1.43;
margin-top: 8px;
max-width: 460px;
}
.icon-text-block {
text-align: center;
}
.icon-text-block h3 {
color: #4a4a4a;
font-size: 16px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 6px;
text-transform: none;
}
.icon-text-block p {
font-size: 16px;
line-height: 1.69;
}
.icon-text-block img {
margin: 0 auto 19px;
}
.icon-text-block+.icon-text-block {
margin-top: 80px;
}
.icon-text-block:last-of-type {
margin-bottom: 60px;
}
@media (min-width:500px) {
.hero-short {
background-image: url(../png/hero-short-bg-desktop.png);
background-repeat: no-repeat;
background-size: cover;
}
.hero-short .inner-wrapper {
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 60px;
padding-top: 0;
}
}
@media (min-width:770px) {
.hero-short {
padding: 0 20px;
}
.hero-short .inner-wrapper {
margin: 0 auto;
max-width: 1110px;
}
.icon-text-block {
text-align: left;
}
.icon-text-block h3 {
font-size: 15px;
line-height: 1.2;
margin-bottom: 9px;
}
.icon-text-block p {
font-size: 14px;
line-height: 1.57;
}
.icon-text-block img {
margin: 0 0 16px;
}
.icon-text-block+.icon-text-block {
margin-top: 0;
}
.icon-text-block.col-fourth:nth-child(n+5) {
margin-top: 80px;
}
.icon-text-block.col-fourth:nth-child(-n+4) {
padding-top: 24px;
}
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix:after, .clearfix:before {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-4x3 {
padding-bottom: 75%}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.bottom-zero {
margin-bottom: 0!important;
}
.desktop-show, .mobile-hide {
display: none;
}
.mobile-show {
display: block;
}
@media (min-width:500px) {
.mobile-hide {
display: block;
}
.mobile-show {
display: none;
}
}
@media (min-width:770px) {
.desktop-hide {
display: none!important;
}
.desktop-show {
display: block;
}
}
.learn-more-page-content {
position: relative;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
padding: 40px 15px 0;
}
@media (min-width:770px) {
.learn-more-page-content {
overflow: visible;
}
}
.LMhero {
height: 400px;
position: relative;
background: url(../png/learn-more-hero.png) 50% 45% no-repeat #fff;
background-size: cover;
width: 100%}
.LMhero-inner {
height: 100%;
width: 100%;
padding: 2rem;
}
.LMhero-content {
position: absolute;
max-width: 100%;
bottom: 66px;
}
.LMsubhead {
text-align: center;
margin: 0 10rem;
}
.LMsubhead h2 {
font-weight: bolder;
font-size: 22px;
margin-bottom: 45px;
}
.LMsubhead p {
font-size: larger;
line-height: 25px;
}
.LMlink {
padding-top: 30px;
}
.LMcarouselContainer {
padding: 15px;
display: flex;
flex-direction: row;
justify-content: space-around;
margin-top: 8em;
background-color: #f7f7f7;
align-items: center;
}
.LMcarousel {
width: 40%}
.LMcarouselCopy {
width: 40%;
padding-top: 4em;
line-height: 25px;
}
.LMcarouselCopy h2 {
font-weight: bolder;
font-size: 22px;
margin-bottom: 20px;
}
.LMcarouselCopy p {
font-size: larger;
}
.LMlistHead {
font-weight: 700;
font-size: 15px;
line-height: 40px;
}
.LMlistCopy {
font-size: 16px;
}
.tabsContainer {
margin-top: 5em;
text-align: center;
margin-bottom: 5rem;
}
.tabsContainer h2 {
font-weight: bolder;
font-size: 22px;
margin-bottom: 20px;
text-align: center;
}
.LMtab {
overflow: hidden;
display: inline-block;
margin-bottom: 5em;
}
.LMtabLinks {
background-color: inherit;
border: none;
outline: 0;
cursor: pointer;
padding: 20px 30px 5px 30px;
font-size: large;
color: #929292;
border-bottom: 2px solid #e4e4e4;
}
.LMtabLinks.active {
font-weight: 700;
border-bottom: 2px solid #000;
color: #000;
}
.LMtabContent {
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.LMcontentBox {
display: flex;
flex-direction: row;
justify-content: center;
}
.LMsubContent {
max-width: 25%;
display: flex;
flex-direction: column;
padding: 20px;
}
.sizeUpCopy {
display: flex;
flex-direction: column;
}
#lm-tankless-img {
height: auto;
width: 10em;
}
.LMsubContent img {
height: 25em;
margin: 0 auto;
padding-bottom: 20px;
width: 100px;
}
.LMsubContent h4 {
text-align: left;
padding-bottom: 10px;
color: #929292;
font-size: 15px;
font-weight: 700;
}
.LMsubContent h1 {
text-align: left;
font-size: 15px;
font-weight: 700;
padding-bottom: 10px;
line-height: 20px;
}
.LMsubContent p {
text-align: left;
font-size: 16px;
padding-bottom: 20px;
}
.LMsubContent a h2 {
text-align: left;
padding: 0;
font-size: 16px;
font-weight: 500;
}
#Tankless {
justify-content: space-evenly;
}
#Gas {
justify-content: space-evenly;
}
.LMbuttons {
margin-top: 25px;
}
.LMmodelsButton {
background-color: #007b36;
color: #fff;
display: inline-block;
font-size: 14px;
letter-spacing: 1.25px;
line-height: 16px;
margin-right: 20px;
padding: 15px 25px;
text-transform: uppercase;
}
.LMmodelsButton:hover {
text-decoration: none;
color: #fff;
}
.LMfeaturesButton {
background-color: #fff;
display: inline-block;
font-size: 14px;
letter-spacing: 1.25px;
line-height: 16px;
text-transform: uppercase;
border: 1px solid #007b36;
color: #007b36;
margin-right: 0;
padding: 14px 17px;
}
.LMfeaturesButton:hover {
text-decoration: none;
color: #007b36;
}
.carouselList {
padding: 6px 0 30px 0;
list-style-type: none;
}
.carouselList li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.carouselIcon {
margin-right: 10px;
padding-top: 8px;
}
.carousel {
position: relative;
width: 45em;
margin: 20px auto;
right: 30%}
.carousel>img {
display: none;
width: 100%}
.carousel>input {
position: absolute;
left: -9999px;
}
.carousel>input:checked+label+img {
display: block;
}
.carousel>input:checked~label~label~label~label, .carousel>label {
display: none;
}
.carousel>input:checked+label {
display: block;
left: 0;
}
.carousel>input:checked~label~label~label {
display: block;
right: 0;
}
.carousel>label {
position: absolute;
top: 0;
width: 25%;
height: 100%;
visibility: hidden;
}
.carousel>label:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
visibility: visible;
}
.carousel>label:after {
display: block;
position: absolute;
top: 105%;
width: 28em;
height: 25px;
line-height: 20px;
margin: -15px 10px 0 10px;
color: #000;
font-family: Arial;
font-weight: 700;
font-size: 18px;
text-align: end;
visibility: visible;
}
.carousel>label:hover:after {
visibility: visible;
}
.carousel>input:checked+label:after {
left: 0;
content: "\02C2"}
.carousel>input:checked~label~label~label:after {
right: 0;
content: "\02C3"}
.LMresources {
display: flex;
flex-direction: column;
}
#resTitle {
margin-bottom: 5rem;
margin-top: 6rem;
}
#faqTitle {
font-weight: bolder;
font-size: 22px;
margin-bottom: 2em;
text-align: left;
margin-top: 5em;
}
.faqOL {
padding: 15px;
}
.resInfoBox {
flex-direction: row;
display: flex;
justify-content: space-evenly;
}
.heatPumpBox {
width: 40%;
border-radius: 15px;
border: 2px solid #c2c2c2;
text-align: left;
}
.heatPumpBox h1 {
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
}
.electricBox {
width: 40%;
border-radius: 15px;
border: 2px solid #c2c2c2;
text-align: left;
}
.electricBox h1 {
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
}
.LMresLinks {
padding: 10px 20px;
}
.resourcesIcon {
height: 50px;
width: 50px;
}
.electricBox .LMresourcesLink, .heatPumpBox .LMresourcesLink {
text-align: left;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.LMresLinks a:hover {
text-decoration: none;
}
.LMownerSupport {
text-align: center;
margin-bottom: 8em;
margin-top: 7em;
}
.LMownerBoxes {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.ownerBox {
display: flex;
flex-direction: row;
border: 1px solid #c2c2c2;
border-radius: 10px;
height: auto;
width: 24%;
align-items: center;
padding: 12px;
}
.ownerBox img {
width: 50px;
margin-right: 15px;
}
.ownerBox h1 {
font-size: 14px;
width: 50%;
font-weight: 700;
text-align: left;
line-height: 20px;
color: #444;
}
.ownerBox h1:hover {
text-decoration: none;
}
.ownerTitle {
font-weight: bolder;
font-size: 22px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width:770px) {
.LMcarouselContainer {
flex-direction: column;
margin-top: 4em;
}
.LMcarousel {
width: 100%}
.carousel {
width: 25em;
right: 0;
}
.carousel>label:after {
top: 110%;
width: 14em;
}
.LMcarouselCopy {
width: 95%}
.LMtab {
width: max-content;
margin-bottom: 2em;
}
.LMcontentBox {
flex-direction: column;
}
.LMsubContent {
max-width: 100%;
display: flex;
flex-direction: row;
border-bottom: 1px solid #c2c2c2;
padding: 10px;
}
.LMsubContent h1 {
line-height: 20px;
}
.sizeUpCopy {
flex-direction: column;
justify-content: center;
padding: 25px;
}
.LMbuttons {
display: flex;
flex-direction: column;
}
.LMmodelsButton {
margin-bottom: 15px;
margin-right: 0;
}
#resTitle {
margin-top: 4rem;
}
.resInfoBox {
flex-direction: column;
}
.heatPumpBox {
width: 100%;
margin-bottom: 15px;
}
.electricBox {
width: 100%}
.LMownerBoxes {
flex-direction: column;
}
.ownerBox {
width: 100%;
margin-bottom: 10px;
}
.banner-box {
flex-direction: column;
height: 31em;
}
.banner-copy {
width: 95%}
.banner-image {
width: 100%}
.carousel {
right: 0;
}
.LMsubhead {
margin: 0;
}
}
section.featuresPage {
position: relative;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
padding: 40px 15px 30px;
overflow: hidden;
}
h3.featuresHeader {
padding: 2rem 0 6rem 0;
font-size: 14px;
text-transform: none;
font-weight: 400;
}
.featuresGrid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.featureBlock {
width: 31%;
border: 1px solid #c2c2c2;
border-radius: 10px;
margin-right: 25px;
margin-bottom: 25px;
}
.imgBlock {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 20px;
}
.imgBlock img {
width: 25px;
margin-right: 10px;
}
.imgBlock span {
font-size: 16px;
}
.featureBlock p {
padding: 0 20px 20px 20px;
font-size: 16px;
font-weight: 100;
line-height: 30px;
}
h1.tableTitle {
font-weight: 700;
font-size: 20px;
margin-bottom: 3rem;
margin-top: 5rem;
}
.divTable {
display: table;
width: 100%}
.divTableRow {
display: table-row;
}
.divTableCell {
display: table-cell;
padding: 3px 10px;
text-align: center;
border-bottom: 1px solid #d8d8d8;
height: 6em;
}
.divTableCell img {
margin: 0 auto;
}
.divTableHead {
border: 1px solid #999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #eee;
display: table-header-group;
font-weight: 700;
}
.divTableFoot {
background-color: #eee;
display: table-footer-group;
font-weight: 700;
}
.divTableBody {
display: table-row-group;
}
.divTableTitle {
display: flex;
align-items: center;
font-size: 16px;
height: 6em;
padding: 3px 10px;
text-align: center;
border-bottom: 1px solid #d8d8d8;
}
.divTableTitle img {
margin-right: 10px;
}
.divTableHeaderMain {
text-align: left;
font-size: 17px;
font-weight: 700;
padding: 15px;
display: table-cell;
}
.divTableHeader {
font-size: 17px;
font-weight: 700;
padding: 10px;
display: table-cell;
text-align: center;
}
.divTableHeaderRow {
background-color: #f1f1f1;
display: table-row;
}
.LMbuttons {
margin-top: 5em;
text-align: center;
}
.HPbuttons {
margin-top: 3em;
text-align: end;
margin-bottom: 5em;
}
.LMmodelsButton {
background-color: #007b36;
color: #fff;
display: inline-block;
font-size: 14px;
letter-spacing: 1.25px;
line-height: 16px;
margin-right: 20px;
padding: 15px 25px;
text-transform: uppercase;
}
.LMmodelsButton:hover {
text-decoration: none;
color: #fff;
}
.electricModelsLink, .gasModelsLink {
color: #007b36;
font-size: 16px;
text-transform: capitalize;
margin-right: 30px;
}
@media (max-width:770px) {
.featureBlock {
width: 100%}
.featuresGrid {
flex-direction: column;
}
.featuresTable {
overflow: scroll;
}
.divTableTitle {
font-size: 14px;
text-align: left;
}
.divTableTitle img {
display: none;
}
.LMmodelsButton {
margin-right: 0;
}
.HPbuttons {
display: flex;
flex-direction: column;
margin-bottom: 2em;
align-items: center;
}
.electricModelsLink {
margin-right: 0;
margin-bottom: 20px;
}
.gasModelsLink {
margin-right: 0;
}
.LMsubContent img {
height: auto;
margin: 0 auto;
padding-bottom: 20px;
width: auto;
margin-top: 25px;
}
#lm-tankless-img {
height: fit-content;
}
.mySlides iframe {
width: auto;
height: auto;
}
}
.tabcordion {
margin-bottom: 30px;
}
.tabcordion-state {
display: none;
}
.tabcordion-main, .tabcordion-tabs {
list-style: none;
padding: 0;
}
.tabcordion-main-toggle, .tabcordion-tab-toggle {
cursor: pointer;
user-select: none;
}
.tabcordion-main-toggle {
width: 100%;
margin: 0;
padding: 22px 20px;
border-top: 1px solid var(--colorSupportingB);
color: var(--colorSupportingC);
font-family: var(--fontBrandPrimary);
font-size: 15px;
line-height: 18px;
background: var(--colorSupportingA);
}
@media (max-width:770px) {
.tabcordion-main-toggle {
font-size: 14px!important;
padding: 22px 10px;
}
}
.tabcordion-main-icon {
position: relative;
display: block;
float: right;
height: 18px;
width: 18px;
margin-right: 10px;
border-radius: 50%}
.tabcordion-content {
lost-utility: clearfix;
padding: 15px;
}
.tabcordion-tabs {
display: none;
}
.tabcordion-content {
display: none;
}
#tabcordion_section_10:checked~.tabcordion-main .tabcordion-content-10, #tabcordion_section_11:checked~.tabcordion-main .tabcordion-content-11, #tabcordion_section_12:checked~.tabcordion-main .tabcordion-content-12, #tabcordion_section_13:checked~.tabcordion-main .tabcordion-content-13, #tabcordion_section_14:checked~.tabcordion-main .tabcordion-content-14, #tabcordion_section_15:checked~.tabcordion-main .tabcordion-content-15, #tabcordion_section_16:checked~.tabcordion-main .tabcordion-content-16, #tabcordion_section_17:checked~.tabcordion-main .tabcordion-content-17, #tabcordion_section_1:checked~.tabcordion-main .tabcordion-content-1, #tabcordion_section_3:checked~.tabcordion-main .tabcordion-content-3, #tabcordion_section_4:checked~.tabcordion-main .tabcordion-content-4, #tabcordion_section_5:checked~.tabcordion-main .tabcordion-content-5, #tabcordion_section_6:checked~.tabcordion-main .tabcordion-content-6, #tabcordion_section_7:checked~.tabcordion-main .tabcordion-content-7, #tabcordion_section_8:checked~.tabcordion-main .tabcordion-content-8, #tabcordion_section_9:checked~.tabcordion-main .tabcordion-content-9 {
display: block;
text-align: left;
font-size: 15px;
}
#tabcordion_section_2:checked~.tabcordion-main .tabcordion-content-2 {
display: flex;
text-align: left;
font-size: 15px;
}
.tabcordion-tabsection {
margin-bottom: 10px;
}
.tabcordion-main-toggle {
background-color: #f1f1f1;
color: #000;
font-weight: 400;
font-size: 16px;
text-align: left;
}
.banner-box {
background-color: #e6eaea;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
height: 255px;
}
.banner-copy {
width: 40%;
text-align: left;
}
.banner-copy h1 {
color: #037834;
font-weight: 700;
font-size: x-large;
padding: 10px;
}
.banner-copy p {
padding: 10px;
font-size: 16px;
margin-bottom: 10px;
}
.ctaBox {
padding: 10px;
}
.banner-cta {
background-color: #037834;
color: #fff;
padding: 10px 15px;
text-transform: uppercase;
text-decoration: none;
}
.banner-image {
width: 40%;
align-items: center;
}
.banner-image img {
width: 75%;
margin: 0 auto;
}
@media (max-width:770px) {
.banner-box {
flex-direction: column;
height: 38%}
.banner-copy {
width: 95%}
.banner-image {
width: 95%;
margin-top: 2em;
}
}
.vimeo-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 400px;
}
.vimeo-box {
width: 40%}
.vimeo-copy {
width: 40%}
.vimeo-copy h2 {
color: #037834;
font-weight: 700;
font-size: 16px;
padding: 10px;
}
.vimeo-copy p {
padding: 10px;
font-size: 15px;
margin-bottom: 10px;
}
@media (max-width:770px) {
.vimeo-container {
flex-direction: column;
height: auto;
}
.vimeo-box {
width: 95%;
text-align: center;
}
.vimeo-box iframe {
width: 100%;
height: auto;
}
.vimeo-copy {
width: 95%}
}.featuresBlock {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
max-height: 150px;
margin-bottom: 4em;
}
.featureItem {
width: 50%;
font-size: 18px;
padding: 10px;
display: flex;
align-items: center;
}
.featureItem img {
margin-right: 20px;
}
.plp-banner {
display: inline-block;
border: 1px solid #000;
}
.plp-banner-box {
background-color: #e6eaea;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 180px;
}
.plp-banner-copy {
width: 40%;
text-align: left;
}
.plp-banner-copy h1 {
color: #037834;
font-weight: 700;
font-size: larger;
padding: 0 10px;
}
.plp-banner-copy p {
padding: 10px;
font-size: 14px;
}
.plp-cta-box {
padding: 10px;
}
.plp-banner-cta {
background-color: #037834;
color: #fff;
padding: 10px 15px;
text-transform: uppercase;
text-decoration: none;
}
.plp-banner-image {
width: 37%;
align-items: center;
}
.plp-banner-image img {
width: 75%;
margin: 0 auto;
padding-top: 3px;
}
@media (max-width:770px) {
.plp-banner-box {
flex-direction: column;
height: 38%}
.plp-banner-copy {
width: 95%;
margin-top: 10px;
}
.plp-banner-image {
width: 95%;
margin-top: 2em;
}
}