body{font-family: 'Barlow', sans-serif; font-weight:300; font-size:19px; line-height:1.7; color:#484848; overflow-x: hidden;}
html{scroll-padding-top:160px;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#000;}
a:focus{ outline:none;}

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

.heading, .sub-heading, .sub-heading2{font-family: 'Barlow Condensed', sans-serif; font-size:42px; line-height:1.2; color:#ac1b19; margin:0 0 20px; font-weight:400; text-align:center}
.sub-heading, .sub-heading2{font-size:30px; color: #363636; margin-bottom:20px; font-weight:500}
.sub-heading2{ font-size:24px;}

.heading .heading{ margin-bottom:5px;}
.heading .sub-heading{ margin-bottom:0;}

hr.bdr{ border:none; height:3px; background:#ddd; opacity:1; width:60%; margin:50px auto}

b, strong{font-weight: 600;}

p{ font-size:19px; line-height:1.7}
p, .mb{ margin-bottom:30px;}
.style{margin:0 0 20px 0;}
.style li{list-style:disc; margin:0 0 10px 20px; line-height:26px}
.style ul{ margin-top:10px}
.style li a{ text-decoration:underline;}
.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc;}

.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

img.right {float: right; margin: 5px 0 20px 15px;}
img.left {float: left; margin: 5px 20px 5px 0;}
img{ max-width:100%}

.img-round{ border-radius:50px 0px 50px 0}

.container{ max-width:1170px;}
section{ padding:60px 0px 30px;}

.social a{margin:0 2px;}
.social strong{ display: inline-block;}
.social img{ max-height:42px; transition:all .3s ease-in-out}

.button{background: #ffe31a; color: #000; display:inline-block; font-size: 15px; line-height: 1.2; padding:12px 20px; text-align:center; text-transform:uppercase; transition:all .3s ease-in-out; font-weight:500; border-radius:10px;}
.button:hover{background: #393939; color: #fff;}

.btn-white, .btn-black, .btn-blue, .btn-black-bdr{background:#000; border:1px solid #fff; color:#fff; min-width:250px; display:inline-block; padding:12px 20px; text-align:center; text-transform:uppercase; transition:all .3s ease-in-out; font-weight:500}
.btn-white{background: #fff; color: #000;}
.btn-blue{ background:#002e7a; font-size: 20px; padding: 15px 30px; border:none}
.btn-black:hover{background:#fff; border:1px solid #000;}
.btn-black-bdr{border: solid 1px #484848; background: none; color: #484848;}
.btn-black-bdr:hover, .btn-white:hover, .btn-blue:hover{background: #000; color:#fff;}


header{padding: 15px 0; background:#0e1113; color: #fff; position: fixed; top: 0; transition: all 0.3s ease-in-out; width: 100%; z-index: 1000;}
header .address{color: #fff; background: url("../img/address.webp") left center no-repeat; padding-left: 20px; display: inline-block;}
header .phone{background: url("../img/icon-phone.webp") left center no-repeat; padding-left: 25px;}
.phone img{transition: all 0.3s ease-in-out;}

/* Start Menu css */
.header-menu{border-top: solid 1px #ccc; margin-top: 15px; padding-top: 10px;}
.navbar-brand{ font-size:15px; display:none}
.navbar{padding: 0;}
.navbar .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(72, 72, 72, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar .navbar-toggler{ border:none; color:#fff; }
.navbar .navbar-toggler:focus{box-shadow: none}
.navbar .navbar-toggler .open-menu{ font-size:19px;}
.navbar .navbar-brand{ display:none}
.navbar .navbar-nav{margin: 0 0 0 auto;}
.navbar .navbar-nav .nav-item .nav-link{text-align:center; color:#fff; font-size:20px; line-height:1.3; font-weight:500; text-transform:uppercase; padding:10px 30px; transition:all .3s ease-in-out}
.navbar .navbar-nav .nav-item .nav-link.two{padding: 2px 15px;}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item.current-parent .nav-link, .navbar .navbar-nav .nav-item.current-parent .nav-link.current{ color:#d0bf03;}

/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; font-size:14px; text-align:left; padding:5px 1rem; color:#212529}
.dropdown-item{ line-height:1.3; padding:5px 1rem; font-size:18px; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#242425!important; color:#fff;}
.dropdown-item.current{ background:#051ca2!important; color:#fff!important;}
/* End Menu css */

/* Start Sticky Header */
.header-up{ transition:all .3s ease-in-out; padding: 10px 0;}
.header-up .logo img{max-height: 70px;}
.header-up .header-menu{margin-top: 10px; padding-top: 8px;}
.header-up .address{font-size: 17px;}
.header-up .phone img{max-height: 24px;}
.header-up .navbar .navbar-nav .nav-item .nav-link{font-size: 17px; padding-top: 5px; padding-bottom: 5px;}

.headerclear{ margin-top:135px}
/* End Sticky Header */

.banner .fade-img div{min-height: 500px; list-style:none;}

.banner, .banner-inner{position: relative; padding: 0; text-align: center;}
.banner img, .banner-inner img{object-fit: cover; object-position: center; width: 100%; margin: 0 auto; z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
.banner-text{display: inline-block; max-width: 70%; background: rgba(54,54,54,.8); padding: 10px 20px 1px;}
.banner-text .heading{font-size:46px; line-height: 1.1; color: #fff; text-shadow:0px 0px 5px #000;}
.banner-text .heading span{ display:block;}
.banner .buttons{position: absolute; bottom: 15%; left: 0; right: 0;}
.banner .buttons .button{min-width: 210px; padding: 14px 15px; font-size: 18px; margin: 5px 10px;}

.banner-inner{min-height: 400px; padding: 350px 0px 0}
.banner-inner .banner-inner-text .heading{ color:#fff; text-shadow:1px 0px 1px #000; font-weight:600; background:rgba(0,0,0,.6); border-radius:50px 0 50px 0; padding:5px 15px 15px 15px; margin-bottom:0}

.marketing-point{ padding:30px 0 0px}
.marketing-point .row .col span{ background:#ac1b19; display: block; margin: 0 auto 25px; height: 100px; width: 100px; border-radius: 50%; padding: 20px; transition: all 0.5s ease;}
.marketing-point .row .col:hover span{ height: 120px; width: 120px; margin: 0 auto 5px;}
.marketing-point .row .col span img{height: 60px; width: auto; transition: all 0.5s ease;}
.marketing-point .row .col:hover span img{height: 80px;}
.marketing-point .row .col .sub-heading{ font-size:18px; margin-bottom:30px; font-weight:600}

.brands{background: #252525; padding: 15px; text-align: center;}
.brands img{margin: 10px;}

.main-img{margin-bottom: 30px;}

.home-review-sec{position:relative; background:#252525 url("../img/auto-shop-front-view.webp") center fixed; background-size: cover; color: #fff; padding: 50px 0 40px; text-align:center;}
.home-review-sec::before{position:absolute; content:""; background:rgba(0 ,0 ,0 ,.8); left:0; top:0; width:100%; height:100%;}
.home-review-sec .container-xl{position: relative; z-index: 99;}
.home-review-sec .heading{color: #fff; margin-bottom:30px;}
.home-review-sec .button{border:solid 2px #fff;}

.home-review-sec .review-slider{background:#fff; color: #000; border:2px solid #1e1e1e; padding:20px; text-align:center; margin-bottom: 30px;}
.review-slider .testi{clear:inherit; padding:0 50px 10px; border:none; margin:0; box-shadow:none;}

.inner-reviews{ background:#333 url(../img/car-shop-front-view.webp) center no-repeat fixed; background-size:cover; color:#fff; position:relative}
.inner-reviews::before{position:absolute; content:""; background:rgba(0 ,0 ,0 ,.8); left:0; top:0; width:100%; height:100%; z-index:1}
.inner-reviews>div{ position:relative; z-index:2}
.inner-reviews .heading{ color:#fff; padding-bottom:10px; position:relative}
.inner-reviews .heading::before{ content:""; width:100px; height:1px; background:#ffe31a; position:absolute; bottom:5px; left:50%; margin-left:-50px}
.reviews-heading{ text-align:center; font-size:22px; text-transform:uppercase}

.aggregate-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; text-align: left;}
.yelp-review{border-top:5px solid #d32323;} .repair-pal-review{border-top:5px solid #1189b7;} .google-review{border-top:5px solid #fbbc04;} .surecritic-review{border-top:5px solid #17b07a;}

.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 .sub-heading{text-align: left; color:#666; font-size:18px; line-height:22px; font-family: 'Barlow', sans-serif; font-weight:bold; margin: 0;}
.aggregate p{ margin-bottom:0}
.rate{ display:block;}
.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}
.surecritic-review > .rate-text span{ color:#17b07a}
.rate-text a{ color:#2a88af; text-decoration:none}

.main-services .col-12 a{display: block; position: relative; margin-bottom: 30px; text-align: center;}
.main-services .col-12 a .sub-heading{background:#003193; font-size:24px; line-height:1.2; color:#fff; text-align:center; font-weight:500; position:absolute; left:0; right:0; bottom:30px; padding:20px 10px; margin-bottom: 0;}
.main-services .col-12:hover a .sub-heading{ background:#043aa6;}
.main-services .col-12:nth-child(2) a .sub-heading{ background:#cc0122;}
.main-services .col-12:nth-child(2):hover a .sub-heading{ background:#e50429;}
.main-services .col-12:nth-child(3) a .sub-heading{ background:#ffb400;}
.main-services .col-12:nth-child(3):hover a .sub-heading{ background:#ffc600;}

.why-choose{background: url("../img/exhaust-muffler-repairs.jpg") center no-repeat fixed; background-size: cover; margin-bottom: 60px; position: relative;}
.why-choose::before{position:absolute; content:""; background:rgba(0,0,0,.8); left:0; top:0; width:100%; height:100%;}
.why-choose .container-xl{position: relative; z-index: 1;}
.why-choose .row{margin-bottom: 30px;}
.why-choose .heading{color:#fff; margin-bottom: 50px;}
.why-choose .col-12 div{padding:20px 30px; font-weight:bold; color:#fff; border:solid 2px #fff; text-align: center; min-height: 240px; margin-bottom: 20px;}
.why-choose .col-12 div img{max-height:90px;}
.why-choose .col-12 div .sub-heading{font-family: 'Barlow', sans-serif; font-size: 19px; line-height: 1.2; color: #fff; margin: 10px 0 0;}


.contact-form{position: relative; background: url("../img/auto-shop-front.webp") center no-repeat; background-size: cover; padding:30px 20px; color: #fff; text-align:center; min-height:480px; margin-bottom: 30px;}
.contact-form::before{position:absolute; content:""; background:rgba(167, 4, 4, .9); left:0; top:0; width:100%; height:100%; z-index:1}
.contact-form .heading, .contact-form .sub-heading, .contact-form div, .contact-form p, .contact-form a{color: #fff; position: relative; z-index:2}
.contact-form p{margin-bottom: 5px;}
.contact-form a img{max-height: 26px;}
.contact-form .sub-heading{ font-size: 42px; margin-bottom:5px}
.modal-body .contact-form{margin-bottom: 0;}

.service-area-contact{padding: 0;}
.footer-contact{position: relative; background: url("../img/auto-shop-front.webp") center no-repeat; background-size: cover; padding:40px 20px; color: #fff;}
.footer-contact::before{position:absolute; content:""; background:rgba(167, 4, 4, .9); left:0; top:0; width:100%; height:100%;}
.footer-contact .heading, .footer-contact .sub-heading, .footer-contact div, .footer-contact p, .footer-contact a{color: #fff; position: relative;}
.footer-contact p{margin-bottom: 20px; line-height: 1.4;}

.google-map{background: url(../img/service-area-map.webp) center no-repeat; position: relative; height: 380px; margin-bottom: 20px;}
.google-map::before{content: ""; background: url(../img/ratings.webp) center no-repeat; width: 192px; height: 113px; 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;}

.service-area-contact .col-md-7 .sub-heading{font-size: 28px; font-weight: 600; margin-bottom: 5px;}
.city-list{list-style: none; padding: 0; text-align: center; font-weight: bold; line-height: 1.3;}
.city-list li{display: inline-block; font-size: 17px;}
.city-list li::before{content: " - ";}
.city-list li:first-child::before{content:"";}


/* Start Review Icons */
.review-icons{text-align: center; color:#000}
.review-icons .heading, .review-icons .sub-heading{ text-align:center; color:#000}
.review-icons .sub-heading{ font-size:20px; line-height:24px; color:#333}
.review-icons .heading .heading{ font-size:24px; line-height:28px; margin-bottom:10px;}
.review-icons .heading .sub-heading{font-size:20px; line-height:24px;}
.review-icons a{margin: 10px 20px; display: inline-block; color:#000}
.review-icons .sub-heading a{ margin:0}
/* End Review Icons */

.review-social{background: url("../img/5star.webp") top center no-repeat; padding-top: 22px; text-align: center;}
.review-social strong{display: block;}
.review-social.nostar{background:none!important; padding: 0!important;}
.review-social span{display:block; font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.review-social p{font-size: 14px!important; margin-bottom: 0;}
.review-social img{display: inline!important;}

.reviews-page .testi{padding: 15px 20px 5px; margin: 0 0 20px; background: #FFFFFF; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);-o-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 1px 5px rgba(0,0,0,0.3);-webkit-border-radius: 18px;-khtml-border-radius: 18px;-moz-border-radius: 18px;-o-border-radius: 18px;border-radius: 18px;}
.reviews-page .review-social{ background: url("../img/5star.webp") top right no-repeat; padding-top: 22px; text-align: right;}
.reviews-page .testi .reviews-heading{ text-align:left}


/* modad contact */
.modal-body .btn-close{position:absolute; top:5px; right:5px; font-size:26px; z-index:2}
.modal-body .btn-close:focus{ box-shadow:none}
.modal .modal-body{color:#fff; background:#484848; text-align:center}
.modal .modal-body a{ color:#fff}
.modal .modal-body a:hover{ color:#fff}
/* modad contact */

footer{ background:#000; color:#cfcfcf; padding:15px 0px 10px; font-size:15px; line-height:1.5}
footer a{ color:#cfcfcf; text-decoration:none!important}footer a:hover{ color:#fff;}
.footer-links a{ padding:2px 2px; display:inline-block}

footer p{ margin-bottom:5px; font-size:18px;}
footer p img{ vertical-align: inherit; max-width:100%}
.copyright{ text-align:right}.copyright a{ color:#cfcfcf}.copyright a:hover, .fmenu a:hover{ color:#fff}

.gallery-page{ padding-bottom:60px}
/* masonry Gallery css */
.feed-wrapper{ margin: 15px 0; text-align: left; overflow: hidden; position:relative}
.feed-wrapper .comment{ position: absolute; left:0; right:0; bottom: 0; width:100%; padding: 10px; background: rgba(0,0,0,.7); color: #cecece; font-size: 15px; line-height:1.1; transition: all .5s ease-in-out; opacity: 0;}
.feed-wrapper:hover .comment{opacity: 1;}
/* masonry Gallery css */

#back-to-top{position:fixed; bottom:4%; right:2%; background:#000; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #000;}
.contact-btn{position: fixed; right: 0; bottom: 20%; z-index:1000;}

.brake-services{ background:#fff; border:1px solid #ac1b19; margin-bottom:30px; padding:20px 20px 0; border-radius:15px; overflow:hidden}
.brake-services .sub-heading{ background:#ac1b19; color:#fff; margin:-20px -20px 20px -20px; padding:10px 20px; font-size:28px}

@media (max-width: 1199.98px) {
.heading{ font-size:36px}
.sub-heading{ font-size:26px}

.google-map{height: 360px;}
}

@media (max-width: 991.98px) {
.heading{ font-size:30px}
.sub-heading{ font-size:24px}
.sub-heading2{ font-size:20px}
.reviews-heading{font-size:20px;}

.heading br, .sub-heading br{ display:none}
.marketing-point .row .col .sub-heading br{ display:block}

section{ padding:40px 0 10px}

.social img{ max-height:30px}

header{padding: 12px 0 5px;}
header .address{font-size: 15px; background-size: 10px; padding-left: 15px;}
header .phone{background-size: 14px; padding-left: 20px;}
header .phone img{max-height: 20px;}

.header-menu{margin-top: 10px; padding-top: 0;}
.navbar .navbar-nav .nav-item .nav-link{font-size:18px; padding:10px 18px;}

/* Start Sticky Header */
.header-up{padding: 8px 0 4px;}
.header-up .header-menu{margin-top: 4px; padding-top: 0;}
.header-up .address{font-size: 14px;}
.header-up .phone img{max-height: 18px;}
.header-up .navbar .navbar-nav .nav-item .nav-link{font-size: 16px;}

.headerclear{ margin-top:100px}
/* End Sticky Header */

.banner .fade-img div{min-height: 400px;}

.banner-text{max-width: 75%; padding: 10px 15px 1px;}
.banner-text .heading{font-size:36px;}

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

.main-services .col-12 a .sub-heading{font-size:20px; padding:10px 10px 12px;}

.why-choose .col-12 div{min-height: 240px;}
.why-choose .col-12 div img{max-height: 70px;}

.google-map{height: 350px;}
.cards{margin-bottom: 10px;}

.marketing-point .row .col span{height: 80px; width: 80px;}
.marketing-point .row .col:hover span{ height: 100px; width: 100px;}
.marketing-point .row .col span img{height: 40px;}
.marketing-point .row .col:hover span img{height: 55px;}
}

@media (max-width: 767.98px) {
header{padding-bottom: 0;}
header, header .text-right{text-align: center;}
.logo img{max-height: 60px;}
header .address, .header-up .address{margin: 8px 0 4px;}

.navbar-toggler{margin: 0 0 0 auto;}
.navbar .navbar-nav .nav-item .nav-link{text-align: left; padding: 10px; border-bottom: solid 1px #0d0d0d;}

/* Start Sticky Header */
.header-up{padding: 8px 0 0;}
.header-up .logo img{max-height: 45px;}

.headerclear{ margin-top:190px}
/* End Sticky Header */

.banner .fade-img div{min-height: inherit;}

.banner img, .banner-inner img{ position:relative}
.banner-text{max-width: 80%;}
.banner-text .heading{font-size:26px;}
.banner-text .heading span{ margin-bottom:5px}

.banner .buttons{bottom: 6%;}
.banner .buttons .button{min-width: inherit; padding: 10px 10px; font-size: 15px; margin: 5px;}

.banner-inner{ background:none; padding:0; min-height:300px}
.banner-inner::before{ display:none}
.banner-inner-text{ padding:0}
.banner-inner .banner-inner-text .heading{ background:#000; font-size:24px; border-radius:0}

.why-choose{background: url("../img/exhaust-muffler-repair.webp") center no-repeat fixed; background-size: cover;}
.why-choose .col-12 div{min-height: inherit;}

.google-map{background: url(../img/service-areas-map.webp) center no-repeat;}

footer, .copyright{text-align: center;}
.cards{margin: 10px 0;}
}

@media (max-width: 575.98px) {
.banner .container, .banner-inner .container, .banner .buttons{position: relative; padding: 0;}
.banner-text{max-width: 100%; width: 100%;}
.banner .buttons{position: relative; margin-top: 15px;}
.banner-inner{ min-height:250px}
}