@charset "UTF-8";
@font-face {
    font-family: Rubik-R;
    src: url(../../font/Rubik-Regular.ttf);
    font-display: fallback;
}
@font-face {
    font-family: Rubik-SB;
    src: url(../../font/Rubik-SemiBold.ttf);
    font-display: fallback;
}
body {
    font-family: Rubik-R;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}
li,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none !important;
}
a:hover {
    color: #000;
}
.logo-top p {
    margin: 5px 0;
    text-align: center;
}
.navbar-toggler-icon {
    background-color: transparent;
}
.navbar {
    font-size: 14px;
}
.navbar a {
    color: #000 !important;
}
.navbar a:hover {
    color: #ed7a23 !important;
}
.navbar .active {
    color: #000 !important;
    font-weight: 600;
}
.navbar .active:after {
    content: "";
    width: 44px;
    position: absolute;
    border-top: 4px solid #ed7a23;
    display: block;
    margin-top: 20px;
}
.seprator {
    border-width: 10px;
    border-color: #d4d4d4;
}
.tag-section {
    background: #dadadaa1;
}
.tag-text h3 {
    color: #ed7a23;
    font-size: 22px;
    font-weight: 500;
}
.tag-text h3 p {
    font-size: 22px;
    font-weight: 700;
}
.tag-text h3::before {
    content: "";
    border-top: 8px solid #ed7a23;
    display: block;
    width: 100px;
    padding-top: 20px;
}
.tag-text p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.8;
}
.tags-data li > h4 {
    font-size: 13px;
    color: #000;
    line-height: 2;
    vertical-align: middle;
    margin-bottom: 0;
}
.tags-data li > h4 > a {
    color: #000;
}
.tags-data li {
    border: 1px solid #000;
    padding: 2px 10px;
}
.tags-data li:hover {
    color: #000;
    border: 1px solid #000;
}
.tags-data li:hover h4,
.tags-data li:hover h4 a {
    color: #000;
}
.brand-work-section {
    background-color: #f1f1f1;
}
.brand-sec {
    background-color: #fff;
    min-height: 150px;
    margin-bottom: 20px;
}
.brand-work-section h3 {
    color: #ed7a23;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.6;
}
.brand-work-section h3 > p {
    font-size: 18px;
    color: #000;
}
.brand-work-section h3::before {
    content: "";
    border-top: 8px solid #ed7a23;
    display: block;
    width: 100px;
    padding-top: 10px;
    margin: 0 auto;
}
.brand-work-section img {
    width: auto;
    height: 80px;
}
.brand-sec p {
    line-height: 1.6;
    border-top: 1px dashed #686868;
    text-transform: capitalize;
}
.footer_city_state {
    background-color: #f9f9f9;
}
.footer-city-state-banner img {
    width: 100%;
}
.footer_city_state h3 {
    color: #ed7a23;
    font-size: 22px;
    font-weight: 600;
}
.footer_city_state h3::before {
    content: "";
    border-top: 8px solid #ed7a23;
    display: block;
    width: 100px;
    padding-top: 15px;
    margin: 0 auto;
}
.city-state-name-add {
    line-height: 1.8;
}
.city-state-name-add p {
    color: #ed7a23;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.city-state-name-add li > a {
    color: #000;
}
.city-state-name-add li > a:hover {
    color: #acacac;
}
.footer {
    background: #000;
}
.footer-links a {
    color: #acacac;
}
.footer-links a:hover {
    color: #acacac;
}
.footer-links a:after {
    content: "|";
    margin-left: 15px;
    margin-right: 15px;
}
.footer-links a:last-child:after {
    content: "";
}
.social-lnks {
    font-size: 25px;
}
.social-lnks i {
    color: #acacac;
}
.social-lnks .flaticon-facebook:hover {
    color: #425f98;
}
.social-lnks .flaticon-youtube:hover {
    color: #da2b2c;
}
.social-lnks .flaticon-instagram:hover {
    color: #f81475;
}
.locowiz-sec a {
    color: #61a2cc;
    text-decoration: underline !important;
    font-weight: 600;
}
.locowiz-sec a:hover {
    color: #c60900;
}
.card-img-top {
    width: 100% !important;
}
@media (max-width: 492px) {
    .footer-links a {
        font-family: 14px;
    }
    .footer-links a:after {
        margin-right: 10px;
        margin-left: 10px;
    }
}
.breadcrumb a {
    color: #000;
}
.breadcrumb {
    color: #ed7a23;
}
.breadcrumb a:hover {
    color: #ed7a23;
}
@media only screen and (min-width: 991px) {
    .logo-top {
        justify-content: center;
    }
}
@media only screen and (max-width: 991px) {
    .logo-top {
        justify-content: space-between;
    }
    .nav-blk {
        border-bottom: none !important;
        padding: 0 !important;
    }
    .nav-blk li {
        border-bottom: 1px solid #333;
        text-align: center;
        padding: 5px 0;
    }
    .nav-blk li a {
        margin-right: 0 !important;
    }
    .electric-tag {
        margin-top: 20px;
    }
    .logo-top img {
        margin-left: 0;
        margin-right: 0;
    }
    .logo-top img {
        width: 150px;
        height: auto;
    }
    .nav-blk {
        border-bottom: none !important;
    }
}
@media (max-width: 767px) {
    .footer-city-state-banner img {
        display: none;
    }
}
@media (max-width: 575px) {
    .card-buttons-row .col:nth-child(3) {
        max-width: 100%;
        flex: 100%;
        margin-top: 10px;
    }
    .logo-top p {
        font-size: 10px;
    }
    .logo-top img {
        width: 100px;
        height: auto;
    }
    .city-state-name-add p {
        margin-top: 20px;
    }
    .tag-text h3 {
        font-size: 18px;
    }
    .tag-text h3 p {
        font-size: 24px;
    }
    .brand-work-section h3 {
        font-size: 20px;
    }
    .brand-work-section h3 > p {
        font-size: 18px;
    }
    .footer_city_state h3 {
        font-size: 20px;
        padding-bottom: 0 !important;
    }
    .blog-head h1,
    .contact-info-card h1 > b,
    .faq-head h1,
    .gallery-section h1,
    .map-h h1,
    .offer-h h1,
    .prod-categ-head,
    .timeline-sec h1 {
        font-size: 20px !important;
    }
    .footer_city_state .state-city-col {
        max-width: 50% !important;
        flex: 0 0 50%;
    }
    .blog-h h1,
    .blog-head h1,
    .book-appoint-head h1,
    .contact-info-card h1,
    .faq-head h1,
    .gallery-section h1,
    .map-h h1,
    .timeline-sec h1 {
        margin-bottom: 30px !important;
    }
}
@media (max-width: 440px) {
    .tag-text h3 {
        font-size: 16px;
    }
    .footer_city_state h3 {
        font-size: 20px;
    }
}
.faq-head h1 {
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Rubik-SB';
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}
.faq-head b {
    color: #ed7a23;
}
.arrow_carrot-right {
    line-height: 0.9;
    font-size: 22px;
}
.multi-collapse .card-header .btn-link {
    display: block;
    color: #444;
    text-decoration: none;
}
.add_bottom_45 {
    margin-bottom: 45px;
}
#faq h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
#faq .card,
#faq .card .card-header {
    border-color: #e4ebf0 !important;
}
#faq .card .card-header {
    background: #ececec;
}
#faq .card-header h3 a.collapsed {
    color: #000 !important;
}
#faq .card-header h3 a {
    color: #ed7a23;
    font-size: 15px;
    font-weight: 600;
}
.faq-items-list ul,
.faq-items-list ul li,
.multi-collapse .card .card-header {
    border-color: #e4ebf0;
}
.faq-items-list ul li a.active {
    color: #ed7a23 !important;
    font-weight: 600;
}
.faq-section ul li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.faq-section ul li a .fa-list-alt {
    color: #959595;
}
.faq-section ul li a.active .fa-list-alt,
.faq-section ul li a.active label {
    color: #f2b72b !important;
}
.faq-items-list ul li .fa-greater-than {
    margin-top: 6px;
    font-size: 10px;
    font-weight: 200 !important;
    color: #333 !important;
}
.card-header h3 a.collapsed i.indicator {
    color: #000;
}
.card-header h3 a i.indicator {
    font-size: 18px;
    margin-top: 14px;
    font-weight: 400;
    float: right;
    color: #ed7a23;
}
@media (max-width: 575px) {
    .faq-head h1 {
        font-size: 25px;
    }
}
@media (max-width: 480px) {
    .faq-head h1 {
        font-size: 18px !important;
    }
}









.br-top-header {
    background-color: #f3f3f3;
}
.br-top-col {
    display: flex;
    align-items: center;
    justify-content: end;
}
.br-top-col ul li {
    display: inline-block;
    margin: 0 7px;
}
.br-top-col ul li a {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.5rem;
}
.br-top-col ul li:last-child a {
    padding-right: 0;
}
.br-top-col ul li:hover a {
    color: #ed7a23;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}
.left-nav-link {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
}
.left-nav-link span {
    color: #000000;
    font-family: 'Rubik-SB';
    text-transform: uppercase;
}
.left-nav-link a {
    color: #000;
    text-transform: uppercase;
    padding: 0.5rem;
}
.left-nav-link a:hover {
    color: #ed7a23;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}
header {
    background: #ffffff;
    padding: 2rem 0;
    background: #ffffff;
    padding: 2rem 0;
    border-bottom: 1px solid #dedede;
}
.menu-links .nav-link {
    padding: 0;
}
.menu-links ul li a.nav-link:last-child {
    padding-right: 0;
    padding-left: 3rem;
}
ul.navbar-nav li.nav-item {
    margin: 0 15px;
}
@media (max-width: 992px) {
    .menu-links>.book-appoint-div{
        display: none !important;
    }
}
@media (max-width: 767px) {
    .menu-links ul li a.nav-link:last-child {
        padding-right: 0 !important;
        padding-left: 1rem !important;
        font-size: 17px;
    }
    .br-top-col ul li a{
        padding: 0.1rem;
    }
}
@media (max-width: 575px) {
    header .logo-blk{
        padding: 0 15px !important;
    }
    .left-nav-link {
        padding: 0.5rem !important;
        justify-content: center;
    }
    .br-top-col {
        justify-content: center !important;
        padding-bottom: 1rem !important;
    }
}
@media (max-width: 330px) {
    .left-nav-link {
        font-size: 13px;
    }
    .left-nav-link a {
        color: #000;
        text-transform: uppercase;
        padding: 0.3rem;
    }
    .br-top-col ul li a{
        font-size: 13px;
    }
}

/*====>store header section<====*/

.bg-color {
    background: #f5f5f5;
}

/*====>store header section<====*/
.footer {
    background-color: #000;
}
h5.footer-list-title {
    font-size: 18px;
    color: #fff;
}
.footer-col ul li {
    /*margin-bottom: 5px;*/
    display: flex;
    align-items: center;
}
.footer-col ul li a {
    color: #fff;
    font-size: 13px;
    display: flex;
    padding: 5px 0;
}
.footer-col ul li a:hover {
    color: #ed7a23;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}
.footer-col ul li a .footer-list-icon>i{
    font-size: 16px;
    vertical-align: middle;
    line-height: 1;
}
.footer-separator {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: 1px solid #b4b4b4;
}
.copyrihgt-text-row p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
}
.copyrihgt-text-row  p>span{
    color: #ed7a23;
}
.copyrihgt-text-row .copyrihgt-col  p{
    text-align: right;
}
.copyrihgt-text-row .copyrihgt-col p>a{
    color: #007bff;
}
.copyrihgt-text-row .copyrihgt-col  p>a:hover{
    color: #ed7a23;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}
@media only screen and (max-width: 767px){
    .footer-col {
        margin-bottom: 20px;
    }
    .footer-separator {
        margin-top: 0;
    }
}
@media only screen and (max-width: 575px){
    .copyrihgt-text-row .copyrihgt-col p {
        text-align: center;
    }
    .copyrihgt-text-row p{
        text-align: center;
    }
    /*.footer {
        text-align: center;
    }
    .footer-col ul li{
        justify-content: center;
    }*/
    .top-header>.container>.row>.col-md-6:last-child{
        padding-right: 15px !important;
    }
}

/*=====>Top Categories<=====*/
.top-category-sec h3 {
    font-size: 22px;
    font-family: 'Rubik-SB';
    margin-bottom: 1.5rem;
    text-align: center;
}
.top-categ-col a {
    display: flex;
    background: #f5f5f5;
    color: #ed7a23;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Rubik-SB';
    padding: 1rem 0.7rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.25rem;
}
.top-categ-col a:hover {
    background: #ed7a23;
    color: #fff;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}
.top-categ-col a>span:last-child>i {
    vertical-align: middle;
    line-height: 1;
}

/*Products Summary*/

section.prod-summary h4 {
    color: #ed7a23;
    font-size: 20px;
    font-family: 'Rubik-SB';
}
section.prod-summary p {
    font-size: 14px;
    font-family: 'Rubik-R';
}
section.prod-summary p>b {
    font-size: 16px;
    font-family: 'Rubik-SB';
}
section.prod-summary p>span {
    font-size: 16px;
    font-family: 'Rubik-SB';
    color: #ed7a23;
}
section.prod-summary ul{
    margin-bottom: 1rem;
}
section.prod-summary ul li {
    font-size: 14px;
    font-family: 'Rubik-R';
    line-height: 1.8;
}
section.prod-summary>.container{
    border-top: 5px solid #d8d8d8;
}
.book-appoint-div {
    font-size: 16px;
    margin-left: auto;
}
.btn-book-appoint {
    color: #fff;
    background: #ed7a23;
    border-radius: 0 !important;
    font-family: 'Rubik-R';
    border: 1px solid #ed7a23;
}
.btn-book-appoint:hover {
    color: #fff;
    opacity: .7;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}



/* common css for footer  */

.nearby h3 {
    border-bottom: 1px solid #a7a7a7;
    font-size: 18px;
    text-transform: uppercase;
    color: #ed7a23;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.categ-data li>h4,
.nearby-data li>h4 {
    font-size: 13px;
    color: #fff;
    line-height: 2;
    vertical-align: middle;
    margin-bottom: 0;
}

.categ-data li>h4>a,
.nearby-data li>h4>a {
    color: #fff !important;
}

.categ-data li,
.nearby-data li,
.tags-data li {
    border: 1px solid #fff !important;
    padding: 2px 10px;
    margin-bottom: 10px !important;
    font-size: 13px;
    border-radius: 0.25rem;
}

.categ-data li:hover,
.nearby-data li:hover,
.tags-data li:hover {
    border: 1px solid #ed7a23;
    color: #fff;
    opacity: .7;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}

.categ-data li:hover h4,
.categ-data li:hover h4 a,
.nearby-data li:hover h4,
.nearby-data li:hover h4 a,
.tags-data li:hover h4,
.tags-data li:hover h4 a {
    color: #ed7a23;
    webkit-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -moz-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -ms-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    -o-transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
    transition: border 0.4s, background 0.4s, color 0.4s, opacity 0.4s;
}


.tags-data li {
    border: 1px solid #fff;
    padding: 2px 10px #fff;
    color: #fff !important;
}


.tags-data li > h4 {
    font-size: 13px;
    color: #fff !important;
    line-height: 2;
    vertical-align: middle;
    margin-bottom: 0;
}
.tags-data li > h4 > a {
    color: #fff !important;
}
.tags-data li {
    border: 1px solid #fff;
    padding: 2px 10px;
}
.tags-data li:hover {
    color: #ed7a23;
    border: 1px solid #ed7a23 !important;
}
.tags-data li:hover h4,
.tags-data li:hover h4 a {
    color: #ed7a23 !important;
}

.categ-data li, .nearby-data li, .tags-data li:{
    border-color: #ed7a23 !important;
}