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

a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none; color:#000;}
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, video{max-width: 100%; height: auto;}
iframe{max-width:100%;}
.map{width:100%;}
.service-map{ border:solid 1px #bbb;}

.reveal-modal{min-height:inherit; padding:10px;}

.box{border:solid 1px #ccc; padding:15px 15px 1px; margin-bottom:30px;}
.box .heading{background:#002d87; padding:10px; color:#fff; text-align:center; margin:-16px -16px 20px;}

ul.style, ol.style{margin:0 0 15px; font-size:16px; line-height:16px; color:#2f2f2f;}
ol.style li{list-style:decimal; margin:0 0 8px 20px;}
ul.style li{list-style:disc; margin:0 0 14px 20px;}
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-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-bottom:2px;}
ul.style li ul{ margin-top:8px;}

.finance-link{float: right; text-align: center;}
.finance-link a{display: inline-block; margin-bottom: 20px;}
.finance-link img{width: 300px;}

body .lightbox-floating-button{z-index: 100!important; bottom: 35%!important;}

a.book-appointment strong{background:#002e7a; color:#fff; font-size:20px; padding:10px 30px; display:inline-block; margin-bottom:-20px; position:relative; z-index:9;}
a.book-appointment:hover strong{background:#000;}

.align-middle {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.bullet-group{ margin-bottom:15px;}
.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; font-family:Arial, Helvetica, sans-serif;}
.line-through span{background:#c3c0bb; display: block; position: absolute; height: 1px; top: 28%; width: 96%; z-index:1;}

p{font-size:16px; line-height:24px;}
p, .mb{display:block; margin-bottom:20px;}
hr{background:#d3d3d3; margin:19px 0; border:none; height:1px;}
.img-space{ text-align:center;}
.img-space img{ margin-bottom:10px;}

.button{background:#002d87;}
.button:hover{background:#cc0122;}

.button.red{background:#cd0425;}
.button.red:hover{background:#031a48;}

.heading, .sub-heading, .sub-heading2{color:#262424; display:block; font-family:'Raleway', sans-serif; font-size:26px; line-height:30px; font-weight:bold; margin:0 0 15px;}
.sub-heading{font-size:22px; line-height:24px; font-weight:500; margin:0 0 10px;}
.sub-heading2{font-size:18px; line-height:22px; margin:0 0 10px;}
.heading .sub-heading{font-weight:bold; color:#cc0122; margin:-10px 0 0;}

.video-section{margin: 40px auto 60px;}
.videos-wrapper{background: #ffb400; padding: 0 10px 10px; margin: 0 0 20px;}
.videos-wrapper strong{display: block; padding: 8px 10px; color: #fff;}

.row{max-width:72rem;}

.logos{text-align: center; margin:10px 0 20px;}
.logos img{margin:0 10px 15px; max-width:200px;}
.lhs .logos img, .rhs .logos img{max-height: 80px; max-width: 120px;}

.lunch-off{ background:#ffdb6d; margin:2px 0 20px; display:table!important; padding:5px 10px; font-weight:bold; border-radius:20px;}
header .lunch-off{background:none; margin:2px 0 0; padding:0; display:block!important;}

header.full-width{padding:15px 1% 0; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5); margin-bottom:30px; z-index:999; position:relative;}
header .logo a{display: block; text-align: center; margin-bottom: 15px;}
.header-right .top-row{border-bottom: solid 1px #c5c5c5; font-size: 13px; line-height: 17px; font-weight:bold; padding-bottom: 8px; margin-bottom: 5px;}
.header-right .top-row .columns{padding-left: .2rem; padding-right: .2rem;}
.header-right a{text-decoration: none;}
.header-right .review-count:hover{color: #336699;}
.header-right .review-count span{background: url("../img/5star.png") left center no-repeat; background-size:50%; padding-left: 84px; display: inline-block;}
.header-right .timings{color: #336699; font-size:15px;}
.header-right .phone img{max-height:19px;}
.header-right .address{display:inline-block; text-align:left; background:url(../img/icon-pin.png) left center no-repeat; background-size:16px; padding-left:18px; font-size:15px;}

.header-phone{ text-align:right}
.ard{ display:block; text-align:right; margin-top:2px; font-size:15px}
.m-ard{ display:none}

.navigation .hide-for-medium-up .columns{padding:0;}
.navigation .hide-for-medium-up .button{background:#010c57; margin:0; width:100%; padding:1rem;}
.navigation .hide-for-medium-up .columns:nth-child(2) .button{background:#cc0122;}
.navigation .hide-for-medium-up .button:hover{background:#ffb400!important; color:#000;}
/*** Navigation ***/
.top-bar-section ul{display: table; margin: 0 auto;}
.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){background: #fff; text-decoration:none; font-family: 'Open Sans', sans-serif;}
.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){ background:#fff; color:#cc0122;}

.top-bar, .title-area{height:50px; line-height:50px}
.top-bar-section li:not(.has-form) a:not(.button){padding:15px 20px; font-size:14px; line-height:20px; font-weight:700; color: #000;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:5px 9px 4px;}
.top-bar-section .has-dropdown > a{padding-right:12px!important;}

.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 #23221e;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#191815; border-top:solid 1px #292824; border-bottom:solid 1px #070707; padding:6px 10px 8px!important; color:#fff!important; font-size:14px; line-height:22px; font-weight: normal; 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, .top-bar.expanded .current a{background:#23221e!important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;}
.top-bar.expanded .toggle-topbar a{color:#000;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff; background:#23221e !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none; color:#000;}
.top-bar .toggle-topbar.menu-icon a span::after{box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;}

.fixed.navigation, .fixed .top-bar, .fixed .top-bar.expanded .title-area, .fixed .top-bar-section ul, .fixed .top-bar-section li a:not(.button), .fixed .top-bar-section li:not(.has-form) a:not(.button){background:#000; color:#fff;}
.fixed .top-bar .toggle-topbar.menu-icon a{color:#fff;}
.fixed .top-bar .toggle-topbar.menu-icon a span::after{box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
/** Navigation ends**/

.banner{ margin:-30px 0 30px;}
.banner-text{display:inline-block; text-align:center; background:rgba(0, 0, 0, .8); padding:20px 20px 40px; position:relative; max-width:60%}
.banner-text .schedule-btn{position:absolute; left:-40px; bottom:-30px;}
.banner-text .schedule-btn img{max-height:60px;}
.banner-text .heading{color:#fff; font-size:24px; line-height:1.2; margin-bottom:5px;}
.banner-text .sub-heading{color:#fff; font-size:17px; line-height:1.2;}
.banner-text .logos{margin-bottom:0;}
.banner-text .logos img{max-height:50px; margin:5px;}

.banner .fader li{background:url(../img/auto-repair-shop.webp) center no-repeat; background-size:cover; min-height:510px; text-align:right; padding:260px 2% 60px;}
.banner .fader li:nth-child(1) .banner-text{max-width:100%;}
.banner .fader li:nth-child(2){background:url(../img/ase-certified-auto-technicians.webp) center no-repeat; background-size:cover;}
.banner .fader li:nth-child(3){background:url(../img/car-engine-repair-replacement.webp) center no-repeat; background-size:cover;}
/*.banner .fader li:nth-child(4){background:url(../img/ase-certified-auto-repair-service.webp) center no-repeat; background-size:cover;}*/
.banner .fader li:nth-child(4){background:url(../img/car-tune-ups-services.webp) center no-repeat; background-size:cover;}

.banner-city-page .fader li{text-align:center;}
.banner-city-page .banner-text .schedule-btn{left:0; right:0;}

.main-container{position: relative;}

.service-list{ margin:0 0 20px;}
.service-list li{ list-style:none; font-size:15px; line-height:17px; color:#18272e; font-weight:600; border-bottom:dotted 1px #18272e; margin:0;}
.service-list li a{ display:block; background:url(../img/banner-bullet.png) left center no-repeat; text-decoration:none; padding:12px 10px 12px 20px;}
.service-list li a:hover{color: #003193;}


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

.inner-banner .heading{font-size:20px; line-height:24px; color:#000; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; margin:0 0 15px; padding-bottom:6px;}
.inner-banner ul.chk-list{margin:0 0 15px;}
.inner-banner ul.chk-list li{list-style:none; background:url(../img/check.png) left 5px no-repeat; font-size:14px; color:#000; line-height:20px; font-weight:bold; padding:2px 0 2px 20px;}
.inner-banner .medium-5{padding:0; margin-bottom:15px;}

.stats{background: #e5e5e5; padding: 30px 0 10px; text-align: center; margin-bottom: 60px;}
.stats .sub-heading{font-size: 28px; line-height: 30px; color: #cc0122;}
.stats li{font-size: 18px; line-height: 22px; font-weight: 500; color: #003193; text-transform: uppercase;}
.stats li span{font-family:Arial, Helvetica, sans-serif; font-size: 50px; line-height: 50px; color: #ffb400;}

.brand-served{text-align: center; background: #e5e5e5; padding:30px 15px; margin-top: 40px;}
.brand-served .sub-heading{font-size: 28px; line-height: 30px; color: #cc0122;}
.brand-served ul{margin-bottom: 0;}
.brand-served ul li{list-style: none; display: inline-block; margin:0 5px; font-size: 18px; font-weight: bold; color: #484848;}
.brand-served ul li:after{content: "|"; margin-left: 10px;}
.brand-served ul li:last-child:after{content: ""; margin-left: 10px;}

.why-us{border: solid 1px #ccc; padding: 10px; margin-bottom: 20px; background: url(../img/grey-grad-btm.jpg) bottom repeat-x;}
.why-us .sub-heading{text-align: center; background: #003193; color: #fff; padding: 10px; margin: -10px -10px 15px;}
.why-us .style li{list-style: none; background: url(../img/tick.png) left center no-repeat; padding-left: 28px; margin-left: 0; font-weight: bold; color: #484848;}

.content-area .lhs{ background:url(../img/shadow-left.png) right top no-repeat;}
.content-area .rhs{ background:url(../img/shadow-right.png) left top no-repeat;}

.main-services{margin: 60px auto;}
.main-services .clearfix{margin:0 auto;}
.main-services li{ position:relative; margin:0;}
.main-services li img{width:100%; opacity: .8;}
.main-services li:hover img{opacity: 1;}
.main-services li a{display:block; background:#000;}
.main-services li span{ background:#003193; font-size:24px; line-height:28px; color:#fff; text-align:center; font-weight:500; position:absolute; left:0.625rem; right:0.625rem; bottom:30px; padding:20px 10px;}
.main-services li:hover span{ background:#043aa6;}
.main-services li:nth-child(2) span{ background:#cc0122;}
.main-services li:nth-child(2):hover span{ background:#e50429;}
.main-services li:nth-child(3) span{ background:#ffb400;}
.main-services li:nth-child(3):hover span{ background:#ffc600;}

.yelp-reviews{ position: relative; font-size: 15px; font-weight: bold; color: #818181; padding: 10px 15px 1px; background: #efefef; border: solid 3px #e6e6e6; margin:20px 0 40px;}
.yelp-reviews img{ position: absolute; top: -30px; left: -10px;}
.yelp-reviews p{ font-size: 15px; line-height:22px; font-weight:bold;}
.yelp-reviews span{ background:url(../img/yelp-stars.png) no-repeat; background-position-x: 0%; background-position-y: 0%; height: 15px; width: 84px; overflow: hidden; display: block; float: left; margin: 0 6px 0 85px;}
.yelp-reviews span.five{ background-position: 0 -171px;}
.yelp-reviews strong{ color:#515151;}
.yelp-reviews a{ text-decoration: none; font-size: 12px; color: #ffa517;}
.yelp-reviews a:hover{ color:#000;}

/*** Gallery ***/
.projects{background:#e7e7e7; border:solid 1px #c9d0d6; padding:10px; margin-bottom:20px;}
.projects .sub-heading{font-size:20px; line-height:24px; color:#363636; border-bottom:dotted 1px #363636; margin-bottom:0;}
.projects a{ 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 img{ border:solid 1px #797a7b; margin-bottom:5px;}
.recent-project span{display:block; font-size:13px; line-height:16px; color:#0e0e0e;}
.recent-project li{ border-top:solid 1px #c9d0d6; padding-top:15px; margin-top:10px !important}
.recent-project li:first-child{ border:none; padding:0;}
.recent-project li div{ display:block; margin-bottom:15px;}
.recent-project li div::after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.recent-project li span{ display:block; margin-top:5px;}
.recent-project.inner li div a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}

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

.gallery-block{ margin-top: 10px;}
.clearing-blackout{ z-index:1000}
.gallery-block .heading{ text-align:center; padding:48px 0 0 0; margin:5px 0 10px;}
.gallery-block .sub-heading{ text-align:left;}
.gallery-block [class*="block-grid-"] > li{padding:0 0.325rem 1.25rem; font-size:14px; line-height:18px;}

ul.gallery{margin:0; margin-bottom:15px;}
ul.gallery li div, ul.gallery li a{ display:block; padding:4px; border:solid 1px #cacaca;}
ul.gallery li div:hover, ul.gallery li a:hover{ border:solid 1px #6d6d6d;}

ul.gallery li a{ position:relative;}
.gallery-block .gallery-title a{ padding:0;}
.gallery-block .gallery-title li span{ width:100%; background:rgba(0, 0, 0, 0.6); font-size:12px; line-height:16px; color:#fff; font-weight:bold; text-align:center; position:absolute; left:0; bottom:0; padding:3px 7px;}

.gallery-block .gallery-inner li div{list-style:none; border:solid 1px #cacaca; font-size:13px; line-height:15px; color:#000; text-decoration:none; padding:4px;}
.gallery-block .gallery-inner li div:hover{ color:#2f3338;}
.gallery-block .gallery-inner li div:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.gallery-block .gallery-inner li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}
.gallery-block .gallery-inner li.two-img a{ width:100%; float:none; margin:0;}
.gallery-block .gallery-inner li.two-img span{ display:block; margin-top:5px;}

.clearing-assembled .clearing-container .carousel > ul li div{ padding:0; border:0; margin-left:5px;}
.clearing-assembled .clearing-container .carousel > ul li a{ border:0;}
/** End Gallery **/

.financing p{ font-size:14px;}

.contact-form{background:#002d87; color:#fff; margin-bottom:20px; padding:20px; min-height:350px}
.contact-form .heading{text-align:center; color:#fff;}
.contact-form a.phone{color:#fff!important; font-size:18px; display:inline-block;}

.get-direction{border-top: solid 5px #ccc; margin-top: 40px; padding-top: 40px;}
.get-direction input[type="text"]{height: 3.313rem!important; color: #4d4d4d;}
.get-direction .button{background: #003193; color: #fff;}
.get-direction .button:hover{background: #002671; color: #fff;}

.home-review{ background:#010c57; padding:40px 0 20px; margin-bottom:40px; border:solid 5px #fff; box-shadow:0px 0px 1px #424242;}
.home-review .heading{color:#fff; margin-bottom:30px;}
.home-review .button{border:solid 2px #fff;}

.testimonial{ position:relative; background:#fff; border:2px solid #0014a2; padding:20px; text-align:center; margin:20px 6%;}
.testimonial p{ margin-bottom:15px}
.testimonial .sub-heading{ background:url(../img/five-star-rating.png) top center no-repeat; padding-top:45px; margin-bottom:15px}
.testimonial .review-social{ background: none; padding-top:0; margin-bottom:0; text-align:center;}
.testimonial a{ font-weight:bold}
.testimonial p.text-center{margin-top:30px;}
.review-slider .testi{clear:inherit; padding:0 50px; border:none; margin:0; box-shadow:none; background:url(../img/five-star-rating.png) top center no-repeat; background-size:120px; padding-top:30px;}

.aggregatea-area{ padding:0px 30px}
.aggregate{ border-top:5px solid #d32323; margin-bottom:22px; background:#fff; padding:10px; box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: all .3s ease-in-out}
.yelp-review{border-top:5px solid #d32323;} .repair-pal-review{border-top:5px solid #1189b7;} .google-review{border-top:5px solid #35a853;}

.aggregate:hover{ margin-bottom:22px; box-shadow: 2px 15px 8px rgba(0,0,0,.1);}
.aggregate i{ max-width:60px; float:left; margin:0 20px 10px 0px;}
.aggregate .names p{ color:#666; font-size:18px; line-height:22px; font-weight:bold}
.aggregate p{ margin-bottom:0}
.rate{ display:block; margin-bottom:10px;}
.rate i{ color:#f15c4e}
.rate-text{ font-size:15px; color:#444}
.rate-text span{ font-size:22px; color:#d71603}
.google-review > .rate-text span{ color:#e7711c}
.facebook-review > .rate-text span{ color:#4080ff}
.rate-text a{ color:#2a88af; text-decoration:none}


.testimonials{border:solid 1px #ccc; padding:15px 15px 1px; margin-bottom:30px;}
.testimonials .sub-heading{color:#363636; margin-bottom:5px;}
.testimonials img{ margin-top:-3px;}
.testimonials p{font-size:13px; line-height:17px;}
.testimonials a{font-size:13px; line-height:17px; text-decoration:none; font-weight:bold;}
.testimonials a:hover{ text-decoration:underline;}

.testi{border: 1px solid #ddd;padding: 15px 20px 5px; margin: 0 5px 15px; background:#FFFFFF;box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;clear: both;}
.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 strong{ display:block; margin-bottom:5px;}
.review-social strong span{font-weight:normal; font-size:15px; display:block;}
.review-social strong span::before{content:'('}
.review-social strong span::after{content:')'}
.review-social img{display:inline!important;}

#rp-shop-reviews-container{width: 100%!important; height: auto!important; padding:15px!important; margin:0 auto 30px!important; text-align:center!important}

.error{ display:none; font-size:11px; color:#FF0000; text-align:left; margin:5px 0 0 0;}
.zipcodes{ font-size:14px; text-align:center; margin-bottom:15px;}
.social{margin-bottom:15px;}
.social a.socialwall-btn{ background:#002d87; color:#fff; border-radius:10px; text-decoration:none; font-weight:bold; display: table; margin:20px auto 20px; padding:10px 15px;}
.social img{ max-width:35px;}
.cards{ text-align:center; margin:10px 0;}
.error404, .thanks{ text-align:center; padding:30px 15px;}

#back-to-top{position: fixed; bottom: 4%; right: 2%; background: #003193; padding: 5px 10px; display: none; transition: .5s; z-index: 1000;}
#back-to-top:focus, #back-to-top:hover{background: #002672;}

.contact-float-btn{ position:fixed; right:0; bottom:20%; z-index:999;}
#contact-float-btn a{ text-decoration:none;color: #a1a0a0;}
#contact-float-btn .sub-heading{color: #a1a0a0; margin-bottom: 5px;}

.why-choose-us{position:relative; text-align:center; padding:50px 0 40px; margin:40px 0 60px; background:#002877 url(../img/main-services-bg.webp) center fixed; background-size:cover; color:#fff;}
.why-choose-us::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 38, 113, 1);}
.why-choose-us .row{position:relative; z-index:1;}
.why-choose-us .heading{color:#fff;}
.why-choose-list{margin:0 0 40px;}
.why-choose-list li{float:left; list-style:none; width:23%; margin:1%; padding:20px 30px; min-height:230px; font-weight:bold; color:#fff; border:solid 2px #fff; /*display: flex;*/ justify-content: center; align-items: center;}
.why-choose-list li img{max-height:90px;}
.why-choose-list li span{display:block; margin-top:10px;}

.service-cities{position:relative;}
.service-top{ text-align: center; background:#e5e5e5; padding:10px; position:absolute; bottom:0; width:100%;}
.service-top .heading{font-size:20px; line-height: 24px; color:#003193; margin-bottom: 8px;}
.cities{font-size:15px; line-height:1.4;}
.cities span{font-weight: bold; color: #2f2f2f;}
.cities span::after{content: " - ";}
.cities span:last-child::after{content: "";}
.cities a{text-decoration: none; color: #2f2f2f;}

.service-area .columns{padding: 0;}
.service-area .footer-contact{background: #003193 url("../img/footer-bg.webp") center no-repeat; background-size: cover; color: #fff; padding:30px 20px 20px;}
.service-area .footer-contact .heading{color: #fff; font-size: 24px; line-height: 26px;}
.service-area .footer-contact .sub-heading{color: #fff;}
.service-area .footer-contact a{color: #fff; text-decoration: none;}

.google-map{background: url(../img/advanced-auto-care-service-area-map.webp) top center no-repeat; position: relative; min-height: 480px; height:100%}
.google-map::before{content: ""; background: url(../img/advanced-auto-care-lake-elsinore-ca-ratings.webp) center no-repeat; width: 220px; height: 114px; 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;}

/* leave us review */
.review-icons{text-align: center; padding-bottom: 50px; color:#000}
.review-icons .heading{ text-align: center; font-size:32px; line-height:36px;}
.review-icons .heading .heading{ font-size:28px; line-height:30px; color:#003193; margin-bottom:20px}
.review-icons .heading .sub-heading{font-size:20px; line-height:20px; color:#000;}
.review-icons .sub-heading{ text-align:center; font-size:22px; line-height:26px; color:#2b2b2b;}
.review-icons a{margin: 10px 20px; display: inline-block;}
.review-icons .sub-heading a{ display:inline; margin:0}
/* leave us review */

.footer{background:#000; color:#fff; padding:10px 0; font-size:12px; line-height: 16px;}
.footer .row div:last-child{ text-align:right;}
.footer a{color:#ccc; margin:0 1px; text-decoration:none;}
.footer a:hover{color:#fff;}
.terms{ font-size:14px; line-height:18px; font-style:italic}

.footer .medium-5 a{ text-decoration:underline}
.footer .medium-5 a:hover{ text-decoration:none}

/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.align-middle{display:block;}

.heading .heading, .heading{ font-size:20px; font-weight:bold; line-height:22px; margin-bottom:15px;}
.heading .sub-heading, .sub-heading{ font-size:16px; font-weight:bold; line-height:18px;}

.finance-link{float: none;}

header.full-width{padding:15px 0 0;}
header .logo a{margin-bottom: 5px;}
header, .timings, header .lunch-off{text-align: center!important;}
.top-row .medium-6 .columns{margin: 6px 0;}
.header-right{padding:0;}
.header-right .top-row{padding-bottom:0; border:none; margin:0;}
.header-right .top-row .columns{padding:0;}

.m-ard{ display: block; text-align:center;}

.banner .fader li{min-height:680px;}

.banner .fader li{background:url(../img/auto-repair-center.webp) center no-repeat; background-size:cover;}
.banner .fader li:nth-child(2){background:url(../img/wheels-alignment-services.webp) center no-repeat; background-size:cover;}
.banner .fader li:nth-child(3){background:url(../img/engine-repair-replacement.webp) center no-repeat; background-size:cover;}
/*.banner .fader li:nth-child(4){background:url(../img/happy-customer-with-technician.webp) center no-repeat; background-size:cover;}*/
.banner .fader li:nth-child(4){background:url(../img/car-inspection-maintenance.webp) center no-repeat; background-size:cover;}

.banner-text{position:absolute; bottom:40px; left:0; width:100%;}
.banner-text, .banner .fader li:nth-child(1) .banner-text{max-width:100%;}
.banner-text .schedule-btn{left:0; right:0;}
.banner-text .heading{font-size:20px;}
.banner-text .sub-heading{font-size:15px;}

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

/*** for gallery ***/
.recent-project li div a, .recent-project.inner li div a{width:130px; float:left; margin-right:5px;}
.gallery-block .gallery-inner li{ width:100%;}
.gallery-block .gallery-inner li a{ width:130px;}

.stats{margin-bottom: 20px;}
.stats .sub-heading{font-size: 18px; line-height: 22px;}
.stats li{font-size: 17px; line-height: 19px;}
.stats li span{font-size: 30px; line-height: 30px;}

.logos img{max-height: 60px; max-width: 160px; margin: 5px;}

.brand-served .sub-heading{font-size: 18px; line-height: 20px;}
.brand-served ul li{font-size: 14px; margin: 2px;}

.social strong{display: block;}

.main-services{margin: 20px auto;}
.main-services li{ width:100%; display:block; margin-bottom: 10px;}
.main-services li span{ font-size:18px; line-height:22px; font-weight:600; padding:10px;}

.testimonial{padding:20px 0;}

.aggregate i{ max-width:45px; margin:0 10px 10px 0px;}

.yelp-reviews{margin-bottom: 20px;}
.yelp-reviews a{ display:inline-block;}
	
.recent-project li a, .recent-project.inner li a{width:130px; float:left; margin-right:5px;}
.recent-project a img{ width:100%; margin-bottom:0;}
.gallery-block .gallery-inner li{ width:100%;}
.gallery-block .gallery-inner li a{ width:130px;}

.why-choose-list li{width:98%; padding:10px; min-height:inherit; margin-bottom:20px;}
.why-choose-list li img{max-height:70px;}

.cities br{display: none;}

.google-map{min-height: 340px;}
.service-top{position:relative;}

.footer, .footer .row div:last-child{text-align:center; font-size:11px;}
.footer span{display:block; width:100%; margin:10px 0; text-align:center; border-top:solid 2px #252525; border-bottom:solid 2px #252525; padding:5px 2px;}
img.left, img.right{float:none!important; margin:0 auto 20px!important; display:block;}

/* leave us review */
.review-icons .heading{font-size:26px; line-height:30px; margin-bottom:10px}
.review-icons .heading .heading{ font-size:24px; line-height:28px;}
.review-icons .sub-heading{ font-size:18px; line-height:22px;}
.review-icons br{display:none}
/* leave us review */

.map{ height:320px!important;}
}
@media only screen and (max-width: 23.750em) {
/*** for gallery ***/
.recent-project li div a, .recent-project.inner li div a{width:100%; float:left; margin:0 0 5px;}
.recent-project li a, .recent-project.inner li a{width:100%; float:left; margin:0 0 5px;}
}

/*  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) {
header, .timings, header .lunch-off{text-align: center!important;}
header .align-middle{display:block;}
.top-row .medium-6 .columns{margin: 6px 0;}
.header-phone{ text-align:center}
.ard{ text-align:center;}

.navigation{margin-left: -2.5%; margin-right: -2.5%;}
.navigation.fixed{margin-left: 0; margin-right: 0;}
.top-bar-section li:not(.has-form) a:not(.button){padding:15px 7px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:5px 7px 4px;}
.top-bar-section .has-dropdown > a{padding-right:10px!important;}

.logos img{max-height: 80px; max-width: 200px;}

.brand-served .sub-heading{font-size: 24px; line-height: 26px;}
.brand-served ul li{font-size: 16px;}

.aggregate i{ max-width:45px; margin:0 10px 10px 0px;}

/*** for gallery ***/
.medium-4 .recent-project li a{ width: auto; float: none;}
.recent-project li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}

.recent-project li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}

.why-choose-list li{width:31.3%; min-height:172px;}

.cities br{display: none;}

/* leave us review */
.review-icons .heading{font-size:28px; line-height:33px; margin-bottom:10px}
.review-icons .heading .heading{ font-size:22px; line-height:28px;}
.review-icons .sub-heading{ font-size:18px; line-height:22px;}
.review-icons br{display:none}
/* leave us review */

img.left, img.right{float:none!important; margin:0 auto 20px!important; display:block;}
}

@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
.top-bar-section li:not(.has-form) a:not(.button){padding:15px 5px; font-size:13px;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:5px 5px 4px;}
.top-bar-section .has-dropdown > a{padding-right:5px!important;}

.banner .fader li{min-height:635px;}
.banner-text, .banner .fader li:nth-child(1) .banner-text{max-width:70%;}

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

.stats li{font-size: 17px; line-height: 20px;}
.stats li span{font-size: 40px; line-height: 40px;}

.logos img{max-height: 60px; max-width: 160px;}

.social strong{display: block;}

.main-services li span{ font-size:18px; line-height:20px; bottom: 10px;}

.why-choose-list li{width:48%; min-height:200px;}
}

@media only screen and (min-width: 40.063em) and (max-width: 50em) {
.stats li{font-size: 15px; line-height: 17px; font-weight: bold;}
.stats li span{font-size: 30px; line-height: 30px;}

.main-services li span{ font-size:16px; line-height:18px; padding: 10px;}

.service-top .heading{font-size:18px; line-height: 20px;}
}

@media only screen and (min-width: 1200px) {
header .logo{width: 16.66667%}
header .header-right{width: 83.33333%;}
.top-bar-section ul{float: right;}
.fixed .top-bar-section ul{float: none;}
}

/*  Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

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