/* common css */
html{scroll-padding-top:30px;}
body{ font-family: 'Roboto', sans-serif; font-size:16px; line-height:20px; font-weight: normal; color:#222;}

a{ color:#005e90; text-decoration: underline;}
a:hover{ color:#000; text-decoration: none;}
ul{ list-style:none; padding:0}

.heading{ font-size:28px; line-height:32px; margin:0 0 20px; color:#1f1f1f; font-weight:bold; text-align:center}
.sub-heading{ font-size:22px; line-height:25px; margin:0 0 20px; color:#000; font-weight:bold; text-align:center}

.tag{ padding:15px; background: #1e87b4 url(../img/tag-bg.png) center repeat-y; border:solid 1px #066d99; margin-bottom:40px}
.tag .sub-heading{font-size:22px; line-height:26px; margin-bottom:0px; color:#000;}
.tag .sub-heading span{background: url(../img/black-bullet.png) left center no-repeat;padding-left: 25px;margin-left: 10px;}
.mb{ margin-bottom:20px;}
p{ margin-bottom:20px}

.style{margin:0 0 10px 0; display:table}
ul.style li{list-style:disc; margin:0 0 15px 20px; line-height:19px}
.style .style{margin-bottom:0;}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal; margin:0 0 15px 5px; line-height:16px}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}
.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

img{max-width:100%; height:auto}
.left{float:left;} .right{float:right;} .clear{clear:both;}
img.right{ margin:0px 0 20px 20px; max-width:40%}
img.left{ margin:0px 20px 20px 0; max-width:40%}
.thanks{ padding:50px 0px; text-align:center}
.zipcodes{ text-align:center}
/* End common css */

/* start header css */
header{ padding:10px 0px}
.logo{ min-height:140px}
.logo img,.header-contact img{ width:inherit; max-width:100%;}
.header-contact{ padding:10px 15px;}
.header-contact .sub-heading{ color:#000; margin-bottom:5px;}
.header-contact img{ display: table; margin:5px auto}
.header-contact .social{ display:block; margin:0px auto;}
.header-contact .social a img{ display:inline; max-width:32px;}
.sign-center-logo{ text-align:left; padding-top:30px}
/* End header css */
/* navbar css */
.navbar-inverse{ border-radius:0; margin-bottom:0px; border:none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005e8f+0,004465+100 */
background: #005e8f; /* Old browsers */
background: -moz-linear-gradient(top,  #005e8f 0%, #004465 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #005e8f 0%,#004465 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #005e8f 0%,#004465 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e8f', endColorstr='#004465',GradientType=0 ); /* IE6-9 */
}
.navbar-inverse .navbar-nav > li:first-child{ background:none}
.navbar-inverse .navbar-nav > li > a{ padding:15px 35px; font-size:16px; line-height:22px; color:#fff; font-weight:bold; text-decoration: none;}
.navbar-inverse .navbar-nav > li > a.menu-break{ padding:9px 20px; line-height:16px;}
.navbar-inverse .navbar-nav{ display:table; margin:0px auto; float:none}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, li.current > a{ background:#004669; color:#fff}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{ background:none}
.navbar-toggle{ background: none; border:none !important;}
.navbar-inverse .navbar-toggle .icon-bar{ background:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background: none;}
.open-menu{ display:table; position:absolute; left:-93px; min-width:95px; top:5px; color:#fff}
.navbar-nav li ul.dropdown-menu{ background: rgba(0,68,101,.98)}
.navbar-nav li:last-child ul.dropdown-menu { right: 0; left: auto; }
.dropdown-menu > li > a{ color:#fff; font-size:16px; border-top:1px solid #012d42; text-decoration:none}
.dropdown-menu > li:first-child a{ border:none;}
.dropdown-menu > li > a:hover{ background:#012d42; color:#fff;}
/*  banner */

.lb-data .lb-caption{ display:none !important}
.lightbox-floating-button{z-index:1000}

/* start banner css */
.banner{ margin-bottom:20px; min-height:320px}
.banner img{ width:100%}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slider .banner-text{ position:absolute; right:10%; top:60%;}
.slider .banner-text .sub-heading{ background: rgba(164,51,47,.80); padding:15px; color:#fff; font-size:45px; line-height:50px; position:relative}
.slider .banner-text .sub-heading:before{ position:absolute; content:""; width:0; height:100%; top:0; right:100%; border-left:20px solid transparent; border-right:20px solid rgba(164,51,47,.80); border-top:130px solid transparent; border-bottom:0px solid transparent}

.demo .heading{ background:url(../img/bdr.png) bottom center no-repeat; padding-bottom:30px;}

.demo .item{ margin-bottom: 60px;}
.content-slider li{ background-color: #ed3020; text-align: center; color: #FFF;}
.content-slider h3 { margin: 0; padding: 70px 0;}
.demo{width: 800px; margin:0px auto;}
ul.image-gallery li{ position:relative}
ul.image-gallery li img{ width:100%; position:relative; z-index:400}
ul.image-gallery li span{ display:block; padding:2px 15px; margin-bottom:0; color:#fff; background: rgba(32,40,60,.6); position:absolute; bottom:0px; left:0; right:0; z-index:500}

/* End banner css */

.main-content{ padding:40px 0px 30px 0px; line-height:26px;}
div.heading .sub-heading2{ font-size:20px; line-height:24px; margin-bottom:5px;color:#474b4a}
div.heading .sub-heading{ color:#005f8e; font-size:18px; line-height:22px;}
section{ padding:50px 0px 40px;}

.inner-pages .heading, .inner-pages .sub-heading{ text-align:left}
.text-center{ text-align:center!important}

.top-services{ padding:0px 15px; margin-bottom:30px;}
.top-services a{display: block; border:1px solid #444; text-align:center; text-decoration:none; color:#fff; margin-bottom:20px; position:relative; min-height: 170px;}
.top-services a:hover{ color:#d3e8fb;}
.top-services a img{ width:100%;}
.top-services a b{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005e8f+0,004465+100 */
background: #005e8f; /* Old browsers */
background: -moz-linear-gradient(top,  #005e8f 0%, #004465 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #005e8f 0%,#004465 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #005e8f 0%,#004465 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e8f', endColorstr='#004465',GradientType=0 ); /* IE6-9 */
position:absolute; left:0; right:0; bottom:0;

font-size:17px; line-height: 20px; padding:5px 2px 7px; display:block;}
.top-services a:hover b{background: #004465;}
.top-services a br{ display:none}

.insta-btn-holder{position: relative; display: block;}
.insta-btn-holder a.insta-btn{border:none; position: absolute; top: -50px; left: 0; z-index: 1;}

.main-services{background:#eff4f7; padding:60px 0px 30px; margin-bottom:60px}
.main-services .heading{color:#000; margin-bottom:50px; font-size:30px; }
.services-box{ margin-bottom:40px; min-height: 190px;}
.services-box img{ border-radius:50%; width:190px; margin:0px auto; margin-bottom:15px;}
.services-box a{ text-decoration:none; color:#000}
.services-box .sub-heading{ display:block; font-size:18px; line-height:22px; color:#000; font-weight:500; text-decoration:none; margin-bottom:10px;}
.services-box .sub-heading br{ display:none}

/* home reviews */
.slider-reviews{ padding:60px 0px 50px; margin-bottom:0px; background:#554a47 url(../img/monument-sign.webp) top center no-repeat fixed; background-size:cover;}
.homerev{ padding:0px 50px; color:#fff; font-size:18px; line-height:30px}
.homerev .sub-heading{ margin-bottom:20px; font-size:24px; line-height:26px; color:#fff;}
.homerev .review-btn{ color:#f1f1f1; padding:8px; border-radius:5px; text-decoration:none; border:1px solid #a4332f}
.homerev .review-btn:hover{ color:#fff;}
.homerev a{ color:#fff;}

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

.testi{border:1px solid #ddd; padding:15px 20px 0; margin:0 5px 20px; background:#FFF; box-shadow:0 1px 5px rgba(0,0,0,0.2); border-radius:18px; clear: both;}
.testi .review-social{background: url(../img/5star.png) top right no-repeat; text-align:right}

.rhs .testi, .lhs .testi{ border-radius:3px; margin:0 0 20px}
.rhs .testi .sub-heading, .lhs .testi .sub-heading{ text-align:left}
.rhs .testi .review-btn, .lhs .testi .review-btn{ color:#000}

.contact-form{margin-bottom:20px; border:1px solid #ccc; padding:15px; min-height:470px}
.contact-form .sub-heading{ font-size:20px; text-align:left; margin-bottom:5px; line-height:22px; font-weight: normal}
.contact-form p a{ color:#003366; text-decoration:none}
.contact-form p a:hover{ color:#000}

/*--Gallery--*/
.gallery-page { margin-bottom:20px}
.gallery-page .sub-heading{ background:#004669; color:#fff; margin-bottom:20px; padding:10px; text-align:center}
ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ width:100%; position:relative; z-index:400}
ul.image-gallery li .comment{ display:block;/* padding:8px 10px;*/ margin-bottom:0; color:#fff; background: rgba(0,0,0,.9); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 15px; line-height: 20px; padding:5px 15px;}
ul.image-gallery li .comment span{display: inline-block; padding:0; margin-bottom: inherit; color: #fff; background: none; position: relative; bottom: inherit; left: inherit; right: inherit; z-index: inherit}
.comment .shortcontent{display: inline; margin-right: 5px;}
.comment a{color: #fff;}
.comment a:hover{color: #fff; text-decoration: none;}

.lSPager{width: auto!important; transform: translate3d(0px, 0px, 0px)!important;}
.lSPager li{width:18%!important; margin: 1%!important;background: #000;}
.lSPager li a{ opacity: .5;}
.lSPager li:hover a{opacity: .7;}
.lSPager li.active a{opacity: 1;}
/*--Gallery--*/


/* owl navigation */
.owl-carousel .owl-dot{ display:none!important}
.owl-prev,.owl-next {position: absolute;top: 45%;transform: translateY(-50%);}
.owl-prev {left: -5rem; background:none}
.owl-next {right: -5rem;}
.owl-theme .owl-nav [class*="owl-"],.owl-theme .owl-nav [class*="owl-"]:hover{ background:none}
.owl-stage{ width:50000px!important}
/* End owl navigation */

.whychoose{ padding:10px 0px 60px;}
.tune-ups{background:#fff; border:solid 1px #02407b; padding:15px 15px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;}
.tune-ups .sub-heading{background:#02407b; padding:8px; color:#fefefe; text-align:center; margin:-15px -15px 15px; font-size:26px; line-height:32px;}
.tune-ups p{padding-bottom:10px; margin-bottom:10px;}
.tune-ups ul{ list-style:none}.tune-ups ul li{ line-height:16px; padding-bottom:10px; font-size:18px; line-height:26px;}

/* service area */
.services-area{color:#fff; padding:0}
.services-area .row .col-md-7{ padding-left:0; padding-right:0px}
.services-area .sub-heading{ color:#fff; font-size:22px; line-height:26px; border-bottom:1px solid #ddd; display: inline-block}
ul.city{ list-style:none; margin:0; padding:0}
ul.city li{ margin-bottom:7px;}
ul.city li a,ul.city li span{ background:url(../img/arrow-right.png) left center no-repeat; padding-left:15px; font-size:15px; line-height:18px; color:#fff; text-decoration:none; transition:all .3s ease-out}
ul.city li a:hover,ul.city li span:hover{ color:#b0d7fd}

.map-menu{ background:#005e8f url(../img/outdoor-sign.webp) no-repeat; background-size:cover; min-height:523px; padding-top:15px; padding-bottom:10px}
.map-menu .sub-heading{ text-align:left; font-size:18px; line-height:22px;}

.google-map{background: url(../img/service-area-map.webp) center no-repeat; position: relative; min-height: 523px;}
.google-map::before{content: ""; background: url(../img/services-area-info.webp) center no-repeat; width: 220px; height: 111px; 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;}

.rhs iframe.map{ margin-bottom:20px}
/* footer css */
footer{color:#333; padding:10px 0px 0px 0px; font-size:15px; }
footer p{ margin-bottom:10px}
footer p img{ vertical-align: inherit; max-width:100%; width:auto}
.fmenu{ display:block; margin-bottom:5px;}
.fmenu a{ display:inline; padding:2px 3px; color:#333; text-decoration:none}
.copyright{text-align:right; line-height:22px;}.copyright a{ color:#000}

.inner-banner{ margin-bottom:20px;}
.inner-banner img{ width:100%; margin-bottom:20px}
.inner-banner .heading{color:#005e8f; text-align:center; font-size:20px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:15px; line-height:22px}
.inner-banner .chk-list{margin:0 0 15px; padding:0;}
.inner-banner .chk-list li{list-style:none; background:url(../img/checks.png) top left no-repeat; font-size:15px; line-height:18px; font-weight:600; color:#000; padding:2px 0 2px 20px; margin-bottom:5px}

.content-box{ margin-bottom:20px;}
.content-box .sub-heading{ text-align:left; display:inline-block}
.content-box:after, .content-box:before{ display:table; content:""}
.content-box:after{ clear:both}

.yellow-btn{padding:0 0.2rem!important}
.yellow-btn a{background:#c18800 url(../img/yellow-grad.jpg) top repeat-x; padding:7px 0 9px; font-weight:bold; display:block; text-align:center; text-decoration:none; margin-bottom:5px; font-size:15px; color:#000}
.yellow-btn a:hover{background:#ecc802 url(../img/yellow-grad.jpg) bottom repeat-x; color:#fff;}
.list-unstyled{ padding:inherit; list-style:none}

/* modad contact */
.contactModal .modal-header{ border:none; position:relative}
.modal .modal-header .close{ position:absolute; font-size:42px; top:5px; right:15px; z-index:1002}
.modal .modal-header .close:focus, .btn-close:focus{ box-shadow: none }
.modal .modal-body{ padding-top:0;}
.modal .modal-body a{ color:#333}
.modal .contact-form .sub-heading{text-align:center;}
.modal .contact-form{ padding:0; text-align:center; border:none; margin-bottom:0}
/* modad contact */

.red-button{ position:fixed; right:0; bottom:20%; z-index:1001}
#back-to-top{position: fixed; bottom: 4%;right: 2%; background: #047ebe; padding: 5px; transition: .5s; display: none; z-index:1000}
#back-to-top:hover{background: #0564d0;}

@media (max-width: 1199.98px){
/* common css */
body{font-size:16px;}
.heading{ font-size:26px; line-height:30px;}
.sub-heading{ font-size:20px; line-height:24px;}
.tags .heading{ font-size:26px; margin-bottom:5px}
.tags .sub-heading{ font-size:20px;}

.logo{ min-height:123px}
.header-contact .sub-heading{ font-size:18px;}
.head-tag, .head-tag span{ font-size:13px;}
.navbar-inverse .navbar-nav > li > a{ padding:15px 27px}
/* End common css */

.banner{ min-height:250px}
.top-services a b{ font-size:14px; line-height:15px;}
ul.city li{ margin-bottom:6px}
ul.city li a,ul.city li span{ font-size:13px; line-height:15px}

.top-services a{min-height: 140px;}
}
/* Large devices (desktops, 992px and up)*/
@media (max-width: 991.98px) {
/* common css */
.container{ width:100%}
.heading{ font-size:22px; line-height:24px;}
.sub-heading{ font-size:18px; line-height:22px;}
div.heading .heading{font-size:30px; line-height:35px;}

.tag .sub-heading{ font-size:16px; line-height:20px}
.inner-banner div.heading .heading{ font-size:18px; line-height:21px; margin-bottom:10px}
.inner-banner div.heading .sub-heading{ font-size:14px; line-height:18px;}
/* End common css */

/* break nav */
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-collapse.collapse.in {display: block!important;}
.collapsing {overflow: hidden!important;}
.navbar-inverse .navbar-nav{ display:block; margin-left:-15px;margin-right:-15px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:none}
.navbar-inverse{ border-radius:0}
.navbar-inverse .navbar-nav > li br{ display:none}
.navbar-inverse .navbar-nav > li{ background:none; border:none; border-top:1px solid #013249; }
.navbar-inverse .navbar-nav > li > a{ text-align:left; padding: 10px 15px; font-size:14px; line-height:14px }
.navbar-inverse .navbar-nav > li > a.menu-break{padding: 15px 15px; line-height:14px;}
.navbar-inverse .navbar-nav > li:hover{ background:#013d5a}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{ margin-left:-15px; margin-right:-15px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color:#cfe5ef; font-size:14px}
/* End break nav */

.logo img{ margin:0px auto; margin-bottom:0; display:table}
ul.city li a,ul.city li span{ font-size:13px; line-height:15px}
.top-services a b{position: relative;}
.top-services a br{ display: block}
.services-box .sub-heading{ font-size:13px; line-height:16px;}

div.heading .sub-heading2{ font-size:18px; line-height:22px;}
div.heading .sub-heading{font-size:16px; line-height:20px;}
.map-menu{min-height:545px}
.google-map{ min-height:545px}

.banner{ min-height:200px}

.content-box .heading br, .content-box .sub-heading br{ display:none}
}
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 767.98px) {
/* common css */
body{font-size:15px;}
.sub-heading{font-weight:bold !important}
div.heading .heading{font-size:24px; line-height:28px;}

.tag .sub-heading span{background: url(../img/black-bullet.png) left center no-repeat;padding-left: 25px;margin-left: 10px;}
.tag .sub-heading span{ background:url(../img/black-bullet-s.png) left center no-repeat;padding-left: 15px;margin-left: 5px;}

.inner-banner .chk-list li{ font-size:13px}

.top-services a{min-height: inherit;;}

.left, .right{float: none;}
img.left, img.right{margin:0px auto 20px; display: block; max-width: inherit;}

/* End common css */
header{ padding-bottom:0}
.main-content{ line-height:24px;}
/* start header css */
.sign-center-logo{ text-align:center}
.top-services{ padding:0; margin-bottom:20px; margin-top:-15px}
.top-services a{border:none; text-align:left; padding:0px!important; margin-bottom:5px; display:block; padding:inherit}
.top-services img{ display:none}
.top-services a b{ font-size:15px; position:inherit; padding:10px 10px 12px; display:block; bottom:0}
.top-services a br{ display:none}
.main-services{ padding:30px 0px 0px; margin-bottom:30px}
.main-services .heading{ font-size:22px;}
.services-box img{ width:150px;}
.copyright, footer{ text-align:center; border-top:1px solid #ddd; padding-top:8px; font-size:14px;}
.fmenu a{padding:1px 3px; line-height:0px}
.tune-ups .sub-heading{font-size:18px; line-height:22px}

.map-menu{ min-height:inherit}
.google-map{ min-height:350px}

.banner{ min-height:240px}

.homerev{ font-size:15px;}
.main-content{ padding:20px 0 10px}
.tag{ margin-bottom:20px;}
.whychoose{ padding:10px 0px}
.slider-reviews{ padding:20px 0px 10px; margin-bottom:20px;}
.tune-ups ul li{ font-size:15px; line-height:20px;}
.services-area .row .col-md-7{ margin-bottom:20px;}
}

@media (max-width: 575.98px) {
/* common css */
body{font-size:14px;}
.tags .heading{ font-size:16px; line-height:18px;}
.tags .sub-heading{ font-size:14px; line-height:18px}
img.left{ float:none; margin:0 0 15px; width:100%}
img.right{float:none; margin:0 0 15px; width:100%}
/* End common css */
.top-services a img{ display:none}
.top-services a b{ position: inherit }
.services-box .sub-heading br{ display: block}
.homerev{ padding:10px}
.owl-theme .owl-nav [class*="owl-"]{ display:none!important}


}