@charset "utf-8";

/* CSS Document */



body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form, input, textarea {margin:0; padding:0;}



img {border:none;}



a {text-decoration:none;}



.clear {clear:both;}



html {-webkit-text-size-adjust:none;}



		@font-face {

				font-family: 'ChunkFive';

				src: url('chunkfive.eot');

				src: url('chunkfive.eot?#iefix') format('embedded-opentype'),

						 url('../assets/chunkfive.woff') format('woff'),

						 url('../assets/chunkfive.ttf') format('truetype'),

						 url('../assets/chunkfive.svg#chunkfive') format('svg');

				font-weight: normal;

				font-style: normal;

		}

		



.wrapper {margin:0 auto;  max-width:1200px; width:95%; }



body {font-family:Arial, Helvetica, sans-serif; }



#top {background:#ffffff; padding:15px 0; text-align:center}



#top .experience {float:left; width:65%; max-width:891px; margin:11px 0 0 0}



.top-left {width:30%; float:left;}



.top-left img {max-width:100%}



.top-middle {width:40%; float:left; text-align:center; padding:10px 0 0 0}



.top-middle h4 {font-size:22px; font-weight:100; text-transform:uppercase; color:#fff; padding:7px 0 0 0}



.top-middle h5 {font-size:22px; font-weight:bold; text-transform:uppercase; color:#fff; padding:15px 0 0 0}



.top-middle .call-us {max-width:283px; max-width:70%}



.top-middle .phone1 {max-width:311px; margin:10px 0 0 0; max-width:80%}



.top-middle .bbb1 {margin:10px 0 0 0}



.top-right {width:30%; float:left; text-align:center}



.top-right h4 {font-size:24px; font-weight:100; color:#dfddde}



.top-right h5 {font-size:22px; font-weight:bold; color:#dfddde; text-transform:uppercase; padding:5px 0 0 0}



.top-right img {margin:5px 0 0 0}



#top ul li {display:inline-block; list-style-type:none; background:url(../images/bullet.png) no-repeat 0 8px; padding:0 2%; font-size:18px; color:#555050; margin-right:-10px }



#top ul li:first-child {background:none}





#top-header {background:#333333;}



#top-header .wrapper {background:url(../images/long-island.png) no-repeat top center; background-color:#333; position:relative;  padding:20px 0}



#top-header .logo {float:left;}



#top-header .available {float:right; text-align:right}



#top-header .available img {margin:0; }



#top-header .available h5 {font-size:20px; text-transform:uppercase; color:#f1333b; padding:5px 0 0 0}



#top-header .available p {font-size:18px; text-transform:uppercase; color:#ffffff; padding:5px 0 0 0}



#top-header .phone {float:right; clear:right; height:48px; background:#382d2d; position:absolute; bottom:49px; right:0 }



#top-header .phone img {float:left}



#top-header .phone img + img {margin:8px 0 0 8px}



.top-right .social img {max-width:20%}



.top-right .financing {max-width:50%}



.top-right .card2 {max-width:70%}



#navigation { background:#ffffff; border-bottom:1px solid #333333 }



#navigation ul {float:right; width:100%}



#navigation ul li {float:left; list-style-type:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:20px}



#navigation ul li a {color:#333; display:block; padding:17px 0 18px 0; width:100%}



#navigation ul li a:hover {color:#ff0000}



#navigation ul li {width:10%}



#navigation ul li + li {width:12.8%}



#home-flexslider img {width:100%; max-width:2000px; }



#sub { width: 70%; float: left}



#right-sub { text-align: center; float: right; width: 25%}



.box-service1 {text-align:center; display: inline-block; padding: 0px 0.5%; width:45%; margin-top: 20px; vertical-align:top}



#right-sub .box-service1 p {font-size:18px; color:#584e4e; text-align: center; text-transform:uppercase; margin-top: 0; padding: 0}



#content .box-service1 img {width:100%; max-width:130px; float:none; margin:0}



.box-service1 img:hover {opacity:0.5}



.box-service1 a {color:#584e4e;}



.box-service1 a:hover {color:#828181;}



#town-list {background:#a7a7a7; padding:0 0 20px 0}



#town-list h4 {text-align:center; padding:20px 0 0 0; text-transform:uppercase; color:#e40a0d; font-size:18px;}



#town-list h5 {font-size:13px; padding:15px 0; text-transform:uppercase;}



#town-list h6 {font-size:12px; padding:5px 0 0 0; text-transform:uppercase;}



#town-list ul {font-size:11px; display:inline-block; vertical-align:top; width:8%; margin-left:1% }



.wrapper .quality-works {margin-top:-700px !important; position:relative; z-index:1; float:right; display:block;}



.header {-webkit-box-shadow: 0px 27px 40px -22px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 27px 40px -22px rgba(0,0,0,0.75);

box-shadow: 0px 27px 40px -22px rgba(0,0,0,0.75);

background: #858080; /* Old browsers */

background: -moz-linear-gradient(top,  #858080 1%, #474545 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#858080), color-stop(100%,#474545)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #858080 1%,#474545 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #858080 1%,#474545 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #858080 1%,#474545 100%); /* IE10+ */

background: linear-gradient(to bottom,  #858080 1%,#474545 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858080', endColorstr='#474545',GradientType=0 ); /* IE6-9 */



}



.left-header {width:71%; float:left}



.left-header img {max-width:100%}



.sub-pages #quick-contact {margin-top:30px}



.sub-pages #banner {margin-top:5px}



#quick-contact { position:relative; z-index:2; width:29%; float:left; }



#quick-contact h4 {background:#5a5a5a url(../images/request.jpg) no-repeat top right; font-size:22px; color:#fff; text-transform:uppercase; display:inline-block; padding:20px 100px 20px 20px}



#quick-contact .message {width:63%}



#quick-contact label span {text-transform:uppercase; font-size:13px; color:#fff; float:left; clear:left; padding:5px 0 0 0}



#quick-contact input {float:left; clear:left; margin:2px 0 0 0; width:98%; padding:0.1em 1%; font-family:Arial, Helvetica, sans-serif; font-size:13px}



#quick-contact textarea {float:left; clear:left; margin:2px 0 0 0;  width:98%; padding:0.1em 1%; height:80px; font-family:Arial, Helvetica, sans-serif; font-size:13px}



#quick-contact .code {float:left; margin:10px 0 0 0}



#quick-contact .submit {width:111px; height:32px; float:left; margin:10px 0 0 0; padding:0; clear:left;}



#quick-contact .free {background:#343333}



#quick-contact .free img {max-width:100%}



#quick-contact form {width:96%; padding:10px 2% 0 2%}



#left {width:70%; float:left; padding-bottom:20px}



#right {width:27%; float:right; padding:20px 0 0 0}



#sub-right {width:27%; float:right; padding:20px 0}



.sub#quick-contact {width:100%;

background: #858080; /* Old browsers */

background: -moz-linear-gradient(top,  #858080 1%, #474545 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#858080), color-stop(100%,#474545)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #858080 1%,#474545 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #858080 1%,#474545 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #858080 1%,#474545 100%); /* IE10+ */

background: linear-gradient(to bottom,  #858080 1%,#474545 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858080', endColorstr='#474545',GradientType=0 ); /* IE6-9 */

padding-bottom:20px

}



.sub#quick-contact form {width:90%; padding:20px 5%}



#sub-right .call-banner {margin:20px 0 0 0; max-width:100%}





/*#banner {position:absolute; z-index:1; top:0; right:0; width:10%; padding-left:15%}*/









#left label span {text-transform:uppercase; font-size:14px; color:#5a5a5a; float:left; clear:left; padding:15px 0 0 0}



#left .field {float:left; clear:left; margin:10px 0 0 0; width:90%; padding:0.3em; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#ececec; border:1px solid #cbcbcb}



#left textarea {float:left; clear:left; margin:10px 0 0 0; width:90%; padding:0.3em; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#ececec; border:1px solid #cbcbcb}



#left .code {float:left; margin:10px 0 0 1.5%}



#left input {float:left; margin:10px 0 0 20px; padding:5px }



#left h3 {font-size:16px; color:#000; padding:20px 0 0 0 }









#left p {font-size:14px; color:#797979;line-height:22px; padding:20px 0 0 0}

#left a {color:#797979;}



.contact-header {padding-bottom:30px}



#banner {width:100%; float:left; margin-top:20px;  position:relative; z-index:3; text-align:center;  margin-left:auto; margin-right:auto; display:block}



#banner img {/*float:right; clear:right;*/ width:100%; max-width:180px; margin:10px auto 0 auto; display:block;  }



#left h2 {font-size:24px; color:#e40a0d; width:100%; margin:40px 0 0 0; }



#left p {font-size:16px; color:#343333; padding:26px 0 0 0; line-height:30px}



#left h3 {font-size:20px; color:#000; padding:20px 0 0 0 }



#left h4 {font-size:20px; color:#e40a0d; padding:20px 0 0 0 }



#left img {float:right; margin:20px}



#left .video {float:right; margin:20px 0 10px 10px}



#left .chimney-list {float:left; width: 30%}



#left ul {margin:15px 10px 0 7px}



#left ul li { font-size:14px; color:#343333;  padding:7px 0 0 0; background:url(../images/bullets1.png) no-repeat; list-style-type:none; padding:3px 0 8px 30px; margin:3px 0 0 0}



#left .list {width:17%; float:left}



#left .bbb {float:right; clear:right}



#left .sub-header1 {float:none; margin:30px 0 0 0; max-width:100%}



#right {text-align:right}



#right img {max-width:100%; margin:20px 0 0 0}



.coupons {text-align:center}



.coupons img {max-width:100%; margin:20px 0 0 0}















#tables { margin:0; background:url(../images/bricks.jpg)}



.sub-header {width:100%}



.main-box-service {text-align:center; width:100%; background:#272525; margin:30px 0 0 0; padding:30px 0 }



.sub-services {margin:0}



.main-box-service h4 {text-align:center; font-size:36px; color:#fff; font-weight:100}



#content .main-box-service img {float:none; margin:0}



.box-service {text-align:center; display: inline-block; margin:20px 0.1% 0 0.1%;  width:16%; vertical-align:top}



.box-service p {font-size:18px; color:#584e4e; text-transform:uppercase; padding:10px 0 0 0}



.box-service img {width:100%; max-width:185px;}



.box-service img:hover {opacity:0.5}



.box-service a {color:#fff;}



.box-service a:hover {color:#828181;}



.box ul li {font-size:18px; text-transform:uppercase; color:#363636; list-style-type:none; background:url(../images/bullets.png) center left no-repeat; padding:23px 0 23px 60px;  border-top:3px solid #e4e4e4}



.box ul li:first-child {border-top:0}



.box img {width:100%; max-width:291px}



.box {width:50%; float:left; padding-top:20px; padding-bottom:30px;}



.box + .box {float:right; width:47%; overflow:hidden}



.box iframe {width:100% !important}



.box .fb-page {width:100% !important}



.box h6 {font-size:34px; color:#75808a; text-transform:uppercase; padding:20px 0 0 0 }



.box h5 {font-size:22px; color:#414141; text-transform:uppercase; margin:25px 0 0 0}



.box img {width:100%; max-width:417px; margin:40px 0 0 0}



.box .phone1 {width:90%; max-width:291px; margin:25px 0 0 0}



.box h4 {font-size:18px; color:#413d38; font-family:'ChunkFive', Arial, Helvetica, sans-serif; font-weight:100; padding:22px 0 0 0}



.box#box1 img {width:48%; float:left; max-width:180px; margin:10px 1% 0 1%}



.box#box1 .cards {width:100%; max-width:291px; margin:10px 0 0 0}



#contact-right .box {width:100%; float:none; border:none; margin:0}







#gallery {background:#d9d7d7; padding:20px 0}



#gallery h4 {text-align:center; font-size:24px; text-transform:uppercase; color:#3b3737; text-align:center; padding:20px 0; font-weight:100 }



#gallery img {width:23%; max-width:284px; margin:10px 0.6% 0 0.6%}



#gallery p {text-align:center; padding:20px 0 0 0; font-size:18px; text-transform:uppercase}



#gallery p a {color:#615f5f}



#gallery p a:hover {color:#909090}



#logos .logos {width:100%; max-width:1206px; float:none; margin:10px 0 0 0; padding:20px 0}



#logos .logos-mobile {display:none}



#logos {background:#fff}



#footer {padding:20px 0; background:#201f1f; font-size:11px; color:#fff;}



#footer a {color:#d4d4d4}



#footer a:hover {color:#c3c3c3}



.footer-box {width:40%; float:left; padding:0 1.5%}



.footer-box + .footer-box {width:24%}



#footer h1, #footer h6 {font-size:11px; font-weight:100}



#footer h1 {line-height:20px; padding:10px 0 0 0}



#footer ul {float:left; padding:0 5%}



#footer ul li {list-style-type:none; padding:5px 0 0 0}

#footer img {margin:10px 0 0 0}



#service-locations {background:#fff; padding:0;   }



#service-locations h5 {font-size:14px; color:#000; text-transform:uppercase; padding:20px 0 0 2%}



#service-locations h6 {font-size:12px; color:#fff; text-transform:uppercase; padding:15px 0 0 2%}



#service-locations .wrapper {position:relative; z-index:9999; width:80%}



#service-locations h4 {text-align:center}



#service-locations h4 a {font-size:12px; padding:10px 0; display:block; font-weight:100}



#service-locations ul {display:inline-block; text-align:left; margin:0 3% 0 3%; vertical-align:top; width:13%}



#service-locations .services {display:none; padding:20px 0}



#service-locations:hover .services {display:block; position:absolute; bottom:0; z-index:300; background:#f40708;  margin:0 auto; width:100%}



#service-locations ul li {font-size:12px; margin:2px 0 0 0; color:#fff}



#service-locations ul li a {color:#fff}



@media all and (min-width:1050px) and (max-width:1200px) {

#quick-contact label span {font-size:12px;}

#quick-contact input, #quick-contact textarea {font-size:12px}

#quick-contact textarea {height:40px}

}



@media all and (min-width:857px) and (max-width:1051px) {

#quick-contact label span {font-size:11px; padding:0}

#quick-contact input, #quick-contact textarea {font-size:11px; padding:0 1%; margin:0}

#quick-contact textarea {height:40px}

}



@media all and (min-width:0px) and (max-width:856px) {

.left-header {width:100%; float:none}

#quick-contact {width:100%; float:none; padding-bottom:20px}

#quick-contact textarea {height:120px}

#left {width:100%; float:none}

#right {width:100%; float:none; text-align:center}

#sub-right {width:100%; float:none; text-align:center}

#right img {margin:20px 0 0 0.5%; width:32%; max-width:289px}

.coupons img {margin:20px 0 0 0.5%; width:32%; max-width:289px}

}



@media all and (min-width:0px) and (max-width:500px) {

#right {padding-top:0}

#right img { width:100%; max-width:289px; margin:20px 0 0 0}

.coupons img {width:100%; max-width:289px;  margin:20px 0 0 0}

}



@media all and (min-width:801px) and (max-width:1000px) {

#content .chimney-list {float:left; width: 27%}

}



@media all and (min-width:601px) and (max-width:800px) {

#sub { width: 100%; float: none}

#right-sub { width: 100%; float: none}

#content .chimney-list {float:left; width: 27%}

.box-service1{text-align:center; display:inline-block; margin-top: 20px; width: 15%}



.box-service1 p {font-size:15px; color:#584e4e; text-transform:uppercase; padding:10px 0 0 0}



#right-sub .box-service1 p {font-size:15px}



.box-service1 img {width:100%; max-width:100px}



.box-service1 img:hover {opacity:0.5}



.box-service1 a {color:#584e4e;}



.box-service1 a:hover {color:#828181;}



}





@media all and (min-width:351px) and (max-width:600px) {

#sub { width: 100%; float: none}



#content .chimney-list {float:left; width: 90%; margin:0}



#right-sub { width: 100%; float: none}

.box-service1{text-align:center; display:inline-block; margin-top: 20px; width: 30%}



.box-service1 p {font-size:18px; color:#584e4e; text-transform:uppercase; padding:10px 0 0 0}



.box-service1 img {width:100%; max-width:100px}



.box-service1 img:hover {opacity:0.5}



.box-service1 a {color:#584e4e;}



.box-service1 a:hover {color:#828181;}



}











@media all and (min-width:0px) and (max-width:350px) {

#sub { width: 100%; float: none}

#right-sub { width: 100%; float: none}

#content .chimney-list {float:left; width: 90%; margin:0}

.box-service1{text-align:center; display:inline-block; margin-top: 20px; width: 100%}



.box-service1 p {font-size:18px; color:#584e4e; text-transform:uppercase; padding:10px 0 0 0}



.box-service1 img {width:100%; max-width:130px}



.box-service1 img:hover {opacity:0.5}



.box-service1 a {color:#584e4e;}



.box-service1 a:hover {color:#828181;}



}



@media all and (min-width:700px) and (max-width:1300px) {

.box-service {margin:20px 0.1% 0 0.1%; width:15%}

.box-service img {width:90%; }

}



@media all and (min-width:350px) and (max-width:699px) {

.box-service {margin:20px 0.5% 0 0.5%; width:31%}

.box-service img {width:90%; }

}



@media all and (min-width:0px) and (max-width:349px) {

.box-service {width:100%}

.box-service img {width:90%; }

}





@media all and (min-width:0px) and (max-width:780px) {

#logos .logos {display:none}

#logos .logos-mobile {display:block; width:100%; max-width:658px; float:none; margin:10px 0 0 0}

#footer {text-align:center}

.footer-box {width:100%; padding:0; float:none}

.footer-box + .footer-box {width:100%}

#footer ul { float:none; margin:0; padding:0; display:inline}

#footer ul li {display:inline; border-left:1px solid #fff; padding:0 5px}

#footer ul li:first-child {border-left:0}

#footer ul + ul li:first-child {border-left:1px solid #fff;}

#footer h6 {padding:15px 0 0 0}

#content .list {width:35%}

#service-locations ul {width:20%}

.box {width:100%; float:none}

.box + .box {display:none}

#town-list ul {width:24%}

}

@media all and (min-width:0px) and (max-width:880px) {

#service-locations .wrapper {width:100%}

}



@media all and (min-width:0px) and (max-width:1050px) {

#contact {width:100%; float:none}

#contact-right {width:100%; float:none}

#contact-right .box {width:45%; float:left; margin-right:1%}

.top-middle h4 {font-size:17px}

.top-middle h5 {font-size:15px}

}



@media all and (min-width:0px) and (max-width:680px) {

#contact {width:100%; float:none}

#contact-right {width:100%; float:none}

#contact-right .box {width:100%; float:none; margin-right:0; padding:0}

#contact-right .box + .box {text-align:left; padding:0}

}





@media all and (min-width:0px) and (max-width:500px) {

#contact-right .box#box3 {display:none}

#service-locations ul {width:40%}

#tables {padding:20px 0}

.box {padding-bottom:56.25%; position:relative}

.box iframe {height:100% !important; position:absolute; top:0; left:0 }

#town-list ul {width:49%}

} 



@media all and (min-width:0px) and (max-width:400px) {

#service-locations ul {width:80%; margin:0 0 0 10%}

}



@media all and (min-width:0px) and (max-width:780px) {

#gallery img {width:23%; margin:10px 0.5% 0 0.5%}

}



@media all and (min-width:0px) and (max-width:500px) {

#gallery img {width:48%; margin:10px 0.5% 0 0.5%}

#content .certified {width:100%; max-width:314px}

#content .list {width:80%}

}



@media all and (min-width:0px) and (max-width:1300px) {

#top ul li {font-size:17px}

}



@media all and (min-width:0px) and (max-width:1100px) {

#top ul li {font-size:15px; padding-top:2px; padding-bottom:2px}

}



@media all and (min-width:0px) and (max-width:800px) {

#top ul li {font-size:12px; padding-top:3px; padding-bottom:3px}

}







@media all and (min-width:501px) and (max-width:780px) {

.top-left {width:100%; float:none}

.top-middle {width:50%; float:left; padding:20px 0 0 0}

.top-right {width:50%; float:left; padding:20px 0 0 0}

}



@media all and (min-width:0px) and (max-width:500px) {

.top-left {width:100%; float:none}

.top-middle {width:100%; float:none; padding:20px 0 0 0}

.top-right {width:100%; float:none; padding:20px 0 0 0}

#top ul li {padding-left:5%; padding-right:5%}

}



@media all and (min-width:0px) and (max-width:780px) {

.box {float:none; width:100%}

}



@media all and (min-width:0px) and (max-width:980px) {

#town-list {display:none}

}











/* Slider Nav

-------------------------------------------------------------------------*/



#home-flexslider {position:relative; z-index:1}

.disable-responsive #home-flexslider {

  min-width: 940px;

}



#home-flexslider .flex-direction-nav li a {

  display: block;

  text-indent: -999em;

  width: 48px;

  height: 48px;

  position: absolute;

  top: 50%;

  margin-top: -22px;

  z-index: 150;

  cursor: pointer;

}

#home-flexslider .flex-direction-nav li a.flex-next {

 

  right: 30px;

}

#home-flexslider .flex-direction-nav li a.flex-next:hover {

  background-position: bottom;

}

#home-flexslider .flex-direction-nav li a.flex-prev {

  

  left: 30px;

}

#home-flexslider .flex-direction-nav li a.flex-prev:hover {

  background-position: bottom;

}



/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



 

/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider {margin: 0; position: relative; zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}





/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; }

.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}

.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: 1; cursor: pointer;}

.flex-control-thumbs img:hover { opacity: .7;}

.flex-control-thumbs .flex-active {opacity: .7; cursor: default;}





@media all and (min-width:0px) and (max-width:1400px) {

.wrapper .quality-works {margin-top:-50% !important;}

}



@media all and (min-width:0px) and (max-width:1324px) {

#home-flexslider .flex-direction-nav li a.flex-next {right:10px}

#home-flexslider .flex-direction-nav li a.flex-prev {left:10px}

#home-flexslider .flex-direction-nav li a {top:30%}

}



@media all and (min-width:0px) and (max-width:980px) {

.wrapper .quality-works {margin-top:-270px !important;}

#home-flexslider .flex-direction-nav li a {top:40%}



}



@media all and (min-width:0px) and (max-width:680px) {

.wrapper .quality-works {margin-top:-250px !important; width:90%; max-width:602px;display:block; margin-left:auto; margin-right:auto}

}

@media all and (min-width:0px) and (max-width:780px) {

#top-header .wrapper {background-image:none}

#left .certified {float:none; margin:20px 0 0 0}

}



@media all and (min-width:501px) and (max-width:780px) {

#left .certified {float:right; margin:20px 0 10px 0; width:50%; max-width:314px; margin-left:5%}

}



@media all and (min-width:0px) and (max-width:500px) {

#left .certified {margin:20px auto 0 auto; display:block}

}



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

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

  .wrapper .quality-works {margin-right:0}

}

@media all and (min-width:0px) and (max-width:1050px) {

.box ul li {font-size:15px}

}

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

.box + .box + .box {display:none}

.box ul li {font-size:18px}

}

















@media all and (min-width:0px) and (max-width:1080px) {

#top {padding:11px 0}

#top .experience {float:none; width:100%; display:block; margin:0 auto; }

#top .social {float:none; width:350px; margin:0 auto; text-align:center}

#top .social img {float:none; display:inline-block;}

}



#top .experience-mobile {display:none}



@media all and (min-width:0px) and (max-width:680px) {

#top .experience {display:none}

#top .experience-mobile {display:block; margin:0 auto; width:100%; max-width:500px}

}



@media all and (min-width:0px) and (max-width:401px) {

#top .social {width:100%; margin:0; text-align:center}

#top .social img {width:5%; float:none; display:inline-block}

#top .social .facebook {width:3%}

}



@media all and (min-width:0px) and (max-width:780px) {

#top-header .logo {float:none; margin:0 auto; display:block}

#top-header .available {float:none; text-align:center; width:100%; margin:20px 0 0 0}

#top-header .phone {float:none; position:static; margin:10px 0 0 0; text-align:center; height:auto }

#top-header .phone img {display:inline-block; float:left; width:30%; max-width:63px;}

#top-header .phone img + img {float:none; width:70%; max-width:301px}

#navigation {float:none; position:static; width:100%}

#top-header {background-image:none}

#navigation ul li {font-size:11px}

#navigation ul li a {padding:19px 0}

}

.call {display:none}

#mobile-bar {display:none}



@media all and (min-width:781px) and (max-width:980px) {

#navigation ul li {font-size:17px}

}



@media all and (min-width:681px) and (max-width:780px) {

#navigation ul li {font-size:15px}

}



@media all and (min-width:0px) and (max-width:680px) {

#navigation ul li {font-size:13px}

}







@media all and (min-width:0px) and (max-width:560px) {



#top-header .logo {width:100%; max-width:316px}

#navigation {display:none}



.call {display:block;}

.call img {margin:20px auto 0 auto; display:block; max-width:100%}

#mobile-bar {display:block}

#mobile-bar a {width:100%; background:#d8151d url(../images/navigation.png) no-repeat 10px 10px; color:#fff; text-transform:uppercase; font-size:18px; text-align:center; display:block; padding:10px 0; margin:0}

.wrapper .quality-works {margin-top:-100px !important;}

}







/*@media all and (min-width:1421px) and (max-width:1500px) {

#banner {width:7%}

}



@media all and (min-width:0px) and (max-width:1100px) {

#banner {padding-left:5%}

}



@media all and (min-width:0px) and (max-width:1000px) {

#banner {padding-left:0%}

}*/



/*



@media all and (min-width:0px) and (max-width:1420px) {

#banner {position:static; width:auto; margin:0 auto}



#banner img {float:left; clear:none; width:auto; max-width:180px; margin:10px 10px 0 0}



#banner img + img {margin-right:0}

#banner img + img + img + img {border-right:2px dashed #bf0007}

}

@media all and (min-width:0px) and (max-width:800px) {

#banner img {width:23%}

}



@media all and (min-width:0px) and (max-width:500px) {

#banner {text-align:center; width:100%;  padding:0; margin:0}

#banner img {float:none; clear:none; width:100%; display:block; margin:0 auto; margin-top:15px; position:relative; left:-15px; }

#banner img + img {border-right:2px dashed #bf0007; margin-right:auto; left:0}

}

*/



@media all and (min-width:0px) and (max-width:980px) {

#banner {position:static; width:100%; margin:0 auto; text-align:center}



#banner img {width:22%; max-width:180px; margin:10px 1% 0 1%; display:inline-block}



/*#banner img + img {margin-right:0}

#banner img + img + img + img {border-right:2px dashed #bf0007}

#banner {position:static; width:auto; margin:0 auto}



#banner img {float:left; clear:none; width:auto; max-width:180px; margin:10px 10px 0 0}



#banner img + img {margin-right:0}

#banner img + img + img + img {border-right:2px dashed #bf0007}*/

}

@media all and (min-width:0px) and (max-width:800px) {

#banner img {width:21%}

}









#build-menu {

	visibility: visible;

	z-index: 0;

	opacity: 1;

	-webkit-transform: none;

	-moz-transform: none;

	-o-transform: none;

	-ms-transform: none;

	transform: none;

	display: none;

	width: 240px;

  padding: 0;

  position: static;

  z-index: 0;

  top: 0;

  height: 100%;

  overflow-y: auto;

  left: 0;

  margin-top:850px;

}







#build-menu ul li a {font-size:13px; color:#000}



#build-menu ul li {padding:0; margin:2px 0 0 10px; list-style-type:none}



#build-menu p {font-size:13px; color:#fff; padding:10px; line-height:20px; color:#cdccc8}



#build-menu p #build-menu-button {display:block; width:29px; height:29px; text-indent:-9999px; outline:0; float:right; background:url(../images/close.png) no-repeat; margin-right:60px;}



.build-menu-animating #build-menu-page {

	position: fixed;

	overflow: hidden;

	width: 100%;

	top: 0;

	bottom: 0;

}



.build-menu-animating.build-menu-close #build-menu-page,

.build-menu-animating.build-menu-open #build-menu-page {

	-webkit-transition: -webkit-transform 250ms;

	-moz-transition: -moz-transform 250ms;

	-o-transition: -o-transform 250ms;

	-ms-transition: -ms-transform 250ms;

	transition: transform 250ms;

}



.build-menu-animating.build-menu-open #build-menu-page {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



.build-menu-animating #build-menu { display: block }



.build-menu-open #build-menu {

	display: block;

	-webkit-transition-delay: 0ms, 0ms, 0ms;

	-moz-transition-delay: 0ms, 0ms, 0ms;

	-o-transition-delay: 0ms, 0ms, 0ms;

	-ms-transition-delay: 0ms, 0ms, 0ms;

	transition-delay: 0ms, 0ms, 0ms;

}



.build-menu-open #build-menu,

.build-menu-close #build-menu {

	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;

	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;

	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;

	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;

	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;

}