body{ background-color: #fff; font-family: 'Source Sans Pro', sans-serif; color: #44413C; min-width: 320px;}

.full-bkg{background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #fff;}
.max-width{position: relative; padding-left: 25px; padding-right: 25px;}
a, .a, .thumb, input, textarea {text-decoration: none; color: #B24530;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;}

h1, h2, h3{font-family: 'Roboto Slab', serif; margin-bottom: 5px; font-weight: 700;}


.img-style{
border: 3px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


header{height: 100px; background: #fff; width: 100%; z-index: 5; position: relative;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}
#logo{max-width: 450px; position: absolute; left: 0px; top: 27px;}

#top-cta{position: absolute; right: 20px; top: 0px; z-index: 2; }
#top-cta #request-your-estimate{float: left; font-size: 22px; line-height: 22px; font-style: italic; padding: 13px 10px 0px 0px; }
#header-call-us{padding: 10px 10px 5px 10px; background: #E98F00 url(../img/layout/header-call-us.png) center bottom repeat-x; float: left; 
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
#call-scs{max-width: 32px; float: left;}
#header-call-us span{float: left; font-family: 'Roboto Slab', serif; font-weight: 700; color: #fff; font-size: 22px; line-height: 22px; margin: 4px 5px 0px 5px; text-shadow: 0px 0px 5px #9C4A02;}

#header-call-us span a{color: #fff;}
nav{position: absolute; right: 20px; top: 65px; z-index: 25;}
nav a{display: inline-block; color: #968566; font-size: 22px; line-height: 22px; margin-left: 15px;}
nav a:hover{color: #E78F34;}

.home .home-active, .services .services-active, .gallery .gallery-active, .testimonials .testimonials-active, .contact .contact-active{color: #AF4632;}



#btn-hide{display: none; color: #fff; font-size: 20px; line-height: 20px; padding-left: 20px;  opacity: 0.5; cursor: pointer; margin-bottom: 50px; right: 20px; position: absolute; top: 25px;}
#btn-hide img{max-width: 22px; float: left;}
#btn-hide span{padding-left: 5px; float: left; padding-top: 1px; font-weight: 700;}
#btn-hide:hover{opacity: 1;}



#btn-menu{display: none; color: #968566; font-size: 20px; line-height: 20px; padding-left: 20px; cursor: pointer; margin-bottom: 50px; right: 25px; position: absolute; top: 67px;}
#btn-menu #burg{width: 22px; float: left;}
#btn-menu #burg div{width: 100%; height: 5px; margin-bottom: 3px; background: #968566;}
#btn-menu span{padding-left: 5px; float: left; padding-top: 1px; font-weight: 700;}
#btn-menu:hover #burg div{background: #E78F34;}
#btn-menu:hover{color: #E78F34;}


/* Homepage */
#home-feature{padding-top: 0px; padding-bottom: 0px; background-image: url(../img/layout/bkg-feature.jpg);}
.home #home-feature .left{width: 45%;  min-height: 20px; position: relative;}
.home #home-feature .left #feature{top: -3px; left: 0px; position: absolute; width: 100%;}
.home #home-feature .left img{ border: 3px solid #fff; max-width: 100%; position: absolute; top: 0px; left: 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.home #home-feature .right{width: 50%;}
.home #home-feature .right section{padding: 120px 40px 100px 0px; color: #fff;  }
.home #home-feature .right section .feature-headline{font-size: 30px; line-height: 35px; font-family: 'Roboto Slab', serif; margin-bottom: 5px; font-weight: 700; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.home #home-feature .right section p{font-size: 18px; line-height: 24px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}

.home #home-feature .control{position: absolute; top: 300px; right: -10px; background: #EA8F00 url(../img/home/bkg-control.jpg) repeat-x center bottom; padding-left: 5px; padding-right: 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.home #home-feature .ctl-btn{width: 10px; height: 10px; background: #c15f2f; border: 2px solid #e78c41; display: inline-block; margin: 5px 2px 5px 2px; float: left; cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.home #home-feature .ctl-btn:hover{background: #E68E32; border-color: #FFAE52}
.home #home-feature .ctl-btn.active{border-color: #fff; background: #E68E32;}

#home-intro{padding-top: 125px; padding-bottom: 75px;}
#home-intro .left{width: 65%;}
#home-intro .right{width: 30%;  border-left: 1px dashed #CECCC8; margin-top: -50px;}

#home-intro .left section{padding-left: 40px;}
#home-intro h1{color: #7A6F58; font-size: 30px; line-height: 35px; margin-top: 30px;}
#home-intro h2{color: #B24530; font-size: 21px; line-height: 26px;}
#home-intro ul{margin-bottom: 20px;}
#home-intro li{color: #D56E2B; font-weight: 600; font-size: 18px; line-height: 24px;}
#home-intro li span{color: #44413C;}
#home-intro .right section{padding: 30px 10px 20px 30px; }
#home-intro .right p{max-width: 200px;}

#home-testimonials{padding-top: 75px; padding-bottom: 175px; background-image: url(../img/layout/bkg-orange.jpg); min-height: 250px; text-align: center; overflow: hidden;}
#home-testimonials .testimonial-holder{max-width: 900px; margin: 0 auto; min-height: 160px; display: block;}
#home-testimonials .testimonial-holder span{color: #fff; font-size: 35px; line-height: 37px; font-weight: 200; position: relative; top: 20px; display: block; max-width: 80%; margin: 0 auto;}
#home-testimonials .t-control{  text-align: center; z-index: 5; margin-top: 10px;}

.home #home-testimonials .ctl-btn{width: 10px; height: 10px; background: #c15f2f; border: 2px solid #e78c41; display: inline-block; margin: 5px 2px 5px 2px;  cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.home #home-testimonials .ctl-btn:hover{background: #E68E32; border-color: #FFAE52}
.home #home-testimonials .ctl-btn.active{border-color: #fff; background: #E68E32;}
.home .testimonial{}


#home-gallery{padding-bottom: 0px; margin-top: -125px; z-index: 5; text-align: center;}
#home-gallery .one-fourth{width: 25%; float: left;}
#home-gallery .one-fourth img{width: 90%; margin: 0 auto;}

.btn{background: #e98f00 url(../img/layout/bkg-btn.jpg) repeat-x center bottom; padding: 7px 10px 7px 10px; font-size: 18px; line-height: 18px; color: #EFEFC0; font-weight: 700; border: 2px solid #fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);}
.btn:hover{border: 2px solid #AE4632; color: #fff;}

#home-gallery h2{margin-top: 40px; font-size: 26px; line-height: 28px; margin-bottom: 30px; padding-left: 20px; padding-right: 20px;}


/* Footer */
footer{padding-top: 75px; padding-bottom: 30px;}
footer .max-width{position: relative; padding-left: 10px; padding-right:10px; max-width: 1000px;}
footer .left{width: 50%;}
footer .right{width: 50%;}

#footer-line{width: 100%; position: absolute; top: 44px; left: 0px; border-top: 3px solid #73726F; height: 1px; z-index: 1; margin: 0 auto;}

footer #footer-logo{max-width: 322px; position: relative; z-index: 5; margin-left: -15px;}
footer .left section{margin-left: 140px; margin-top: -50px; z-index: 7; position: relative;}


#footer-nav{float: right; text-align: right; margin-top: 12px;}
#footer-nav a{display: inline-block; margin: 3px 0px 3px 10px; font-size: 17px; line-height: 23px;}
footer a:hover{color: #D56E2B;}
#footer-info{text-align: right; margin-top: 20px; font-size: 14px;}

.home footer .home-active, .services footer .services-active, .gallery footer .gallery-active, .testimonials footer .testimonials-active, .contact footer .contact-active{color: #44413C;}

/* Services page */

.services #services-feature{padding-top: 100px; padding-bottom: 150px; background-image: url(../img/layout/bkg-feature.jpg); text-align: center;}
.services #services-feature h1{font-size: 40px; line-height: 45px; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.services #service-intro{margin-top: -90px; padding-bottom: 50px; }
.services #service-intro .one-half{width: 50%; float: left; text-align: center;}
.services #service-intro .one-half img{width: 95%;}
.services #service-intro .one-half section{padding: 25px; max-width: 400px; margin: 10px auto 0px auto;}
.services #service-intro .one-half h2{font-size: 30px; line-height: 35px;}

.services #focus{padding-top: 75px; padding-bottom: 75px; background: #EAEAEA; text-align: center; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);}
.services #focus h2{margin-bottom: 30px; font-size: 35px; color: #B24530;}
.services #focus .one-fourth{float: left; width: 25%; }
.services #focus .one-fourth img{width: 100%; max-width: 200px; margin: 0 auto;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.services #focus .one-fourth p{color: #44413C; font-size: 23px; line-height: 25px; margin-top: 5px; font-weight: 600;}


.services #service-list{padding-top: 75px; padding-bottom: 75px; text-align: center;}
.services #service-list h2{margin-bottom: 30px; font-size: 35px;}
.services #service-list .one-third{width: 33%; float: left; min-height: 80px;}
.services #service-list .one-third section{padding: 10px; position: relative; }
.services #service-list section img{float: left; max-width: 20%; margin-right: 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.services #service-list section p{float: left; font-size: 17px; line-height: 18px; font-weight: 600; max-width: 70%; text-align: left; margin-top: 10px;}

#single-testimonial{background-image: url(../img/layout/bkg-orange.jpg); padding-top: 75px; padding-bottom: 75px; text-align: center; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);}
#single-testimonial span{display: inline-block;  max-width: 800px; width: 80%;}
#single-testimonial .quote{font-size: 30px; line-height: 33px; color: #fff; font-weight: 200; margin-bottom: 20px;}
#single-testimonial .quote-by{font-size: 18px; line-height: 20px; color: #fff; font-weight: 400; font-style: italic;}



/* Gallery */
.gallery #feature{padding-top: 100px; padding-bottom: 80px; background-image: url(../img/layout/bkg-feature.jpg); text-align: center;}
.gallery #feature .left section{padding-right: 20px;}
.gallery #feature h1{font-size: 35px; line-height: 40px; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); margin-top: 75px;}
.gallery #feature p{font-size: 18px; line-height: 22px; color: #fff; margin: 0px auto 10px auto; max-width: 350px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.gallery #feature .left{width: 50%;}
.gallery #feature .right{width: 50%;}
.gallery #jump-list{padding: 20px; margin-top: -25px; background: rgba(124,60,47, 0.45); -webkit-border-radius: 15px; max-width: 320px;
-moz-border-radius: 15px;
border-radius: 15px;}
.gallery #jump-list a{display: block;  margin: 20px 10x 20px 10px; padding: 10px; text-align: left; font-size: 20px; line-height: 22px; color: #fff; font-weight: 600; border-bottom: 1px dashed #AD6C5C; background: url(../img/gallery/btn-down-arrow.png) no-repeat right center; opacity: 0.7;}
.gallery #jump-list a:hover{opacity: 1;}
.gallery #jump-list a:last-child{border-bottom: none;}

.gallery-wrap{background: #EAEAEA; margin-bottom: 0px; border-top: 1px solid #fff; min-height: 500px;}
.gallery-wrap.last{padding-bottom: 0px !important;}
.large-images{width: 50%; height: auto; display: block; min-height: 20px; position: relative; }
.large-images img{position: absolute;  width: 100%;}
.large-images img.horizontal{max-width: 500px; top: 80px; left: 0px; }
.large-images img.vertical{max-width: 300px; top: 40px; left: 100px; }
.gallery-wrap .right{width: 50%; padding-top: 65px; padding-bottom: 150px;}
.gallery-wrap .right h2{margin-left: 20px;}
.thumbs{width: auto; min-height: 30px; padding-left: 20px; padding-right: 20px;}
.thumb{width: 50px; height: 50px; display: block; float: left; margin: 2px; position: relative; overflow: hidden !important; opacity: 0.5; cursor: pointer; border: 2px solid #EAEAEA; top: 0px;} 
.thumb:hover{opacity: 1; border-color: #DA7500;}
.thumb.active{opacity: 1; border-color: #9F402E; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.thumb img{width: 150%; margin-left: -25%;}




/* testimonials page */

.testimonials #testimonial-feature{padding-top: 100px; padding-bottom: 100px; background-image: url(../img/layout/bkg-orange.jpg); text-align: center; min-height: 300px;;}
.test-wrap{max-width: 800px; margin: 0 auto; position: relative;}
.testimonial{position: absolute; top: 0px; left: 0px; width: 100%;}
.test{font-size: 30px; line-height: 35px; font-weight: 200; color: #fff; font-family: 'Source Sans Pro', sans-serif;  font-style: italic; margin-bottom: 20px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.quote-by{font-size: 16px; color: #fff; line-height: 22px;}


.testimonials #testimonial-content{padding-top: 0px; padding-bottom: 50px; text-align: center; background: #EAEAEA;}
.testimonials #testimonial-content section{padding: 20px; margin-top: -100px;}
.testimonials #testimonial-content .left{width: 50%;}
.testimonials #testimonial-content .right{width: 50%;}
.testimonials #testimonial-content img{width: 95%; margin-bottom: 20px;}
.testimonials #testimonial-content h2{font-size: 30px; line-height: 35px;}
.testimonials #testimonial-content p{max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 30px !important;}


.testimonial-control{position: absolute; top: 250px; left: 0px; width: 100%;  text-align: center;}

.testimonial-control .ctl-btn{width: 10px; height: 10px; background: #c15f2f; border: 2px solid #e78c41; display: inline-block; margin: 5px 2px 5px 2px; cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.testimonial-control .ctl-btn:hover{background: #E68E32; border-color: #FFAE52}
.testimonial-control .ctl-btn.active{border-color: #fff; background: #E68E32;}




/* Contact Page */
.contact #contact-feature{padding-top: 100px; padding-bottom: 150px; background-image: url(../img/layout/bkg-feature.jpg); text-align: center; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.contact #contact-feature h1{font-size: 40px; line-height: 45px; color: #fff; margin-bottom: 15px;}
.contact #contact-feature p{font-size: 20px; line-height: 25px; color: #fff; max-width: 700px; margin-left: auto; margin-right: auto;}

.contact #contact-content{padding-top: 50px; padding-bottom: 75px;}
.contact #contact-content .left{width: 50%; margin-top: -100px;}
.contact #contact-content .right{width: 50%;}
.contact #contact-content .left img{max-width: 98%;}
.contact #contact-content section{padding: 30px;}
.contact #contact-content section img{width: 65px; float: left; margin-right: 10px;}
.contact #contact-content span{display:block; float: left;}
.contact #contact-call span{font-size: 21px; line-height: 26px; font-family: 'Roboto Slab', serif; font-weight: 400;}
.contact #contact-call span b{font-size: 40px; line-height: 40px; font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-weight: 600; color: #B24530;}
.contact #contact-content section #contact-call{border-bottom: 1px solid #EAEAEA; width: 100%; padding-bottom: 30px; margin-bottom: 30px;}
.contact #contact-email span{font-size: 21px; line-height: 26px; font-family: 'Roboto Slab', serif; font-weight: 400;}
.contact #contact-email span b{font-size: 30px; line-height: 40px; font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-weight: 600; color: #B24530;}
.contact #contact-email a {color: #DC7A2F;}


#contact-map .max-width{max-width: 800px;}
#contact-map{background-image: url(../img/contact/map-bkg.jpg);  padding-top: 75px; padding-bottom: 75px; text-align: center; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);}

#contact-map .left{width: 30%; text-align: center;}
#contact-map .right{width: 70%;}
#contact-map .left img{max-width: 80%; margin-top: 0px;}
#contact-map section{padding: 20px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);}
#contact-map h2{color: #fff; font-size: 28px; line-height: 33px;}
#contact-map p{color: #fff; }

.contact #form-wrap{padding-top: 75px; padding-bottom: 75px; background: #EAEAEA; text-align: center;}
.contact #icon-send-message{max-width: 80px; margin-bottom: 20px;}
.contact #form-wrap h2{font-size: 30px; line-height: 35px;}
.contact #form-wrap p{font-size: 18px; line-height: 23px; font-style: italic; font-weight: 600;}
.contact form{max-width: 800px; margin: 0 auto; text-align: left; margin-top: 30px;}
.contact form .left{width: 50%;}
.contact form .right{width: 50%;}
.contact form label{ margin-bottom: 5px; color: #DC7A2F; font-weight: 600 !important;  font-style: italic;}
.contact form label span{color: #5B5B5B;}
.contact form input, .contact form textarea{padding: 2%; font-size: 14px; line-height: 18px; font-weight: 400; font-family: 'Source Sans Pro'; width: 90%; background: #fff; text-align: left; border: 2px solid #D5D5D5; margin-bottom: 15px; color: #44413C;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.contact form input:hover, .contact form textarea:hover {border-color: #7F7F7F;}
.contact form input:focus, .contact form textarea:focus {border-color: #DC7A2F; font-weight: 700;}

form textarea{min-height: 242px;}

form .btn{background: #e98f00 url(../img/layout/bkg-btn.jpg) repeat-x center bottom !important; padding: 7px 10px 7px 10px; font-size: 18px !important; line-height: 18px !important; color: #EFEFC0 !important; font-weight: 700 !important; border: 2px solid #fff; text-transform: uppercase; text-align: center !important; max-width: 150px; cursor: pointer;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);}
form .btn:hover{border: 2px solid #AE4632 !important; color: #fff !important;}


#message-input{padding-top: 100px; padding-bottom: 100px; text-align: center;}
#message-input p{max-width: 400px; margin-left: auto; margin-right: auto;}

#math-captcha{width: 100px; float: left; padding-top: 3px;}
#math-captcha img{float: left; display: inline-block; margin-right: 2px; margin-top: 4px;}
#math-captcha input{float: left; width: 30px !important; height: 25px; text-align: center;}

@media only screen and (max-width: 1100px){
	/* Homepage */
	.home #home-feature .right section{ padding: 50px 0px 40px 0px; }
}


@media only screen and (max-width: 1024px){
	#btn-menu{display: block;}
	#btn-hide{display: block;}
	nav{ background: #44414B; padding-top: 100px; height: 100%; position: fixed; top: 0px; display: block; right: -500px;}
	nav a{display: block; clear: both; color: #CFCFCF; font-size: 20px; line-height: 20px; padding: 10px 125px 10px 20px; border-bottom: 1px solid #57545E; margin-left: 0px; font-weight: 600;}
	nav a:hover{border-bottom-color: #E78F34;}
	nav a.active{color: #fff;}
	
	footer .max-width{max-width: 90%;}
	
	/* Home */
	#home-testimonials{padding-bottom: 100px;}
	#home-gallery{margin-top: -50px;}
	
	/* Gallery */
	.gallery-wrap{min-height: 350px;}
	.large-images img.horizontal{max-width: 440px; top: 50px;  left: 0px; }
	.large-images img.vertical{max-width: 250px; top: 30px; left: 70px; }
	
	.gallery-wrap .right{padding-top: 20px; padding-bottom: 50px;}
	.thumb img{height: 100%;}
	
}



@media only screen and (max-width: 800px){
	#logo{max-width: 350px; top: 40px;}
	
	#footer-line{display: none;}
	footer .left{width: 100%; text-align: center;}
	footer .left section{text-align: center; margin-top: -15px;}
	footer .left section{margin: 0 auto;}
	footer .right{width: 100%; text-align: center;}
	footer .right #footer-nav{text-align: center; float: none;}
	#footer-info{text-align: center;}
	footer #footer-logo{margin: 0 auto; float: none;}
	
	/* Homepage */
	.home #home-feature .right section .feature-headline{font-size: 25px; line-height: 30px;}
	.home #home-feature .right section p{font-size: 16px; line-height: 20px;}

	#home-intro{padding-top: 50px; padding-bottom: 50px;}
	#home-intro .left{width: 90%; margin-bottom: 30px;}
	#home-intro .right{width: 100%; border: none; margin-top: 0px;}
	#home-intro .left section{padding-left: 0px;}
	#home-intro .right section{padding: 0px 0px 0px 0px; margin-top: 0px;}
	#home-testimonials .testimonial-holder span{font-size: 28px; line-height: 34px;}
	
	/* Services Page */
	.services #service-intro .one-half{width: 100%;}
	.services #service-intro .one-half img{max-width: 320px;}
	
	.services #focus .one-fourth p{margin-top: 0px;}
	.services #focus .one-fourth{width: 50%; margin-bottom: 25px;}
	
	.services #service-list .one-third{width: 50%;}
	
	/* Gallery Page */
	
	.large-images img.horizontal{max-width: 440px; top: 20px; left: 0px; }
	.large-images img.vertical{max-width: 220px; top: 20px; left: 50px; }
	
	.gallery-wrap .right{padding-top: 20px; padding-bottom: 40px;}
	
	/* Contact */
	.contact #contact-content .left{width: 100%; margin-top: -150px; text-align: center;}
	.contact #contact-content .left img{max-width: 320px; margin: 0 auto; margin-left: -3px;}
	.contact #contact-content .right{width: 100%; text-align: center;}
	.contact #contact-content span{float: none;}
	.contact #contact-content section img{float: none;}
	
	
	
}

@media only screen and (max-width: 700px){
	.gallery #feature .left{width: 100%;}
	.gallery #feature .right{width: 100%;}
	.gallery #jump-list{margin: 20px auto 0px auto;}
	/* Testimonials Page */
	.testimonials #testimonial-feature{padding-bottom: 30px;}
	.testimonials .testimonial-control{top: 275px;}
	.testimonials .test{font-size: 25px; line-height: 30px;}
	.testimonials #testimonial-content{padding-top: 50px;}
	.testimonials #testimonial-content .left{width: 100%; margin-bottom: 60px;}
	.testimonials #testimonial-content .right{width: 100%;}
	.testimonials #testimonial-content section{margin-top: 0px; padding: 0px;}
	/* Contact */
	#contact-map .left{width: 100%;}
	#contact-map .right{width: 100%;}
	#contact-map .left img{max-width: 150px; margin-top: 0px; margin-bottom: 30px;}
	#contact-map section{padding: 10px;}
}


@media only screen and (max-width: 600px){
	header{height: 120px;}
	#logo{top: 63px; }
	#top-cta #request-your-estimate{font-size: 17px; line-height: 17px;}
	#header-call-us span{font-size: 18px; line-height: 18px;}
	
	footer #footer-logo{max-width: 250px; position: relative; z-index: 5; margin-left: -15px;}
	
	#single-testimonial .quote{font-size: 20px; line-height: 23px; }
	#single-testimonial .quote-by{font-size: 16px; line-height: 20px;}
	
	/* Homepage */
	.home #home-feature .left{width: 100%; max-width: 320px; margin: 0 auto; float: none; min-height: 250px;}
	.home #home-feature .right{width: 100%; text-align: center;}
	.home #home-feature .left img{margin-left: -3px;}
	.home #home-feature .right section{padding: 10px 10px 30px 10px; max-width: 400px; margin: 0 auto;}
	
	
	#home-gallery .one-fourth{width: 50%; float: left; margin-bottom: 15px;}
	#home-testimonials .testimonial-holder span{font-size: 24px; line-height: 28px;}
	#home-testimonials .testimonial-holder{min-height: 200px;}
	#home-gallery h2{margin-top: 15px; margin-bottom: 30px;}
	.home .test{font-size: 20px; line-height: 25px;}
	
	/* Services Page */
	.services #focus h2{font-size: 25px; line-height: 30px;}
	.services #focus .one-fourth p{margin-top: 0px;}
	.services #focus .one-fourth{width: 100%; margin-bottom: 25px;}
	.services #focus .one-fourth img{max-width: 175px;}
	.services #service-list h2{font-size: 25px; line-height: 30px;}
	.services #service-list .one-third{width: 100%;}
	
	/* Gallery page */
	.gallery #feature h1{margin-top: 20px;}
	.gallery-wrap{margin-bottom: 0px; text-align: center; border-top: 1px solid #fff;}
		.gallery-wrap.first{padding-top: 30px;}
	.gallery-wrap.last{margin-bottom: 0px; padding-bottom: 0px;}
	.gallery-wrap .large-images{width: 100%; min-height: 300px; margin-left: -3px;}
	.gallery-wrap .large-images img{ left: 50%;}
	.large-images img.horizontal{max-width: 280px; top: 70px; margin-left: -140px; }
	.large-images img.vertical{max-width: 200px; top: 25px; margin-left: -97px; }
	.gallery-wrap .right{width: 100%;}
	.gallery-wrap .right h2{margin-left: 0px;}
	.gallery-wrap .thumb{display: inline-block; float: none; width: 40px; height: 40px;}
	/* Testimonials */
	
	.testimonials #testimonial-feature{min-height: 280px; padding-top: 60px;}
	.testimonials .testimonial-control{top: 275px;}
	.testimonials .test{font-size: 19px; line-height: 24px; margin-bottom: 10px;}
	
	/* Contact Page */
	.contact #contact-feature h1{font-size: 35px; line-height: 40px;}
	.contact #contact-content section img{max-width: 40px; margin-right: 0px;}
	.contact #contact-content .left img{max-width: 260px;}
	.contact #contact-email span, .contact #contact-call span{font-size: 18px;}
	.contact #contact-call span b{font-size: 30px; line-height: 40px;}
	.contact #contact-email span b{font-size: 21px; line-height: 25px;}
	
	.contact form .left{width: 100%;}
	.contact form .right{width: 100%;}
	.contact #form-wrap h2{font-size: 22px; line-height: 25px;}
}



@media only screen and (max-width: 600px){
	header{height: 175px;}

	#logo{width: 300px; left: 50%; margin-left: -155px; top: 125px;}
	#top-cta{ position: relative; width: 260px; left: 50%; margin-left: -130px; top: 35px;}
	#top-cta #request-your-estimate{font-size: 17px; line-height: 19px; width: 260px; position: absolute; top: 10px;  text-align: center; border-bottom: 1px solid #B6B6B6; text-align: center; padding-bottom: 5px; background: #fff; z-index: 18; float: none; padding-right: 0px;}
	#header-call-us{width: 166px; position: absolute; top: 48px; float: none; padding-top: 5px;  left: 50%; margin-left: -93px;}
	#header-call-us span{font-size: 18px; line-height: 18px;  margin-top: 0px;}

	#call-scs{max-width: 20px;}
	#btn-menu{top: 15px; right: 10px; z-index: 19; position: absolute;}
	/* Homepage */
	.home .control{top: 200px;}
	
}