@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah:500,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700');

body {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #343434;
	-webkit-overflow-scrolling: touch;
}
p {
	font-size: 16px;
	line-height: 24px;
}
body img {
	max-width: 100%;
}
hr {
	margin: 15px 0px;
	border: 0;
	border-top: 1px solid #dddddd;
}
hr.white {
	border-top: 1px solid #ffffff;
}
hr.calc {
	border-top: 2px solid #000;
	margin: 20px 0px;
}
hr.gray {
	border-color: #dddddd;
}
hr.green {
	border-color: #009143;
}
hr.greenbar {
	border-top: 10px solid #009143;
}
hr.dashed {
	border-style: dashed;
}
hr.black {
	border-color: #000;
}
hr.darkgray {
	border-color: #343434;
	margin: 15px 0px;
}
hr.nomargin {
	margin: 0;
}
hr.short {
	width: 100%;
	border: 0;
	border-top: 3px solid #4b8f56;
}
h1 {
	font-size: 36px;
	line-height: normal;
	font-weight: 700;
	margin-top: 0;
}
h2 {
	font-size: 21px;
	line-height: 30px;
	font-weight: 700;
	margin-block-start: 0.3em;
	margin-block-end: 0.3em;
    
}
h2.inline {
	display: inline-block;
	vertical-align: middle;
}
h3 {
	font-size: 26px;
	line-height: 45px;
	font-weight: 700;
}
h4 {
	font-size: 26px;
	line-height: 34px;
	font-weight: 700;
}
h5 {
	font-size: 18px;
	line-height: 15px;
	font-weight: 700;
}
a {
	text-decoration: none;
	color: #2e9149;
	font-weight: 600;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
input[type=submit] { 
    outline: none;
    -webkit-appearance: none;
}

::selection {  background: rgba(0, 115, 54, 1);  color: #ffffff; }
::-moz-selection {  background: rgba(0, 115, 54, 1); color: #ffffff; }

.space5 {
	height: 5px;
}
.space8 {
	height: 8px;
}
.space10 {
	height: 10px;
}
.space15 {
	height: 15px;
}
.space20 {
	height: 20px;
}
.space30 {
	height: 30px;
}
.space50 {
	height: 50px;
}
.space100 {
	height: 100px;
}
.simplebox {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.simpleinline {
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	font-size: 16px;
}
.rightpad10 {
	padding-right: 10px;
}
.leftpad10 {
	padding-left: 10px;
}
.rightpad20 {
	padding-right: 20px;
}
.leftpad20 {
	padding-left: 20px;
}
.rightpad40 {
	padding-right: 40px;
}
.leftpad40 {
	padding-left: 40px;
}
.inline-container {
	font-size: 0;
}
.inline-container.lright .simpleinline:last-child {
	text-align: right;
}
.inline-container.vcenter .simpleinline {
	vertical-align: middle;
}
.inline-container .simpleinline:last-child {
	margin-right: 0px;
}
.inline-1-12 {
	width: calc(1*(100% - 110px)/12 - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-2-12 {
	width: calc(2*(100% - 110px)/12 + 10px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-3-12 {
	width: calc(3*(100% - 110px)/12 + 20px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-4-12 {
	width: calc(4*(100% - 110px)/12 + 30px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-5-12 {
	width: calc(5*(100% - 110px)/12 + 40px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-6-12 {
	width: calc(6*(100% - 110px)/12 + 50px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-7-12 {
	width: calc(7*(100% - 110px)/12 + 60px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-8-12 {
	width: calc(8*(100% - 110px)/12 + 70px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-9-12 {
	width: calc(9*(100% - 110px)/12 + 80px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-10-12 {
	width: calc(10*(100% - 110px)/12 + 90px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-11-12 {
	width: calc(11*(100% - 110px)/12 + 100px - 0.01%);
	margin-right: 10px;
	vertical-align: top;
}
.inline-12-12 {
	width: calc(12*(100% - 110px)/12 + 110px - 0.01%);
	margin: 0;
	vertical-align: top;
}
.inline-2-10 {
	width: calc(20% - 20px);
	margin: 10px;
	vertical-align: top;
	text-align: center;
}


/* GENERAL */
#sitewidth {
	min-width: 1230px;
	margin: 0 auto;
	font-size: 0;
}
#sb-site {
	min-width: 300px;
}
#navfixed {
	position: fixed; 
	width: 100%; 
	z-index: 9999;
	top: 0;
}
#topline-container {
	background: rgba(8, 121, 69, 1);
	overflow: hidden;
}
#topline {
	background: rgba(8, 121, 69, 1);
	color: #fff;
	padding: 15px 30px;
	text-align: right;
	min-width: 1200px;
}
#hdr-container {
	background-color: #fff;
}
#hdr {
	background-color: #fff;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 0;
	min-width: 1200px;
}
#hdr-mob {
	display: none;
	text-align: center;
}
#bdy-container {
	width: 100%;
}
#bdy, .bdy {
	/*width: 1200px; fs */
	margin: 0 auto;
	padding: 10px 0px;
	box-sizing: border-box;
}
#bdy-clear {
    /*width: 1200px;*/
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
}
#ftr1-container {
	width: 100%;
	background-color: #eaeaea;
	color: #434343;
	text-align: center;
}
#ftr1 {
	width: 1200px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #eaeaea;
	margin: 0 auto;
}
#ftr2-container {
	width: 100%;
	background: rgba(8, 121, 69, 1);
	color: #fff;
	border-top: 1px solid #c4c4c4;
	text-align: center;
}
#ftr2 {
	width: 1200px;
	padding: 30px 0;
	box-sizing: border-box;
	margin: 0 auto;
}
#ftr3-container {
	width: 100%;
	background-color: #fff;
	color: #343434;
}
#ftr3 {
	width: 1200px;
	padding: 25px 0;
	box-sizing: border-box;
	background-color: #fff;
	color: #343434;
	margin: 0 auto;
	text-align: right;
	font-size: 13px;
}
#ftr-mob {
	display: none;
	background-color: #004922;
	color: #fff;
	padding: 15px 0px 35px 0px;
	text-align: center;
}
#breadcrumbs-container {
	background: #eaeaea;
	margin-bottom: 10px;
}
#breadcrumbs {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	padding: 10px 0px 8px 0px;
}
#breadcrumbs span {
	display: inline-block;
	vertical-align: middle;
	color: #434343;
	font-weight: normal;
}
#breadcrumbs a {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
	color: #434343;
	font-weight: normal;
}
#breadcrumbs a:hover span {
	text-decoration: underline;
}
.iframeWrapper {
	position: relative;
	padding-bottom: 49%;
	padding-top: 25px;
	height: 0;
}
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
span.gloria {
	font-family: 'Gloria Hallelujah', cursive;
}

span.gloria.green {
	color: rgba(8, 121, 69, 1);
}
.cons {
	padding: 40px;
}
.cons.white {
	background: #fff;
}
.cons.gray {
	background: #f8f8f8;
}
.cons.green.light {
	background: #f4f8f1;
}
.cons.green.dark {
	background: #009143;
	color: #fff;
}
.new-bdy {
	width: 1200px;
	margin: 0 auto;
}
.btn {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 3px;
    text-decoration: none;
    border: 1px solid #000;
    color: #000;
}
.btn + .btn {
	margin-right: 5px;
}
.btn:hover {
	text-decoration: none;
	opacity: 0.9;
}
.btn.pro {
	background-color: #007336;
	color: #fff;
	border: 0;
}
.btn.pro:hover {
	background-color: #018f44;
}

.bluebtn {
    display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
    padding: 8px 30px;
    border-radius: 3px;
    text-decoration: none;
    border: 0px;
    color: #fff;
	background: #0ea561;
}
.bluebtn:hover {
	color: #fff;
	opacity: 0.7;
}


.btn.green {
    border: 0;
    background: #2e9149;
    color: #fff;
}
.btn.whiteborder {
	border-color: #fff;
	color: #fff;
}






/********************** = FUN ANIMATIONSSSSS :D = *************************/
/****** UNIVERSAL TRANSITION TIMING ******/
.anim {
    -webkit-transition: all .18s ease-in-out;
    -o-transition: all .18s ease-in-out;
    -moz-transition: all .18s ease-in-out;
    -ms-transition: all .18s ease-in-out;
    -kthtml-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out;  
}
/****** GROW X/HORIZONTAL ******/
.animT:hover .anim-z {	
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-kthtml-transform: scale(1.15);
	transform: scale(1.15);	

    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -kthtml-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;  
}



/* buttons */
a.button {
	color:inherit;
	text-decoration: none;
}
.button {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif; 
	text-transform: capitalize;
	text-decoration: none;

	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: middle;

    -webkit-appearance: none;
    outline: none;
    resize: none;

    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -kthtml-border-radius: 3px;
    border-radius: 3px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -kthtml-box-sizing: border-box;
    box-sizing: border-box;

	-webkit-transition: all .07s ease-in-out;
    -o-transition: all .07s ease-in-out;
    -moz-transition: all .07s ease-in-out;
    -ms-transition: all .07s ease-in-out;
    -kthtml-transition: all .07s ease-in-out;
    transition: all .07s ease-in-out;
}
.button:hover {
	cursor:pointer;
	text-decoration: none;

    -webkit-transition: all .09s ease-in-out;
    -o-transition: all .09s ease-in-out;
    -moz-transition: all .09s ease-in-out;
    -ms-transition: all .09s ease-in-out;
    -kthtml-transition: all .09s ease-in-out;
    transition: all .09s ease-in-out;
}
.button+.button {
	margin-left: 15px;
}
.button.lg {
	width: auto;
	max-width: 300px;
	line-height: 50px;
	padding: 0px 30px; 

	font-weight: 700; 
	font-size: 17px;
	letter-spacing: .0em;
}
.button.solid.white {
	color: rgba(74, 109, 98, 1);
	background: rgba(255, 255, 255, 1);
}
.button.solid.darkgreen {
	color: rgba(255, 255, 255, 1);
	background: rgba(8, 121, 69, 1);
}
.button.solid.lightred {
	color: rgba(255, 255, 255, 1);
	background: rgba(248, 82, 82, 1);
}
.button.solid.lswred {
	color: rgba(255, 255, 255, 1);
	background: rgb(215, 24, 32);
}
.button.outline {
	background: transparent;
}
.button.outline.white {
	color: rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 0px 6px rgba(255, 255, 255, 1);
}
.button.outline.darkgreen {
	color: rgba(8, 121, 69, 1);
	box-shadow: inset 0px 0px 0px 6px rgba(8, 121, 69, 1);
}
.button.solid:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-kthtml-transform: scale(1.03);
	transform: scale(1.03);
}
.button.solid.white:hover {
	background: rgba(234, 234, 234, 1);
}
.button.solid.darkgreen:hover {
	background: rgba(1, 90, 43, 1);
}
.button.solid.lightred:hover {
	background: rgba(218, 67, 67, 1);
}
.button.outline:hover {
	color: rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 0px 40px rgba(8, 121, 69, 1);
}
.button.outline.white:hover {
	color: rgba(74, 109, 98, 1);
	box-shadow: inset 0px 0px 0px 40px rgba(255, 255, 255, 1);
}


/* topnav.inc */
.hdr-cll1 {
	display: inline-block;
	vertical-align: middle;
	width: 166px;
}
.hdr-cll2 {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 332px);
}
.hdr-cll3 {
	display: inline-block;
	vertical-align: middle;
	width: 166px;
	text-align: right;
}
#topline ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#topline ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	color: #fff;
}
#topline ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
#topline ul li:last-child {
	display: none;
}
#topline span {
	margin: 0px 5px 0px 8px;
}
#topline img {
	vertical-align: middle;
}




/* dropdown.inc */
#hdr ul#topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
#hdr ul#topnav li {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 10px;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
}
#hdr ul#topnav li:hover {
	background: #f7f7f7;
}
#hdr ul#topnav li a {
	display: inline-block;
	color: #000;
	padding: 35px 8px;
}
#hdr ul#topnav li a:hover {
	text-decoration: none;
}
#hdr ul#topnav li ul.drops {
    display: none;
	background: #f7f7f7;
    color: #000;
    position: absolute;
    z-index: 10003;
    text-align: left;
	font-weight: bold;
	font-size: 15px;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}
#hdr ul#topnav li:hover ul.drops {
	display: block;
}
#hdr ul#topnav li ul.drops li {
    display: block;
    margin:0;
    padding: 0;
    font-weight: normal;
}
#hdr ul#topnav li ul.drops li a {
    display: block;
    padding: 10px 13px;
	font-weight: bold;
	font-size: 15px;
    color: #000;
}
#hdr ul#topnav li ul.drops li a:hover {
	background: #eaeaea;
}

#hdr ul#topnav li:hover div.drops {
	display: block;
}
#hdr ul#topnav div.drops {
    display: none;
    background: #f7f7f7;
    color: #121212;
    position: absolute;
    left: 0;
    z-index: 10003;
    text-align: left;
	font-size: 16px;
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
}
#hdr ul#topnav div.drops .drop-in {
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	font-weight: normal;
}
#hdr ul#topnav div.drops .drop-in b {
	display: block;
	font-size: 15px;
	font-weight: bold;
}
#hdr ul#topnav div.drops .drop-in .cll-img {
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#hdr ul#topnav div.drops .drop-in .cll-img a {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#hdr ul#topnav div.drops .drop-in .cll-img img {
	margin-bottom: 4px;
}
#hdr ul#topnav div.drops .drop-in .cll-txt1 {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 880px);
	padding: 40px 10px;
	box-sizing: border-box;
}
#hdr ul#topnav div.drops .drop-in .cll-txt1 a {
	display: block;
	padding: 0;
	margin: 20px 0px;
	font-weight: bold;
	font-size: 15px;
}
#hdr ul#topnav div.drops .drop-in .cll-txt3 {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 440px)/3);
	padding: 20px 10px;
	box-sizing: border-box;
}
#hdr ul#topnav div.drops .drop-in .cll-txt3 a {
	display: block;
	padding: 0;
	margin: 10px 0px;
	font-size: 15px;
}
#fixedcorrection {
    margin-top: 139px;
}


#hdr ul#topnav li .drop-in a {
	padding: 5px 0px;
}
#hdr ul#topnav li .drop-in .simpleinline {
	vertical-align: top;
	text-align: left;
}


/* footer.inc */
#ftr-mob .simpleinline {
	text-align: center;
}
#ftr-mob p,
#ftr-mob a {
	font-size: 13px;
	color: #fff;
}
#ftr-mob a {
	display: inline-block;
	margin: 0px 9px;
}
.ftr-space {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}
.ftr-inline {
	display: inline-block;
    vertical-align: top;
    width: calc((100% - 300px)/4);
    font-size: 14px;
    color: #343434;
    margin: 20px 0px;
    text-align: left;
}
.ftr-inline span {
	font-size: 14px;
	color: #000;
}
.ftr-inline h4 {
	font-size: 18px;
	margin: 15px 0px;
	font-weight: bold;
	color: #343434;
}
.ftr-inline a {
	color: #343434;
	font-size: 13px;
}
.ftr-num b {
	display: inline-block;
	vertical-align: middle;
	color: #343434;
	font-size: 23px;
	font-weight: bold;
}
.ftr-num span {
	color: #056839;
}
.ftr-num a {
	display: inline-block;
	vertical-align: middle;
	color: #056839;
	text-decoration: underline;
	margin-left: 22px;
	font-size: 14px;
}
.ftr-seals {
	margin: 35px 0px;
}
.ftr-seals img {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 15px;
}
#ftr-nav a {
	display: inline-block;
	color: #fff;
	margin: 0px 10px;
	font-size: 13px;
}
.ftr-social {
    margin: 25px 0px;
}
.ftr-social a {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
}
.ftr-social a:hover {
    text-decoration: none;
    -webkit-appearance: brightness(0.8);
    filter: brightness(0.8);
}
.ftr-social img {
    vertical-align: middle;
}


/* mobilemenu.inc */
#mm-top {
	position: relative;
	height: 75px;
	background: #fff;
}
#mm-top #mm-logo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 150px;
}
#mm-top #mm-buy {
	position: absolute;
	right: 10px;
	top: 17px;
	font-size: 13px;
	padding: 3px 20px;
	line-height: 35px;
}
#mm-top #mm-buy:hover {
	color: #2e9149;
}

#mm-bot {
	background: #eaeaea;
	padding: 10px;
	font-size: 0;
}
#mm-bot #mm-menu {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	text-align: left;
}
#mm-bot #mm-menu img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-right: 10px;
}
#mm-bot #mm-menu span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	color: #474747;
}
#mm-bot #mm-pad {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 200px);
}
#mm-bot #mm-call {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}
#mm-bot #mm-call img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-left: 10px;
}
#mm-bot #mm-call span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	color: #474747;
}
#mm-bot ul#mm-drop {
    display: none;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 14px;
    overflow-y: scroll;
    max-height: 400px;
}
#mm-bot ul#mm-drop li {
    text-align: left;
    position: relative;
}
#mm-bot ul#mm-drop li.featured {
    background: #dbeae0;
}
#mm-bot ul#mm-drop li.featured a {

}
#mm-bot ul#mm-drop li.featured span {

}
#mm-bot ul#mm-drop li a {
    display: block;
    padding: 14px;
    border: 1px solid #474747;
    border-bottom: 0px;
    color: #474747;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
#mm-bot ul#mm-drop li:last-child a {
    border-bottom: 1px solid #474747;
}
#mm-bot ul#mm-drop li ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
#mm-bot ul#mm-drop li ul li:last-child a {
	border-bottom: 0;
}
#mm-bot ul#mm-drop li ul li a {
    padding-left: 35px;
    color: #474747;
}
#mm-bot ul#mm-drop span {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 14px 14px 14px 20px;
    font-size: 18px;
    line-height: 19px;
    color: #474747;
    text-align: right;
    box-sizing: border-box;
    cursor: pointer;
}
#mm-bot ul#mm-drop a:hover {
    color: #ccc;
}


/* forms */
form.form {
    font-size: 0;
}
form.form p {
    font-size: 14px;
}
form.form label {
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 5px 0px 0;
    text-align: right;
}
form.form input[type='text'], form.form input[type='password'] {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 110px);
    border: 1px solid #ccc;
    padding: 7px;
    margin: 5px 0;
    font-family: 'Open Sans';
    font-size: 13px;
    box-sizing: border-box;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block;
}
form.form input[type='text'][name='cvv2'] {
    width: 60px;
}
form.form textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    height: 190px;
    font-family: 'Open Sans';
    font-size: 13px;
    box-sizing: border-box;
}
form.form input[type='submit'] {
    background: #ed4f3e;
    color: #fff;
    padding: 11px 30px;
    border: 0;
    width: calc(100% - 110px);
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
    font-family: 'Open Sans';
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    text-transform: uppercase;
}
form.form input[type='submit']:hover {
    background: #ff5644;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
form.form select {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    border: 1px solid #ccc;
    width: calc(100% - 110px);
    padding: 7px;
    box-sizing: border-box;
    margin: 5px 0;
    border-radius: 2px;
}
form.form select[name='expiration_month'], form.form select[name='expiration_year'], form.form input[name='cvv2'] {
    width: auto;
    margin-right: 5px;
}
form.form input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
}
form.form span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
}
form.form.career {
	width: 600px;
}
form.form {
    font-size: 0;
}
form.form label {
    width: 170px;
    margin: 5px 10px 5px 0;
}
form.form span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    font-size: 11px;
    margin-right: 15px;
}
form.form input[type='text'] {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 180px);
}
form.form select {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 180px);
}
form.form input[type='date'] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    border: 1px solid #ccc;
    padding: 7px;
    margin: 5px 0;
    font-size: 13px;
    box-sizing: border-box;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block;

}
form.form input[type='radio'] {
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
}
form.form input[type='file'] {
    display: inline-block;
    vertical-align: middle;
}
form.form input[type='submit'] {
    width: auto;
    margin-top: 10px;
}
form.form input[name='phone_1'] {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin-right: 5px;
}
form.form input[name='phone_2'] {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin-right: 5px;
}
form.form input[name='phone_3'] {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
}

form.form label.upload-file {
    display: inline-block;
    border-radius: 2px;
    background: #f8fafb;
    border: 1px solid #d4dce4;
    padding: 8px 11px;
    text-align: center;
    max-width: 100%;
    width: auto;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
}
#upload-res, #upload-cv {
    display: none;
}
h2.plan-details {
    text-decoration: underline;
}
form.new {
    font-size: 0;
}
form.new label {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}
form.new .form-cll {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
    margin: 10px; 
}
form.new .captcha {
    width: 305px;
    margin: 0 auto;
    text-align: center;
}
form.new h3 {
    font-size: 20px;
    margin-bottom: 5px;
}
form.new p {
    font-size: 12px;
}
form.new input[type='text']:hover, form.new textarea:hover, form.new select:hover {
	box-shadow: inset 0 -4px 0 #a6a6a6;
}
form.new input[type='text'] {
    border: 0;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    box-shadow: inset 0 -2px 0 #a6a6a6;
    background: transparent;
    color: #222222;
    width: 100%;
    padding: 12px 10px;
    margin-bottom: 18px;
    font-size: 16px;
    box-sizing: border-box;
    background: #eaeaea;

    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -kthtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
}
form.new input[type='text']:focus {
    outline-width: 0;
    outline: none;
    background: #f6f6f6;
    color: #000;
    box-shadow: inset 0 -4px 0 #007336;
}

form.new textarea {
    border: 0;
    box-shadow: inset 0 -2px 0 #a6a6a6;
    background: transparent;
    color: #474747;
    width: 100%;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 13px;
    box-sizing: border-box;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    resize: none;
    color: #222222;
    font-size: 16px;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -kthtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
}
form.new textarea:focus {
    outline-width: 0;
    outline: none;
    background: #f6f6f6;
    box-shadow: inset 0 -4px 0 #007336;
}

form.new input[type='text']::placeholder, form.new textarea::placeholder {
    color: #222222;
}
form.new select {
    vertical-align: top;
    padding: 12px 10px;
    border: 0;
   	box-shadow: inset 0 -2px 0 #a6a6a6;
    color: #222222;
    font-size: 14px;
    box-sizing: border-box;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -kthtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
}
form.new select:focus {
    outline-width: 0;
    outline: none;
    background: #f6f6f6;
    color: #000;
    box-shadow: inset 0 -4px 0 #007336;
}
form.new input[type='submit'] {
    border: 0;
    -webkit-appearance: none;
}
form.new .g-recaptcha {
    margin-bottom: 10px;
}
form.box {
    background: #f9f9f9;
    padding: 35px;
}
form.box h2 {
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    color: #37495d;
    font-size: 18px;
}
form.box p {
    text-align: center;
    margin-bottom: 25px;
}
form.new input[name='firstname'] {
	width: calc(50% - 5px);
	margin-right: 5px;
}
form.new input[name='lastname'] {
	width: calc(50% - 5px);
	margin-left: 5px;
}
form.new input[name='name'] {
	width: calc(50% - 5px);
	margin-right: 5px;
}
form.new input[name='company'] {
	width: calc(50% - 5px);
	margin-left: 5px;
}
form.new input[name='title'] {
	width: calc(50% - 5px);
	margin-left: 5px;
}
form.new input[name='email'] {
	width: calc(50% - 5px);
	margin-right: 5px;
}
form.new input[name='home_phone'] {
	width: calc(50% - 5px);
	margin-left: 5px;
}
form.new input[name='zipcode'] {
	width: calc(50% - 5px);
	margin-right: 5px;
}
form.new input[name='url'] {
	width: calc(50% - 5px);
	margin-left: 5px;
}
form.new.comm input[name='city'] {
	width: calc(50% - 5px);
	margin: 0 0 18px 0;
	margin-right: 5px;
}
form.new.comm select[name='state'] {
	width: calc(50% - 5px);
	margin: 0 0 18px 0;
	margin-left: 5px;
}
form.new input[name='city'] {
	width: calc(100% - 350px);
}
form.new select[name='state'] {
	width: 210px;
	margin: 0px 10px;
}
form.new input[name='postal_code'] {
	width: 120px;
}
form.new select[name='Primary_Source_ID'] {
	width: 100%;
	padding: 15px 12px;
}
form.new span.ind {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-right: 20px;
}
form.new label.g-check {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	margin-right: 20px;
}
/* CHECKBOX */
/* The container */
.g-check.container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.g-check.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 30px;
    left: 0;
    z-index: 1001;
}

/* Create a custom checkbox */
.g-check.container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.g-check.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.g-check.container input:checked ~ .checkmark {
    background-color: #4b4b4b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.g-check.container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.g-check.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.g-check.container .checkmark:after {
    left: 8px;
    top: 2px;
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* Mobile Navigation */
#boxdrop-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #1d834d;
}
#boxdrop-menu ul {
    display: none;
    list-style: none;
    padding: 0;
    background-color: #fff;
}
#boxdrop-menu li {
    position: relative;
    font-size: 14px;
}
#boxdrop-menu li:last-child {
    border-bottom: 0px solid #000;
}
#boxdrop-menu li ul li:last-child {
    border-bottom: 0px;
}
#boxdrop-menu li a {
    display: block;
    padding: 16px;
    border: 0px solid #000;
    border-bottom: 0px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-color: #1d834d;
}
#boxdrop-menu li ul li a {
    padding-left: 30px;
    color: #fff;
}
#boxdrop-menu li ul li a:hover {
	color: #ccc;
}
#boxdrop-menu span {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 14px 14px 14px 20px;
    font-size: 21px;
    line-height: 19px;
    color: #fff;
    text-align: right;
    box-sizing: border-box;
    cursor: pointer;
}


/* index.php */
.index-banner {
	position: relative;
	font-size: 0;
}
.index-banner img.newhome1 {
	display: inline-block;
	vertical-align: middle;
	width: calc((100%)*(1020/1800));
}
.index-banner img.newhome2 {
	display: inline-block;
	vertical-align: middle;
	width: calc((100%)*(780/1800));
    box-sizing: border-box;
}

.index-banner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 290px;
    margin:  auto;
    /* left: calc(((100% - 1200px)/2) + 5px); */
    width: 43%;
    min-width: 600px;
    text-align: left;
    right: 0;
        color: #fff;
    padding: 15px 60px;
    box-sizing: border-box;
    font-size: 20px;
}
.index-banner .overlay h1 {
	margin: 10px auto;
	font-size: 44px;
	line-height: normal;
	font-weight: 800;
	text-align: left;
	color: #fff;
}
.index-banner .overlay h2 {
	margin: 10px auto;
	font-size: 34px;
	line-height: normal;
	font-weight: 800;
	text-align: left;
	color: #415ec7;
}

.index-banner .overlay p {
    font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-align: left;
}
.index-banner .overlay a {
    display: inline-block;
    background: #087945;
    font-size: 20px;
    padding: 10px 0px;
    width: 370px;
	border: 1px solid #fff;
    border-radius: 3px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
.index-banner .overlay a:hover {
    -webkit-filter: brightness(0.90);
    filter: brightness(0.90);    
}
.index-inline {
	display: inline-block;
	vertical-align: top;
	width: calc(100%/3);
	padding: 15px;
	font-size: 15px;
	box-sizing: border-box;
}
.index h3, .index-inline h3 {
	font-size: 19px;
	line-height: normal;
	margin: 15px 0px;
	color: #000;
}
.index-reviews {
	display: inline-block;
	vertical-align: top;
	width: calc(100%/6);
	padding: 40px;
	font-size: 15px;
	box-sizing: border-box;
}

hr.blog-black {
    margin: 0;
    border-top: 1px solid #000;
}
.h1blog {
    font-size: 28px;
    font-weight: normal;
    color: #000000;
    padding: 0;
    margin: 0;
}
.h2blog {
    font-size: 22px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.blogtable .simplecell {
    vertical-align: top;
}
.blogtable .simplecell:first-child {
    width: 70px;
}
.blog-cont {
    margin: 0px 21px;
}
.blog-cont .simpleinline p:last-child {
    margin-bottom: 0;
}
#tile-container {
    position: relative;
    width: 100%;
    height: 600px;
}
#tile-container a.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer;
    display: block;
    background-color: #CFCFCF;
}
#tile-container a.inner:hover span.background {
    -webkit-transition: -webkit-transform 600ms ease-out, box-shadow 150ms ease-out;
    -webkit-transition: box-shadow 150ms ease-out, -webkit-transform 600ms ease-out;
    transition: box-shadow 150ms ease-out, -webkit-transform 600ms ease-out;
    transition: transform 600ms ease-out, box-shadow 150ms ease-out;
    transition: transform 600ms ease-out, box-shadow 150ms ease-out, -webkit-transform 600ms ease-out;
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}
#tile-container span.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 75% 15%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -webkit-transform: translateZ(0);
}
#tile-container span.caption {
    -webkit-animation: footerSlide 400ms 0 ease-out normal;
    animation: footerSlide 400ms 0 ease-out normal;
    -webkit-transform: translateZ(0);
    position: absolute;
    width: 100%;
    background: #111;
    background: rgba(0,145,67, 0.78);
    bottom: -2px;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
}
#tile-container span.caption h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}
#tile-container span.caption p {
    margin: 5px 0px;
    font-size: 13px;
}
#tile-container div.tile-col {
    position: absolute;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#tile-container div.tile-col {
    position: absolute;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#tile-container div.tile-col.one {
    width: 50%;
}
#tile-container div.tile-col.two {
    width: 25%;
    left: 50%;
}
#tile-container div.tile-col.three {
    width: 25%;
    left: 75%;
}
#tile-container div.tile-col.one figure.tile1 {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 5px;
    margin: 0;
}
#tile-container div.tile-col.one figure.tile1 span.background {
    background-image: url('images/octhomepage.jpg');
}
#tile-container div.tile-col.one figure.tile1 span.caption {
    background: rgba(0,145,67, 0.78);
}
#tile-container div.tile-col.one figure.tile1 span.caption h1 {
    margin-top: 10px;
    color: #fff;
}
#tile-container div.tile-col.one figure.tile1 span.caption p {
    font-size: 15px;
    color: #fff;
    margin: 0;
    padding: 0;
}
#tile-container div.tile-col.two figure.tile2 {
    position: absolute;
    top: 10px;
    bottom: 45%;
    left: 5px;
    right: 5px;
    margin: 0;
}
#tile-container div.tile-col.two figure.tile2 a.inner {
    bottom: 5px;
}
#tile-container div.tile-col.two figure.tile2 span.background {
    background-image: url('images/installation.jpg');
}
#tile-container div.tile-col.two figure.tile3 {
    position: absolute;
    top: 55%;
    bottom: 10px;
    left: 5px;
    right: 5px;
    margin: 0;
}
#tile-container div.tile-col.two figure.tile3 a.inner {
    top: 5px;
}
#tile-container div.tile-col.two figure.tile3 span.background {
    background-image: url('images/our-technology.jpg');
    background-position: 60% 15%;
}
#tile-container div.tile-col.three figure.tile4 {
    position: absolute;
    top: 10px;
    bottom: 60%;
    left: 5px;
    right: 5px;
    margin: 0;
}
#tile-container div.tile-col.three figure.tile4 a.inner {
    bottom: 5px;
}
#tile-container div.tile-col.three figure.tile4 span.background {
    background-image: url('images/in-your-home.jpg');
    background-position: 50% 15%;
}
#tile-container div.tile-col.three figure.tile5 {
    position: absolute;
    top: 40%;
    bottom: 10px;
    left: 5px;
    right: 5px;
    margin: 0;
}
#tile-container div.tile-col.three figure.tile5 a.inner {
    top: 5px;
}
#tile-container div.tile-col.three figure.tile5 span.background {
    background-image: url('images/mahdi-LWS-Pasadena-Building-2009.jpg');
    background-position: 50% 15%;
}
h2.blog-details {
    font-size: 25px; 
    padding: 0px; 
    line-height: 34px; 
    margin:30px 0px 10px;
    font-weight: normal;
}
ul.blogfeed {
    list-style: none;
    margin: 12px 20px 0px 20px;
    padding: 0;
    padding-bottom: 50px;
    font-size: 0;
}
ul.blogfeed li {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: calc(100%/3);
    height: 370px;
    margin: 0;
    padding: 0;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -webkit-transform: translateZ(0);
    cursor: pointer;
    overflow: hidden;
}
ul.blogfeed li:hover {
    background: #f1f1f1;
}
ul.blogfeed li:active {
    box-shadow:inset 0 0 20px #C5C5C5;
}
ul.blogfeed li.lr {
    border-right: 1px solid #d0d0d0;
}
ul.blogfeed li.lt {
    border-top: 1px solid #d0d0d0;
}
ul.blogfeed li a {
    display:block;
    color:#333;
    position:absolute;
    padding:40px 40px;
    height:100%;
    left:0;
    right:0;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
}
ul.blogfeed li a span.background {
    display: block;
    background-image: url('images/installation.jpg');
    height: 200px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    background-size: cover;
    -ms-high-contrast-adjust: none;
}
ul.blogfeed li a span.background h4 {
    font-size: 14px;
    position: absolute;
    padding: 10px 20px;
    color: #fff;
    bottom: 0;
    left: -12px;
    background: #009143;
    font-weight: normal;
}
ul.blogfeed li a span.caption h2 {
    font-size: 17px;
}
ul.blogfeed li a span.caption {
    display: block;
    position: relative;
    text-align: left;
    font-size: 14px;
}

.blog-readmore {
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0;
    font-size: 13px;
}
.comment-box {
    background: #f4f8e9;
}
form.blog-comment .formlabel {
    font-size: 12px;
    margin: 5px;
    text-align: left;
    line-height: normal;
}
form.blog-comment .formlabel, form.blog-comment .formbox {
    width: 100%;
    margin: 0;
}
.comment-container {
    font-size: 13px;
}
#topbar_blog {
    width: 100%;
    min-width: 200px;/* fs */
    background-color: rgba(0, 145, 67, 0.85);
    position: fixed;
    top: 0;
    z-index: 10001;
    color: #fff;
}
.slash {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 15px 0px 15px;
    font-size: 17px;
}
.block1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
}
.block1 img {
    height: 45px;
}
.block2 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    font-size: 17px;
}
.block2 a {
    color: #fff;
}
.block2 a:hover {
    text-decoration: none;
    color: #ccc;
}
.block3 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    font-size: 17px;
}
#topnav_blog {
    width: 100%;
    text-align: right;
}
#topnav_blog a {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 20px 23px 20px;
    font-size: 16px;
    color: #fff;
}
#topnav_blog a:hover {
    color: #ccc;
    text-decoration: none;
}
.h2overlap {
    display: inline-block;
    background: #fff;
    color: #009143;
    font-size: 34px;
    padding:25px 25px;
    position: absolute;
    top: -80px;
    line-height: normal;
    font-weight: normal;
}
.h3overlap {
    display: inline-block;
    background: rgba(22, 152, 69, 0.5);
    color: #fff;
    padding: 20px 20px;
    position: absolute;
    left: -20px;
    top: -140px;
    height: 70px;
    line-height: normal;
    font-weight: normal;
    font-size: 16px;
}
.h1silo {
    font-size: 32px;
    display: inline-block;
    background: #f4f8e9;
    color: #009143;
    padding: 15px 20px;
    position: absolute;
    top: -80px;
}
.h2silo {
    font-size: 32px;
    display: inline-block;
    background: #f4f8e9;
    color: #009143;
    padding: 15px 20px;
    position: absolute;
    top: -90px;
}
.h3silo {
    display: inline-block;
    background: rgba(22, 152, 69, 0.5);
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    left: -20px;
    top: -116px;
    height: 80px;
}
.author {
    display: inline-block;
    position: absolute;
    top: 25px;
    left: -120px;
    text-align: center;
    font-weight: normal;
    color: #444;
}
.author img {
    display: block;
    width: 100px;
    margin-bottom: 5px;
    border-radius: 100%;
}
.blog-cat {
    display: inline-block;
    background: #1d1d1d;
    color: #868375;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 16px;
}
.blog-title {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: 32px;
    font-weight: normal;
    color: #009143;
    padding: 10px 0px;
}
.blog-author {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
.blog-author img {
    display: block;
    width: 70px;
    margin-bottom: 5px;
    border-radius: 100%;
}
#quote-container {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    margin: 30px 0px;
    text-align: center;
    font-family: 'Helvetica';
}
#quote-in {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    margin: 5px 0;
    padding: 10px 0;
}
#quote {
    width: 1158px;
    margin: 0 auto;
    color: #009143;
    font-size: 0;
}
#afterquote-container {
    width: 100%;
    background: #fff;
}
#afterquote {
    width: 1158px;
    margin: 0 auto;
    box-sizing: border-box;
}
#quote div {
    display: inline-block;
    max-width: calc(100% - 120px);
    font-size: 41px;
    text-align: left;
}
.quotes-up {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    margin-top: -20px;
    margin-right: 20px;
}
.quotes-down {
    display: inline-block;
    vertical-align: bottom;
    width: 40px;
    margin-bottom: -20px;
    margin-left: 20px;
}
#popUpDim {
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}
.popUpBox {
    display: none;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px;
    height: 40%;
    padding: 0px 15px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
}
.termsBox {
    display: none;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1180px;
    height: 450px;
    padding: 0px 15px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 29px -5px rgba(0,0,0,0.75);
}
.termsBox .popIn {
    height: 100%;
    overflow-y: scroll;
}
.popUpClose {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    border: 0px solid #ccc;
    padding: 0px;
    margin: 0px 0px;
    width: 30px;
    cursor: pointer;
    z-index: 10005;
}
.termsBoxClose {
    position: absolute;
    top: -15px;
    right: -15px;
    text-align: right;
    border: 0px solid #ccc;
    padding: 0px;
    margin: 0px 0px;
    width: 30px;
    cursor: pointer;
    z-index: 10005;
}
#blogPop {
    width: 100%;
    height: calc(100% - 70px);
    margin-top: 70px;
    box-sizing: border-box;
    transition: visibility 0s, opacity 0.5s linear;
    min-width: 1200px;
}
#blogPop ul.blogfeed li {
    height: 350px;
}
#topnav_blog a#more-link {
    font-size: 0;
}
#more-link img {
    width: 22px;
}
/* additions Blog page */
/** BLOG INSIDE PAGE ***/
#bdy-clear {
	max-width:980px;
}
#bdy-clear .simpleinline.intro {
	line-height:26px;
	letter-spacing: .3px; 
	padding:0px 20px; 
	font-weight:600;
	margin-bottom:3px;
}
#cookies {
	max-width: 960px;
    margin: 0 auto;
}
#cookies h3, #cookies h4 {
    font-size: 16px;
    line-height: 22px;
}
#cookies p {
    font-size: 13px;
    line-height: 19px;
}
/* and */
#cookie-con {
    position: fixed;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    font-size: 14px;
    color: rgba(51, 51, 51,.7);
    bottom: 0px;
    padding: 30px;
    z-index: 999999;
    box-shadow: rgba(1, 1, 1, 0.25) 0px 0px 6px;
        z-index: 1;
}
#cookie-con h5 {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 5px;
}
#cookies button.save {
	display: inline-flex; 
	border: 0px; 
	color: rgb(255, 255, 255); 
	background: rgb(12, 18, 28); 
	padding: 8px 22px; 
	cursor: pointer; 
	border-radius: 0px; 
	font-size: 10px; 
	text-transform: uppercase; 
	line-height: 12px; 
	letter-spacing: 3px; 
	align-items: center; 
	justify-content: center; 
	min-width: 125px; 
	height: 45px;
	font-weight: bold;
}
#cookie-con button#accept {
	display: inline-flex; 
	border: 0px; 
	color: rgb(255, 255, 255); 
	background: rgb(12, 18, 28); 
	padding: 8px 22px; 
	cursor: pointer; 
	border-radius: 0px; 
	float: right; 
	font-size: 10px; 
	text-transform: uppercase; 
	line-height: 12px; 
	letter-spacing: 3px; 
	align-items: center; 
	justify-content: center; 
	min-width: 125px; 
	height: 45px;
	font-weight: bold;
}
#cookie-con button#options {
    display: inline-block;
    padding: 8px 0px;
    background: transparent;
    border-radius: 4px;
    color: rgb(12, 18, 28);
    cursor: pointer;
    border: 0px;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 10px;
}
#cookies {
	height: 150px;
	overflow-y: scroll;
	padding: 20px;
	margin-bottom:20px;
}
#accept-all span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
}

#cookies h3:first-of-type {
	margin-top: 5px;
}
#cookies input[type="checkbox"],
#cookies input[type="checkbox"]+label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#accept-all {
	padding: 20px;
	text-align: left;
	border-top: 1px solid #ddd;
}
#accept-all button {
	display: inline-block;
	border: 0px; 
	color: rgb(255, 255, 255); 
	background: rgb(12, 18, 28); 
	padding: 8px 22px; 
	cursor: pointer; 
	border-radius: 0px; 
	margin: 0;
	font-size: 10px; 
	text-transform: uppercase; 
	line-height: 12px; 
	letter-spacing: 3px; 
	align-items: center; 
	justify-content: center; 
	min-width: 125px; 
	height: 45px;
	font-weight: bold;
}

/* apapure.php */
.apa-pure-bg {
    padding: 50px 250px;
    color: #fff;
    background: url('images/apa-pure-bg.jpg');
}
.bread-buy {
    float: right;
    margin-top: 2px;
}
.bread-buy a {
    color: #009143;
}

.apa-top {
    position: relative;
    font-size: 0;
    min-width: 1200px;
}
.apa-top img {
    width: 100%;
}
.apa-top .new-bdy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
}
.apa-top #breadcrumbs {
    margin: 10px 0px;
}
.apa-top .apa-banner {
    position: absolute;
    left: 0;
    top: 150px;
    width: 600px;
    text-align: center;
}
.apa-top .apa-banner h1 {
    margin: 25px 0px;
    font-size: 23px;
    font-weight: normal;
}
.apa-white {
    background: #fff;
}
.apa-green {
    background: #f4f8f1;
}
.apa-gray {
    background: #f7f7f7;
}
.apa-gray h2, .apa-white h2 {
    font-size: 30px;
}
.apa-gray p, .apa-white p {
    font-size: 17px;
    line-height: 33px;
}
h2.center, p.center {
    text-align: center;
}

table.apa {
    width: 900px;
    margin: 0 auto;
}
table.apa td {
    padding: 10px;
}
table.apa th {
    text-transform: uppercase;
    background: #708090;
    color: #fff;
    padding: 10px;
}
table.apa tr.white {
    background: #fff;
}
table.apa tr.gray {
    background: #f9f9f9;
}
.apa-box {
    width: 900px;
    margin: 15px auto;
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
}
.apa-box h2 {
    text-align: center;
    font-size: 22px;
    margin: 5px 0 15px 0;
}
.apa-box p {
    font-size: 14px;
    line-height: normal;
}
.apa-more {
    background: #27b900;
	color: #fff;
	padding: 18px;
	border: 0px;
    display: block;
    width: 100%;
    max-width: 360px;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
}
.apa-more:hover {
	background: #81e200;
    color: #000;
}

.answers {
    display: none;
}
.btn.apa-buy {
    background: #1075af;
    color: #fff;
    border: 0;
    width: 130px;
    text-align: center;
}
.btn.shoporder {
    background: #f49706;
    color: #fff;
    border: 0;
    text-align: center;
}
.btn.apa-amazon {
    background: #f49706;
    color: #fff;
    border: 0;
    width: 130px;
    text-align: center;
}
.btn.apa-buy:hover, .btn.apa-amazon:hover, .btn.shoporder:hover {
    opacity: 0.8;
}
.btn.small {
    line-height: normal;
}
.red-link {
    color: #d71921;
    text-decoration: underline;
}
p.seal-con {
    font-size: 0;
    text-align: center;
}
.seal-con img {
    display: inline-block;
    vertical-align: middle;
    width: 115px;
    margin: 0px 5px;
}
.relative-con {
    position: relative;
    height: 415px;
}
.relative-con .block1 {
    display: block;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.relative-con .block2 {
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding-right: 30px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
}
.apa-life {
    background: #c4daa9;
    padding: 0;
}
.apa-menu a {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    box-sizing: border-box;
    border-right: 1px solid #95b173;
    border-left: 1px solid #ffffff;
    font-size: 16px;
    padding: 20px 0px;
}
.apa-menu a:first-child {
    border-left: 0;
}
.apa-menu a:last-child {
    border-right: 0;
}
.apa-menu a:hover {
    text-decoration: none;
    background: #b9ce9f;
}
.apa-menu a b {
    display: block;
    font-size: 22px;
    margin-bottom: 7px;
}
#breadcrumbs {
    font-size: 14px;
}


/* apapure.php */
.apa-rows a.learn {
    display: inline-block;
    background: #3ca256;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
}
.apa-rows a.learn:hover {
    text-decoration: none;
    opacity: 0.9;
}
.apa-rows .new-con:last-child {
    padding-bottom: 0;
}
.apa-trap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    border-bottom: 70px solid #fff;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 0;
    width: 250px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}
.apa-arrow {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    font-size: 10px; 
    width: 2em;
    height: 2em;
    margin-top: -2em;
    z-index:2;
    cursor: initial;
}
.apa-arrow.down {
    -webkit-transform: rotate(147deg) skew(30deg);   
    -o-transform: rotate(147deg) skew(30deg);
    -moz-transform: rotate(147deg) skew(30deg);
    -ms-transform: rotate(147deg) skew(30deg);   
    -kthtml-transform: rotate(147deg) skew(30deg);   
    transform: rotate(147deg) skew(30deg);   
    left: 0;
    right: 0;
    bottom: 10px;
    margin:  auto;
    border-top:  2px solid rgba(177, 177, 177, 0.6);
    border-right:  2px solid rgba(177, 177, 177, 0.6);  
}
.chart {
    max-width: 600px;
    margin: 0 auto;
}
.chart .simpleinline {
    padding: 10px;
    text-align: left;
}
.chart .simpleinline:first-child {
    border-right: 1px solid #9fa3a6;
}
.chart .inline-container:nth-child(odd) {
    background: #e4e5e9;
}
.chart .inline-container:nth-child(even) {
    background: #fff;
}


/* WATER SOFTENER SILO */
#imglock-c {
	height: 630px;
}
h2.ws {
	font-size: 34px;
	line-height: 44px;
	margin-top: 0;
}
h3.ws {
	font-size: 34px;
	line-height: 44px;
	margin-top: 0;
}
.con-white {
	background: #fff;
	padding: 50px 0px;
}
.con-gray {
	background: #eaeaea;
	padding: 30px 0px;
	font-family: 
}
.bigpad {
	padding: 60px 0px;
}
.lesspad {
	padding: 20px 0px;
}
.nopad {
	padding: 0;
}
.ws-banner {
	position: relative;
	width: 100%;
	min-height: 600px;	
	background-repeat: no-repeat; 
	background-attachment:fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}
.ws-banner.v1 {
	background-image: url("/images/water-softener-alternative/water-softener-haley-twc.jpg");
	background-position: center top;
}
.ws-banner.v2 {
	background-image: url("/images/water-softener-alternative/lifesource-say-hello-to-lifesource.jpg");
	background-position: center;
}
.ws-banner.v3 {
	background-image: url("/images/water-softener-alternative/lifesource-technican-explaining-system.jpg");
	background-position: center;
}
.ws-banner.v4 {
	background-image: url("/images/water-softener-alternative/compare-water-softeners.jpg");
	background-position: center;
}
.ws-banner .overlay {
	position: absolute;
	width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 40px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);  
}
.ws-banner .overlay span {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 15px;
}
.ws-banner .overlay h1 {
	margin: 20px 0px;
	width: 350px;
}
.ws-banner .overlay.switch h1 {
    display: block;
    margin: 20px 0px;
    width: 400px;
    text-transform: none;
    letter-spacing: normal;
    font-size: 40px;
    font-weight: bold;
}
.ws-banner .overlay.switch span {
	display: block;
	margin: 20px 0px;
	width: 400px;
	text-transform: none;
	letter-spacing: normal;
	font-size: 40px;
	font-weight: bold;
}
.ws-banner .overlay p {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
}
.ws-banner .overlay b {
	font-size: 16px;
	font-weight: bold;
}




.ws-banner2 {
	width: 100%;
	min-height: 500px;	
	position: relative;
	background-repeat: no-repeat; 
	background-attachment:fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}
.ws-banner2.v1 {
	background-image: url("/images/water-softener-alternative/water-softener-solution.jpg");
	background-position: center;
}
.ws-banner2 .overlay {
	position: absolute;
	width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	height: 250px;	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.ws-banner2 .overlay h2 {
	margin: 0px 0px 20px 0px;
	font-size: 46px;
}
.ws-banner2 .overlay span {
	font-size: 28px;
	font-weight: 600;
}




.ws-banner3 {
	background-image: url("/images/water-softener-alternative/lifesource-woman-dragging-softening-salts.jpg");
	background-position: center;
	position: relative;
	height: 450px;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    cursor: pointer;
}

.ws-banner3.wh {
	background-image: url("/images/water-filtration/lifesource-stasya-holding-glass.jpg");
	background-position: center;
	position: relative;
	height: 450px;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    cursor: pointer;
}


.ws-banner3 .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	height: 170px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.ws-banner3 h2 {
	color: #fff;
}


.ws-banner .gradient, .ws-banner2 .gradient, .ws-banner3 .gradient {
	height: 100%;
	width: 100%;
	background: radial-gradient(at top right, rgba(0, 115, 54, .0), rgba(0, 115, 54, .0) 50%, rgba(0, 115, 54, .5));
	background: radial-gradient(at top right,rgba(0,115,54,.0),rgba(0,115,54,.0) 63%,rgba(0,115,54,.8));   
	position: absolute;
}

.ws-banner.v1 .gradient, .ws-banner.v2 .gradient, .ws-banner.wh1 .gradient {
	background: linear-gradient(202deg, rgba(2,0,36,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.9) 73%, rgba(255,255,255,.9) 100%);  
	position: absolute;
	height: 100%;
	width: 100%;
}


.ws-banner.v1 .overlay, .ws-banner.v2 .overlay, .ws-banner.wh1 .overlay {
	color: #343434;
	text-shadow: 1px 1px 1px rgba(255,255,255, 0.5);  
}

.ws-nav {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #000000;
	font-size: 0;
}
.ws-nav a {
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	box-sizing: border-box;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	color: #343434;

    -webkit-transition: all .18s ease-in-out;
    -o-transition: all .18s ease-in-out;
    -moz-transition: all .18s ease-in-out;
    -ms-transition: all .18s ease-in-out;
    -kthtml-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out;  
}
.ws-nav a:hover {
	border-bottom: 4px solid #343434;
	text-decoration: none;
}
.ws-nav a.selected {
	border-bottom: 4px solid #343434;
}
.ws-nav:hover a.selected {
	border-bottom: 4px solid transparent;
}
.ws-nav:hover a.selected:hover {
	border-bottom: 4px solid #343434;
}

.ws-row {
	font-size: 0;
	background: #fff;
}
.ws-row .ws-left {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: right;
}
.ws-row .ws-right {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.ws-row .ws-img {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
}
.ws-row .ws-left .ws-img {
	background-position: top right;
}
.ws-row .ws-right .ws-img {
	background-position: top left;
}
.ws-row .ws-txt {
	display: inline-block;
	vertical-align: middle;
	padding: 0 100px;
	width: 500px;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: relative;
}
.ws-row .ws-txt h3 {
	margin: 0px 0px 25px 0px;
}
.ws-row .ws-txt p {
	font-size: 16px;
}
.ws-row .ws-left .ws-txt {
	padding-left: 0;
}
.bnft-inline {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 300px)/3);
	font-size: 14px;
	color: #343434;
	margin: 20px 0px;
}
.bnft-inline span {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 5px 0px;
}
.bnft-inline img {
	width: 35px;
	display: block;
	margin-bottom: 15px;
}
.bnft-inline h3 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
}
.bnft-inline h4 {
	margin: 15px 0px 10px 0px;
}

.bnft-inline b {
	color: #007336;
}
.bnft-space {
	display: inline-block;
	vertical-align: top;
	width: 150px;
}
.bigtxt {
	margin: 30px 0 20px 0;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}
.legal-container {
        font-size: 12px;
        text-align: left;
}
.privacy-container {
	margin: 10px 0px 0 0;
	font-size: 0;
}
.privacy-container .simpleinline:first-child {
	vertical-align: middle;
	width: 25px;
	margin: 0px 10px;
}
.privacy-container .simpleinline:last-child {
	vertical-align: middle;
	width: calc(100% - 45px);
}
#expandprivacy {
	display: none;
	padding: 0px 15px;
}



/* COMPARE */
.con-greendark {
	background: #007336;
	padding: 20px 0px;
}
.compare-size {
	width: 100%;
	font-size: 0;
	border-spacing: 0;
}
.compare-size td:first-child {
	width: 31%;
	text-align: right;
}
.compare-size td {
	width: 23%;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
.compare-table {
	font-size: 16px;
	border-spacing: 0;
}
.compare-table tr:nth-child(odd) td:last-child.good, .compare-table tr:nth-child(even) td:last-child.good {
	color: #025f2e;
	font-weight: bold;
	border-right: 0;
}
.compare-table td {
	font-weight: bold;
	border-right: 1px solid #007336;
}
.compare-table tr:nth-child(odd) {
	background: #1d834d;
	color: #fff;
}
.compare-table tr:nth-child(even) {
	background: #1a814a;
	color: #fff;
}
.compare-table tr:nth-child(odd) td.bad {
	background: #eba4a4;
	color: #363636;
}
.compare-table tr:nth-child(even) td.bad {
	background: #dd9393;
	color: #363636;
}
.compare-table tr:nth-child(odd) td.good {
	background: #b7d7c7;
	color: #363636;
}
.compare-table tr:nth-child(even) td.good {
	background: #a1c7b2;
	color: #363636;
}

.compare-size.new td:first-child {
	width: 36.85%;
	padding: 0;
}
.compare-size.new td {
	width: 21.05%;
	padding: 0;
	vertical-align: middle;
	border: 0;
}
.compare-table.compare-size.new td {
	padding: 20px;
}

.compare-table.compare-size.new tr:nth-child(odd) td:nth-child(odd) {
	background: #f5f5f5;
	color: #000000;
	border: 0;
	font-weight: normal;
}
.compare-table.compare-size.new tr:nth-child(odd) td:nth-child(even) {
	background: #f1f1f1;
	color: #000000;
	border: 0;
	font-weight: normal;
}
.compare-table.compare-size.new tr:nth-child(even) td:nth-child(odd) {
	background: #dde1e4;
	color: #000000;
	border: 0;
	font-weight: normal;
}
.compare-table.compare-size.new tr:nth-child(even) td:nth-child(even) {
	background: #e5e9ec;
	color: #000000;
	border: 0;
	font-weight: normal;
}

.compare-table.compare-size.new td i {
	font-size: 26px;
}
.compare-table.compare-size.new .fa-check {
	color: #007f4c;
}
.compare-table.compare-size.new .fa-times {
	color: #ca3436;
}
.nopadbot, .nopadbot .bdy, .nopadbot td {
	padding-bottom: 0;
	vertical-align: bottom;
	font-size: 0;
	line-height: normal;
}
.nopadtop, .nopadtop .bdy, .nopadtop td {
	padding-top: 0;
	vertical-align: top;
	font-size: 0;
	line-height: normal;
}
.nopadbot p:first-child, .nopadtop p:first-child {
	font-weight: bold;
}
.nopadbot p:last-child, .nopadtop p:first-child {
	font-size: 0;
	line-height: normal;
}
.nopadbot td:first-child p, .nopadtop td:first-child p {
	margin: 15px 0px;
	font-size: 16px;
    line-height: 28px;
}




/* chart_dec.inc */
.simplebox.dec {
	background: #f5f6f8;
	color: #000;
	text-align: center;
	padding: 0;
}
.simplebox.dec .top-white {
	background: #fff;
}
.simplebox.dec .top-white span {
	display: block;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	padding: 31px 0 30px 0px;
}
.chart-dec {
	border-spacing: 0;
	width: 100%;
}
.chart-dec tr td {
	text-align: center;
	padding: 10px;
	width: 120px;
	box-sizing: border-box;
}
.chart-dec tr td:first-child {
	text-align: right;
	width: calc(100% - 240px);
}
.chart-dec tr td:last-child {
	border-left: 3px solid #fff;
}
.chart-dec tr:nth-child(odd) {
	background: #fff;
}
.chart-dec tr:nth-child(even) {
	background: #f5f6f8;
}
.chart-dec tr:nth-child(even) td:first-child {
	background: #dee2e5;
}
.chart-dec .fa-check {	
	font-size: 25px;
	color: #387a4e;
}
.chart-dec .fa-times {
	font-size: 25px;
	color: #b8413d;
}


/* WHOLE HOUSE WATER */
.ws-banner.wh1 {
	background-image: url("/images/water-filtration/lifesource-whole-house-water.jpg");
	background-position: center 0px;
}
.ws-banner2.wh2 {
	background-image: url("/images/water-filtration/home-water-filtration-solution.jpg");
	background-position: center -40px;
}
.ws-banner.wh3 {
	background-image: url("/images/water-filtration/lifesource-stasya-setting-timer.jpg");
	background-position: center 0px;
}
.wh-nav {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #000000;
	font-size: 0;
}
.wh-nav a {
	display: inline-block;
	vertical-align: middle;
	width: calc(100%/3);
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	box-sizing: border-box;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	color: #343434;

    -webkit-transition: all .18s ease-in-out;
    -o-transition: all .18s ease-in-out;
    -moz-transition: all .18s ease-in-out;
    -ms-transition: all .18s ease-in-out;
    -kthtml-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out;  
}
.wh-nav a:hover {
	border-bottom: 4px solid #343434;
	text-decoration: none;
}
.wh-nav a.selected {
	border-bottom: 4px solid #343434;
}
.wh-nav:hover a.selected {
	border-bottom: 4px solid transparent;
}
.wh-nav:hover a.selected:hover {
	border-bottom: 4px solid #343434;
}
p.slim {
	width: 900px;
	margin: 0 auto;
}


/* COMMERCIAL */
.h2sub {
	display: inline-block;
	vertical-align: middle;
	font-size: 19px;
	margin-left: 30px;
}
.cs .com-inline {
	display: inline-block;
	width: calc(100%/3);
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
	cursor: pointer;
}
.cs .com-inline b {
	display: block;
	font-size: 20px;
	line-height: 38px;
}
.cs .com-inline span {
	display: block;
	font-size: 16px;
	line-height: 34px;
}
.cs .com-inline hr {
	margin: 20px 0px;
}
.cs .com-inline p {
	font-size: 14px;
	line-height: 30px;
}

/* commercial-case-details.php */
.quote {
	position: relative;
	border-left: 10px solid #007336;
	background: #eaeaea;
	padding: 40px;
	margin: 50px 0px;
	font-family: 'Montserrat';
	font-size: 16px;
	text-align: center;
}
.quote i {
	font-family: 'PT Serif';
	font-size: 22px;
	line-height: 33px
	text-align: center;
}
.quote img {
	position: absolute;
	top: -20px;
	left: 40px;
}
.cs-gallery {
	font-size: 0;
}
.cs-gallery img {
	width: calc(50% - 10px);
}
.cs-gallery img:first-child {
	margin-right: 20px;
}
.cs-details h1 {
	text-align: center;
}
.cs-details h3 {
	text-align: center;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 
}
.happy-customers {
	font-family: 'Montserrat';
    text-align: center;
}
.happy-customers h3 {
	letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: normal;
    margin: 5px 0px;
}
.happy-customers h2 {
	font-size: 38px;
	line-height: normal;
	margin: 10px 0;
}
.happy-customers p {
	font-size: 16px;
}
.hc-inline {
	display: inline-block;
	width: calc(25% - 30px);
	margin: 15px;
	padding: 20px;
	text-align: center;
	background: #fff;
	color: #343434;
	font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-sizing: border-box;
}
.hc-inline img:first-child {
	border-radius: 50%;
	display: block;
	margin: 15px auto;
}
.hc-inline p {
	font-size: 14px;
	margin-bottom: 20px;
}
.hc-inline b {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	font-size: 18px;
}
.hc-inline span {
	display: block;
	text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 13px;
    color: #6e6e6e;
}


/* whole-house-water.php */
.waterfilter-top {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 35%;
    padding: 0;
    font-size: 0;
    min-width: 1200px;
}
.waterfilter-top .new-bdy {
    text-align: right;
}
.waterfilter-top .new-bdy img {
    margin-top: 10px;
    margin-right: 100px;
}
.questions {
    position: relative;
    cursor: pointer;
    padding: 10px 40px 10px 10px;
    font-weight: bold;
    background: #c2daa6;
    margin-top: 10px;
}
.questions img {
    position: absolute;
    width: 20px;
    right: 10px;
    top: 10px;
}
.answers {
    display: none;
    padding: 10px;
} 


/* shop */
#shopnav-container {
	width: 100%;
	background-color: #fff;
	border-top: 4px solid #009143;
	border-bottom: 1px solid #ddd;
	text-align: center;
	position: relative;
}
#shopnav {
    width: 1200px;
    background-color: #fff;
    margin: 0 auto;
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 0;
}
#shopnav a {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: #009143;
    text-decoration: none;
    padding: 0px 31px 10px 31px;
}
#shopnav a:hover {
    background: #009143; 
    color: #fff;
}

.pricestrike {
    font-size: 20px;
    font-weight: bold;
    color: #ed4f3e;
	text-decoration: line-through;
    margin: 15px 0px;
}
.price {
    font-size: 26px;
    font-weight: bold;
    color: #ed4f3e;
    margin: 15px 0px;
}
.shopdetails-form {
    text-align: left;
}
.shopdetails-form .formlabel {
    width: 100%;
    margin: 0;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}
.shopdetails-form .formbox {
    width: 100%;
    margin: 0;
}
.shopdetails-form textarea {
    height: 80px;
}
.shopdetails-form .formbox input[type='submit'] {
    padding: 15px 60px;
    margin-top: 5px;
	font-size: 17px;
	font-weight: bold;
    font-family: 'Open Sans';
}
.shopdetails-form input[type='text'] {
    padding: 8px 5px;
    background: #f0f1f3 none repeat scroll 0 0;
    border: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.09);
    width: 50px;
}
.formwrapper-cc {
	padding-right: 35px;
}
.form-orderdetail .formbox, .form-orderdetail .formlabel {
    vertical-align: middle;
}
.forgot-pass input[type='text'] {
    padding: 8px 5px;
    background: #f0f1f3 none repeat scroll 0 0;
    border: 0;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.09);
    width: 250px;
    border-radius: 3px;
}
.forgot-pass input[type='submit'] {
    padding: 6px 15px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans';    
    box-sizing: border-box;
    background-color: #009143;
    border: 0;
    -webkit-appearance: none;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
.forgot-pass input[type='submit']:hover {
    -webkit-filter: brightness(0.90);
    filter: brightness(0.90); 
}
.shop-inline {
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 10px);
    margin: 5px;
    font-size: 16px;
    padding: 5px;
    box-sizing: border-box;
    border: 4px solid transparent;
}
.shop-inline:hover {
    border: 4px solid #009143;
    color: #000;
}
.shop-inline a:hover {
	color: #2e9149;
	text-decoration: none;
}
.shop-inline img {
	margin-bottom: 10px;
}
.product-price {
	color: #000;    
	font-size: 15px;
	font-weight: normal;
}
.point-triangle-on {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #009143 transparent transparent transparent;
    border-top-style: solid;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.point-triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent transparent;
    border-top-style: solid;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
h1.shop {
    font-weight: bold;
    margin: 15px 0px 20px 0px;
}
.add-box {
    background: #eee;
    padding: 15px;
    border-radius: 4px;
}
.add-box h3 {
    margin-top: 0;
}
.shop-bread, .shop-bread a {
    color: #009143;
}
#s-container {
    max-width: 100%;    
    max-height: 550px;
    overflow: hidden;
}
#s-container::-webkit-scrollbar {
    width: 5px;
    padding-right: 10px;
    box-sizing: border-box;
}
#s-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
#s-container::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.6); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#s-container::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4); 
}
.s-a {
    display: block;
    margin-bottom: 10px;
}
#s-container .s-a:last-child {
    margin-bottom: 0;
}
.s-img {
    width: 100%;
    z-index: -1;
    opacity: 0.7;
    border: 1px solid #eaeaea;
    padding: 10px 5px;
    box-sizing: border-box;
}
.s-img:hover {
    opacity: 1.0;
}
#m-a {
    text-align: center;
}
#m-container {
    
}
#m-container img {
    max-height: 600px;
    max-width: 600px;
    width: auto;
}
.shopinline-4 {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	box-sizing: border-box;
	padding: 10px;
}
.replace-box {
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin: 15px 0px 10px 0px;
}


/* first-time-offer-ext-warranty-registration.php */
h2.plan-details {
	font-size: 18px;
	margin-bottom: 15px;
}
h2.plan-details img {
    display: none;
}



/* commercial */
.cm-banner {
	position: relative;
	width: 100%;
	z-index: 1000;
}
.cm-banner .overlay {
	position: relative;
	margin: 0 auto;
	margin-top: -80px;
	width: 1000px;
}
.cm-banner .overlay span {
	display: block;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 20px;
}
.cm-banner .box {
	background: #fff;
	padding: 35px 100px;
	z-index: 1001;
	box-sizing: border-box;
	-moz-box-shadow: 10px 10px 0px #eaeaea;
	-webkit-box-shadow: 10px 10px 0px #eaeaea;
	box-shadow: 10px 10px 0px #eaeaea;
}
.cm-banner .overlay h1 {
	margin-top: 0;
	font-size: 30px;
	text-align: center;
}

.cm-con {
	position: relative;
	width: 1200px;
	margin: 100px auto;
	height: 500px;
}
.cm-con h3 {
	margin-top: 0;
	line-height: 36px;
}
.cm-con .img {
	position: absolute;
	height: 100%;
	z-index: 1000;
}
.cm-con .img.right {
	right: 0;
}
.cm-con .img.left {
	left: 0;
}
.cm-con .txt {
	position: absolute;
	width: 500px;
	height: 300px;
	background: #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	padding: 40px;
	box-sizing: border-box;
	z-index: 1001;
}
.cm-con .txt.right {
	right: 0;
}
.cm-con .txt.left {
	left: 0;
}
.cm-con .bg {
  	position: absolute;
    width: 500px;
    height: 300px;
    background: #007336;
    margin: auto;
    top: 20px;
    bottom: 0;
    z-index: 999;
}
.cm-con .bg.right {
	right: 0;
	margin-right: -10px;
}
.cm-con .bg.left {
	left: 0;
	margin-left: -10px;
}
.cm-box {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc((100%/3) - 30px);
	margin-right: 45px;
	text-align: center;
}
.cm-box:last-child {
	margin-right: 0;
}
.cm-box .cm-bg {
	background: #eaeaea;
	height: 180px;
	padding: 10px;
	z-index: 1000;
}
.cm-box .cm-w {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #fff;
	width: calc(100% - 20px);
	z-index: 1001;
	padding: 25px;
	box-sizing: border-box;
}
.cm-box h3 {
	margin: 20px 0;
	line-height: 33px;
}
.cm-box p {
	font-size: 14px;
	padding: 0px 20px;
	line-height: 26px;
}
.regions h3 {
	margin: 0px;
}
.regions span {
	text-transform: uppercase;
	display: block;
	margin-top: 5px;
	font-size: 12px;
}
.regions p {
	margin-top: 5px;
}
.bdy.certs {
	padding: 30px 0 20px 0px;
}
.certs h3 {
	margin: 10px 0px;
	line-height: 35px;
}
.certs p {
	margin-top: 10px;
	line-height: 28px;
}
.certs span {
	text-transform: uppercase;
	display: block;
	font-size: 12px;
}
.file-box {
	position: relative;
	background: #eaeaea;
	border-top: 60px solid #27924d;
	padding: 20px;
}
.file-box .file-in {
	position: relative;
 	margin-top: -40px;
	width: 100%;
}
.file-box .file-in .file-head {
	background: #fff;
	padding: 30px;
	margin-bottom: 20px;
	border: 1px solid #c9c9c9;
}
.file-box .file-in .file-head a {
	display: block;
	border-radius: 3px;
	border: 10px solid #007336;
	background: #fff;
	text-align: center;
	padding: 15px 0px;
	box-sizing: border-box;
	width: 100%;
	font-size: 19px;
	color: #007336;
	line-height: normal;
}
.file-box .file-in .file-head a:hover {
	background: #007336;
	color: #fff;
}
.file-row {
	display: block;
	padding: 0px 20px;
}
.file-row + .file-row {
	border-top: 1px solid #c9c9c9;
	margin-top: 20px;
	padding-top: 20px;
}
.file-box .file-row img.ext {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.file-box .file-row span {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	margin: 0;
	color: #343434;
	font-size: 16px;
	font-weight: 600;
}
.file-box .file-row img.down {
	display: inline-block;
	vertical-align: middle;
}
.details p {
	font-size: 14px;
	line-height: 25px;
}

/* YELP PAGES */
.yelp-box {
	position: relative;
}
.simplebox h2 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.yelp-box img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.yelp-box span {
    display: inline-block;
    vertical-align: middle;
}
.yelp-box img.yelp {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 100px;
}

.justmobile {display: none;}

.det-btn {
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	border: 1px solid #000000;
	margin: 4px;
	padding: 12px;
	font-size: 0;
	cursor: pointer;
	font-size: 13px;
}
.det-btn:hover {
	background-color: #dadada;
	border-color: #dadada;
}


/* NEW PLUMBERS */
.new-plum.bar {
	background: #27924d;
    color: #fff;
    padding-bottom: 0;
}
.new-plum.bar .bdy {
	padding-bottom: 0;
}
.new-plum.bar .btn {
	background: #ff8d00;
	color: #fff;
	padding: 10px 50px;
	border: 0;
}
.new-plum h1 {
	text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.new-plum h2 {
	display: block;
    margin: 20px 0;
    width: 400px;
    text-transform: none;
    letter-spacing: normal;
    font-size: 31px;
    font-weight: 700;
    color: #fff;
}
.new-plum .inline-8-12 {
	vertical-align: bottom;
	font-size: 0;
	text-align: center;
}
.new-plum .inline-8-12 img {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 30px;
}


/* filters */
.filters-mob {
	display: none;
}
.filters {
    display: inline-block;
    padding: 10px;
    background: #fff;
    color: #343434;
    width: calc(25%);
    text-align: center;
    margin: 0px;
    cursor: pointer;
    font-size: 14px;
    box-sizing: border-box;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: relative;
}
.filters:hover {
    opacity: 0.9;
}
.filters.selected {
	border-bottom: 7px solid #007336;
	font-weight: bold;
	color: #007336;
}
.filters.selected:before {
	border-top: 15px solid #007336;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    height: 0;
    left: 130px;
    right: 0;
    top: 41px;
    position: absolute;
    width: 0;
    z-index: 9999;
}

#cases-con {
    margin: 15px 0px 50px 0;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -kthtml-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}
.cases {
    margin: 20px 0px;
    text-align: left;
}
.cases+.cases {
	border-top: 1px solid #d1d1d1;
	padding-top: 20px;
}
.cases .simpleinline:first-child {
	padding-right: 30px;
}
.cases .simpleinline .simpleinline:first-child {
	padding-right: 0px;
}
.cases h3 {
	margin-top: 0;
}
.cases .bttn {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none;
    resize: none;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -kthtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -kthtml-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .07s ease-in-out;
    -o-transition: all .07s ease-in-out;
    -moz-transition: all .07s ease-in-out;
    -ms-transition: all .07s ease-in-out;
    -kthtml-transition: all .07s ease-in-out;
    transition: all .07s ease-in-out;
    max-width: 300px;
    line-height: 40px;
    padding: 0px 30px;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: .0em;
    border: 6px solid #007336;
    color: #007336;
    width: 255px;
    margin: 10px 0px;
}
.cases .bttn.sld {
    background: #007336;
    color: #fff;
}
.cases .inline-3-12 {
	text-align: center;
}
.cases a img, .cases a span {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px;
}
.cases .simpleinline .simpleinline {
	line-height: 26px;
}
.cash {
	background-position: left center;
	background-size: 100%;
	background-color: #eaeaea;
	position: relative;
}
.cash img.cash-image {
	position: absolute;
	bottom: 0;
	height: 259px;
}
.cash .inline-container {
	display: flex;
    flex-wrap: wrap;
    margin: 10px 0px;
}
.cash-inline {
	display: inline-block;
	vertical-align: top;
	width: 340px;
	border-right: 1px solid #c9c9c9;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
    flex-grow: 1;
}
.cash-inline:first-child {
	display: inline-block;
	width: calc(100% - 1020px);
	border-right: 0;
}
.cash-inline:last-child {
	border-right: 0;
}
.cash-inline span {
	display: block;
	text-align: center;
	color: #343434;
	font-size: 22px;
	font-weight: bold;
	margin: 15px 0px;
}
.form1 {
	display: inline-block;
	vertical-align: top;
	width: 400px;
}
.form2 {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 400px);
	text-align: left;
}


.btn.nbtn {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	color: #fff;
	background: #27924d;
	margin-right: 25px;
}
h1.nh1 {
	display: inline-block;
	vertical-align: middle;
	margin: 15px 0px;
}
/* TABS */
.ntabs-con {
	position: relative;
}
.ntabs-con hr.fltr {
	border: 0;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 41px;
	width: 100%;
}
.ntabs {
    display: inline-block;
    padding: 10px;
    background: #fff;
    color: #343434;
    width: calc(25%);
    text-align: center;
    margin: 0px;
    cursor: pointer;
    font-size: 19px;
    box-sizing: border-box;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: relative;
}
.ntabs:hover {
	background: #27924d;
	color: #fff;
}
.ntabs.selected {
	border-bottom: 7px solid #007336;
	font-weight: bold;
	color: #fff;
	background: #007336;
}
.ntabs.selected:before {
	border-top: 15px solid #007336;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    height: 0;
    left: 130px;
    right: 0;
    top: 41px;
    position: absolute;
    width: 0;
    z-index: 9999;
}
.ncontents {
	display: none;
	background: #fff;
	padding: 30px;
	font-size: 14px;
	text-align: left;
	margin-bottom: 30px;
}
#ncontent1 {
	display: block;
}
.ncontents p:first-of-type {
	margin-top: 0;
}
.newcom ul {
	line-height: 22px;
}
.newcom li {
	padding: 4px;
}




/* SURVEYS */
.coupongirl {
	width: 100px;
}
.survey-table {
	width:100%;
	max-width: 990px;
	padding: 10px;
	box-sizing: border-box;
}
.survey-table h1 {
	font-size: 28px;
}
.survey-table .simpleinline img {
	display: inline-block;
}
.content-slider-bg {
	padding: 10px;
	box-sizing: border-box;
}

.question {
    font-size: 19px;
    font-style: normal;
    font-weight: bold;
    color: #121212;
    text-decoration: normal;
}


/* leadership.php */
.leadership-container {
	background: #eaeaea;
}
.leadership-container #breacrumbs-container {
	margin: 0;
}
.leadership-container h2 {
	margin: 0;
	font-size: 25px;
}
.leadership-container hr {
	margin-bottom: 0px;
	border-width: 2px;
}
.leadership-container .bdy {
	padding-bottom: 0;
}
h1.lid {
	padding: 0 15px;
}
h2.lid {

}
.lid-inline {
	display: inline-block;
	vertical-align: top;
	width: calc(100%/3);
	box-sizing: border-box;
	padding: 15px;
}
.lid-inline:hover {
	text-decoration: none;
	opacity: 0.85;
}
.lid-inline img {
	width: 100%;
	margin-bottom: 3px;
	border-radius: 6px;
}
.lid-inline span {
	display: block;
	font-size: 17px;
    line-height: 1.52947;
    color: #087945;
}
.lid-inline i {
	display: block;
	font-size: 14px;
	font-style: normal;
	color: #494949;
}
.lid-top {
	background-image: url('images/lig-bg.jpg');
	text-align: center;
    font-family: 'Helvetica';
}
.lid-top img {
	height: 350px;
}
.lid-top .bdy {
	position: relative;
	font-size: 0;
	padding: 0;
}
.lid-top .bdy .name {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: 0;
	font-size: 32px;
	text-align: left;
}
.lid-top .bdy .name b {
	display: block;
	text-align: left;
	font-size: 46px;
	margin-bottom: 10px;
}
.lead.bdy {
    font-family: 'Helvetica';
}
.lead.bdy #quote-container {
	margin: 50px 0px;
}
.lead.bdy #quote-container #quote div {
	font-size: 35px;
	font-weight: 500;
}


/* pros */
.cons.squeeze {
	padding: 25px 0px;
}
.cons.squeeze .bdy {
	padding: 0;
}
.pros-con .inline-5-12 {
	position: relative;
	border: 1px solid #4b8f56;
	padding: 30px 30px 15px 30px;
	min-height: 292px; 
}
.pros-con img {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 80px;
	padding: 15px;
	background: #fff;
}
.pros-con hr {
	width: 130px;
	margin: 10px 0 20px 0px;
}
.pros-con b {
	display: inline-block;
	border-bottom: 3px solid #4b8f56;
	padding-bottom: 10px;
	font-size: 18px;
}




/* thank-you.php */
.thanks h1 {
	color: #38774b;
	font-size: 31px;
}
.thanks h2 {
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	margin: 30px 0 20px 0;
}
.thanks .t-top {
	background-color: #f4f4f4;
	padding: 20px;
}
.thanks .t-top div {
	border-left: 4px solid #d1d1d1;
	padding: 10px;
}
.thanks p {
	margin: 0;
	line-height: 25px;
}
.thanks p+p {
	margin-top: 15px;
}
.thanks .inline-container {
	margin: 40px 0px;
}
.thanks .inline-8-12 {
	padding-left: 40px;
}
.thanks .iframeWrapper {
	padding-bottom: 54%;
    padding-top: 25px;
}
.thanks h3 {
	display: inline-block;
	color: #38774b;
	font-size: 24px;
	border-bottom: 4px solid #d1d1d1;
}
.thanks a {
	color: #ec843a;
}
.thanks a:hover {
	color: #38774b;
}
.thanks a i,
.thanks a span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.thanks a i {
	font-size: 18px;
}
.thanks .rev {
	background-color: #f4f4f4;
	padding: 20px;
}
.thanks .rev .inline-container {
	margin: 0;
}
.thanks .inline-3-12 {
	padding-right: 20px;
}
.thanks .inline-9-12 {
	padding-right: 20px;
}
.thanks .inline-9-12 p {
	font-size: 13px;
	line-height: 20px;
}
.thanks .inline-4-12 img {
	transition: all .2s ease-in-out;
}
.thanks .inline-4-12 img:hover {
	transform: scale(1.03);
}


/* FAQ */
.qbox {
    position: relative;
    background: #fff;
    color: rgba(8, 121, 69, 1);;
    box-sizing: border-box;
    font-size: 16px;
}
.qbox .q:hover {
    color: #000;
}
.qbox .q {
    cursor: pointer;
    padding: 35px 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
}
.qbox .q b {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    margin-right: 10px;
    font-weight: 300;
    position: absolute;
    right: 0;
    top: 30px;
}
.qbox .q span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 40px;
}
.qbox .a {
    display: none;
    padding: 0;
    color: #000;
    line-height: 28px;
    margin-bottom: 60px;
}
.qa {
    padding-left: 40px;
    padding-bottom: 100px;
}

/* NEW INLINE */
.inline-con {
    font-size: 0;
}
.inline-con.vcenter .inline {
    vertical-align: middle;
}
.inline-con.hcenter,
.inline-con.icenter .inline {
    text-align: center;
}
.inline-con.lright .inline:last-child {
    text-align: right;
}
.inline-con .inline:last-child {
    margin-right: 0;
}
.inline {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
}
.i1 {   width: calc(1*(100% - 165px)/12 + 0*(15px));    }
.i2 {   width: calc(2*(100% - 165px)/12 + 1*(15px));    }
.i3 {   width: calc(3*(100% - 165px)/12 + 2*(15px));    }
.i4 {   width: calc(4*(100% - 165px)/12 + 3*(15px));    }
.i5 {   width: calc(5*(100% - 165px)/12 + 4*(15px));    }
.i6 {   width: calc(6*(100% - 165px)/12 + 5*(15px));    }
.i7 {   width: calc(7*(100% - 165px)/12 + 6*(15px));    }
.i8 {   width: calc(8*(100% - 165px)/12 + 7*(15px));    }
.i9 {   width: calc(9*(100% - 165px)/12 + 8*(15px));    }
.i10 {  width: calc(10*(100% - 165px)/12 + 9*(15px));   }
.i11 {  width: calc(11*(100% - 165px)/12 + 10*(15px));  }
.nopad .inline {margin: 0;}
.nopad .i1 {    width: calc(1*(100%)/12);   }
.nopad .i2 {    width: calc(2*(100%)/12);   }
.nopad .i3 {    width: calc(3*(100%)/12);   }
.nopad .i4 {    width: calc(4*(100%)/12);   }
.nopad .i5 {    width: calc(5*(100%)/12);   }
.nopad .i6 {    width: calc(6*(100%)/12);   }
.nopad .i7 {    width: calc(7*(100%)/12);   }
.nopad .i8 {    width: calc(8*(100%)/12);   }
.nopad .i9 {    width: calc(9*(100%)/12);   }
.nopad .i10 {   width: calc(10*(100%)/12);  }
.nopad .i11 {   width: calc(11*(100%)/12);  }

/* schedule service */

.over.sch {
    position: relative;
    height: 250px;
    background-image: url('/images/top-house.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.over.sch span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
}
.over.sch span h1 {
    color: #fff;
}
.over.sch span h2 {
    color: #fff;
    font-size: 22px;
}
.over.sch.new {
	background-image: none;
	height: 100px;
	background-color: #fff;
}
.over.sch.new h1 {
	display: inline-block;
	margin: 0;
	color: #000;
	border-bottom: 2px solid #087945;
	padding: 0 20px 20px 20px;
	margin: 50px 0px 0px 0px;
}
.over.sch.new i.fa {
	font-size: 40px;
	margin-right: 15px;
	color: #087945;
}

.rcon span+br,
.rcon label+br {
	display: none;
}
.rpad20 { padding-right: 20px; }
.lpad20 { padding-left: 20px; }
.rpad40 { padding-right: 40px; }
.lpad40 { padding-left: 40px; }



.llinks a {
    display: block;
    padding: 15px 0px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    background: #f2f2f2;
    color: #3e3c3d;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}
.llinks a:hover {
    text-decoration: none;
}
/* forms new */
form.form.service {
    background: #f2f2f2;
    padding: 30px;
}
form.form div.dcon {
    position: relative;
    margin: 15px 0px;
}
form.form div.rcon {
	margin: 15px 0px;
    font-size: 13px;
}
form.form div.rcon label {
    display: inline-block;
    width: 150px;
    text-align: left;
    font-size: 14px;
}
form.form div.rcon span {
	font-size: 14px;
}
form.form div.dcon.half {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 15px/2);
    margin: 0;
}
form.form div.dcon.half+.half {
    margin-left: 15px;
}
form.form div.dcon label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 25px;
    transition: 0.2s ease all;
    color: #888;
    font-size: 14px;
    margin: 0;
    width: auto;
    text-align: left;
    font-weight: normal;
}
form.form div.dcon input[type="text"],
form.form div.dcon textarea {
    font-family: 'Montserrat';
    font-size: 14px;
    width: 100%;
    padding: 25px 10px 12px 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
form.form div.dcon select {
    width: 100%;
    padding: 17px 10px;
}
form.form div.dcon textarea:focus + label,
form.form div.dcon textarea:not(:placeholder-shown) + label {
    top: 10px;
    left: 10px;
    font-size: 9px;
    opacity: 1;
    transition: 0.2s ease all;

}
form.form div.dcon input:focus + label,
form.form div.dcon input:not(:placeholder-shown) + label {
    top: 15px;
    left: 10px;
    font-size: 9px;
    opacity: 1;
    transition: 0.2s ease all;
}
form.form input[type="submit"] {
    padding: 12px 30px;
    margin-top: 10px;
    border: 0;
    background:#eb2139;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
form.form input[type="submit"]:hover {
    background: #841321;
}




/****
TABLE
****/
.payment h3 {
	font-size: 18px;
	line-height: 28px;
	margin: 5px 0px 15px 0;
}
.payment .sub {
	color: #777777;
	font-size: 11px;
}
table.table {
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ccc;
}
table.table+table.table,
.cover+.cover {
	margin-top: 20px;
}
table.table.lright th:last-child,
table.table.lright td:last-child {
  text-align: right;
}
table.table th {
  padding: 15px 10px;
  text-align: left;
  font-weight: 800;
  font-size: 15px;
  background: #fff;
  white-space: nowrap;
}
table.table tbody tr:nth-child(odd) {
  background: #fafafa;
}
table.table tbody tr:nth-child(even) {
  background: #eee;
}
table.table tbody tr:nth-child(odd):hover {
  background: #ddd;
}
table.table tbody tr:nth-child(even):hover {
  background: #ddd;
}
table.table tbody th {
  text-align: left;
  padding: 10px;
}
table.table th.number {
  width: 30px;
}
table.table th.icons,
table.table td.icons {
  width: 100px;
  text-align: center;
}
table.table td {
  padding: 10px;
  font-size: 15px;
  position: relative;
}

table.table.last td {
	font-size: 18px;
	line-height: 35px;
}
table.table i.fa {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #949494;
  color: #949494;
  border-radius: 4px;
  padding: 10px;
  line-height: 15px;
  width: 15px;
  text-align: center;
  cursor: pointer;
}
table.table i.fa+i.fa {
  margin-left: 5px;
}
table.table a:hover i.fa {
  background: #f0f0f0;
}
table.table i.fa-trash {
  border-color: #ff0000;
  color: #ff0000;
  margin-left: 5px;
}
table.table i.fa-bars {
  border: 0;
  font-size: 20px;
  color: #000;
  cursor: move;
}


@media (max-width: 1500px) {

	/* TOPNAV */
	.hdr-cll2 {
		width: calc(100% - 166px);
	}
	.hdr-cll3 {
		display: none;
	}
	#hdr {
		padding: 0;
		width: 1200px;
		margin: 0 auto;
	}
	#topline {
		padding: 8px 0;
		margin: 0 auto;
	}
	#topline ul li:last-child {
		display: inline-block;
	}
	#hdr ul#topnav li:last-child {
		margin-right: 0;
	}
    #hdr ul#topnav li ul.drops li a {
    	font-size: 13px;
    }
    #hdr ul#topnav li {
    	margin: 0px 8px;
    	font-size: 16px;
    }

	/* WATER SOFTENER SILO */
	.ws-row .ws-txt {
		padding: 0px 100px;
	}
	.ws-row .ws-right .ws-txt {
		width: auto;
	}
	#fixedcorrection {
    	margin-top: 125px;
    }
	.ws-banner, .ws-banner2 {
		background-attachment: initial;
	}
	.ws-banner.v1 {
		background-position: center -100px;
	}
	.ws-banner.v2 {
		background-position: center center;
	}
	.ws-banner.v3 {
		background-position: 30% center;
	}
	.ws-banner2.v1 {
		background-position: center center;
	}
	.notablet {
		display: none;
	}

	/* blog */
	#topnav_blog a {
		display:none;
	}
	#topnav_blog a:last-child {
		display:inline-block;
	}
	.author { 
		display:none;
		position:static;
		float:left;
		margin-right:20px;
	}
	.author img {
		margin-top:20px;
	}
}
@media (min-width: 1400px) and (max-width: 1600px) {
	.cash img.cash-image {
		left: -150px;
	}
}
@media (min-width: 420px) and (max-width: 1400px) {
	.cash img.cash-image {
		left: -250px;
	}
}

@media (max-width:1200px) {
	#ftr1, #ftr2, #ftr3 {
		width:100%;
	}
	#ftr1 {
		padding: 20px 20px;
	}
	.ftr-space {
		width:9%;
	}
}
@media (max-width: 880px) {
	.h2overlap {
		font-size: 32px;
		padding:20px 25px 0px;
		top: -60px;
	}
	h2.blog-details {
		font-size:19px;
		margin: 45px 0px 0px;
		line-height:24px;
	}
	.blog-cont h2 {
		margin-left:18px;
	}
}
@media (max-width: 768px) {
	.inline-6-12, .inline-7-12, .inline-5-12 {
		width:100%;
	}
	.blog-cont .leftpad10 {
		padding-left:0px;
	}
	.blog-cont .rightpad20 {
		padding-left: 20px;
    	padding-bottom: 20px;
	}
	#ftr1-container, #ftr2-container, #ftr3-container {
		display:none !important;
	}
	#ftr-mob {
		display:block;
	}
	#bdy-clear .simpleinline.intro { 
		padding:0px 40px; 
	}
	.blog-cont p {
		padding: 0px 20px;
	}
}


@media (max-width: 420px) {

    .lpad10, .lpad20, .lpad40,
    .rpad10, .rpad20, .rpad40 {
        padding: 0;
    }


    .f6 {
        width: 100%;
    }


    .i1, .i2, .i3, .i4, .i5, .i6,
    .i7, .i8, .i9, .i10, .i11, .i12 {
        width: 100%;
        margin-right: 0;
    }
    .m1, .m2, .m3, .m4, .m5, .m6,
    .m7, .m8, .m9, .m10, .m11, .m12 {
        width: 100%;
        margin-right: 0;
    }
    .m1 {
        width: calc(1*(100% - 165px)/12);
    }
    .m2 {
        width: calc(2*(100% - 165px)/12 + 1*(15px));
    }
    .m3 {
        width: calc(3*(100% - 165px)/12 + 2*(15px));
    }
    .m4 {
        width: calc(4*(100% - 165px)/12 + 3*(15px));
    }
    .m5 {
        width: calc(5*(100% - 165px)/12 + 4*(15px));
    }
    .m6 {
        width: calc(6*(100% - 165px)/12 + 5*(15px));
    }
    .m7 {
        width: calc(7*(100% - 165px)/12 + 6*(15px));
    }
    .m8 {
        width: calc(8*(100% - 165px)/12 + 7*(15px));
    }
    .m9 {
        width: calc(9*(100% - 165px)/12 + 8*(15px));
    }
    .m10 {
        width: calc(10*(100% - 165px)/12 + 9*(15px));
    }
    .m11 {
        width: calc(11*(100% - 165px)/12 + 10*(15px));
    }

	h2.ws {
		margin-top: 20px;
	}
	p.slim {
		width: 100%;
	}
	#breadcrumbs-container {
		display: none;
	}
	#sitewidth, #sb-site {
		min-width: 0;
	}
	/* chart_dec.inc */



	.leftpad10, .rightpad10, .leftpad20, .rightpad20, .leftpad40, .rightpad40 {
		padding: 0;
	}
	.inline-1-12, .inline-2-12, .inline-3-12, .inline-4-12, .inline-5-12, .inline-6-12, .inline-7-12, .inline-8-12, .inline-9-12, .inline-10-12, .inline-11-12 {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.mobinline-1-12 {
		width: calc(1*(100% - 110px)/12);
		margin-right: 10px;
	}
	.mobinline-2-12 {
		width: calc(2*(100% - 110px)/12 + 10px);
		margin-right: 10px;
	}
	.mobinline-3-12 {
		width: calc(3*(100% - 110px)/12 + 20px);
		margin-right: 10px;
	}
	.mobinline-4-12 {
		width: calc(4*(100% - 110px)/12 + 30px);
		margin-right: 10px;
	}
	.mobinline-5-12 {
		width: calc(5*(100% - 110px)/12 + 40px);
		margin-right: 10px;
	}
	.mobinline-6-12 {
		width: calc(6*(100% - 110px)/12 + 50px);
		margin-right: 10px;
	}
	.mobinline-7-12 {
		width: calc(7*(100% - 110px)/12 + 60px);
		margin-right: 10px;
	}
	.mobinline-8-12 {
		width: calc(8*(100% - 110px)/12 + 70px);
		margin-right: 10px;
	}
	.mobinline-9-12 {
		width: calc(9*(100% - 110px)/12 + 80px);
		margin-right: 10px;
	}
	.mobinline-10-12 {
		width: calc(10*(100% - 110px)/12 + 90px);
		margin-right: 10px;
	}
	.mobinline-11-12 {
		width: calc(11*(100% - 110px)/12 + 100px);
		margin-right: 10px;
	}
	.mobinline-12-12 {
		width: calc(12*(100% - 110px)/12 + 110px);
		margin: 0;
	}
	.mobinline-2 {
		display: inline-block;
		width: 48%;
		margin: 1%;
		box-sizing: border-box;
	}

	/* GENERAL */
	#hdr, #subnav-container, #ftr1-container, #ftr2-container, #ftr3-container, #topbar_blog {
		display: none;
	}


	.h2overlap {
	    font-size: 30px;
	    display: inline-block;
	    background: #fff;
	    color: #009143;
	    padding: 0px 20px;
	    position: static;
	    line-height: normal;
	    font-weight: normal;
	    margin: 15px 0px;
	}
	.h3overlap {
	    display: inline-block;
	    background: rgba(22, 152, 69, 0.5);
	    color: #fff;
	    padding: 10px 20px;
	    position: absolute;
	    left: 0px;
	    top: -60px;
	    height: 20px;
	    line-height: normal;
	    font-weight: normal;
	    font-size: 16px;
	}
	h2.blog-details {
		line-height: 28px;
	}
	#topline {
		padding: 4px 0px;
		font-size: 0;
		width: 100%;
		min-width: 0;
	}
	#topline ul {
		display: none;
	}
	#hdr-mob, #ftr-mob, #boxdrop-menu {
		display: block;
	}
	#bdy, .bdy, .new-bdy, #bdy-clear {
		width: 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.cons {
		padding: 20px;
	}
	.btn {
		font-size: 12px;
	}


	/* BUTTONS */
	.button.outline.darkgreen {
		box-shadow: inset 0px 0px 0px 5px rgba(0, 115, 54, 1);
		border-collapse: separate;

	}
	.button.outline.white {
		box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 1);
	}


	/* FORMS*/
	form.new input[name='city'] {
		width: 100%;
	}
	form.new select[name='state'] {
		width: calc(100% - 130px);
		margin: 0 10px 18px 0;
	}


	/* index.php */
	.index-banner img.newhome1 {
		width: 100%;
	}
	.index-banner img.newhome2 {
		display: none;
	}
	.index-banner .blur {
		display: none;
	}
	.index-banner .overlay {
		position: static;
		width: 100%;
		height: auto;
		padding: 20px;
		background: #e6e6e6;
	}
	.index-banner .overlay h1 {
		font-size: 25px;
		line-height: normal;
		width: auto;
		margin: 0;
		color: #000;
		text-shadow: none;
	}
	.index-banner .overlay h2 {
		font-size: 18px;
		line-height: normal;
		width: auto;
		margin: 0;
		color: #40948d;
		text-shadow: none;
	}
	.index-banner .overlay p {
		color: #000;
		font-size: 14px;
		text-shadow: none;
	}
	.index-banner .overlay a {
		width: auto;
		font-size: 13px;
		padding: 10px 15px;
	}
	.index-inline {
		width: 100%;
		padding: 10px;
	}
	.index h3 {
		font-size: 16px;
	}
	.index-reviews {
		width: calc(50%);
		padding: 20px;
	}
	.index-banner .overlay {
		min-width: 0;
	}

	/* WATER SOFTENER SILO */
	h2.ws br {
		display: none;
	}
	.ws-banner {
		min-width: 0;
		min-height: 500px;
		background-attachment: initial;
		background-position: top;
		background-size: cover;
	}	
	#fixedcorrection {
	    margin-top: 128px;
	}
	.ws-banner .overlay, .ws-banner2 .overlay {
		width: calc(100% - 40px);
		bottom: 20px;
		left: 20px;
		right: 20px;
		font-size: 13px;
		box-sizing: border-box;
	}
	.ws-banner.v1 {;
		background-position: 65% center;
	}
	.ws-banner.v2 {
		background-position: 65% center;
	}
	.ws-banner.v3 {
		background-position: 30% center;
	}
	.ws-banner2.v1 {
		background-position: 30% center;
	}
	.ws-banner.wh1 {
		background-position: -400px 0px;
	}
	.ws-banner.wh3 {
		background-position: -577px 0px;
	}
	.ws-banner3 {
		height: 200px;
	}
	.ws-banner3 .overlay {
		height: 100px;
	}
	.ws-banner3 .overlay h2 {
		font-size: 18px;
		margin-bottom: 0px;
	}
	.ws-banner3 .overlay img {
		width: 50px;
	}
	.ws-banner .overlay span {
		letter-spacing: 4px;
		font-size: 13px;
	}
	.ws-banner .overlay h1 {
		margin: 12px 0px;
	}
	.ws-banner .overlay p br {
		display: none;
	}
	.ws-banner .overlay p {
		font-size: 17px;
		line-height: 22px;
		font-weight: 500;
	}	
	.ws-banner2 .overlay {
		height: 223px;
		bottom: 0;
		top: 0;
	}
	.ws-banner2 .overlay h2 {
		font-size: 30px;
	}
	.ws-banner2 .overlay span {
		display: block;
		margin-bottom: 25px;
		font-size: 20px;
	}
	.ws-nav {
		display: none;
	}
	.ws-row {
		height: auto;
	}
	.ws-row .ws-right, .ws-row .ws-left {
		width: 100%;
		height: auto;
	}
	.ws-row .ws-txt {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		height: auto;
	}
	.ws-row .ws-txt h3 {
		margin: 25px 0px;
		font-size: 28px;
	}
	.ws-row .ws-left .ws-txt {
		padding-left: 20px;
	}
	.ws-row .ws-right .ws-txt {
		width: 100%;
	}
	.ws-row .ws-img {
		display: none;
	}
	.bnft-inline {
		width: 100%;
		padding: 0px;
		box-sizing: border-box;
	}
	img.form {
		display: block;
		margin: 0 auto;
		width: 150px;
	}

	/* schedule service */
	.over.sch.new {
		height: 75px;
	}
	.over.sch.new h1 {
		font-size: 17px;
		margin-top: 20px;
		padding: 15px 10px;
	}
	.over.sch.new h1 i.fa {
		font-size: 25px;
	}
	.con-white.schedule {
		padding-top: 0;
	}
	form.form.service {
		padding: 15px;
	}
	form.form.service .dcon.half {
		width: 100%;	
	}
	form.form div.dcon.half+.half {
		margin: 10px 0px;
	}
	.rcon span+br,
	.rcon label+br {
		display: block;
	}


	/* COMPARE */
	.compare-table {
		font-size: 11px;
	}
	.compare-size td:first-child {
		width: 140px;
	}
	.compare-size td {
		width: calc((100% - 140px)/3);
		padding: 2px;
	}
	.compare-size td img {
		height: 60px;
	}
	.compare-table td {
		width: calc((100% - 140px)/3);
		padding: 15px;
	}
	.nopadbot {
		padding-top: 10px;
	}
	.nopadbot, .nopadbot .bdy, .nopadbot td {
		padding-bottom: 0;
	}
	.nopadbot p:first-child {
		font-size: 11px;
		line-height: 13px;
	}


	/* commercial-case-studies.php */
	h2.inline {
		margin-bottom: 10px;
	}
	.h2sub {
		display: block;
		margin-left: 0;
	}
	.cs .com-inline {
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 8px solid #007336;
	}

	/* commercial-case-details.php */
	.hc-inline {
		width: calc(100% - 30px);
		margin: 15px;
	}

	/* water-filtration/ */
	h1.ws {
        font-size: 24px;
    }
    .watersoftener-top {
        min-width: 0;
        padding: 0;
    }
    .watersoftener-top .new-bdy img {
        width: 200px;
    }
    .watersoftener-title {
        font-size: 24px;
    }

    .waterfilter-top {
        min-width: 0;
        padding: 0;
    }
    .waterfilter-top .new-bdy img {
        width: 200px;
    }
    .waterfilter-title {
        font-size: 24px;
    }
    .ws-banner .overlay.switch span {
    	width: 100%;
    }



    /* shop */
    #shopnav-container {
    	display: none;
    }
    .shop-inline {
    	width: calc(50% - 10px);
    }

    .btn {
    	padding: 7px 17px;
    }
    h1.shop {
    	padding-top: 15px;
    }
    #m-container img {
    	max-width: 100%;
    }
    .shopinline-4 {
    	display: inline-block;
    	width: 50%;
    	box-sizing: border-box;
    	padding: 10px;
    }



    /* APAPURE */
    .apa-top {
    	min-width: 0;
    }
    .apa-top .apa-banner {
    	width: 200px;
    	top: 10px;
    	left: 10px;
    }
    .apa-top .apa-banner h1 {
    	margin-top: 10px;
    	font-size: 16px;
    	line-height: normal;
    }
    .apa-trap {
    	display: none;
    }
    .mob-center {
    	text-align: center;
    }
    .mob-center img {
    	height: 200px;
    }
    .chart .simpleinline:first-child {
    	border-right: 0;
    }

    /* BLOG */
    ul.blogfeed li {
    	width: 100%;
    	margin: 0;
    	border-bottom: 1px solid #d0d0d0;
    	height: auto;
    }
    ul.blogfeed li.lt {
    	border-top: 0;
    }
    ul.blogfeed li.lr {
    	border-right: 0;
    }
    ul.blogfeed li a {
    	padding: 20px 10px;
    	height: 390px;
    }

	/* first-time-offer-ext-warranty-registration.php */
	h2.plan-details {
	    cursor: pointer;
	    background: #009143;
	    color: #fff;
	    padding: 10px 10px 10px 15px;
	    position: relative;
	    margin-bottom: 0;
	    text-decoration: none;
	    font-size: 18px;
	}
	h2.plan-details img {
	    display: inline-block;
	    vertical-align: middle;
	    position: absolute;
	    right: 10px;
	    top: 14px;
	    width: 18px;
	}
	#plan-details {
	    display: none;
	    padding: 15px;
	    background: #f8f8f8;
	}



	/* PLUMBERS */
	.cm-box {
		width: 100%;
		margin: 15px 0;
	}
	form.new label.g-check {
		margin: 10px 0 0 0px;
		width: 100%;
		box-sizing: border-box;
	}
	.cm-banner .overlay {
		width: 100%;
	}
	.cm-banner .box {
		box-shadow: none;
		padding: 20px;
	}
	.file-row {
		padding: 0;
	}
	.bdy.certs {
		padding: 20px;
	}


    /* GENERAL */
    .popUpBox {
    	width: 90%;
    	margin: 0 auto;
    }


    /* new.php */
    .new-plum .bdy {
    	padding: 0;
    }
    .new-plum h1 {
    	font-size: 13px;
    }
    .new-plum h2 {
    	font-size: 30px;
    	width: auto;
    }
    .new-plum .inline-8-12 img {
    	width: 80px;
    	margin: 0px 5px;
    }
    .newtab .bdy {
    	padding: 0;
    }
    .ntabs-con {
    	display: none;
    }
    .ncontents {
    	padding: 20px 0;
    }
    .cases img {
    	height: 150px;
    }
    .cases .simpleinline:first-child {
    	padding: 0;
    }
    .cases h3 {
    	margin: 15px 0;
    }
    .form1, .form2 {
    	width: 100%;
    }
    .form2 form.new input[name='company'],
    .form2 form.new input[name='name'],
    .form2 form.new input[name='email'],
    .form2 form.new input[name='home_phone'],
    .form2 form.new input[name='zipcode'],
    .form2 form.new input[name='url'] {
    	width: 100%;
    	margin: 10px 0;
    }
    .cash img.cash-image {
    	display: none;
    }
    .cash-inline {
    	border-right: 0;
    	border-bottom: 1px solid #c9c9c9;
    }
    .cash-inline:first-child,
    .cash-inline:last-child {
    	border-bottom: 0;
    }
    .filters-con {
    	display: none;
    }
    hr.fltr {
    	display: none;
    }
    .filters-mob {
    	display: block;
    }
    .filters-mob label {
    	display: block;
    	font-size: 12px;
    	font-weight: bold;
    	margin-bottom: 5px;
    }
    .filters-mob select {
    	width: 100%;
    	padding: 10px;
    	box-sizing: border-box;
    	border-radius: 3px;
    }


	/* SURVEYS */
	.survey-table {
		width: 100%;
		max-width: none;
	}
	.question {
		font-size: 12px;
	}
	.survey-table .inline-2-10 {
		font-size: 12px;
	}
	.inline-2-10 {
		width: calc(50% - 20px);
		margin: 5px 10px;
	}
	.inline-2-10 .space5 {
		height: 2px;
	}


	/* leadership */
	.lid-inline {
		width: 50%;
	}
	.lid-inline span {
		line-height: normal;
		font-size: 15px;
	}
	.lid-inline i {
		font-size: 12px;
	}
	.leadership-container h2 {
		padding-top: 15px;
	}
	.lid-top {
		text-align: right;
	}
	.lid-top img {
		height: 180px;
		margin-right: 10px;
	}
	.lid-top .bdy .name b {
		font-size: 24px;
	}
	.lid-top .bdy .name {
		font-size: 17px;
		padding: 15px;
	}
	.lid-top {
		background-image: url('images/lig-bg-mob.jpg');
	}
	.bdy.lead #quote {
		width: 100%;
	}
	.lead.bdy #quote-container #quote div {
		font-size: 20px;
	}

	.quotes-down, .quotes-up {
	    width: 20px;
	}


	/* pros */

	.pros-con img {
		position: absolute;
		top: -20px;
		right: -20px;
		width: 70px;
		padding: 15px;
		background: #fff;
	}
	.pros-con .inline-5-12 {
		margin: 15px 0px;
	}


	.compare-table.compare-size.new td {
		padding: 10px;
	}


	/* chart_dec.inc */
	.chart-dec tr td {
		font-size: 12px;
	}

	.thanks .inline-8-12 {
		padding: 0;
	}
	.thanks .inline-3-12 {
		padding: 0;
	}



  /*****
  COVER
  ******/
  .cover {
    width: 100%;
    overflow-x: scroll;
  }

	.justmobile {
		display: block;
	}
	.nomobile {
		display: none;
	}
}