body{background:#fff url(../img/body.webp) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#272826; margin:0; padding:0;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#1c6113; text-decoration:underline;}
a:hover{text-decoration:none; color:#1c6113;}
img{max-width:100%;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{padding:5px; margin-bottom:20px; border:solid 1px #dad4c7; width:100%;}

ul.style, ol.style{margin-bottom:15px; font-size:14px; line-height:16px; color:#000;}
.style .style{margin:0 0 0 15px;}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal; margin:0 0 8px 20px;}
ul.style li{list-style:disc; margin:0 0 8px 20px;}
ul.style li a{list-style:disc; margin:0 0 0 5px; color:#000;}
ul.style li.none, ol.style li.none{list-style:none;}
ul.style li.heading, ol.style li.heading{list-style:none; margin:0 0 8px 0px; border:none; padding:0; font-size:18px; line-height:20px; font-weight:bold;}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; position:relative;}
.line-through span{background:#c3c0bb; display: block; position: absolute; height: 1px; top: 28%; width: 96%; z-index:1;}
p{font-size:14px; line-height:19px;}
p, .mb{display:block; margin-bottom:15px;}
hr{background:#9b9b9b; margin:19px 0; border:none; height:1px;}

.heading{font-size:24px; line-height:26px; color:#43a538; margin:0 0 12px;}
.sub-heading{font-size:20px; line-height:22px; color:#43a538; margin:0 0 12px}
.heading .heading{ margin-bottom:0;}
.heading .sub-heading{font-size:18px; line-height:20px; color:#000; margin:0;}

.shadow{ background:#f8fcee; -moz-box-shadow: 0px 0px 3px #b6b6b6; -webkit-box-shadow: 0px 0px 3px #b6b6b6; box-shadow: 0px 0px 3px #b6b6b6; margin-bottom:15px;}
.top-line{background:#1c6113; color:#efefef; font-size:18px; padding:5px; text-align:center; position:fixed; left:0; right:0; width:100%; z-index:99; margin-top:0;}

/*** Header ***/
header{ display:block; background:#e6e6e6 url(../img/header.webp) center top no-repeat; padding-top:53px; padding-bottom:15px;}
header .logo{ min-height:93px; display:block}
header .contact{ text-align:right;}
header .contact span{ display:inline-block; font-size:16px; line-height:30px; color:#fff; font-weight:bold; border:solid 1px #535353; border-radius:8px; padding:0 15px; margin-bottom:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686868+0,8e8e8e+100 */
background: #686868; /* Old browsers */
background: -moz-linear-gradient(top, #686868 0%, #8e8e8e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #686868 0%,#8e8e8e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #686868 0%,#8e8e8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */}
header .contact a{ display:block; margin-bottom:5px;}
header .contact p{ font-size:16px; line-height:20px; color:#000; margin-bottom:0;}
header .contact p b{display:block;}

/*** Tagline ***/
.tagline{background:#2e9e20; font-size:18px; color:#fff; padding:6px; display:block; text-align:center; margin:0;}

/*** Navigation ***/
.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){ text-decoration:none;}

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li.current a:not(.button), .top-bar-section li.current:not(.has-form) a:not(.button){ color:#49b23c;}

.top-bar-section ul{display: table; margin: 0 auto;}
.top-bar, .title-area{height:45px; line-height:45px}
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 22px; font-size:14px; line-height:13px; font-weight:bold; border-right:solid 1px #fff; border-left:solid 1px #313131; color:#fff; text-align:center;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 22px 9px;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}
.top-bar-section .has-dropdown > a{padding-right:22px!important;}
.top-bar-section .has-dropdown > a::after{ display:none;}/*class for dropdown arrow*/

.top-bar.expanded br{display:none;}
.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button){text-align:left;}

.top-bar-section .dropdown{ border:solid 1px #00356a;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#464646; border-top:solid 1px #585757; border-bottom:solid 1px #212121; padding:5px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button), .current-parent .current a{background:#212121 !important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{background:#212121 !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.navigation .top-bar.expanded .parent-link.show-for-small{display: block!important;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}

/*** Banner ***/
.banner-area .columns{ padding-left:0.6375rem; padding-right:0.6375rem;}
.links{ width:100%; float:left; margin-bottom:15px;}
.links .columns{ padding:0;}
.links ul{ list-style:none; margin:0;}
.links ul li{border-bottom:solid 1px #f8fcee;}
.links ul li a{ background:#43a538 url(../img/arrow.gif) left 12px no-repeat; padding:10px 5px 10px 22px; margin-bottom:3px; font-size:13px; line-height:15px; font-weight:bold; text-decoration:none; color:#fff; display:block;}
.links ul li a:hover, .links ul li.current a{background:#0f7603 url(../img/arrow.gif) left 12px no-repeat;}

[class*="block-grid-"] > li{padding:0 .3em;}
.banner{ text-align:center; margin-bottom:15px; position:relative;}
.banner .flash{min-height: 230px; max-height: 230px; overflow: hidden;}
.banner img{ width:100%;}
.banner span{ width:100%; font-size:12px; line-height:16px; text-align:left; color:#c8df9f; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; position:absolute; left:0; bottom:0; padding:10px 13px;}
.banner span strong{font-size: 17px; font-style:italic; color:#49B23C;}
.banner span strong b{color:#FFCC00;}
.banner span br{margin-bottom:8px;}
.banner em{ font-style:normal;}

/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.main-container{background:#fff;}

/*** Content Area ***/
.content-area .large-3 p{ font-size: 12px; line-height: 17px;}

.large-9 .certified{ margin-bottom:15px;}

.testimonials{background:#e6f7cb url(../img/green-grad.webp) top repeat-x; padding:10px; margin-bottom:10px;}
.testimonials div{background:#f1f9de; padding:10px; color:#436703; font-size:13px; line-height:14px;}
.testimonials a{text-decoration:none; font-weight:bold; color:#436703; display:block; text-align:right;}
.testimonials .sub-heading{color:#436703;}

.review-social{ background:url(../img/5star.png) top right no-repeat; font-weight: bold; text-align:right; padding-top:24px; margin: 15px 0 5px;}
.review-social span{ display:block; margin-bottom:5px;}
.review-social img{display:inline!important;}

/* leave us review */
.review-icons{text-align: center; padding:30px 0}
.review-icons a{margin: 10px 20px; display: inline-block;}
.review-icons .heading .heading{ color:#000; margin-bottom:15px; font-size:20px; line-height:24px;}
.review-icons .sub-heading{ color:#43a538}
.review-icons .sub-heading a{ display:inline; margin:0}
#revealModel1 .contact-form{ border:none}
/* leave us review */

.rhs-social{ margin:0 0 10px}
.rhs-social strong{ display:block; margin-bottom:10px;}

.resource_gal{ color:#fefefe; font-size:11px; margin:20px 0 10px 0; background:#000; padding:7px 7px 1px 7px; font-weight:normal;}
.resource_gal .style li{ list-style:disc; color:#fff; margin-bottom:15px;}
.resource_gal .style li a{ color:#fff; text-decoration:none;}
.resource_gal .style li a:hover{ text-decoration:underline;}

.add-box{background:#292929 url(../img/gov-res-com-bg.webp) bottom repeat-x; padding:15px; color:#f8fcee; margin-bottom:15px;}
.add-box .columns{ padding-left:0.5375rem; padding-right:0.5375rem; margin-bottom:15px;}
.add-box .sub-heading{ font-size:22px; line-height:26px; color:#F8FCEE;}
.add-box ul li{list-style:none; background:url(../img/check_bullet.png) left 4px no-repeat; font-size:16px; line-height:20px; padding: 7px 0 7px 45px; margin-bottom:2px;}
.add-box a.free-estimate{text-indent:-9999px; background:url(../img/free_est.webp) top no-repeat; width:192px; height:47px; display:block;}
.add-box a.free-estimate:hover{background-position:bottom;}

.testi1{padding:15px 0px 10px}
.testi1 p{margin-bottom:10px;}
.testi1 p strong, div.testi2 p strong{border-bottom:dotted 1px #000;}

/*** Gallery Page ***/
.projects{background:#fffef1; border:solid 1px #ebe9b5; padding:10px; margin-bottom:20px;}
.projects .sub-heading{font-size:20px; color:#393939; border-bottom:dotted 1px #393939; padding-bottom:5px;}
.projects a{text-decoration:none; font-weight:bold; display:block; text-align:right;}
.projects .clearing-close{display:none;}
.clearing-container .clearing-close{display:block;}
.recent-project{margin:0;}
.recent-project a{border:solid 1px #797a7b; display:block; margin-bottom:10px;}
.recent-project span{display:block; margin-bottom:15px; font-size:13px; line-height:16px; color:#0e0e0e; padding-bottom:15px; border-bottom:solid 1px #ebe9b5;}

#gallery .sub-heading{text-align:center; font-size:22px; color:#000;}

ul.gallery{margin:0;}
ul.gallery li{list-style:none; border:solid 1px #cacaca; font-size:13px; line-height:15px; padding:4px; margin:0px; margin:7px;}
.gallery-block .heading{margin:10px 0 20px 10px; line-height:16px;}
.gallery-block .medium-block-grid-2 > li{width:48%;}
.gallery-block .medium-block-grid-4 > li{padding:0 0.625rem 1rem; margin:0; border:none;}
.gallery-block .medium-block-grid-4 > li a img{width:100%; margin:0;}
ul.gallery li:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
ul.gallery li:hover div{border:solid 1px #6d6d6d; background:#efefef;}
ul.gallery li.heading{float:none; clear:both; margin:0; padding:0; border:none; width:auto; font-size:18px; line-height:35px; min-height:0;}
ul.gallery li.heading:hover{border:none; background:none;}
ul.gallery li a{text-decoration:none;}
ul.gallery li a img{width:155px; margin:0 5px 0 0; float:left; border:solid 1px #999;}
ul.gallery li.two-img a img{width:355px; display:block; float:none; margin:0 auto 5px;}
ul.gallery li a span{margin-top:5px; color:#333;}

.clearing-thumbs li, [data-clearing] li{margin:0;}
[data-clearing].recent-project li{float:none;}

[data-clearing].gallery-inner li{margin:10px;}

ul.gallery-inner{ margin-bottom:10px;}
ul.gallery-inner li.sub-heading, ul.gallery-inner li.sub-heading:hover{float:none; clear:both; margin:8px 0 15px; padding:0; border:none; text-align:center; font-size:22px; color:#000;}
ul.gallery-inner li{width:auto; min-height:0;}
ul.gallery-inner li a{max-height:110px; overflow:hidden; display:block;}
ul.gallery-inner li a img{margin:0; float:none;}

/*** Contact Form ***/
.contact-form{font-size:12px; line-height:18px; margin-bottom:20px; /* background:#c8df9f url(../img/contact.webp) top no-repeat;*/ color:#000; border:solid 1px #d5d5d5; padding:5px; min-height:350px}
.contact-form .sub-heading{background:#43a538; text-align:center; margin:0 0 10px 0; padding:5px 0; color:#fff; padding-left:0;}
.contact-form strong{display:block; text-align:center; font-size:15px; line-height:18px; color:#0f7603; margin:58px 0 10px 66px;}

#contact_form{color:#436703;}
#contact_form .sub-heading{font-size:18px; color:#436703; text-align:left; margin:5px 0 8px;}

.contact-form label{font-size:12px; color:#000;}
.contact-form label span{color:#ff0000;}
.contact-form input, .contact-form textarea{display:block; height:28px; padding:2px 3px; margin-bottom:5px; border:solid 1px #cdd6c9;}
.contact-form input.phone{width:35px; display:inline;}
.contact-form textarea{height:60px;}
.contact-form textarea:focus{ border:solid 1px #869e5c !important;}
.contact-form input.chk_box{height: 13px; margin: 0 5px 0 0; width: 13px; display:inline;}
.contact-form #submit{background:#505050; border:none; color:#fff; margin:10px auto 0; height:30px; padding:0 5px 3px; width:75px; cursor:pointer; font-size:14px; line-height:16px; font-weight:bold;}
.contact-form #submit:hover{background:#313131;}

.contact-form .large-8{padding:0 0.8rem!important;}
.contact-form .phone{margin:0 -0.2rem!important;}
.contact-form .phone .small-4{width:31.3333%; padding:0 0.2rem!important;}
.contact-form .phone .small-4:last-child{width:37.3333%;}
.contact-form .error{ background:none; color:#FF0000; font-size: 11px; text-align: left; margin:0 0 5px; padding:0;}

.cards{ font-size:13px; font-weight:bold; text-align:center; margin-bottom:15px;}
.zipcodes{ font-size:12px; color:#1c6113; text-align:center; margin-bottom:15px;}

/*** Service Area ***/
.service-container{ border-top:solid 5px #1c6113;}
.service-area-top{ padding:10px 0; text-align:right; font-weight:bold; border-bottom:solid 1px #dedede; margin-bottom:10px;}
.service-area-top div:last-child{text-align:left;}
.service-area-top span{font-size:16px; line-height:16px; font-weight:bold;}
.service-area-top .left{ font-size:16px;}
.service-area-top .right{ font-size:14px;}
.service-area .columns{padding:0 0 0 .7em;}
.service-area ul{margin:0;}
.service-area ul li{background:url(../img/service-bullet.gif) left 3px no-repeat; padding-left:15px; margin:0 0 13px 10px; border-bottom:dotted 1px #fff;}
.service-area ul li a{text-decoration:none; font-size:12px; line-height:14px; color:#261911; display:block;}
.service-area ul li a, .service-area ul li{text-decoration:none; font-size:12px; color:#000; display:block;}
.service-area ul li a:hover{text-decoration:underline;}

.google-map{background: url(../img/service-area-map.webp) center no-repeat; position: relative; min-height: 400px;}
.google-map::before{ content: ""; background: url(../img/enkay-engineering-inc-ratings.webp) center no-repeat; width: 166px; height: 81px; position: absolute; left: 10px; top: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}

/*** Footer ***/
footer{ background:#1c6113; font-size:12px; color:#fff; padding:10px 0;}
footer .row div:last-child{ text-align:right;}
footer a{color:#fefefe; text-decoration:none; margin:0 5px;}
footer a:hover{color:#fefefe; text-decoration:underline;}
footer .right a{ margin:0;}

.slider-fade{ max-height:275px; min-height:275px; overflow:hidden}

a.contact-btn{position: fixed; right: 0; bottom: 30%; z-index: 1000;}
#revealModel1{min-height: auto;}
#revealModel1 a{ text-decoration:none; color:#000}
#revealModel1 .contact-form{ margin-bottom:0}

#back-to-top{position: fixed; bottom: 4%;right: 2%; background: #49b23c; padding: 5px; transition: .5s; display: none; z-index:1000}
#back-to-top:hover{background: #53cb44;}

/*** Media Querys ***/
//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading .heading, .heading{ font-size:18px; font-weight:bold; line-height:22px;}
.heading .sub-heading, .sub-heading{ font-size:16px; font-weight:bold; line-height:18px;}

.top-line{ font-size:12px; line-height:16px; font-weight:bold;}

header{ text-align:center; background:#fff;}
header .logo{ margin-bottom:15px;}
header .contact{ text-align:center;}
header .contact img{ width:180px;}

.tagline{ font-size:15px; font-weight:bold; line-height:20px;}

.banner .flash{min-height: 260px; max-height: 400px; overflow: hidden;}
.banner span{ padding:6px 13px 4px; margin:0;}
.banner span strong{ font-size:14px; line-height:18px; margin:0;}
.banner em{ display:none;}

.add-box ul{ margin-left:0;}
.add-box .sub-heading{ font-size:18px; line-height:22px;}
.add-box .sub-heading br{ display:none;}
.add-box ul li{ font-size:14px;}

.testi1{background:url(../img/testi-quotes2.webp) top left no-repeat; padding:0 0 0 30px;}

.contact-form{ background:#c8df9f;}
.contact-form .sub-heading{text-align:left; margin-right:20px; color:#fff; padding-left:80px;}
.contact-form strong{ text-align:left;}
#contact_form .sub-heading{ text-align:left; margin:5px 0 8px; padding:0;}

.gallery-block .medium-block-grid-2 > li{width:96%;}
ul.gallery li a img{width:120px;}

.service-area-top div, .service-area-top div:last-child{ text-align:center; margin-bottom:10px;}
.service-area .columns{padding:0 0 0 .2em;}
footer{ text-align:center;}
footer span{ display:block; width:100%; margin-top:10px; text-align:center;}
img.left, img.right, .img-right{ float:none!important; margin:0 auto 20px!important; display:block;}
.img-right img{ margin:0 auto;}
.style{ margin:0!important;}

.slider-fade{ max-height:760px; min-height:380px;}

.review-icons .heading .heading{ font-size:16px; line-height:20px;}
}
@media only screen and (max-width: 26.250em) {
.banner .flash{min-height: 180px; max-height: 260px; overflow: hidden;}

.large-9 .certified{ width:100%; padding:0;}
}

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 16px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 16px 9px;}
.top-bar-section .has-dropdown > a{ padding-right:16px !important;}

.top-line{ font-size:16px; line-height:20px;}

.links .columns{padding-left: 0.4375rem; padding-right: 0.4375rem;}

.banner .flash{min-height: 280px; max-height: 310px; overflow: hidden;}

.contact-form{ background:#c8df9f;}
.contact-form .sub-heading{text-align:left; margin-right:20px; color:#fff; padding-left:80px;}
.contact-form strong{ text-align:left;}
#contact_form .sub-heading{ text-align:left; margin:5px 0 8px; padding:0;}

.map{ min-height:280px;}

.review-icons .heading .heading{ font-size:16px; line-height:20px;}
}
@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
header .contact p{ font-size:15px; line-height:18px; color:#000;}

.top-bar-section .has-dropdown > a::after{ display:block;}
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 8px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 8px 9px;}
.top-bar-section .has-dropdown > a{ padding-right:8px!important;}

.banner .flash{min-height: 200px; max-height: 280px; overflow: hidden;}
}

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */