/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html { background-color: #FFF; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; }
body { }
header { max-width:1200px; margin:0 auto; }
.headerwrap { width:100%; overflow:hidden; background:#FFF; position:fixed; z-index:99999; }
.usps { width:30%; float:left; margin-left:12%; display:block; margin-top:32px; }
.usps img { width:100%; height:auto; }
.logo { width:23%; float:left;  }
.logo img { width:100%; height:auto; }
.phone { font-family: 'Shadows Into Light', cursive; font-weight:300; color:#333; font-size:16px; text-align:right; width:33%; float:right; margin-top:40px;  }
.phone a { font-family: 'Open Sans', sans-serif; font-weight:bold; color:#8ec63f; text-decoration:none; font-size:24px; }
h2 { margin-top: 0;  }
.loading { background: url('../../../images/ico_loading.gif') no-repeat center center; }
section { opacity: 0; }
main { width:100%; }
.loaded section, .no-js section { opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
main { }
#preload { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0; left: 0; }
.bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%; }
.hsContainer { width: 100%; height: 100%; overflow: hidden; position: relative; }
.hsContent { max-width: 1180px; margin: 0 auto; margin-top: 220px; }
section { height:1400px !important;  }
h1 { font-family: 'Shadows Into Light', cursive; font-weight:300; color:#000; font-size:1.8em !important;  }
.script { font-family: 'Shadows Into Light', cursive; }
h2 { font-weight:300; font-size:20px; }
.caps, button { font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:300; }
.grey { color:#999; font-weight:700; }
.maincontent2 ul, .maincontent3 ul { color:#000; list-style:none; line-height:1.7; font-size:10pt; font-weight:400; margin:0; padding:0; }
.maincontent { width:46%; float:right; padding:2%; background-color: rgba(0,0,0,0.65); }
.maincontent3 { width:46%; float:left; position:relative; background-color: rgba(255,255,255,0.75); padding:2%; }
.maincontent6{ width:34%; float:left; position:relative; margin-top:20px; }
iframe { width:100% !important; height:400px; }
.maincontent5 { width:57%; float:right; position:relative;  background-color: rgba(255,255,255,0.75); padding:2%; margin-top:20px; }
.maincontent3 img { width:50%; height:auto; float:left; border:3px solid #FFF; }
.maincontent3 p, .maincontent3 h3 { width:43%; margin-left:4%; float:left; }
.maincontent2 { width:46%; float:left; position:relative; background-color: rgba(255,255,255,0.75); padding:2%;}
.maincontent2 img.quote1 { vertical-align: baseline; }
.maincontent2a { width:46%; float:left; position:relative; background-color: rgba(255,255,255,0.75); padding:2%;}
.maincontent4 { width:96%; float:left; padding:2%; position:relative; padding:2%; background-color: rgba(255,255,255,0.8); margin-top:250px; }
.maincontent4 img { width:50%; height:auto; float:right; }
.maincontent4 p, .maincontent4 h2 {  }
.contactinfo { width:60%; float:left; }
.hsContent h2 { color: #000; margin-bottom: 12px; font-weight:300 !important; }
.hsContent h3 { color: #000;  font-size: 18px; line-height: 1.3; margin-bottom: 12px; font-weight:300; }
.hsContent p, .hsContent ul { color:#000; line-height:1.7; margin-bottom:20px; font-size:12px; font-weight:400 !important; opacity:1 !important; }
.hsContent a { color: #000; text-decoration: underline; }
.gallery { width:100%; padding: 10px 0px 20px 0px; background-color:#FFF; display:block; }
.gallery img { margin:25px 25px 0 0; }
section .fa { margin-right:20px; color:#8dc63f; }
.footerwrap { width:100%; height:60px; background-color:#FFF; }
footer { max-width:1200px; margin:0 auto; }
footer p { font-size:11px; }
footer a { color:#333; }
footer a:hover { color:#8ec63f; }
.ital { font-style:italic; font-weight:500;  }
.ital2 { font-style:italic; font-weight:300;  }
.bold { font-weight:600 !important; }
.quote2 { float:right; }
#family { position:absolute; top:100px; left:100px; }
#insured { position:absolute; top:250px; left:250px; }
.hsContent p.quote { font-style:italic; font-size:17px !important; }
.hsContent p.name { font-weight:700 !important; text-align:right; color:#8dc63f; font-size:14px; }
#map { margin-top:70px; }
/* Slide 1 */
#slide-1 .bcg { background-image:url('../../../images/slide-3b.jpg'); }
#slide-1 .hsContent {   }
#slide-1 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 2 */
#slide-2 .bcg { background-image:url('../../../images/slide-2b.jpg') }
#slide-2 .hsContent {  }
#slide-2 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 3 */
#slide-3 .bcg { background-image:url('../../../images/slide-1b.jpg') }
#slide-3 .hsContent {  }
#slide-3 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 4 */
#slide-4 .bcg { background-image:url('../../../images/slide-4b.jpg') }
#slide-4 .hsContent {  }
#slide-4 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 5 */
#slide-5 .bcg { background-image:url('../../../images/slide-2.jpg') }
#slide-5 .hsContent {  }
#slide-5 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
.form { float:right; }
.right { float:right; }
button { border-radius:none; border:none; color:#FFF; background-color:#91c849; text-transform:uppercase !important; padding:10% 20%; }
button:hover { background-color:#005e20; }
#10pages { margin-bottom:0 !important; }

@media screen and (max-width: 1300px) {

body {  }
.maincontent2, .maincontent2a { width:54%; }
.maincontent4 { margin-top:140px; }

}



@media screen and (max-width: 960px) {


}



 @media screen and (max-width: 767px) {
	 
	 /* ipad */
.maincontent4 { margin-top:100px; }
.usps { width: 49%; float: right; margin: 7px 0 0 0; padding:0; }
.logo { width:100%; line-height:1.2; float:none; margin:0 auto; }
.usps img { width:92%; float:right; margin:0; }
.phone { width:48%; float:right; margin:1.7% 2% 0 0; font-size:24px; line-height:1.1;  }
.logo img {  }

.phone a { display:block; font-size:30px; }
.phone p { margin:0; }
.logo { width:47%; float:left; margin-left:2%; }
.hsContent { padding:0 2%; }
.maincontent2, .maincontent2a { width:96%; }
.contactinfo { width:100%; }
.form { width:100%; }
section { height:1010px !important; }
iframe { width:100% !important; height: 250px; }
.maincontent6 { width:100%; float:none; }
.maincontent5 { width:96%; float:none; margin-top:20px; }
.gallery { height:140px; overflow:hidden; }
.gallery img { height:130px; width:130px; margin:10px 10px 0 0; vertical-align:top; }  
.gallery div { top:0 !important; }
#slide-1 .bcg { background-image:url('../../../images/slide-3c.jpg'); }
#slide-2 .bcg { background-image:url('../../../images/slide-2c.jpg'); }
#slide-3 .bcg { background-image:url('../../../images/slide-1c.jpg'); }
#slide-4 .bcg { background-image:url('../../../images/slide-4c.jpg'); }
#slide-5 .bcg { background-image:url('../../../images/slide-5c.jpg'); }
body { min-height:100%; }
  
}




 @media screen and (max-width: 480px) {
	 
	 /* mobile */
body {  }

#slide-1 .bcg { background-image:url('../../../images/slide-3a.jpg'); }
#slide-2 .bcg { background-image:url('../../../images/slide-2a.jpg'); }
#slide-3 .bcg { background-image:url('../../../images/slide-1a.jpg'); }
#slide-4 .bcg { background-image:url('../../../images/slide-4a.jpg'); }
#slide-5 .bcg { background-image:url('../../../images/slide-5a.jpg'); }
.headerwrap { position:relative; }
.maincontent4 { margin-top:100px; }
.usps { width:100%; line-height:1.2; float:none; margin:0 auto; text-align:center; }
.usps img { width:80%; margin-left:0; margin:0 auto; float:none; }
.none { display:none; }
.phone { font-size:16px;  }
.phone a { font-size:26px; margin-top:10px; }
h2 { margin-top: 0;  }
section { height:1000px; }

}

