@charset "UTF-8";
/*-------------------------------------------------------

Lester Water

date:      09/02/15
author:    DesignDesign Inc
website:   lesterwater.com

	FONTS
	Fertigo (TypeKit) 'fertigo-pro' 400
	Trebuchet (system font) "Trebuchet MS"  400, 700
	
	BRAND COLOR PALETTE 
	#228bcc /* Blue 
	#253d89 /* Dark Blue
    #091a46 /* Deep Blue
    #2ab4cd /* Teal Blue 
	#ef8735 /* Orange 
	#beeef8 /* Light Aqua
	#eaf7fc /* Pale Blue
*/

   /* #2293A8  /* Dk Teal Blue */
   /* #C9610F /* Dk Orange */
	

a {
	transition: 300ms ease-out;
	color: #228bcc /* Blue */;
}

a:hover {
	color: #253d89 /* Dark Blue */;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}


/* Typography
-----------------------------------------------------------------------------*/
body {font-family:"Trebuchet MS", Verdana, sans-serif;}
h1, h2, h3, h4 {
	font-family: "fertigo-pro",sans-serif;
}
h5, p, li {font-family:"Trebuchet MS", Verdana, sans-serif;}
p.title {font-family: "fertigo-pro",sans-serif;}
p.large {font-size: 1.25rem;}

/* ELEMENTS
-----------------------------------------------------------------------------*/

.row.full { width: 100%; max-width: 100%; }
/*.row.full>.column:first-child,
.row.full>.columns:first-child { padding-left: 0; }
.row.full>.column:last-child,
.row.full>.columns:last-child { padding-right: 0; } */

hr {border: solid 1px #2ab4cd;  /* Teal Blue */}

ul.list_no-style {list-style:none;}

.bluebkg {background-color:#228bcc; /* Blue */}
.ltaquabkg {background-color:#beeef8; /* Light Aqua */}
.palebluebkg {background-color:#eaf7fc; /* Pale Blue */}
.tealbkg {background-color:#2ab4cd; /* Teal Blue */}
.tealbkg a, .orangebkg a, .dkbluebkg a {color:#ffffff;}
.dkbluebkg a:hover {color:#beeef8 /* Light Aqua */}
.orangebkg {background-color: #ef8735 /* Orange */}
.dkbluebkg {background-color: #253d89 /* Dark Blue */}
.dkbluewaterdropbkg {
	background:#253d89 /* Dark Blue */;
	background-image:url(../img/LW-footer-bkg-water-drop-texture.jpg);
	background-repeat:repeat;
}
.watersurfacebkg {
	background:#253d89 /* Dark Blue */;
	background-image:url(../img/water-surface-bkg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.waterwavebkg {
	background:#253d89 /* Dark Blue */;
	background-image:url(../img/water-wave-bkg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.pdtb60 {padding: 60px 0;}
.pdtb40 {padding: 40px 0;}
.pdb60 {padding-bottom:60px;}
.pdb10 {padding-bottom:10px;}
.pdlr5 {padding: 0 5px;}
.pdlr60 {padding-left:60px; padding-right:60px;}
.pdlr100 {padding-left:100px; padding-right:100px;}

.mgtb60 {margin: 60px 0;}
.mgtb40 {margin: 40px 0;}
.mgb60 {margin-bottom: 60px;}
.mgb40 {margin-bottom: 40px;}

.row .row {margin: 0;}

.dkblue-button {
	background-color: #253d89 /* Dark Blue */;
}
  .dkblue-button:hover, .dkblue-button:focus, .dkblue-button:hover, .dkblue-button:focus {
    background-color: #2ab4cd /* Teal Blue */;
  }

.teal-button {
	background-color: #2ab4cd /* Teal Blue */;
    text-shadow: none;
    box-shadow: 0px 0px 5px rgba(9, 26, 70, 0.5); /* Deep Blue */
}
  .teal-button:hover, .teal-button:focus, .teal-button:hover, .teal-button:focus {
    background-color: #ef8735 /* Orange */;;
  }

/* HEADER
-----------------------------------------------------------------------------*/

.logo img {max-width: 225px;}

.top-bar {
  background: #253d89; /* Dark Blue */
  height:35px;
  padding: 4px 25px;
  text-align:right;
}
.top-bar p a {
  color:#beeef8 /* Light Aqua */;
  letter-spacing:0.05em;
  text-transform:uppercase;
  font-size:10pt;
}
.top-bar p a:hover {
	color: #fff;
}


/* HOME
-----------------------------------------------------------------------------*/

.hero {
	width:100%;
	height: 650px;
	padding: 50px 0 50px 15px;
	margin-bottom: 40px;
    background-image:url(../img/mom-and-daughter-washing-veggies.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
}

.hero h1 {
	font-size: 37pt;
	line-height: 45pt;
	max-width:350px;
	text-shadow: 0px 0px 6px #ffffff;
	margin-bottom:10px;
}

.hero p {
	font-size: 14pt;
	letter-spacing: 0.02em;
	max-width:350px;
	text-shadow: 0px 0px 6px #ffffff;
}

.hero p .button {
	text-shadow:none;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, .25);
	-moz-box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, .25);
	box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, .25);
}

.intro {
	padding: 30px 0;
	max-width: 775px;
	margin: 0 auto;
}

.intro h3 {
	padding-bottom:25px;
	font-family: "fertigo-pro",sans-serif;
}

.home-callout {
	width: 100%;
	background-image:url(../img/water-wave-bkg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	background-color: #228bcc; /* Blue */
	color: #ffffff;
	padding: 75px 15px 40px;
	margin-top: 25px;
}

.home-callout h2 {
	color: #ffffff;
	text-shadow: 0px 0px 6px #091a46; /* Deep Blue */
    max-width:575px;
    margin: 0 auto 15px;
	text-align:center;
}

.home-callout p {
	font-size: 14pt;
	letter-spacing: 0.03em;
	max-width:575px;
	margin: 0 auto;
	text-align:center;
	padding-bottom:30px;
}

.text-shadow {
	text-shadow: 0px 0px 6px #091a46; /* Deep Blue */
}

.quicklink {
	/*border: solid 3px #2ab4cd;  /* Teal Blue */
	text-align:center;
	position: relative;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px rgba(9, 26, 70, 0.25); /* Deep Blue */
	
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 30px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 30px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 30px;  
    
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.quicklink img {
	width:100%;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 27px 27px 0 0;  /* top left, top right, bottom right, bottom left */
    /* Firefox 1-3.6 */
    -moz-border-radius: 27px 27px 0 0;  /* top left, top right, bottom right, bottom left */
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 27px 27px 0 0;   /* top left, top right, bottom right, bottom left */
}

.quicklink-text {
	padding: 25px 10% 15px;
}

.quicklink h4 {
	color: #ef8735;  /* Orange */
}

.quicklink p {
	color:#555555;  /* Dark Gray */
}

.quicklink:hover {
	/*border: solid 3px #253d89 /* Dark Blue */;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-shadow:none;
	margin-top:-5px;
    box-shadow: 0px 0px 18px rgba(9, 26, 70, 0.5); /* Deep Blue */
}

.quicklink-padding {
	padding: 10px 20px;
}

ul.coupon-bar { margin-left:0; margin-bottom:0;}
ul.coupon-bar p { margin-left:0; margin-bottom:0;}
ul.coupon-bar li {
	display:inline-block;
	text-decoration:none;
	list-style:none;
	padding: 0 10px 10px;
	max-height:52px;
}

.coupon {
	background-color:#ef8735;  /* Orange */
}
  .coupon:hover, .coupon:focus, .coupon:hover, .coupon:focus {
    background-color: #253d89 /* Dark Blue */;
  }
 


/* INTERIOR PAGES
-----------------------------------------------------------------------------*/

.interior-hero {
	width:100%;
	height: 650px;
	margin-bottom: 40px;
	background-repeat:no-repeat;
    background-position: center top;
	background-size:cover;
}
.about-hero {background-image:url(../img/lester-water-team.jpg);}
.services-hero {background-image:url(../img/boy-drinking-water-hero.jpg);}
.systems-hero {background-image:url(../img/mom-and-daughter-washing-hands.jpg);}
.problems-hero {background-image:url(../img/rusty-faucet-hero.jpg);}
.contact-hero {background-image:url(../img/dave-with-customer-in-kitchen-hero.jpg);}

.testimonial {
    padding: 42px 10%;
    background-color:#2ab4cd; /* Teal Blue */
    color:#ffffff;
}

.quotemark {
    font-family: Times New Roman, serif;
    font-weight: bold;
    color:#beeef8; /* Light Aqua */
    font-size: 70pt;
    line-height: 70pt;
}

.special-offer {
    padding: 60px 10%;
    font-weight:700;
}

.special-offer h3 {
    font-family:"Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.9rem;
    color: #ffffff;
}

.special-offer .button {
    box-shadow: 0px 0px 5px rgba(9, 26, 70, 0.5); /* Deep Blue */
}

 

/* TEAM */

.about-intro {
    color: #ffffff;
    text-shadow: 0px 0px 6px #091a46; /* Deep Blue */
}

.dave-headshot {
    margin-bottom:25px;
	/* margin-right:25px;
	float:left;*/
}

.dave-headshot img {width:100%;}

.certifications p {margin-bottom:15px;}

.team-member {
    text-align: left;
}

.team-member img {
    margin-bottom:20px;
	margin-right:25px;
	float:left;
}


/* REPAIR & INSTALLATION */

.service-wrapper {
}

.service {
    background-color: #ffffff;
	text-align:center;
	position: relative;
    /*margin: 10px;*/
	padding: 0;
    box-shadow: 0px 0px 5px rgba(9, 26, 70, 0.5); /* Deep Blue */
    
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 30px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 30px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 30px;  
}

.service img {
	width:100%;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 27px 27px 0 0;  /* top left, top right, bottom right, bottom left */
    /* Firefox 1-3.6 */
    -moz-border-radius: 27px 27px 0 0;  /* top left, top right, bottom right, bottom left */
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 27px 27px 0 0;   /* top left, top right, bottom right, bottom left */
}

.service-padding {
	padding: 10px;
}

.service-text {
	padding: 20px 10% 15px;
}

.service h3 {
	color: #ef8735;  /* Orange */
}

.service p {
	color:#555555;  /* Dark Gray */
}

/*.hellenbrand-intro img {
	width:100%;
	max-width:175px;
	padding-bottom:20px;
}
.hellenbrand-link {
	opacity:1;
}
.hellenbrand-link:hover {
	opacity:0.7;
}*/


/* WATER SYSTEMS */

.water-systems img {
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;  
}

.system-icon {
    width: 38px;
    height: 38px;
    margin: 2px;
}

img.system-icon {
    padding-bottom: 0;
    
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 0; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0; 
}

.waterwavebkg .system-icon {
	box-shadow: 0px 0px 6px rgba(9, 26, 70, 0.7); /* Deep Blue */
    
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%; 
}


/* COMMON WATER PROBLEMS */

table thead {
    background-color:#228bcc /* Blue */;
}
table thead tr th {
    color:#ffffff;
	letter-spacing:0.03em;
	text-transform:uppercase;
    font-size: 0.9rem;
    line-height: 1.25rem;
	padding: 1rem 1rem;
}

table tr td {
    color:#555555;
    font-size: 0.9rem;
    line-height: 1.25rem;
	padding: 1rem 1rem;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background-color:#eaf7fc; /* Pale Blue */
}

/* CONTACT */

.appt-callout {
	text-align:center;
	font-weight:700;
	padding: 30px 20px 20px 20px;
	/* background-color:#ef8735 /* Orange */;
	color:#fff;
	margin-bottom:25px;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 10px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 10px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 10px;  
}

.appt-callout h2 {
    font-family:"Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0.03em;
    color: #ffffff;
}

.fa, .contact-info .fa {color:#228bcc /* Blue */;}
.fa-inverse, .contact-info .fa-inverse {color:#ffffff;}

#ask-dave {
    padding: 20px 20px 5px 20px;
    background-color: #eaf7fc /* Pale Blue */;
    color: #228bcc /* Blue */
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 10px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 10px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 10px;
}

#ask-dave h3 {
    color: #228bcc /* Blue */
}

.contact-form ul li {
	margin-bottom:10px;
	line-height:14pt;
}
.contact-form ul li:last-child {
	margin-bottom:0;
}

.contact-map {
	/* height:500px;
	width:100%;
	display:block;
	margin-bottom:40px; */
    position: relative;
}
#map {
  width: 100%;
  height: 400px;
  margin-top: 40px;
}

/* FOOTER
-----------------------------------------------------------------------------*/

.footer {
	background-image:url(../img/LW-footer-bkg-water-drop-texture.jpg);
	background-repeat:repeat;
	background-position:top center;
	padding-top: 50px;
}

.footer-logo {
	max-width:180px;
	margin-bottom:15px;
}

.footer p, .footer a {
	color: #beeef8 /* Light Aqua */;
}

.footer a:hover,  .footer p.title a:hover {
	color: #ffffff;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.footer p.title, .footer p.title a {
	font-size: 14pt;
	color: #2ab4cd /* Teal Blue */;
	margin-bottom:5px;
}

.copyright {
	padding-bottom:10px;
}

.copyright p {
	color: #2ab4cd /* Teal Blue */;
	padding-top:7px;
}

.facebook {
	background-color:#2ab4cd /* Teal Blue */;
	display: block;
	text-indent: -9999px;
	height: 35px;
	width: 35px;
	margin:0 auto -8px;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;  /* top left, top right, bottom right, bottom left */
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;  /* top left, top right, bottom right, bottom left */
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;   /* top left, top right, bottom right, bottom left */
	-webkit-transition: background-color 300ms ease-out;
  	-moz-transition: background-color 300ms ease-out;
  	-o-transition: background-color 300ms ease-out;
  	transition: background-color 300ms ease-out;
}
.facebook:hover, .facebook:focus {
	background-color: #beeef8 /* Light Aqua */;
	outline: 0;
}
	




/*LARGER SCREENS*/

@media only screen and (min-width: 1350px){    
    .interior-hero {
        height: 650px;
    }
}

@media only screen and (min-width: 1024px){    
    .team-member img {
        width:200px;
    }
    .dave-headshot {
        /*width:250px;*/
    }
}


/* SMALLER SCREENS */

@media only screen and (max-width: 1024px){
    
    .special-offer {
    padding: 60px 5%;
    }
    
    .interior-hero {
        height: 500px;
    }
    
    .team-member {
        text-align: center;
    }

    .team-member img {
        margin-bottom:25px;
    }
}

@media only screen and (max-width: 914px){
    .intro {
        text-align:center;
    }
    .home-callout {
        padding: 50px 15px 15px;
        margin: 10px 0 40px;
    }
    .dave-headshot {
        /*width:427px;*/
    }
}

@media only screen and (max-width: 871px){
    .team-member img {
        margin-right:0;
        float:none;
    }
}

@media only screen and (max-width: 700px){
    ul.coupon-bar li {
        display:block;
        padding: 0 0 15px;
        max-height:55px;
    }
}

@media only screen and (max-width: 641px){ /* MOBILE screen size */

.pdtb60 {padding: 30px 0;}
.pdtb40 {padding: 20px 0;}
.pdb60 {padding-bottom:30px;}
.pdlr60, .pdlr100 {padding-left:15px; padding-right:15px;}

.mgtb60 {margin: 30px 0;}
.mgb60 {margin-bottom: 30px;}
.mgb40 {margin-bottom: 20px;}

.hero {
	height:250px;
	padding:0;
	margin-bottom:280px;
}
		
.hero-text {
	text-align:center;
	background:#253d89 /* Dark Blue */;
	background-image:url(../img/LW-footer-bkg-water-drop-texture.jpg);
	background-repeat:repeat;
	background-position:top center;
	position:relative;
	color: #fff;
	margin:250px 0 0 0;
	padding-top:18px;
	padding-bottom:8px;
}

.hero h1 {
	font-size: 1.8em;
	line-height:1.3em;
	color:#beeef8 /* Light Aqua */;
	text-shadow:none;
	max-width:600px;
}
.hero p {
	margin-left: auto;
	margin-right:auto;
	font-size: 1rem;
	line-height:1.6;
	text-shadow:none;
}
.hero p .button {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.home-callout p {
	font-size: 1rem;
	line-height:1.6;
	padding-top:5px;
}
.quicklink:hover {margin-top:0px;}

.special-offer {
    padding: 50px 5%;
}
    
.home-special-offers .special-offer:last-of-type {
    padding: 0 5% 50px;
}    
    
.interior-hero {
	height:250px;
	padding:0;
	margin-bottom:25px;
}

.dave-headshot {
	/*width:100%;
	margin-right:0;
	float:none;*/
} 
.team-member img {width:100%;}
.team-member:first-child {
	margin-bottom:25px;
}
th.problem-img, td.problem-img {display:none;}
.water-systems img {padding-bottom:20px;}
img.system-icon {padding-bottom: 0;}

table thead tr th {
    font-size: 0.85rem;
    line-height: 1.125rem;
    padding: 0.5625rem 0.625rem;
}

table tr td {
    font-size: 0.85rem;
    line-height: 1.125rem;
	padding: 0.5625rem 0.625rem;
}     
    
#map {
  width: 90%;
  height: 250px;
  margin: 15px auto 40px;
}

.appt-callout {
	padding:15px 15px 1px 15px;
}
.contact-form ul {
	margin-bottom:30px;
}

}

@media only screen and (max-width: 320px){  
.intro {
	padding-top: 55px;
}

}