body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}

/*-* CUSTOM STYLESHEET FOR PRODUCT PAGES *-*/
/*****************************************
* GRID
******************************************/
hr { margin-top:3rem; margin-bottom:3rem; }
.col-xs-12 {
    width: 100%;
}
/*
.column { padding-left:15px; padding-right:15px; }
.column-md { padding-left:15px; padding-right:15px; }
.boot-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
	.boot-container { max-width: 540px; }
}
@media (min-width: 768px) {
	.boot-container { max-width: 720px; }
    .column-md, .boot-container .column-md[class*="col-"], .container-fluid .column-md[class*="col-"] { padding-left:30px; padding-right:30px; }
}
@media (min-width: 992px) {
	.boot-container { max-width: 960px; }
}
@media (min-width: 1200px) {
	.boot-container { max-width: 1140px; }
}
.boot-container *[class*="col-"], .container-fluid *[class*="col-"] { padding-left:15px; padding-right:15px; }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.boot-container .row, .container-fluid .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
*/
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayFlex { display:flex !important; }
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.flex-centerAlign { align-items:center; }
.flex-justifyCenter { justify-content:center;}

main img { max-width:100%; }
@media only screen and (max-width: 992px) {
	.col-xs-12 img {
		display: block;
		margin-left:auto;
		margin-right:auto;
	}
}
@media only screen and (min-width: 768px) {
	.displayFlex-md { display:flex;}
}
@media only screen and (max-width: 576px) {
	.xs-noPadding { padding:0 !important; }
}
.column-align {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.center-align {
	display: flex;
    align-items:center;
}
.column-center {
	display: flex;
	flex-flow: column;
	justify-content: center;
}
@media only screen and (min-width: 768px) {
   .flexReverse-md {
        display: flex; flex-direction: row-reverse;
    }
}

.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5 {
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 10px;
}
.col-xs-2-5 { float:left; width:20%; }

@media only screen and (min-width: 768px) {
	.col-sm-2-5 { float:left; width:20%; }
}
@media only screen and (min-width: 992px) {
	.col-md-2-5 { float:left; width:20%; }
    .displayFlex-lg { display:flex; }
}
@media only screen and (min-width: 1200px) {
	.col-lg-2-5 { float:left; width:20%; }
}

/*****************************************
* CORE
******************************************/
.column-widePad, main .column-widePad[class^="col-"] { padding-left:30px;padding-right:30px; }
/*.mx-auto { margin-left: auto; margin-right:auto; clear:both; float:none; }*/
.noMargin { margin:0 !important; }
	.noMargin-top { margin-top:0 !important; }
	.noMargin-bottom { margin-bottom:0 !important; }
.noPadding { padding:0 !important; }
    .noPadding-top { padding-top:0 !important; }
    .noPadding-bottom { padding-bottom:0 !important; }
.collapse { display: none!important; height: 0; }

.text-margin { margin-top:1rem; margin-bottom:1rem; }
	.text-margin-top { margin-top:1rem; }
	.text-margin-bottom {  margin-bottom:1rem; }
.text-padding { padding-top:1rem; padding-bottom:1rem; }
	.text-padding-top { padding-top:1rem; }
	.text-padding-bottom { padding-bottom:1rem; }
.content-margin { margin-top:2rem; margin-bottom:2rem; }
	.content-margin-top { margin-top:2rem; }
	.content-margin-bottom {  margin-bottom:2rem; }
.content-padding { padding-top:2rem; padding-bottom:2rem; }
	.content-padding-top { padding-top:2rem; }
	.content-padding-bottom { padding-bottom:2rem; }
.boxed-margin { margin-top:3rem; margin-bottom:3rem; }
	.boxed-margin-top { margin-top:3rem; }
	.boxed-margin-bottom { margin-bottom:3rem; }
.boxed-padding { padding-top:3rem; padding-bottom:3rem; }
	.boxed-padding-top { padding-top:3rem; }
	.boxed-padding-bottom { padding-bottom:3rem; }
.block-margin { margin-top:4rem; margin-bottom:4rem; }
	.block-margin-top { margin-top:4rem; }
	.block-margin-bottom { margin-bottom:4rem; }
.block-padding { padding-top:4rem; padding-bottom:4rem; }
	.block-padding-top { padding-top:4rem; }
	.block-padding-bottom { padding-bottom:4rem; }
.section-margin { margin-top:5rem; margin-bottom:5rem; }
	.section-margin-top { margin-top:5rem; }
	.section-margin-bottom { margin-bottom:5rem; }
.section-padding { padding-top:5rem; padding-bottom:5rem; }
	.section-padding-top { padding-top:5rem; }
	.section-padding-bottom { padding-bottom:5rem; }

@media only screen and (min-width: 768px) {
.text-margin { margin-top:1.5rem; margin-bottom:1.5rem; }
	.text-margin-top { margin-top:1.5rem; }
	.text-margin-bottom {  margin-bottom:1.5rem; }
.text-padding { padding-top:1.5rem; padding-bottom:1.5rem; }
	.text-padding-top { padding-top:1.5rem; }
	.text-padding-bottom { padding-bottom:1.5rem; }
.content-margin { margin-top:2rem; margin-bottom:2rem; }
	.content-margin-top { margin-top:2rem; }
	.content-margin-bottom {  margin-bottom:2rem; }
.content-padding { padding-top:2rem; padding-bottom:2rem; }
	.content-padding-top { padding-top:2rem; }
	.content-padding-bottom { padding-bottom:2rem; }
.boxed-margin { margin-top:4rem; margin-bottom:4rem; }
	.boxed-margin-top { margin-top:4rem; }
	.boxed-margin-bottom { margin-bottom:4rem; }
.boxed-padding { padding-top:4rem; padding-bottom:4rem; }
	.boxed-padding-top { padding-top:4rem; }
	.boxed-padding-bottom { padding-bottom:4rem; }
.block-margin { margin-top:6rem; margin-bottom:6rem; }
	.block-margin-top { margin-top:6rem; }
	.block-margin-bottom { margin-bottom:6rem; }
.block-padding { padding-top:6rem; padding-bottom:6rem; }
	.block-padding-top { padding-top:6rem; }
	.block-padding-bottom { padding-bottom:6rem; }
.section-margin { margin-top:8rem; margin-bottom:8rem; }
	.section-margin-top { margin-top:8rem; }
	.section-margin-bottom { margin-bottom:8rem; }
.section-padding { padding-top:8rem; padding-bottom:8rem; }
	.section-padding-top { padding-top:8rem; }
	.section-padding-bottom { padding-bottom:8rem; }
}

/* for screen readers */
/*.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}*/
.sr-only-focusable:active,.sr-only-focusable:focus{
	position:static;
	width:auto;
	height:auto;
	margin:0;
	overflow:visible;
	clip:auto;
}

/*-* TEXT COLORS *-*/
.text-blue { color:#2FB2E6 !important; }
.text-green { color:#6fa634 !important; }
.text-darkGrey { color: #58595B !important; }
.text-white { color:#ffffff !important; }

.darkBackground, a.darkBackground, a .darkBackground, .darkBackground a, .darkBackground a:hover, .darkBackground a:focus, .darkBackground a:active,
.darkBackground .btn, .darkBackground .link, .darkBackground button.link,
.darkBackground .heading, .darkBackground .h1.heading, .darkBackground .h2.heading, .darkBackground .h3.heading, .darkBackground .h4.heading, .darkBackground .h5.heading, .darkBackground .h6.heading,
.darkBackground h1, .darkBackground h2, .darkBackground h3, .darkBackground h4, .darkBackground h5, .darkBackground h6 {
	color: #ffffff; }

/*-* BACKGROUND COLORS *-*/
#landing-page .container { background-color:transparent; }

.back-white { background-color:#ffffff; }
.back-lightGrey { background-color:#f4f4f4; }
.back-green, .btn.back-green, .product-basic { background-color:#6fa634; }
.back-pelicanBlue, .product-standard { background-color:#2FB2E6; }
.back-orange, .product-premium { background-color:#f16722; }
.back-darkBlue, .btn.back-darkBlue { background-color:#004987; }
.back-lightBlue { background-color:#DEF6FF; }
.back-lightGreen { background-color:#EFF6E9; }

.btn.back-green:hover, .btn.back-green:focus, 
.btn.back-orange:hover, .btn.back-orange:focus { background-color:#004987; }

.backGradient-white-down { 
	background: rgba(255,255,255,1);
	background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.backGradient-white-up { 
	background: rgba(255,255,255,1);
	background: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
}

/*-* box shadow *-*/
.box-shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.16);
}

/*-* BORDER *-*/
.border-all { border:1px solid #eee; }
.border-top { border-top:1px solid #eee; }
.border-bottom { border-bottom:1px solid #eee; }

.back-borderWhite { border:2px solid #ffffff; }
.border-white { border-color:#ffffff !important; }
.border-lightGrey { border-color:#f4f4f4 !important; }
.border-lightGreen { border-color:#EFF6E9 !important; }
.border-lightBlue { border-color:#DEF6FF !important; }
.border-grey { border-color:#DDDDDD; }
.border-blue { border-color:#2FB2E6; }
.border-green { border-color:#6fa634; }
.border-darkBlue { border-color:#004987; }

.border-thick { border-top: 2px solid #bbbbbb; }

/*-* BUTTONS *-*/
.btn.back-borderWhite {
	color:#ffffff;
	background-color:transparent;
}
.btn.back-borderWhite:hover, .btn.back-borderWhite:focus {
	color:rgba(255,255,255,0.7);
	background-color:transparent;
	border:2px solid rgba(255,255,255,0.7);
}
#contact-options .card .btn, #number.btn, #call.btn, #number.btn *, #call.btn * {
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    float: none;
    clear: both;
    padding: 10px 15px;
}
.link {
    color: #046fbf;
    text-decoration: none;
    border: 0;
    background: transparent;
    padding: initial;
}
.link:hover, .link:focus { color:#7C2B2D; text-decoration:none; }

/*-* background image *-*/
.backImg-blend { background-blend-mode: multiply; }
.backTexture-bubbles { background-image:url(../images/texture-waterBubblePattern-900.jpg); }
.background-img { height: 100%; background-size: cover; background-position: center;}

.top-waveShape:before {
	content:"";
	height:60px;
	width:100%;
	display:block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1600 90' preserveAspectRatio='xMinYMid slice' style='enable-background:new 0 0 1600 90;' xml:space='preserve'%3E%3Cpath style='fill:%23004987;' d='M1600,43.92v44H0v-44c0,0,200,44,400,44s377-44,377-44s224-44,424-44S1600,43.92,1600,43.92z'/%3E%3Crect x='-46' y='87.92' style='fill:%23004987;' width='1690' height='2'/%3E%3C/svg%3E");
	background-repeat:repeat-x;
	background-position: center bottom;
	margin-bottom:-2px;
}
.top-waveShape.lightBlue:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1600 90' preserveAspectRatio='xMinYMid slice' style='enable-background:new 0 0 1600 90;' xml:space='preserve'%3E%3Cpath style='fill:%23DEF6FF;' d='M1600,43.92v44H0v-44c0,0,200,44,400,44s377-44,377-44s224-44,424-44S1600,43.92,1600,43.92z'/%3E%3Crect x='-46' y='87.92' style='fill:%23DEF6FF;' width='1690' height='2'/%3E%3C/svg%3E");
}

.back-lightBlue + .top-waveShape { background-color:#DEF6FF; }

@media only screen and (min-width: 768px) {
    .back-white-content-md .image {
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    }
    .back-white-content-md.flexReverse-md .image {
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%)
    }
    .back-lightGrey-content-md .image {
        background: linear-gradient(to right, rgba(244,244,244,0) 0%, rgba(244,244,244,0) 49%, rgba(244,244,244,1) 50%, rgba(244,244,244,1) 100%);
    }
    .back-lightGrey-content-md.flexReverse-md .image {
        background: linear-gradient(to right, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 50%, rgba(244,244,244,0) 51%, rgba(244,244,244,0) 100%)
    }
    .back-lightBlue-content-md .image {
        background: linear-gradient(to right, rgba(222,246,255,0) 0%, rgba(222,246,255,0) 49%, rgba(222,246,255,1) 50%, rgba(222,246,255,1) 100%);
    }
    .back-lightBlue-content-md.flexReverse-md .image {
        background: linear-gradient(to right, rgba(222,246,255,1) 0%, rgba(222,246,255,1) 50%, rgba(222,246,255,0) 51%, rgba(222,246,255,0) 100%)
    }
}

/*-* SVG *-*/
.svg-darkBlue path, .svg-darkBlue polygon, .svg-darkBlue rect { fill:#004987; }

/*-* VIDEO *-*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*****************************************
* TEXT
******************************************/
.heading { text-align:center; font-weight:bold; }
.heading.h1 {
	font-size:3em;
    line-height: 1.15;
	margin-top:0;
	margin-bottom: .2em;
	color:#58595B;
}
.heading.h2 {
	font-size:2em;
	line-height: 1.2;
	margin-top:.8em;
	margin-bottom:.8em;
	color:#004987;
    text-transform: uppercase;
}
.heading.h3 {
    font-size: 1.65em;
    line-height: 1.1;
    color: #004987;
	margin-top:0;
	margin-bottom:.5em;
}
.heading.h4 {
	font-size: 1.3em;
	margin-top:.2em;
	margin-bottom:1em;
    color: #53575a;
}
.heading.h5 {
	margin-top:.2em;
	margin-bottom:1em;
    font-size: 1.15em;
    font-weight: bold;
}
.heading.h6 {
	margin-top:.2em;
	margin-bottom:1em;
    font-size: 1em;
    font-style: italic;
}

@media only screen and (min-width: 992px) {
	.heading.h1 {
		font-size:3.5em;
	}
}

.heading-max { max-width: 430px; margin-left:auto; margin-right:auto; }
@media (min-width: 768px) and (max-width: 992px) {
	.heading-max { max-width: 720px; }
}

.heading:first-child { margin-top:0; }
p:last-child { margin-bottom: 0; }
p:first-child:last-child {
    margin-top: 0;
    margin-bottom: 0;
}

/*-* TABLES *-*/
table { width:100%; }
/*table thead th,*/
table th, table td { text-align: left; }

label { font-weight: bold; margin-bottom: .5rem; display: block; }

.form:focus { background-color: #f8f8f8 !important; }

.text-bigger { font-size: 1.5em; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

@media only screen and (min-width: 400px) {
	.column-2, .column-3 { column-count:2; column-gap:1em; }
}
@media only screen and (min-width: 576px) {
	.column-3 { column-count:3; column-gap:1em; }
}
@media only screen and (max-width: 768px) {
	.text-left-md { text-align:left; }
	.text-center-md { text-align:center; }
}
@media only screen and (max-width: 576px) {
	.text-left-sm { text-align:left; }
	.text-center-sm { text-align:center; }
}

/*******************************************
* form styles
********************************************/
/* this messes with other styles on the FreshPoint Replacements page
.form-controls {
	color: #555;
	padding-top:.5em;
	padding-bottom:.5em;
	background-color: #fff;
	border: 1px solid #ccc;
}*/
.check-box, .radio-box {
	padding: .3em .5em;
	vertical-align: middle;
	cursor: pointer;
}
.check-box input[type=checkbox], .radio-box input[type=radio] {
	margin-right: 4px;
}

/*****************************************
* THEME
******************************************/
body { background-image:none !important; }

.ico-arrow-right-blue {
	display: inline-block;
    vertical-align: middle;
    background: url(/images/ico-arrow-right-blue.png) no-repeat 0 0;
    width: 17px;
    height: 16px;
}

.alternate-blue, .alternate-green {
	padding: 0;
	margin:0;
	list-style: none;
}
.alternate-blue li, .alternate-green li {
    padding: 1em 15px;
    min-height: 5em;
    display: flex;
    align-items: center;
    font-size: 1.1em;
}
.alternate-blue li:nth-child(odd) {
	background-color:#DEF6FF;
}
.alternate-green li:nth-child(odd) {
	background-color:#eff6e9;
}
.alternate-blue p, .alternate-green p {
	margin:0;
}
.list-inline { padding-left:0!important; }
.list-inline li { display:inline-block !important; padding-right:.4em; }
ul.tall-list li, ol.tall-list li { margin: 1em 0; }

@media (min-width: 992px) {
	.boot-container div.col-divider {
		padding-right:30px;
	}
	.boot-container div.col-divider + .col-divider {
		border-left:1px solid #eee;
		padding-left: 30px;
		padding-right: 15px;
	}
}
@media (max-width: 992px) {
	.col-divider + .col-divider {
		margin-top:2rem;
	}
}

.box-shadow {
	box-shadow: -2px 2px 9px rgba(88,88,88,.35);
}

/*-* table styles *-*/
.table-alternate table { margin-bottom:2em; }
.table-alternate table thead { background-color:#2FB2E6; color:#ffffff; }
.table-alternate thead tr { background-color: rgba(14,14,14,.05); }
.table-alternate thead th { font-size: 1.14em; border-bottom: 1px solid #6fa634; }
.table-alternate tbody tr:nth-child(even) { background-color: rgba(14,14,14,.05); }
.table-alternate td, .table-alternate th { padding: .4em 1em; }
.table-alternate td h4 { margin: 0; }

/*-* styled list *-*/
ul.list-check, ul.list-water, ul.list-cancel, ul.list-circleCheck { list-style: none; padding-left:1.2em; }
ul.list-check li, ul.list-water li, ul.list-cancel li, ul.list-circleCheck li { list-style: none; margin-top:.5em; margin-bottom:.5em; display:flex; flex-direction:row; }

ul.list-check li:before, ul.list-water li:before, ul.list-cancel li:before, ul.list-circleCheck li:before {
	content: "";
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
    min-width:1.5em;
	background-repeat: no-repeat;
	margin-left:0;
	margin-right:.3em;
	color: #0069D3;
	font-weight: bold;
	vertical-align: top;
}
ul.list-check li:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%232FB2E6' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
ul.list-water li:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath style='fill:%23004987' d='M205.22 22.09c-7.94-28.78-49.44-30.12-58.44 0C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 448c-61.75 0-112-50.25-112-112 0-8.84 7.16-16 16-16s16 7.16 16 16c0 44.11 35.89 80 80 80 8.84 0 16 7.16 16 16s-7.16 16-16 16z'/%3E%3C/svg%3E");
}
ul.list-cancel li:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath style='fill:%23f16722' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
}
ul.list-circleCheck li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%236fa634' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
}

/*-* circle image with thick border *-*/
.border-circle {
    display: block;
    text-align:center;
	border-radius: 100%;
	border-width: 15px;
	border-style: solid;
	margin-top:-100px;
	margin-left: auto;
	margin-right: auto;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.16);
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.16);
}

/*-* *-*/
.card {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.16);
	background-color:#ffffff;
	height:100%;
}
.card .heading.h3 {
	background-color:#DDDDDD;
	padding:1rem;
	margin-bottom:0;
}
.card .h4 { margin-bottom:.5rem; }
.card p { margin-top:0; width:100%; }
.card .btn { margin-top:0; margin-bottom:1rem; }

.icon-circle {
	background-color: white;
	border-radius: 100%;
    width: 80px;
    height: 80px;
    min-height: 80px;
	display: flex;
	margin:0 auto 1em;
	align-items: center;
	justify-content: center;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
}
.icon-circle svg {
    width: 40px;
}
.card-box {
	text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: calc(100% - 4.5rem);
	padding:1rem;
}

/*-* *-*/
.card-content {
	display:flex;
	flex-flow:column;
	margin:1em auto;
}
.card-content .border-circle {
    margin-top: 0;
    margin-bottom: -60px;
    position: relative;
    z-index: 0;
}
.card-content .content {
    position: relative;
	z-index: 1;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
	height:100%;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    align-items: center;
}
.card-content .content > div, .card-content .content p, .card-content .title.heading { width:100%; }
.card-content .title.heading {
	background-color:#ffffff;
	padding:1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-content .btn { margin:1em 0; }

@media only screen and (min-width: 992px) {
	.card-content .h3 { min-height:4.15em; }
}

.callout {
    font-size: 16px;
    background-color: #f4f4f4;
}
.callout.backTexture-bubbles > div {
    background: #f4f4f4;
	background: linear-gradient(to right, rgba(255,255,255,.6) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,.6) 100%);
}
@media only screen and (min-width: 992px) {
}

/*****************************************
* CONTENT
******************************************/
/*****************************************
* softener/alternative comparison page
******************************************/
/*-* container-title *-*/
#container-title .img-box img {
    margin: 0px 8px;
    display: inline-block;
}

/*-* product compare chart *-*/
#prod-compareChart .darkBackground {
    border: 1px solid transparent;
    position: relative;
}
#prod-compareChart .box-shadow { margin-top:100px; }

@media only screen and (min-width: 992px) {
    #prod-compareChart .darkBackground .heading { margin-top:.3em; }
}
@media only screen and (max-width: 992px) {
    #prod-compareChart .darkBackground .heading { margin-top:0; }
    #prod-compareChart .backGradient-white-down { background: rgba(255,255,255,.5); }
    #prod-compareChart .box-shadow + .box-shadow { margin-top:calc(100px + 2em); }
}

/*-* warranty *-*/
@media only screen and (max-width: 992px) {
    .warranty .col-xs-12 + .col-xs-12 .img-responsive { margin-top:1em; }
}

/*-* product view *-*/
.product-box { max-width:320px; }
.product-img {
    margin:auto;
    display:block;
    max-width:300px;
}
.product-box .btn { margin-bottom: -1em; }

@media only screen and (max-width: 768px) {
    .product-box + .product-box { margin-top:4rem; }
}

/*****************************************
* contact page
******************************************/
.calling .icon-circle svg path { fill:#FFD700; }
.texting .icon-circle svg path { fill:#2FB2E6; }
.livechating .icon-circle svg path { fill:#6FA634; }
.emailing .icon-circle svg path { fill:#F16722; }

@media only screen and (min-width: 992px) {
    #contact-options .icon-circle {
        width: 120px;
        height: 120px;
        min-height:120px;
    }
    #contact-options .icon-circle svg { width:60px; }
}
@media only screen and (max-width: 768px) {
    #contact-options .icon-circle { display:none; }
}

#liveagent_online,#liveagent_online2, #liveagent_offline, #liveagent_offline2 { height: 45px; width: 150px; }
#liveagent_online,#liveagent_online2 { background-color: #2FB2E6; }
#liveagent_online:hover, #liveagent_online:focus, #liveagent_online2:hover, #liveagent_online2:focus { background-color: #004987; }

#liveagent_offline,#liveagent_offline2 { background-color: #53575a; }

@media only screen and (min-width: 768px) {
	#waterTestInfo {
		display:flex;
		align-items:flex-end;
	}
}

/*****************************************
* well water page
******************************************/
.well-contaminate .heading { text-align: left; color:#53575a; }
.well-contaminate .heading.h5 { margin-bottom:0.2em; }

.well-contaminate .problem .heading span { color:#f16722; }
.well-contaminate .problem .heading.h3 {
    border-bottom: 2px solid #f16722;
    padding-bottom: .7em;
}

.well-contaminate .effects ul:first-of-type, .well-contaminate .causes p:first-of-type { margin-top: 0; }
.well-contaminate .causes { margin-bottom: 1rem; }
.well-contaminate .causes svg {
    display:block;
    margin-left:.2em;
    margin-right:.5em;
}
.well-contaminate .causes p { width:100%; }

.well-contaminate .solution { margin-top:1.5rem; }
.well-contaminate .solution .heading span { color:#2FB2E6; }
.well-contaminate .solution .heading.h3 {
    border-bottom: 2px solid #2FB2E6;
    padding-bottom: .7em;
}
.well-contaminate .solution .btn { margin-top:.5em; }

.well-fact.backTexture-bubbles {
    background-image: url(https://www.pelicanwater.com/images/texture-waterBubblePattern.jpg);
}
.well-fact .heading {
    border-bottom: 2px solid #f16722;
    padding-bottom: .4em;
}

@media only screen and (max-width: 992px) {
	.well-contaminate .solution .btn {
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:fit-content;
    }
}
@media only screen and (max-width: 768px) {
.well-contaminate .content-padding { padding-left:0; padding-right:0; }
}

/*****************************************
* well water page
******************************************/
@media only screen and (max-width: 992px) {
    #whatsInYourWater .section-padding-bottom  { padding-top:7rem; }
}

/*****************************************
* softener combo page
******************************************/
.product-details .section-product .details {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-top:1em;
}
.product-details .product {
    padding-top:1em;
}
.product-details .heading.h3 {
    padding:.5em;
}
.product-details .img-product {
    background-color: #ffffff;
    border:1px solid #bbbbbb;
    text-align: center;
    height: 300px;
    box-sizing: initial;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-details .img-product img {
    max-height: 300px;
    height:initial;
    width:initial;
}

.product-benefits {
    border-top:2px solid #6fa634;
}
/*.product-benefits .section-product {}*/
.product-info-desktop, .product-info-mobile {
    background-color: #6fa634;
    border:2px #6fa634;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 23px;
    font-size: 16px;
}
.active .product-info-desktop, .product-info-mobile.active {
    background-color: #ffffff;
    border: solid #dddddd;
    color:#6fa634;
}
.active .product-info-desktop {
    border-width:2px;
    padding: 1em 1.5em;
}
.product-info-mobile {
    border: 2px solid #6fa634;
}
.product-info-mobile.active {
    background-color: #ffffff;
    border: solid #6fa634;
    border-width:2px;
}
.product-info-desktop svg path {
    fill:#004987;
}
.product-info-desktop:hover, .product-info-mobile:hover, .product-info-desktop:focus, .product-info-mobile:focus {
    background-color:#004987;
    color:#ffffff;
    border-color:#004987;
}
.product-info-desktop:hover svg path, .product-info-mobile:hover svg path, .product-info-desktop:focus svg path, .product-info-mobile:focus svg path {
    fill:#ffffff;
}

.section-product .product-data {
    text-align: center;
    padding: .5em 0;
}

.section-product .unitprice, .product-box .unitprice {
    font-size: 1.3em;
    color: #6fa634;
}
/* Bazaar Voice: styling the dynamicly added review HTML (BVRRInlineRating) */
.product-data .bv-cv2-cleanslate .bv-core-container-56 .bv-stars-container {
    width: min-content !important;
    margin: auto !important;
}

@media only screen and (min-width: 992px) {
	.col-md-3.section-product .h4 {
		font-size:1.1em;
	}
    .section-product .product-data {
        border-top: 1px solid #6fa634;
        border-bottom: 1px solid #6fa634;
    }
    .product-details .section-product.active {
        content:"";
        background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 30'%3E%3Cpath data-name='Polygon 2' style='fill:%236fa634;' d='M95,30,0,0H190Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 230px 34px;
        background-position: center bottom;
        padding-bottom: 33px;
        /*margin-bottom: -34px;*/
        background-color: #f4f4f4;
        border: 1px solid #f4f4f4;
    }
    .product-details .section-product { border:1px solid #EEEEEE; }
    .product-details .section-product .details { height:100%; }
    .product-info-desktop, .product-info-mobile { margin: 0 auto 1.1em; }
    .active .product-info-desktop, .product-info-mobile.active {
        margin-bottom:0;
        min-width:230px;
    }
    .product-details a.btn {
        margin: 2rem 0 2.5em;
    }
}
@media only screen and (max-width: 992px) {
    .section-product .heading.h4 {
        margin-bottom:.3em;
    }

    .product-details .active-box {
        background-color: #f4f4f4;
    }
    /*.active .product-info-desktop, .product-info-mobile.active {}*/
    .product-details .text-center {
        display: flex;
        flex-flow: column;
        align-items: center;
        margin:1em 0;
    }
    .product-details .text-center.reverse {
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items:baseline;
        flex-direction: row-reverse;
    }
    .active-box .details {
        border-bottom: 2px solid #6fa634;
        padding-bottom: 1em;
        background-color: #f4f4f4;
        position: relative;
        z-index: 2;
    }
    .product-content-mobile {
        background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 190 30'%3E%3Cpath data-name='Polygon 2' style='fill:%236fa634;' d='M95,30,0,0H190Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 214px 34px;
        background-position: center top;
        padding-top:33px;
        overflow:hidden;
    }
    .product-details .section-product {
        border-bottom: 2px solid #6fa634;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
}
@media only screen and (max-width: 350px) {
    .product-info-mobile { font-size:13px;}
    .product-details .text-center .btn .ico-arrow-right { display:none;}
}

/*****************************************
* softener combo page
******************************************/
#howitworks-shower .title {
    background-color:#f4f4f4;
    border:solid #004987;
    border-width:0 0 2px 0;
    line-height:2rem;
    margin:0;
    padding:1rem 0;
}
#howitworks-shower .title-box:after {
    content:"";
    display:block;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ddd;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Polygon_5' data-name='Polygon 5' class='cls-1' d='M135,30,0,0H270Z'/%3E%3C/svg%3E");
    width: 90%;
    height: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center top;
}
#howitworks-shower .results .title {
    border-color: #6fa634;
}
#howitworks-shower .heading.h4.visible-xs {
    background-color: #f4f4f4;
    margin: 0;
    padding: .5em 0 0;
}

.list-borderCircle .card-content .content { padding-bottom:1em; }
.list-borderCircle .card-content .border-circle {
    border-width: 10px;
    width: 140px;
    height: 140px;
    margin-bottom: -30px;
    display:inline-block;
}
.list-borderCircle .card-content .title.heading.h4 {
    margin-bottom:0;
}

@media only screen and (min-width: 768px) {
    #qualityShowerFilters .healthyHair {
        display: flex;
        flex-direction: row-reverse;
    }
}
@media only screen and (max-width: 768px) {
    #howitworks-shower .graphic { height:350px;}
}

/*****************************************
* drinking filter page
******************************************/
@media only screen and (min-width: 992px) {
    #drinkingWaterInformation .flexinformation { display:flex; }
    #drinkingWaterInformation .flexinformation .card-content { align-self:flex-end; }
}

/*****************************************
* freshpoint filter page
******************************************/
.icon-circle.icon-center {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	padding-top:15px;
	border-width:10px;
}
#freshpoint-filters #replacements .border-circle {
	width:300px;
	height:300px;
	margin-top:0;
}

@media only screen and (max-width: 576px) {
	#freshpoint-filters #reduce-impurities .list-inline {
		flex-flow:row wrap;
	}
}
@media only screen and (max-width: 768px) {
	#freshpoint-filters #replacements .border-circle {
	width:160px;
	height:160px;
	margin-top:0;
	}
	#freshpoint-filters #replacements .border-circle img {
		 height:100px;
	}
}

/*******************************************
* Join The List form
* used on product pre-launch pages
********************************************/
.required { color:#ff0000; }
#joinList fieldset {
    border: 0 transparent;
    margin: 0;
    padding: 0;
}
#joinList label, #joinList legend {
	display: inline-block;
	max-width: 100%;
	font-weight:bold;
    padding-top: .8em;
    padding-bottom: .5em;
}
#joinList input[type="text"], #joinList input[type="submit"] {
	width: 100%;
	height: 44px;
	padding: .5em;
}
#joinList input[type="text"] {
	border-radius: 0;
	border: 1px solid #dddddd;
}
#joinList .check-box {
    padding: .3em .5em;
}

/* out of stock button */
a.outofstock {
	border: 1px solid #53575a;
	border-radius: 3px;
	padding: .25em .5em;
	color: #53575a;
	background-color:#e9e9e9;
}
a.outofstock:hover, a.outofstock:focus, a.outofstock:active {
	text-decoration:none; 
	background-color:#ffffff;
}

@media only screen and (max-width: 576px) {
	#joinList.container { padding:0; }
	#joinList form { padding-left:0; padding-right:0; }
	#joinList .col-xs-8.section.email, #joinList .col-xs-4.caption, #joinList .col-xs-8.field, #joinList .col-xs-4.section.submit { width:100%; }
	#joinList label, #joinList legend { font-size:1.2em; }
}
@media only screen and (max-width: 768px) {
	#joinList .image img {
		height: 150px;
		padding-bottom: 1em;
	}
}
@media only screen and (min-width: 576px) {
	#joinList label, #joinList legend { padding-right:0; }
	#joinList .section.email { padding-right:0; }
	#joinList .section.submit { padding-left:0; }
}