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

a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;
	color: rgb(24, 149, 211);
}

a:hover {
	color:#4D51F0;
}
a:active,
a:focus {
}


::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}


img { display: block; border: 0; max-width: 100%; }

@media only screen and (min-width: 768px) {
	
	#my-menu, a.mobileNav, nav, #partnersMobile{
		display:none !important;
	}
}


/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (max-width: 900px) and (min-width: 767px) {
	
	#my-menu, a.mobileNav, nav/*, #parnters*/  {
		display:none !important;
	}


	blockquote {
		margin:10px;
	}
	
	.featured-thumbnail img {
		margin-top:0;
	}
	
	#taglineWrapper #tagline p {
		padding-top:2px;
	}

	#header, #taglineWrapper #tagline, #banner, #contentWrapper, #servicesWrapper #services, #demoWrapper #demo, #cleanWrapper #cleanWater, #homecontactWrapper #contactwrap, .panel-left-wide, .wrap, #ecoWrapper #ecoProducts, #ecoWrapper #ecoProducts .left, #ecoWrapper #ecoProducts .right, #footer, #partnersWrapper #partnersMobile {
		width: 98% !important;
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
		padding:0;
		float:none;
		}
		
		 #partnersWrapper #partnersMobile {
			 display: block !important;
		 }
		
		div.anythingSlider .anythingControls ul {
			margin-right:-50px !important;
		}
		
		 .home-contact-left, .home-contact-right, .home-contact-left p {
			width:360px !important;
			}
		
		#demoWrapper {
			height:auto !important;
			padding:15px 5px;
		}
		
	
		#demoWrapper br {display:none;}
		
		#services ul li#exp, #services ul li#est, #services ul li#serv, #services ul li#eco {
			margin-left:5%;
			margin-right: 5%;
		}
		
		#cleanWrapper {
			padding:20px 0 0 0;
		}
		
		#cleanWrapper #cleanWater {
			padding-bottom:370px;
			background-position:bottom center;
			background-size:90%;
			}
		
		.residential1 {
			height:auto !important;
		}
		
		 .panel-left, .panel-right{
			 width:50%;
		 }
		 
		 .panel-left img {
			 float:left;
			 margin-left:0;
		 }
		 .panel-right img {
			 float:right;
			 margin-right:0 !important;
		 }
		 .panel-left img, .panel-left-wide img, .panel-right img{
			 width:90%;
			 height:auto;
		 }
		 
		 .indent {
			 margin-left:20px;
		 }
		 
		 .panelImg {
			 margin-right:10px;
		 }
		
		iframe {
			width:100%;
		}
		
		
		#contentWrapper #content {
			width:60%;
		}
		
		#contentWrapper #sidebar {
			width:34%;
			float:right;
		}
	
	#content ul, #content ol {
		margin:20px 10px;
	}
	
	
	a.btn.left, a.btn.right, a.btn.left.indent {
		float:none;
		margin:0 auto;
		clear:both;
		display:inline-block;
		margin-bottom:15px;
	}
	

	

	ul.socialsFooter li#bbb a {
		border-left:none;
		margin-top:25px;
		
	}
	
	ul.socialsFooter li#quality a {
		margin-right:0;
		margin-top:25px;	}
	
	ul.socialsFooter li#quality a:hover {
		margin-right:0;
	}
	
	#footer {
		padding-top:20px;
		
	}
	


}




/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
	
		#nav/*, #parnters*/ {
		display:none;
		}
		
		#header, #banner, #demoWrapper #demo, #servicesWrapper #services, #homecontactWrapper #contactwrap, .home-contact-left, .home-contact-right, .home-contact-left p, #partnersWrapper #parnters, #ecoWrapper #ecoProducts, #footer, #contentWrapper, #taglineWrapper #tagline, #cleanWrapper #cleanWater, #ecoWrapper #ecoProducts .left, #ecoWrapper #ecoProducts .right, #contentWrapper #content, #contentWrapper #sidebar, iframe, .panel-left, .panel-left-wide, .panel-right, .wrap, #sidebar {
		width: 98% !important;
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
		padding:0;
		float:none;
		}

		 #partnersWrapper #partnersMobile {
			 display: block !important;
		 }
		
	div.anythingSlider .anythingControls ul {
		margin-right:-30px !important;
	}


	#banner br {display:none;}
	#banner h1 {
		margin-top:10px;
		margin-bottom:15px;
		font-size:21px;
	}
		
		
	#demoWrapper {
			height:auto !important;
			padding:15px 5px;
			text-align:center;
			
	}
	#demoWrapper #demo p {
		clear:both;
	}
	
	#demoWrapper br {display:none;}
	
	#demoWrapper #demo ul {
		margin-bottom:30px;
		float:none;
        text-align: center;
    }

    #demo ul li {
        display:inline-block;
    }
	
	#demo li#schedule a {
		margin-left:15px;
	}
	

	#services ul li#exp, #services ul li#est, #services ul li#serv, #services ul li#eco {
		margin-left:5%;
		margin-right: 5%;
	}
	
	#cleanWrapper {
		padding:20px 0 0 0;
	}
	
	#cleanWrapper #cleanWater {
		padding-bottom:270px;
		background-position:bottom center;
		background-size:100%;
		}
	

		 .residential1 {
			height:auto !important;
			 width:100%;
		 }
		 
/*		 .panel-right img, .panel-left img, #panelFour img, .featured-thumbnail img {
			 margin:20px auto !important;
			 float:none;
			 width:100%;
			 height:auto;
		 }
		 
*/		 
	
	a.btn.left, a.btn.right, a.btn.left.indent {
		margin:0 auto;
		display:inline-block;
		margin-bottom:15px;
	}
	
	
		#header #contactWrapper {
			margin-right:65px;
			margin-top:10px;
			margin-bottom:0;
		}
		
		#header #socialHeader {
			float:right;
			margin-top:65px;
			margin-right:-245px;
		}
		
	#header #contactWrapper h1, #header #contactWrapper h2 {
		margin:0
	}
	
	#taglineWrapper #tagline p {
		padding-top:5px;}
	
	iframe {
		height:auto;
	}

	#content ul, #content ol {
		margin:20px 10px;
	}
	
	
	#panelthreeWrap h2 {
		text-align:left;
	}
	
	blockquote {
		margin:10px;
	}



	ul.socialsFooter {
		float: left;
	}
	
	
	ul.socialsFooter li#bbb a {
		border-left:none;
		margin-left:5px;
		padding-left:0;
		background-position:0 0 ;
		
	}
	
	ul.socialsFooter li#bbb a:hover { background-position: 0 -81px; }
	
	
	
	#footer #socialFootersWrapper {
		float:left;
		margin-left:25px;
	}
	
	#seoteric-wrap {
		float:left;
		margin-right: 15px;
	}
	
	.numbers, .address {
		margin-bottom:20px;
	}
	
	
	#footer {
		padding-top:10px;
		
	}
	
	.mobile-hide {
		display: none;
	}
    #gform_wrapper_4 .gfield {
        height: auto !important;
    }
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 479px) {

		#nav/*, #partnersWrapper #parnters*/ {
			display:none !important;
		}
		
		.ngg-gallery-thumbnail img {
			width:84px;
		}
		

	#header, #banner, #demoWrapper #demo, #servicesWrapper #services, #homecontactWrapper #contactwrap, .home-contact-left, .home-contact-right, .home-contact-left p, #ecoWrapper #ecoProducts, #footer, #contentWrapper, #taglineWrapper #tagline, #cleanWrapper #cleanWater, #ecoWrapper #ecoProducts .left, #ecoWrapper #ecoProducts .right, #contentWrapper #content, #contentWrapper #sidebar, iframe, .panel-left, .panel-left-wide, .panel-right, .wrap, #paneloneWrap, #sidebar, #partnersWrapper #parnters {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:0;
	float:none;
	}
		 #partnersWrapper #partnersMobile {
			 display: block !important;
		 }
		
		div.anythingSlider .anythingControls ul {
			margin-right:-30px !important;
		}

	#banner br {display:none;}
	#banner h1 {
		margin-top:10px;
		margin-bottom:15px;
		font-size:21px;
	}
	#demoWrapper {
			height:auto !important;
			padding:15px 5px;
			text-align:center;
			
	}
	
	#demoWrapper br {display:none;}
	
	#demoWrapper #demo ul {
		margin-bottom:30px;
		float:none;
        text-align: center;
    }

    #demo ul li {
        display:inline-block;
    }
	
	#demo ul li a {
		padding:10px;
		margin-left:0px;
		font-size:15px;
	}
	
	#services ul li#exp, #services ul li#est, #services ul li#serv, #services ul li#eco {
		margin-left:5%;
		margin-right: 5%;
	}
	
	#cleanWrapper #cleanWater {
		background-position: center bottom;
        background-size: contain;
        padding-bottom: 220px;
    }
	#services ul li {
    	height: auto;
	}
	
		 .residential1 {
			height:auto !important;
			 width:100%;
		 }
		 
/*		 .panel-right img, .panel-left img, #panelFour img, .featured-thumbnail img {
			 margin:20px auto !important;
			 float:none;
			 width:100%;
			 height:auto;
		 }
		 
*/		 
		 
	a.btn.left, a.btn.right, a.btn.left.indent {
		float:none;
		margin:0 auto;
		clear:both;
		display:inline-block;
		margin-bottom:15px;
	}
	
	
	#logo-wrap {
		height:70px;
	}
	
	#logo {
		width:100px;
		background-size:100%;
		background-repeat:no-repeat;
		margin-top:0px;
	}
	
	#header #contactWrapper {
		margin-top:85px;
	}
	
	#header #contactWrapper h1 {
		font-size:14px;}
	
	#header #contactWrapper h1, #header #contactWrapper h2 {
		margin:0
	}
	
	#panelthreeWrap h2 {
		text-align:left;
	}
	
	ul.socials li#facebook a {
		margin-left:0;
	}
	
	#taglineWrapper #tagline p {
		font-size:12px;
		padding-top:4px;}
	
	#header #socialHeader {
		float:left;
	}

	iframe {
		height:auto;
	}


	#content ul, #content ol {
		margin:20px 10px;
		}
		
	
	blockquote {
		margin:10px;
	}

	ul.socialsFooter li#bbb a {
		border-left:none;
		margin-left:5px;
		padding-left:0;
		background-position:0 0 ;
		
	}
	
	ul.socialsFooter li#bbb a:hover { background-position: 0 -81px; }
	
	ul.socialsFooter {
		float: right;
	}
	
	
	
	#footer #socialFootersWrapper {
	}
	
	#seoteric-wrap {
	}
	
	.numbers, .address {
		margin-bottom:20px;
	}
	
	#footer {
		padding-top:10px;
		
	}
	
	.mobile-hide {
		display: none;
	}
    #gform_wrapper_4 .gfield {
        height: auto !important;
    }
	
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}