:root {
  --theme-color: #D42027;
  --secondary-color: #000;

  --shadow: 2px 2px 3px rgba(0 0 0 / 20%);
  --white: #fff;
  --top-bar-background: #000;
  --top-bar-2-background: #111111;
  --top-bar-linear-gradient: linear-gradient(130deg,  var(--theme-color)  60%, var(--secondary-color) 60%);
}

.design-web p, .d-wbr p {
    font-family: raleway, sans-serif;
}

.container-small {
    max-width: 850px;
    margin: 0 auto;
}

.body h1, .body h2, .body h3, .body h4, .body h5 {
    font-family: Impact, Oswald, sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 1.5vw, 64px) !important;
    color: var(--theme-color);
}

/*HAMBURGER MENU*/


.d-con-mobile-navbar .d-navbar-menu .navbar-toggle.nav-open .icon-bar.icon-bar:nth-child(2) {
    rotate: 45deg;
    translate: 0 6px;
}

.d-con-mobile-navbar .d-navbar-menu .navbar-toggle.nav-open .icon-bar.icon-bar:nth-child(3) {
    opacity: 0;
}

.d-con-mobile-navbar .d-navbar-menu .navbar-toggle.nav-open .icon-bar.icon-bar:nth-child(4) {
    rotate: -45deg;
    translate: 0 -6px;
}

.d-con-mobile-navbar .d-navbar-menu .navbar-toggle.nav-open .icon-bar.icon-bar {
    transition: translate 350ms ease-in-out, rotate 150ms ease-in-out 250ms;
}

.d-con-mobile-navbar .d-navbar-menu .navbar-toggle .icon-bar.icon-bar {
    transition: opacity 250ms ease, translate 250ms ease-in-out, rotate 150ms ease-in-out;
}

.d-con-mobile-navbar {
    border-bottom: 3px solid var(--theme-color);
    position: fixed;
    width: 100%;
}

ul.nav.navbar-nav li a {
    text-align: center;
    text-transform: capitalize;
    color: var(--theme-color) !important;
    font-weight: 500;
}

ul.menu li a {
    text-transform: uppercase;
    font-size: clamp(14px, .85vw, 18px);
    font-weight: 400;
    color: #1f1f1f;
}

#main-nav a:hover, #main-nav li div.selected a{
    color: var(--theme-color) !important;
}

.header {
  box-shadow: var(--shadow);
  transition: all 250ms ease-in-out;
}
.header-topbar .u-row, .header-midbar .u-row {
    padding-right: 70px;
}
header .header-midbar1 .u-col {
    position: static;
}

#u_content_custom_logo_4 .d-logo {
  transition: all 250ms ease-in-out;
}
.header-star-rating {
  color: var(--theme-color);
}

.main-navbar div#u_column_17 {
    margin-left: auto;
}

header.header .main-navbar .container {
    max-width: 90vw !important;
}

header .main-navbar .menu{
    flex-wrap: nowrap !important;
}


@media screen and (max-width: 768px) {
  .header {
    min-height: 220px;
  }
}

@media (max-width: 1245px) {
.header-reviews span, .header-phone span {
    font-size: 15px !important;
}

.header-midbar .d-appointment-button-b {
    font-size: 18px !important;
}

.main-navbar .menu li a {
    font-size: 18px !important;
}
/**
.header .header-topbar #u_column_19 {
    width: 22% !important;
}
**/
header.header .header-topbar .u-col {
    max-width: unset !important;
    flex: unset !important;
}
.header #u_column_19 span {
    font-size: 20px !important;
}
}

/* TOP BAR == TOP BAR == TOP BAR == TOP BAR == TOP BAR  */
.header-topbar .d-toolbar > div {
    justify-content: flex-end;
}

.header-topbar a {
    text-transform: uppercase !important;
    color: white;
}

.header-topbar a:hover {
    color: white !important;
    text-decoration: underline;
}

.header #u_row_10 {
  height: 50px;
  background: var(--top-bar-background);
}
.header #u_row_11 {
    background-color: var(--top-bar-2-background);
    padding: 0px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header #u_column_34 input { letter-spacing: 1px;}
.header #u_column_19 {
   background: var(--top-bar-linear-gradient);
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
}
.header div#u_content_custom_toolbar_6 {
      display: flex;
    justify-content: center;
}
.header  .d-toolbar p {
    font-family: 'Alfa Slab One' !important;
}


/* Address */
.header #u_column_20 .d-cell1:hover a {
    color: var(--theme-color) !important;
}

/* Mobile Address */
.header #u_column_35
 .d-cell3:hover span {
    color: var(--secondary-color);
}

/* Call Us */
.header #u_content_text_10 a {
    color: #fff;
}

.header-phone a {
    font-family: Impact, Anton, sans-serif !important;
}

.header-reviews div p a span:hover, .header-phone a:hover {
    color: var(--secondary-color) !important;
}

/* Social Icons */
.header .d-toolbar-social-box > div {
     display: flex;
     align-items: center;
}
.header #u_content_custom_toolbar_2 .d-toolbar-social-box a {
    align-items: center;
    background: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    border-radius: 20px;
}
.header #u_content_custom_toolbar_2 .d-toolbar-social-box a:hover {
    background: var(--theme-color);
    text-decoration: none;
}

/* Reviews */
.header #u_content_text_9 a:hover span {
    color:  var(--theme-color) !important;
}

.header .d-cell3-content > p > span {
    cursor: pointer;
}
/*
.header #u_column_12 {
    max-width: 30%;
}
*/
/** APPOINTMENT BUTTON **/

header #u_row_14 div#u_content_custom_appointmentButton_3:hover, header #u_row_14 div#u_content_custom_appointmentButton_3:hover input {
    color: var(--secondary-color);
    cursor: pointer;
}

/* Nav Links */
.header #u_content_custom_navLinks_1 .d-nav-links-info.d-header-nav ul.menu>li>div a:not(:hover), .header #u_content_custom_navLinks_1 .d-nav-links-info.d-header-nav ul.menu>li>div:hover a {
    text-transform: uppercase;
    font-weight: 400;
}

@media screen and (max-width: 1645px) {
    .logo {
        max-width: 125px;
    }

    .header #u_column_19 span { font-size: 26px !important;}
    .header #u_content_text_9 >div > p > span, .header-midbar #u_column_31 p, .header-reviews p a span { font-size: 12px !important; }
    .header #u_content_text_10 > div > p > span > span {
        font-size: 18px;
    }
    .header #u_content_text_10 > div > p > span > span:last-child {
        font-size: 20px !important;
    }

    .header #u_content_text_10 > div > p > span > span:last-child > span {
        font-size: 24px !important;
    }
    .header #u_content_custom_appointmentButton_3 .d-con-usefor-header .d-appointment-button-b {
        font-size: 16px !important;
    }

    /* Nav Links */
    .header #u_column_12 {
        max-width: 23%;
    }
    .header .u-row .u-col.u-col-71p08 {
        flex: 0 0 76%;
        max-width: 76%;
    }

.header-topbar .d-toolbar {
    margin-right: 2vw !important;
}

.header-topbar .d-toolbar > div .d-flex span, .header-topbar .d-toolbar > div .d-flex a {
    font-size: 14px !important;
}
header.header .main-navbar .container {
    max-width: 95vw !important;
}
.header-midbar div#u_column_37 {
    flex: 0 0 25%;
    margin-left: auto;
}
.header-midbar div#u_column_33, .header-midbar div#u_column_32 {
    margin-left: auto;
}
.banner {
    padding: 200px 0 !important;
}
/**
.banner .u-col div div:first-child p span {
    font-size: 60px !important;
}**/
#amen-img img {
    max-width: 80px;
}/***
.amenities .u-row > div {
    padding-top: 1em;
}***/
.home .amenities .container .u-row > div p span strong span {
    font-size: 16px ;
}
}


.logo-box-mobile {
    background: white;
}


/************************************************************ GLOBAL STYLES *********************************************************************/


.mobile-header-contact span, .mobile-header-contact a {
    font-family: raleway !important;
    font-weight: bold;
    font-size: 16px !important;
}

.mobile-header-contact .d-toolbar {
    flex-direction: column;
}

.d-con-mobile-navbar {
    position: fixed;
    width: 100%;
}

.logo-box-mobile {
    background: white;
}

ul.nav.navbar-nav li a {
    color: white;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 1400px) {

.header-topbar .u-row, .header-midbar .u-row {
    padding-right: 0px;
}
}

@media (max-width: 1250px) {
header .header-reviews {
    padding-right: 0em;
}
header .header-reviews a p, header .header-reviews a, header .header-reviews p {
    font-size: 12px !important;
}
}

@media (max-width: 991px) {
    header.header #u_column_35 .v-col-padding {
    padding: 10px 0 0 0 !important;
}


}

@media (max-width: 750px) {
.about div#u_row_8 .u-row {
    flex-direction: column-reverse;
}

.specials #u_content_custom_specials_1 .d-specials-container .d-specials {
    padding: 10px 0;
    width: 100% !important;
}

.specials #u_content_custom_specials_1 .d-con-specials-container {
    padding: 0 20px !important;
}
}

.img img {
    max-width: 100%;
    height: auto !important;
}

a {
    text-decoration: none;
}

.banner .container {
    max-width: unset !important;
}

.contact #u_content_text_11 a {
    color: #252525;
}


/** BUTTONS **/

.theme-btn, #apptSubmitBtn, #Contact-btnSubmit {
    display: inline-block;
    background: var(--theme-color) !important;
    padding: 12px 50px !important;
    border-radius: 2em !important;
}

.theme-btn:hover a, #apptSubmitBtn:hover, #Contact-btnSubmit:hover {
    color: black !important;
}

.theme-btn a {
    font-family: raleway, sans-serif !important;
    background: none !important;
    font-weight: 600 !important;
}

@media (max-width: 991px) {
    .service-boxes .u-row div > div {
    padding: 0 !important;
}

    .amenities {
        transform: translateY(0);
        padding-top: 40px;
    }

    .amenities .u-row > div .d-con-custom-image {
        position: relative;
        top: 0;
    }
}

@media (max-width: 500px) {
    .amenities .u-row > div {
        padding-top: 0em;
        padding-bottom: 0em;
    }
    .amenities .u-col > div {
        display: flex;
        align-items: center;
    }
    div#amen-img {
        padding-right: 0 !important;
    }
    #amen-img img {
        max-width: 50px !important;
    }

    .amenities p {
        text-align: left !important;
    }
}

/**VEHICLES**/

.d-con-vehicle-details-info.d-vehicle-info .row {
    display: flex !important;
}

#u_content_custom_vehicleDetails_5 .d-con-vechile-detail .d-con-vehicle-details-info .row>* {
    width: 175px;
}
/*** END GLOBAL STYLES ***/