body{background:#e4e4e4; font-family: 'Raleway', sans-serif; font-size:16px; line-height:24px; color:#303030;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#0053a1; text-decoration:underline;}
a:hover{text-decoration:none; color:#303030;}
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{margin-bottom:20px; max-width:100%;}

ul.style{margin:0 0 10px 0;}
ul.style li{list-style:disc; margin:0 0 8px 10px; font-size:16px; line-height:18px; font-weight:bold; color:#0053a1;}
ol.style li{list-style:decimal; margin:0 0 8px 10px; font-size:16px; line-height:18px;}
ol.style li ul li{list-style:disc; margin:0 0 8px 10px;}

.row{max-width: 70rem;}

.bullet-group{ margin-bottom:10px;}
.bullet-group .style{ margin:0 !important;}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; position:relative;}
.line-through .heading, .line-through .sub-heading{background:#fff; display:inline-block; padding:0 10px; position:relative; text-align:center; width:auto; z-index:2; color:#312b23;}
.line-through span{background:#c2c2c2; display: block; position: absolute; height: 1px; top: 42%; width: 96%; z-index:1;}

.heading, .sub-heading, .heading .heading, .sub-heading2{display:block; font-family: 'Raleway', sans-serif; font-size:28px; line-height:34px; font-weight:bolder; color:#02428a; margin:5px 0 20px 0;}
.heading .heading, .sub-heading .sub-heading{margin:0;}
.sub-heading{font-size:24px; line-height:30px; margin:0 0 10px; color: #0053a1;}
.sub-heading2{font-size:14px; line-height:16px; margin:0 0 10px; color: #303030;}
.heading .sub-heading, .sub-heading .sub-heading2{margin:0 0 10px;}

p, .mb{display:block; margin-bottom:15px; font-size:18px; line-height:32px;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

header{background:#fff url(../img/header-bg.jpg) top center no-repeat; padding: 12px 0 0;}

header strong{display: block; font-size: 13px; text-align: center;}
a.logo{display: block; text-align: center;}

header .head-contact{text-align: right; padding-top: 15px; padding-bottom: 25px; background: url(../img/shadow-top.png) bottom left no-repeat;}
header .head-contact a.phone{display: inline-block;}

.navigation .columns{padding-right: 0; margin-top: -40px;}
.top-bar-section ul{display: table; float: right;}
.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){background: #fbfafa; color: #023c83;}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a{background:#fbfafa; color:#000;}

.top-bar, .title-area{height:40px; line-height:40px}
.top-bar-section li:not(.has-form) a:not(.button){padding:12px 16px; font-size:14px; line-height:16px; font-weight: bold; text-align:center; color:#023c83; text-decoration:none; text-transform: uppercase;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:4px 16px;}
.top-bar-section .has-dropdown > a{padding-right:16px!important;}

.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#023674; border-top:solid 1px #054694; border-bottom:solid 1px #002b5f; padding:5px 8px!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){background:#022c5b;}
.top-bar .toggle-topbar.menu-icon a{text-decoration:none;}
.top-bar.expanded li a{text-align:left!important;}
.top-bar.expanded li a:hover{background:#022c5b!important;}
.top-bar.expanded .toggle-topbar a:hover{background:none!important;}
.top-bar.expanded li a br{display:none;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #212121, 0 7px 0 1px #212121, 0 14px 0 1px #212121;}
.top-bar.expanded .toggle-topbar a{color:#212121;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff; background:#003f8b !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}
/*class for navigation*/

.banner{margin: -20px 0 30px;}
.banner ul{margin: 0; padding: 0;}
.banner img{width: 100%;}
.banner-inner{ margin-bottom: 20px;}

.inner-banner .heading{font-size:20px; line-height:24px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; margin:0 0 15px; padding-bottom:6px;}
.inner-banner .heading .heading{ border:0; margin:0;}
.inner-banner .flash{ border:solid 1px #d1d1d1;}

.inner-banner .chk-list{margin:0 0 15px;}
.inner-banner .chk-list li{list-style:none; background:url(../img/checks.gif) top left no-repeat; font-size:15px; line-height:20px; font-weight:600; color:#000; padding:2px 0 2px 20px;}
.inner-banner .medium-5{padding:0; margin-bottom:15px;}

/*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-content{background: #fff url(../img/main-content-top-bdr.jpg) top repeat-x; padding: 30px 0;}
.contact-info{margin-bottom: 30px;}
.contact-info .sub-heading{font-size: 18px; line-height: 22px;}
.contact-info, .contact-info p{font-size: 14px; line-height: 22px;}
.contact-info a{display: block; margin-bottom: 15px; font-size: 24px; font-weight: bold; text-decoration: none; color: #000;}

.level2{padding: 30px 0; background: #f0f0f0;}
.level2 .columns{padding:0 50px;}

.why-us{ border:solid 1px #003e8b; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:20px; padding: 10px; overflow:hidden;}
.why-us .sub-heading{ background:#003e8b url(../img/why-choose-bg.png) center center no-repeat; font-size:24px; line-height:28px; color:#fff; text-align:center; padding:8px 10px; margin:-10px -10px 20px;}
.why-us ul li{font-size: 18px; line-height: 20px; font-weight: bold; color: #555; margin-bottom: 15px; list-style: none; background: url(../img/blue-bullet.png) left center no-repeat; padding-left: 18px; margin-left: 20px;}

.testimonials img{margin: -1px auto 0; display: block;}
.testimonials div{background: #ece7f0; border: solid 1px #cac4ce; padding: 30px;}
.testimonials .sub-heading{font-size: 36px; line-height: 40px; font-weight: normal; color: #4e4e4e; background: url(../img/review-left.png) bottom left no-repeat; padding-left: 55px; min-height: 40px; margin-bottom: 20px;}
.testimonials p{font-size: 16px; line-height: 24px; color: #747474;}
.testimonials a{font-weight: bold; text-decoration: none; color: #747474;}
.rhs .testimonials div{padding: 15px;}
.rhs .testimonials .sub-heading{font-size: 28px; line-height: 30px; background-size: 40px; padding-left: 50px; min-height: 35px; margin-bottom: 10px;}


.testi{ color:#093c7b; border:solid 3px #c8c8c8; margin-bottom:15px; padding:10px 10px 1px;}
.testi p strong{ border-bottom:dotted 2px #093c7b;}
.testi a{ color:#093c7b;}

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

.social{text-align: center; margin-bottom: 30px;}
.cards{text-align: center; margin-top: 5px;}

footer{background: #fff;}

.error{color: #FF0000; display: none; font-size: 11px; margin:5px 0 0 0; text-align: left;}
.zipcodes{text-align:center; margin-top:10px; color:#C1291A; font-size:12px;}

.projects{background:#e7e7e7; border:solid 1px #c9d0d6; padding:10px; margin-bottom:20px;}
.projects .sub-heading{font-size:20px; color:#393939; border-bottom:dotted 1px #393939;}
.projects a{text-decoration:none; font-weight:bold; display:block; text-align:right; color:#000;}
.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 #c9d0d6;}

#gallery{padding-top:33px; margin-bottom:10px;}
#gallery .sub-heading{text-align:center; font-size:22px; color:#000;}

ul.gallery{margin:0;}
ul.gallery li{list-style:none; padding-top:10px; padding-bottom:10px;}
ul.gallery li div{border:solid 1px #cacaca; font-size:13px; line-height:15px; padding:4px;}
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{margin:0 5px 0 0; float:left; border:solid 1px #999;}
ul.gallery li.two-img a img{width:328px; display:block; float:none;}
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;}

ul.gallery-inner li a img{margin:0; float:none;}

.contact-form{background:#e5e5e5; font-size:12px; line-height:18px; color:#000; border:solid 1px #dddddd; margin-bottom:20px; padding:5px;}
.contact-form .sub-heading{color:#4c4c4c; display:none;}

.service-area-map .columns{padding: 0;}
.service-area-map .service-area{padding: 20px; background: #e4b81b;}
.service-area-map .service-area .sub-heading{font-size: 18px; line-height: 20px; font-weight: bold; text-align: center; color: #000;}
.service-area-map .service-area ul{margin: 0;}
.service-area-map .service-area ul li{list-style: none; background: url(../img/gray-arrow.png) left center no-repeat; padding-left: 15px; margin: 0 0 10px; font-size: 15px; line-height: 17px; font-weight: bold; }
.service-area-map .service-area ul li a, .service-area-map .service-area ul li span{text-decoration: none; color: #000;}

.footer{background:#023c83; color:#fff; padding:15px 3%; font-size:15px; line-height:18px; margin-top:10px;}
.footer div:last-child{ text-align:right;}
.footer div:last-child a{ margin: 0;}
.footer a{color:#fff; margin:0 5px; text-decoration:none; display:inline-block; line-height:22px}
.footer a:hover{color:#fff;}

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

header, header .head-contact{text-align: center;}
.navigation .columns{margin: 0; padding: 0;}

.inner-banner .heading{ font-size:18px; line-height:20px;}
.inner-banner .heading br{display:none;}
.inner-banner .columns{ padding:0;}
.inner-banner img{ width:100%; margin-right:0;}
.inner-banner .chk-list{ width:100%; margin-top:0;}
.inner-banner .chk-list li{ font-size:13px; line-height:17px;}


.social strong{display: block;}

.rhs{border-top: solid 3px #ccc; padding-top: 20px;}

.level2 .columns{padding: 0 0.9375rem;}
.why-us .sub-heading{font-size: 22px; line-height: 28px;}
.why-us ul li{font-size: 16px; line-height: 18px;}

.testimonials div{padding: 15px;}
.testimonials .sub-heading{font-size: 26px; line-height: 28px; background-size: 35px; padding-left: 45px; min-height: 25px;}

.projects ul li{ padding-bottom:0; margin-bottom:10px; border-bottom:solid 1px #c9d0d6;}
.projects ul li:after{content:''; clear:both; display:block;}
.projects ul li a{width:50%; float:left; margin-right:10px;}
.recent-project span{border:none; margin-bottom:0;}

.service-area-map .google-map .map{min-height: 280px; margin-bottom:20px;}
.service-area-map .service-area ul li{padding-left: 10px;}

.footer .cards{ margin-bottom: 15px;}
.footer, .footer div:last-child{text-align:center;}
.footer span{display:block; width:100%; margin:10px 0; text-align:center; border-top:solid 2px #014599; border-bottom:solid 2px #014599; padding:5px 2px;}
img.left, img.right{float:none!important; margin:0 auto!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


// 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) {
.heading, .sub-heading, .heading .heading{font-size:26px; line-height:32px;}
.sub-heading{font-size:18px; line-height:22px;}

.top-bar-section li:not(.has-form) a:not(.button){padding:12px 10px; font-size:13px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:4px 10px;}
.top-bar-section .has-dropdown > a{padding-right:10px!important;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 40.063em) and (max-width: 53em) {
.heading, .sub-heading, .heading .heading{font-size:24px; line-height:30px;}
.sub-heading{font-size:17px; line-height:20px;}

a.logo img{max-height: 80px;}

.navigation .columns{margin-top: 0px; padding: 0; width: 100%;}

.inner-banner .medium-5, .inner-banner .medium-7{ width:100%; padding:0;}

.level2 .columns{padding: 0 0.9375rem;}
.why-us .sub-heading{font-size: 22px; line-height: 28px;}
.why-us ul li{font-size: 16px; line-height: 18px;}

.testimonials div{padding: 15px;}
.testimonials .sub-heading{font-size: 26px; line-height: 28px; background-size: 35px; padding-left: 45px; min-height: 25px;}

.service-area-map .service-area ul li{padding-left: 12px;}
}

// 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 */