@charset "utf-8";
/* CSS Document */

.wrap {
	width:1000px;
	padding:20px 0;
	margin:0 auto;
}

hr {
	display: block;
	position: relative;
	padding: 0;
	margin: 20px auto;
	width: 100%;
	clear: both;
	border: none;
	background:url(../images/hr.jpg) repeat-x top left;
	font-size: 1px;
	height:4px;
	line-height: 0;
	overflow: visible;}
	
.clear {clear: both;}

#logo-wrap { float:left; margin:0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:9px;
	width:146px; 
	height:106px;
	background: url(../images/logo.jpg);
}
#logo span{  display: none;}

/* SOCIALS UL */
ul.socials { margin:0; padding:0; list-style-type:none;}
ul.socials li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.socials li a { display:block; background: url(../images/social-header.jpg) no-repeat top left; width:19px; height:19px; float:left; margin-left:10px; }

/* SOCIALS BUTTONS */
ul.socials li#facebook a { background-position: 0 0; }
ul.socials li#twitter a { background-position: -29px 0; width:24px;}
ul.socials li#linkedIn a { background-position: -64px 0;}
ul.socials li#addto a { background-position: -96px 0; }


/* SOCIALS OVER STATES */
ul.socials li#facebook a:hover { background-position:0 -20px; }
ul.socials li#twitter a:hover { background-position: -29px  -20px; }
ul.socials li#linkedIn a:hover { background-position: -64px -20px; }
ul.socials li#addto a:hover { background-position: -96px -20px; }


/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:normal;
	margin-bottom:0;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:right;
	margin-left:20px;
/*	border-bottom:1px solid #efefef;	
*/	position:relative;
}

#nav li.drop:hover {
	background:url(../images/arrow-drop.png) no-repeat bottom left;
	border-bottom:1px solid #efefef;
}

#nav a{
	display:block;
	color:#515151;
	padding:0 0 11px 5px;
	text-decoration:none;
}
#nav a:hover{
	color:#1895d3;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#EFEFEF; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style:none;
	position:absolute;
	left:-9999px;
	border: 1px solid #1895d3; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    padding: 0;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin:0;
	font-size:14px;
	border-bottom:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:-2px; /* Bring back on-screen when needed */
	z-index:99999;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	padding:3px 20px 5px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#1895d3;
	color:#FFF;
}


#demo ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#demo ul li {
	display:inline;
}

#demo ul li a {
	float:left;
	display:block;
	padding:20px ;
	margin-left:30px;}

	
#demo li#schedule a, #demo li#diagnosis a, .btn.purple,  a.btn.purple {
	background:#4d51f0;
	text-decoration:none;
	color:#FFF !important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#demo li#diagnosis a {
	background:#2eb0f0;}
	
#demo li#diagnosis a:hover, .btn:hover, .arrow:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover {
	background:#FFF;
	color:#4d51f0;
	cursor:pointer;
}

a.btn {
	background: #FFF;
    padding: 10px 15px;
    color: #1895d3 !important;
    text-shadow: none;
    text-decoration: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #1895d3;
}

a.btn:hover {background:#FFF;
	color:#4d51f0 !important;
	cursor:pointer;
	border: 1px solid #1895d3;}

#demo li#schedule a:hover {
	background:#FFF;
	color:#1895d3;
}
#sidebar .btn {
	display:block;
	clear:both;
	text-align:center;
	padding:20px 0;
}

#services ul {
	margin:0;
	padding:0;
	list-style-imtem:none;
	text-align: center;
}

#services ul li {
	display: flex;
    flex-direction: column;
	width:186px;
    padding: 0;
/*	height:90px;
    padding:190px 0 0 0;
/*	background:url(../images/features-2023.jpg) no-repeat top left;*/
	text-align:center;}
	
#services ul li#exp {
	background-position:-5px 0;}
	
#services ul li#est {
	background-position:-190px 0;
	margin-left:10%;
	margin-right: 10%;
	}
	
#services ul li#serv {
	background-position:-370px 0;
	/*margin-left:85px;*/
	}
	
#services ul li#eco {
	background-position:-560px 0;
	/*margin-left:85px;*/
	}
	
#services ul li h1 {
	font-weight:300; font-size:22px;}

#services ul li h2 {
	font-weight:400; font-size:14px;}
	
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .btn {
	background:#1895d3; padding:10px 15px; color:#FFF; text-shadow:none; text-decoration:none; -webkit-border-radius: 5px; border-radius: 5px;
	margin:10px 0; border:none;}
	
.arrow {
	background:url(../images/btn-arrow.jpg) no-repeat 85% 55% #1895d3; padding:10px 55px 10px 40px; text-shadow:none; text-decoration:none; -webkit-border-radius: 5px; border-radius: 5px; margin:10px 0; color:#FFF; border:1px solid #1895d3;
}


.third {float: left; width: 220px;}


#content a {
	color:#1895d3;
}


#content ul, #content ol {
	margin:20px 30px;
	padding:0;
	font-size:16px;
	list-style-type:none;
}

#content ul ul, #content ol ol {
	margin:	0 10px;
	font-size:14px;
	padding-top:5px;
}

.page-id-370 #content li {
	display: inline-block;
width: 25%;
}

#content li {
	padding:5px 0 5px 25px;
	background:url(../images/content-li.png) no-repeat 0 3px;
}

#content ol {
	list-style: decimal;
}

#content ol li {
	background:none;
	padding-left:0;
}
#content ol ol li {
	list-style-type:lower-alpha;
	margin-left:8px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:15px;
}

h1 {
	text-shadow:1px 1px 1px #FFF;
	font-size:30px;
	font-weight:300;}


h2 {
	font-weight:500 !important;
}

h3 {
	color:#1895d3;
	font-weight:700;
	font-size:21px;
}

h4 {
	background:#2EB0F0;
	color:#fff;
	padding:4px;
	font-weight:500;
	font-size:18px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

h5 {
	font-size:16px;
	background:#666;
	color:#FFF;
	padding:4px;
	margin-bottom:10px;
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
	
h6 {
	font-size:16px;
	margin-bottom:5px;
}
	
blockquote {
	margin:20px 40px;
	border:1px solid #FFF;
	background:#2EB0F0;
	color:#FFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-style:italic;
	padding:20px 20px 1px ;
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .5);
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .5);
	line-height:normal;
}
blockquote p{
	line-height:24px;
}
	
.gform_body ul {
	margin-left:0 !important;
}

.gform_body li {
	background:none !important;
	padding-left:0 !important;}


/* SOCIALS FOOTER UL */
ul.socialsFooter { margin:0; padding-left:0; float:right; list-style-type:none;}
ul.socialsFooter li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.socialsFooter li a { display:block; background: url(../images/footer-links-bg.jpg) no-repeat top left; float:left;}

/* SOCIALS FOOTER BUTTONS */
ul.socialsFooter li#bbb a { background-position: 40px 0; width:48px; height:81px; margin-right:35px; border-left:1px solid #cccccc; padding-left:40px; }
ul.socialsFooter li#quality a { background-position: -104px 0; width:59px; height:81px; margin-right:33px; }
ul.socialsFooter li#facebook a { background-position: -208px 0; width:29px; height:29px; margin-right:20px; margin-bottom:15px; }
ul.socialsFooter li#twitter a { background-position: -258px 0; width:40px; height:29px; margin-bottom:15px; }
ul.socialsFooter li#linkedIn a { background-position: -208px -44px; width:29px; height:29px; margin-right:20px; clear:left;}
ul.socialsFooter li#addto a { background-position: -262px -44px; width:29px; height:29px;  }


/* SOCIALS FOOTER OVER STATES */
ul.socialsFooter li#bbb a:hover { background-position: 40px -81px; width:48px; height:81px; margin-right:35px;}
ul.socialsFooter li#quality a:hover { background-position: -104px -81px; width:59px; height:81px; margin-right:33px; }
ul.socialsFooter li#facebook a:hover { background-position:-208px -82px; }
ul.socialsFooter li#twitter a:hover { background-position: -258px  -82px; }
ul.socialsFooter li#linkedIn a:hover { background-position: -208px -126px; }
ul.socialsFooter li#addto a:hover { background-position: -262px -126px; }

#seoteric-wrap { float:right; margin:0 ;}
	
#seoteric {
  	display: block;
	float:right;
	width:113px; 
	height:80px;
	background: url(../images/footer-links-bg.jpg) top right no-repeat;
}

#seoteric:hover {
	background-position:-334px -82px;}

#seoteric span{  display: none;}
#header #contactWrapper h2.h1 {
	font-size:18px;
	font-weight:normal;
}
#header #contactWrapper h2.h1 a {
	color:#1895d3;
	text-decoration:none;
}

#header #contactWrapper h2 {
	font-size:12px;
}
#banner h1 {
	margin-top:62px;
	margin-bottom:37px;
	color:#1895d3;
	font-weight:normal;
	font-size:25px;
}
#banner h2 {
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:0;
}
#demoWrapper #demo ul {
	float:right;
	margin-top:7px;
}
#demoWrapper #demo p {
	font-size:18px;
	font-weight:300;
	line-height:normal;
	margin:-7px 0 0 0;
}
#servicesWrapper #services h1 {
	text-align:center;
	font-weight:300;
	margin-bottom:10px;
    font-size:30px;
}
#servicesWrapper #services ul {
	margin-bottom:40px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
#servicesWrapper #services p {
	text-align:center;
    line-height: normal;
}
#cleanWrapper #cleanWater h2 {
	font-weight:300;
	font-size:30px;
	margin-bottom:25px;
}
#cleanWrapper #cleanWater p {
	line-height:30px;
	font-size:16px;
	margin-bottom:30px;
}
#partnersWrapper #parnters h1,
#partnersWrapper #parnters h2 {
	font-size:18px;
	font-weight:700 !important;
	margin-bottom:20px;
	text-shadow:none;
}
#ecoWrapper #ecoProducts h3 {
	font-size:14px;
	font-weight:bold;
	color:#1895d3;
	margin-bottom:20px;
}
#taglineWrapper #tagline p {
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:normal;
}





		/* wordpress image captions */
    .wp-caption{
/*        border: 1px solid #ddd;*/
        text-align: center;
		color:#ffffff;
		padding-top:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
    }

    .wp-caption.alignright {
        float:right;
        margin:0 0 10px 10px !important;
    }

    .wp-caption.alignleft {
        float:left;
        margin:0 20px 15px 0 !important;
    }

    .wp-caption.aligncenter{
        display: block;
        margin:10px auto;
    }

    .wp-caption img {
        margin: 0;
        padding: 0;
		-webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		border:1px solid #FFF;
		-webkit-border-radius: 5px;
		border-radius: 5px;

    }

    .wp-caption p.wp-caption-text {
        font-size: 12px;
        text-align: center;
        padding: 9px 0 4px 0;
        margin: -10px 8px 0px 0px;
		color:#ffffff;
		background:#1895D3;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-shadow:1px 1px 1px #1E4C64;
		line-height:normal;
    }
	
.page-id-5 .wp-caption-text{
	height:45px;

}

#gform_wrapper_4 {background: url(../images/gform-bg.png);
	width: 88%;
	border: 3px solid #C0C0C0; 
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    }
	
#gform_wrapper_4 .gform_heading {
	text-align: center;
	font-size: 24px;
	margin-top: -15px;
	
}
#gform_wrapper_4 .gfield_label {
	color: #ffffff;
	width: 65px !important;
	font-size: 16px;
	margin-top: 2px !important;
}

#gform_submit_button_4 {font-weight: bold !important;}

#gform_wrapper_4 .gfield { height: 30px !important;}
#gform_wrapper_4 .ginput_container {height: 30px !important;}

.home-contact-left {
	float: left; width: 550px; margin-right: 25px;
	
}

.home-contact-left p {width: 500px;}
.home-contact-right {
	float: left; width: 400px !important;
	
	
}
.iframeContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.iframeContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.page-template-page-flexible-content-2020 #sidebar #gform_wrapper_4 {
    width: 100%;
}
.page-template-page-flexible-content-2020 #sidebar ul {
    padding: 0;
}

/*img.alignright {
        float:right;
        margin:0 0 10px 10px !important;
		-webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		border:1px solid #FFF;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding:3px;
    }

img.alignleft {
        float:left;
        margin:0 5px 15px 5px !important;
 		-webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		border:1px solid #FFF;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding:3px;
   }

img.aligncenter{
        display: block;
        margin:10px auto;
  		-webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
		border:1px solid #FFF;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding:3px;
  }

*/
.page-id-498 .post-content.page-content ul {
    columns: 3;
    column-gap: 20px;
    margin: 20px 0 !important;
}

/*////////////////////////////////////////////////////////////////////////////////////////
		CONVERSION PANEL
////////////////////////////////////////////////////////////////////////////////////////*/	

		.panel.conversion,
		.page-template-page-flexible-content .panel.conversion {
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 70%, rgba(250,250,250,1) 70%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 70%,rgba(250,250,250,1) 70%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,1) 70%,rgba(250,250,250,1) 70%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFAFA',GradientType=1 ); /* IE6-9 */
		padding:0;}
		.panel.conversion .overlay {
			background:url(images/conversion-bg.png) no-repeat top center;
			background-size:cover;
			padding:50px 0;	}
/*////////////////////////////////////////////
	CONVERSION PANEL STYLES
////////////////////////////////////////////*/	

.testimonials .flexslider .slides li img {
    float: left;
    width: auto;
    border-radius: 50%;
    max-width: 100px;    
    margin-right: 25px;
}
.testimonials .flexslider .slides li ul.clientInfo {
    margin-top: 8px;
}
.testimonials .flexslider .slides li ul.clientInfo,
.testimonials .flexslider .slides li ul.clientInfo li {
    list-style-type: none;
}
.testimonials .flexslider .slides li ul.clientInfo li {
    padding: 1px 0;
}

	.container {
		max-width: 1100px;
		margin: 0 auto;
	}
	.thirty.contact,
	.seventy.testimonials{
		width: 30%;
		float: left;
		box-sizing: border-box;
		background:#fafafa;
	}
	.seventy.testimonials {
		width: 70%;
		background:#FFF;
	}

        /*HOME CLIENT LOGOS*/
	.flex-control-nav {
		display: none;
	}
		ul.logos {
			display: flex;
			margin: 0;
			padding: 0;
			border: none;
			text-align: center;
			align-items: center;
		}
        ul.logos li {
/*            box-sizing: border-box;
            margin: 25px 0px;
            width: 33%;
            padding: 0 15px;
            display: inline-block;*/
        }
        ul.logos li img {
            vertical-align: -webkit-baseline-middle;
/*            -webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 
            filter: grayscale(100%);*/
        }
        ul.logos li img:hover {
/*            -webkit-filter: grayscale(0%);  Safari 6.0 - 9.0 
            filter: grayscale(0%);*/
        }

.fifty {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}
@media only screen and (max-width: 767px) {
	.seventy.testimonials,
	.thirty.contact,
    .fifty {
		width: 100%;
        float: none;
	}
}
@media only screen and (max-width: 599px) {
    .page-id-498 .post-content.page-content ul {
        columns: 2;
    }

	.page-id-370 #content li {
	width: 100%;
	}
}
@media only screen and (max-width: 479px) {
    .page-id-498 .post-content.page-content ul {
        columns: 1;
    }
}