/*-* CUSTOM STYLESHEET FOR PRODUCT PAGES *-*/
/*****************************************
* GRID
******************************************/
hr { margin-top:3rem; margin-bottom:3rem; }

.column { 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; }
}
@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;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

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;
}
.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%; }
}
@media only screen and (min-width: 1200px) {
	.col-lg-2-5 { float:left; width:20%; }
}

/*****************************************
* CORE
******************************************/
.mx-auto { margin-left: auto; margin-right:auto; clear:both; float:none; }
.displayBlock { display:block !important; }
.displayFlex { display:flex !important; }
.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; }

.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; }

.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%);
}

/*-* BORDER *-*/
.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-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%)
    }
}

/*-* SVG *-*/
.svg-darkBlue path, .svg-darkBlue polygon { 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%; }

.collapse {
    display: none!important;
    height: 0;
}

/*****************************************
* TEXT
******************************************/
.heading { text-align:center; }
.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; }
}

/*****************************************
* 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; 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);
}
.border-bottom { border-bottom:1px solid #eee; }

/*-* table styles *-*/
.table-alternate table { margin-bottom:2em; }
.table-alternate table thead { background-color:#2FB2E6; color:#ffffff; }
.table-alternate thead th { font-size: 1.14em; border-bottom: 1px solid #6fa634; }
.table-alternate tr:nth-child(odd) { 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; }

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;
	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_offline { height: 45px; width: 150px; }
#liveagent_online { background-color: #2FB2E6; }
#liveagent_online:hover, #liveagent_online:focus { background-color: #004987; }

#liveagent_offline { 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;
}
.product-details .img-product img {
    max-height: 300px;
}

.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;
    border-bottom:2px solid #6fa634;
    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:hover, .product-info-mobile:hover, .product-info-desktop:focus, .product-info-mobile:focus {
    background-color:#004987;
    color:#ffffff;
    border-color:#004987;
}

.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: row wrap;
        justify-content: space-evenly;
        align-items:baseline;
        flex-direction: row-reverse;
        margin:1em 0;
    }
    .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; }
}