/*-------------- GLOBAL TRANSITION --------------*/

#header .container .menu-container > .menu-item > .menu-link,
#content a,
.footer-widgets-wrap a,
#copyrights a,
#side-panel .nav-tree li a,
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.dark .header-badge,
.menu-link span.stock-level,
.page-menu-item > a div,
#side-panel .nav-tree span.stock-level {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*-------------- GENERAL --------------*/

:root {
  --themecolor: #000;
  --themecolorred: #a70a0c;
  --themecolorgreen: #006620;
  --themecoloroffwhite: #e8e8e8;
  --darkgrey: #252b2f;
  --darkgreyline: #2e2e2e;
  --navhover: #888;
  --lightborder: #e5e5e5;
}

::selection {
  background: var(--themecolorred);
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input.webkitappearance,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000000 !important;
}

form {
  margin: 0;
}

.listspacing ul,
.listspacing ol {
  padding-left: 40px;
}

#content p,
#content ul,
#content ol {
  line-height: 1.7;
}

.vehicle-options {
  font-family: "Carrois Gothic", sans-serif;
}

  .vehicle-options ul {
    margin-bottom: 0;
    font-size: 0.9rem;
  }

  .vehicle-options table .name {
    background: #000;
    color: #fff;
    font-weight: 500;
    width: 180px;
  }

  .vehicle-options table tr {
    border-color: rgba(0, 0, 0, 0.3);
  }

.button.button-border,
.button.button-black {
  border: 2px solid #000;
}

.dark #header,
#header.dark {
  background-color: var(--darkgrey);
  border-bottom: 0 none;
  z-index: 300;
}

@media (min-width: 992px) {
  .dark-transparent #header,
  #header.dark-transparent,
  .dark-transparent #header-wrap {
    background-color: transparent !important;
  }

  .sticky-header #header-wrap {
    background-color: var(--darkgrey) !important;
  }
}

.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
  color: #a7a7a7;
}

.dark #footer,
#footer.dark {
  color: rgba(255, 255, 255, 0.75);
  background-color: var(--darkgrey) !important;
  border-top-color: rgba(255, 255, 255, 0.15);
}

.swiper-slide-bg:before,
.page-title:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient( 0deg, rgba(5, 5, 5, 0.1) 60%, rgba(5, 5, 5, 1) 100% );
}

.error404-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.page-title:before {
  background: linear-gradient( 0deg, rgba(5, 5, 5, 0.3) 60%, rgba(5, 5, 5, 0.9) 100% );
}

.stock-slider .swiper-slide-bg:before {
  background: none;
}

#gotoTop:hover {
  background-color: var(--navhover) !important;
}

.grecaptcha-badge {
  z-index: 999;
}

.tab-nav li a {
  padding: 0 60px;
}

.tab-container {
  padding: 30px 0 0;
}

.portfolio-meta li {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}

.portfolio-meta div {
  border-top: 1px solid var(--lightborder);
  padding-top: 10px;
}

  .portfolio-meta li:last-child,
  .portfolio-meta div:first-child,
  .portfolio-meta div:nth-child(2) {
    border: 0;
  }

.card-img-overlay.bg {
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-summary {
  max-width: 800px;
}

.divcenter {
  position: relative !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-overlay-mask {
  padding-top: 150px;
}

.video-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}

.menu-item .sub-menu-trigger {
  width: 100%;
  text-align: right;
  padding-right: 12px;
}

.nav-tree li.active {
  background: #333;
}

.normal-wrap {
  white-space: normal;
}

@media (min-width: 992px) {
  .slider-element.include-header {
    margin-top: -155px;
  }
}

.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
  background-color: #000 !important;
  border-color: #dee2e6 !important;
}

.page-link:focus {
  box-shadow: none !important;
}

.page-item.disabled .page-link {
  color: #bbb !important;
}

.btn {
  border: 2px solid transparent;
  border-radius: 0 !important;
  font-size: 14px;
  line-height: 1.7;
}

.btn-light {
  border-color: #ccc;
  background-color: transparent;
}

  .btn-light:hover,
  .btn-light:active,
  .btn-light:focus {
    background-color: transparent;
    border-color: #000;
    outline: none !important;
  }

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #000;
}

.dropdown-menu {
  font-size: 0.87rem !important;
}

.text-grey {
  color: #999;
}

.header-row-top .col-z-index-top {
  z-index: 999;
}

.webcam-container {
  max-width: 900px;
  margin: 0 auto;
}

.responsive-iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.border-left-theme {
  padding-left: 30px;
  border-left: 1px solid #252b2f3d !important;
}

@media (max-width: 991px) and (min-width: 768px) {
  .border-left-theme {
    padding-left: 15px;
    border-left: none;
  }
}

@media (max-width: 767px) {
  .border-left-theme {
    padding-left: 15px;
    border-left: none;
  }
}

/* ------ Snow Animation ------*/

.snowflake-container {
  position: absolute;
  width: 100%;
  height: 175px;
  top: -102px;
  overflow: hidden;
  z-index: -1;
}

@media (max-width: 991px) {
  .snowflake-container {
    height: 117px;
    top: -117px;
  }
}

.snowflake {
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(white, white);
  border-radius: 50%;
  filter: drop-shadow(0 0 10px white);
}

/* ------ YouTube Video Wrapper ------*/

.video-background {
  position: relative;
  overflow: hidden;
  width: 100vw;
  /*height: 100vh;*/
  height: 100%;
}

  .video-background iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100vw !important;
    height: 100vh !important;
    transform: translate(-50%, -50%) !important;
  }

@media (min-aspect-ratio: 16/9) {
  .video-background iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw !important;
  }
}

@media (max-aspect-ratio: 16/9) {
  .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh !important;
  }
}

.intro-slider-container {
  width: 100%;
  height: 100vh;
}

@media (max-width: 991px) {
  .intro-slider-container {
    height: 56.25vw;
  }

  .video-background iframe {
    width: 100vw !important;
  }
}

/* ------ Text link arrow animation ------*/

a.text-link {
  margin: 20px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  cursor: pointer;
}

.arrow {
  color: #000;
  margin: 1em 0;
  font-family: "Carrois Gothic", sans-serif !important;
}

  .arrow::after {
    font-family: "font-icons";
    display: inline-block;
    padding-left: 8px;
    content: "\e7a5";
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }

  .arrow:hover {
    color: #000;
  }

    .arrow:hover::after {
      -webkit-transform: translateX(4px);
      -moz-transform: translateX(4px);
      -ms-transform: translateX(4px);
      -o-transform: translateX(4px);
      transform: translateX(4px);
    }

.button.button-reveal i {
  background-color: rgb(0 0 0 / 0%);
}

/* ----------------------------------------------------------------
	HELPERS
-----------------------------------------------------------------*/

.w-95 {
  width: 95%;
}

.border-radius-0 {
  border-radius: 0px !important;
}

/* ----------------------------------------------------------------
	TYPOGRAPHY
-----------------------------------------------------------------*/

body {
  font-family: "Roboto", sans-serif;
  font-size: 0.96rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Carrois Gothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.2rem;
  color: var(--darkgrey);
}

#content h4,
#side-panel h3,
.modal-summary h4 {
  font-family: "Carrois Gothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  margin-bottom: 25px;
}

@media (max-width: 767.98px) {
  h1.ls-3 {
    letter-spacing: 1px;
  }
}

#content strong {
  color: #111;
}

a {
  color: #111;
}

#content a {
  font-weight: 600;
}

#content .content-link-normal a {
  font-weight: 400;
}

.alt-font {
  font-family: "Times New Roman", serif !important;
}

.secondary-font {
  font-family: "Carrois Gothic", sans-serif !important;
}

.sub-font {
  font-family: "Roboto", sans-serif !important;
}

.form-heading,
.footer-heading {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin: 0 !important;
}

.heading-block {
  margin-bottom: 15px;
}

  .heading-block::after {
    margin-top: 15px;
  }

.testi-content p {
  font-family: "Times New Roman", serif;
  font-size: 24px;
}

.title-xl {
  font-size: 55px;
  letter-spacing: 2px;
}

.title-md {
  font-size: 44px;
  line-height: 1.2;
}

.title-sm {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  letter-spacing: 1px;
}

.ls-1 {
  letter-spacing: 1px;
}

.ls-2 {
  letter-spacing: 2px;
}

.ls-3 {
  letter-spacing: 3px;
}

.ls-05 {
  letter-spacing: 0.5px;
}

.text-right {
  text-align: right !important;
}

.color {
  color: var(--themecolor) !important;
}

.color-red {
  color: var(--themecolorred) !important;
}

.color-green {
  color: var(--themecolorgreen) !important;
}

.before-heading {
  font-family: "Carrois Gothic", sans-serif !important;
  letter-spacing: 2px;
}

.before-heading-strapline {
  font-size: 15px;
  font-style: normal;
  color: #eee;
}

.text-white {
  color: #fff !important;
}

.home-section-video-height {
  height: 1480px;
}

.section {
  margin: 70px 0;
  padding: 70px 0;
}

.checkbox-style-1-label:before,
.radio-style-1-label:before,
.checkbox-style-2-label:before,
.radio-style-2-label:before,
.checkbox-style-3-label:before,
.radio-style-3-label:before {
  padding: 0.17rem 0.07rem !important;
}

.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before {
  background: var(--themecolor) !important;
  border-color: var(--themecolor) !important;
}

.checkbox-style + .checkbox-style-3-label.checkbox-small:before,
.radio-style + .radio-style-3-label.radio-small:before {
  border-width: 2px !important;
  font-size: 10px !important;
  border-radius: 16px;
}

/* ------ Meta Title ------*/

.entry-meta li {
  font-size: 100% !important;
  color: #000;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 13px !important;
  font-family: "Carrois Gothic", sans-serif !important;
}

.entry-meta a:not(:hover) {
  color: #000;
}

.entry-meta a:hover {
  color: #999;
}

.entry-title h1,
.entry-title h2,
.entry-title h3,
.entry-title h4,
.entry-title h1 a,
.entry-title h2 a,
.entry-title h3 a,
.entry-title h4 a {
  font-weight: 400 !important;
  text-transform: none;
}

  .entry-title h1 a:hover,
  .entry-title h2 a:hover,
  .entry-title h3 a:hover,
  .entry-title h4 a:hover,
  a.article-title:hover {
    color: #999;
  }

/* ----------------------------------------------------------------
	BACKGROUNDS
-----------------------------------------------------------------*/

.bg-color-theme {
  background-color: var(--themecolor) !important;
}

.bg-color-red {
  background-color: var(--themecolorred) !important;
  border-color: var(--themecolorred) !important;
}

.bg-color-green {
  background-color: var(--themecolorgreen) !important;
  border-color: var(--themecolorgreen) !important;
}

.bg-color-white {
  background-color: white !important;
}

.bg-color-offwhite {
  /*background-color: var(--themecoloroffwhite) !important;*/
  background-color: white !important;
}

.reverse-stripes .bg-color-offwhite {
  background-color: white !important;
  border-color: white !important;
}

.bg-color-darkgrey {
  background-color: var(--darkgrey) !important;
}

/* ----------------------------------------------------------------
	3 COLOUR TOP BANNER
-----------------------------------------------------------------*/
.colour-banner-row {
  border-top: solid 13px #000;
}

  .colour-banner-row .col div {
    height: 5px;
  }

/* ----------------------------------------------------------------
	TOP HEADER / NAVIGATION
-----------------------------------------------------------------*/

#header .header-row-top {
  padding-top: 9px;
  padding-bottom: 5px;
}

@media (max-width: 991px) and (min-width: 768px) {
  #header .header-row-top {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  #header .header-row-top {
    padding-bottom: 15px;
  }
}

#logo img {
  height: 80px;
  padding: 10px 0;
}

@media (max-width: 767px) {
  #logo img {
    height: 65px;
  }
}

.dark #header-wrap {
  background-color: #000;
}

.colour-banner-row {
  border-top: solid 0px #000;
  border-bottom: solid 8px #000;
  padding: 0 0.4rem;
}

.row.colour-banner-row .col {
  background-color: #000;
}

.menu-link {
  font-weight: 400 !important;
  letter-spacing: 0.1rem !important;
  font-family: "Carrois Gothic", sans-serif !important;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .menu-link {
    /*letter-spacing: 0.04rem !important;
        font-size: 0.75rem !important;*/
  }
}

.dark .menu-link {
  color: #ffffff !important;
}

@media (min-width: 992px) {
  .menu-bg-fill {
    background-color: transparent !important;
    /*background-image: url(/images/menu-background.png) !important;*/
    background-size: cover;
    padding-top: 1px;
  }

  .mega-menu-content .menu-bg-fill {
    padding-top: 1px;
  }
}

.bg-black-tint,
.sub-menu-container li {
  background-color: rgba(0, 0, 0, 0.8);
  background-color: var(--darkgrey);
}

  .bg-black-tint .sub-menu-container li {
    background-color: transparent;
  }

  .bg-black-tint .sub-menu-container .stock-item-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

@media (min-width: 992px) {
  .dark .primary-menu:not(.not-dark) .sub-menu-container,
  .dark .primary-menu:not(.not-dark) .mega-menu-content {
    background-color: #000;
  }
}

.dark .menu-item .menu-link:hover,
:not(.dark) .menu-item .menu-link:hover,
.menu-item:hover > .menu-link,
.dark
.primary-menu:not(.not-dark)
.sub-menu-container
.menu-item:hover > .menu-link {
  color: var(--navhover) !important;
}

@media (min-width: 992px) {
  .dark .primary-menu:not(.not-dark) .sub-menu-container,
  .dark .primary-menu:not(.not-dark) .mega-menu-content {
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: rgb(0 0 0) !important;
  }
}

.header-contact-info .nav-item a i {
  font-size: 14px;
  margin-right: 8px !important;
}

.dark .si-dark,
.dark .header-badge:not([class*="badge.bg-"]) {
  /*background-color: rgba(255,255,255,0.05) !important;*/
  background-color: #1e2226 !important;
}

  .dark .si-dark:hover,
  .dark .header-badge:hover,
  .menu-link:hover span.stock-level,
  #side-panel .nav-tree li:not(.active) a:hover span.stock-level,
  #side-panel .nav-tree li.active a span.stock-level {
    background-color: #eee !important;
  }

    .dark .si-dark:hover i,
    .dark .header-badge:hover a,
    .menu-link:hover span.stock-level,
    #side-panel .nav-tree li:not(.active) a:hover span.stock-level,
    #side-panel .nav-tree li.active a span.stock-level {
      color: #000 !important;
    }

:is(.mobile-sort-filter:not(.active), .sort-filter:not(.active-filter))
.icon-line-check {
  display: none;
}

:is(.mobile-sort-filter.active, .sort-filter.active-filter) .icon-line-minus {
  display: none;
}

.dark .header-badge {
  font-size: 0.65rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 767px) {
  .dark #header-wrap {
    background-color: var(--darkgrey);
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #primary-menu-trigger,
  #page-menu-trigger {
    position: absolute;
    top: -85px;
    right: 0px;
  }
}

@media (max-width: 767px) {
  #primary-menu-trigger,
  #page-menu-trigger {
    position: absolute;
    top: -73px;
    right: 0px;
  }
}

.sticky-show .social-group,
.sticky-show li.nav-item {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.sticky-header .sticky-show .social-group,
.sticky-header .sticky-show li.nav-item {
  visibility: visible;
  opacity: 1;
}

/* ------ Mega Menu ------*/

.menu-container #tab-shop {
  padding: 0 30px;
  background-color: #000000;
  border-bottom: 1px solid var(--darkgreyline);
}

  .menu-container #tab-shop .nav-link {
    /*color: var(--navhover) !important;*/
    color: #fff !important;
    padding: 18px 25px;
    font-weight: 600;
    text-transform: uppercase;
    /*font-size: 13px;*/
    font-size: 0.75rem;
    letter-spacing: 1.5px;
    font-family: "Carrois Gothic", sans-serif !important;
  }

  .menu-container #tab-shop .nav-link {
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }

    .menu-container #tab-shop .nav-link:hover {
      /*color: #fff !important;*/
      color: var(--navhover) !important;
    }

    .menu-container #tab-shop .nav-link.active {
      /*border-bottom: 2px solid #fff !important;
	color: #fff !important;*/
    }

@media (max-width: 991.98px) {
  .menu-container #tab-shop .nav-link {
    padding: 15px;
  }
}

@media (min-width: 992px) {
  ul.stock-item-menu .col-lg-3 {
    width: calc(25% - 0.5%) !important;
  }

  ul.stock-item-menu .col-lg-2 {
    width: calc(16.66666667% - 0.5%) !important;
  }
}

.menu-link span.stock-level,
#side-panel .nav-tree span.stock-level {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.95em;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  min-width: 30px;
  text-align: center;
  padding-top: 0.4em;
  letter-spacing: 0.03rem;
  float: left !important;
}

/*--
.sub-menu-container .menu-item:hover > .menu-link {
		background-color: #080808 !important;
	}
--*/

.sub-menu-container .menu-item:hover > .mega-menu-title.menu-link {
  background-color: transparent !important;
}

.dark
.primary-menu:not(.not-dark)
.mega-menu-style-2
.mega-menu-title > .menu-link:hover {
  background-color: transparent !important;
}

@media (min-width: 992px) {
  .mega-menu-style-2 .mega-menu-column {
    padding: 15px 20px;
  }
}

/* ----------------------------------------------------------------
	HEADERS
-----------------------------------------------------------------*/

#page-title {
  padding: 2.5rem 0;
  border: 0 none;
  background: none;
}

  /* ------ text header ------*/

  #page-title h1,
  h1.main-title {
    font-size: 37px;
    letter-spacing: 4px;
    font-weight: 400;
    color: var(--darkgrey);
  }

@media (max-width: 767.98px) {
  #page-title h1,
  h1.main-title {
    font-size: 34px;
    letter-spacing: 2px;
    line-height: 1.2;
  }

  .error404-wrap .error404 {
    font-size: 35vw;
  }
}

/* ------ Mini text header ------*/

#page-title.page-title-mini h1 {
  font-weight: 400;
  font-size: 35px;
  color: #000;
  letter-spacing: 3px;
}

.page-title-header h1 {
  font-size: 4rem;
  line-height: 1.3;
  letter-spacing: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  /*margin-top: 30px;*/
  margin-top: 85px;
}

.page-title-header.page-title-header-small h1 {
  font-size: 2.2rem;
  line-height: 1.3;
  letter-spacing: 0.5rem;
  margin-top: 75px;
}

.border-gold-2 {
  border: 2px solid var(--themecolor);
}

/* ----------- Retina Laptop Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .page-title-header.page-title-header-small h1 {
    font-size: 1.8rem;
  }
}
/* ----------- Retina Laptop Screens pixel ratio 1 ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .page-title-header.page-title-header-small h1 {
    font-size: 1.8rem;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .page-title-header.page-title-header-small {
    min-height: 15vh !important;
  }
}

@media (max-width: 767px) {
  .page-title-header.page-title-header-small {
    min-height: 15vh !important;
  }
}

@media (max-width: 500px) {
  .page-title-header.page-title-header-small {
    min-height: 18vh !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .specification-card > h4 {
    min-height: 3rem;
  }
}

@media (min-width: 992px) {
  #slider.min-vh-25 > .slider-inner.sub-header-height {
    height: 25vh;
  }
}

/* ----------- Retina Laptop Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  #slider.page-title-header.page-title-header-small {
    height: 30vh !important;
  }

    #slider.page-title-header.page-title-header-small .slider-inner {
      height: 30vh !important;
    }
}
/* ----------- Retina Laptop Screens pixel ratio 1 ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  #slider.page-title-header.page-title-header-small {
    height: 30vh;
  }

    #slider.page-title-header.page-title-header-small .slider-inner {
      height: 30vh;
    }
}

@media (min-width: 992px) {
  #slider.page-title-header.page-title-header-small {
    height: 30vh;
  }

    #slider.page-title-header.page-title-header-small .slider-inner {
      height: 30vh;
    }
}

@media (min-width: 1200px) {
  #slider.page-title-header.page-title-header-small {
    height: 25vh;
  }

    #slider.page-title-header.page-title-header-small .slider-inner {
      height: 25vh;
    }
}

/* Stop the slider image jump on pages */
@media (min-width: 768px) {
  #slider.min-vh-md-50 > .slider-inner {
    height: 50vh;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .page-title-header h1 {
    font-size: 3rem;
    letter-spacing: 1.2rem;
    margin-top: 40px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .page-title-header h1 {
    font-size: 3.5rem;
    letter-spacing: 1.2rem;
    margin-top: 10px !important;
  }

  .page-title-header.page-title-header-small h1 {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .page-title-header h1 {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.3rem;
    margin-top: -20px;
  }

  .page-title-header.page-title-header-small h1 {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 0.3rem;
    margin-top: -20px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* ----------------------------------------------------------------
	HOME
-----------------------------------------------------------------*/

.slider-caption h2 {
  font-size: 2.8rem;
}

.slider-caption p {
  font-size: 1.3rem;
}

/* ------ Lines ------*/

.title-stripes-container {
  position: relative;
  width: 100px;
  margin: 0.5em auto 0;
  font-size: 16px;
  /*background-color: #e8e8e8;*/
  padding: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.stripes-no-ani {
  transition: none !important;
  width: 140px !important;
}

.title-stripes-container .row .col {
  height: 1px;
  border: 0 none;
}

  .title-stripes-container .row .col:first-child {
    margin-right: 3.5px;
  }

  .title-stripes-container .row .col:nth-child(2) {
    /*border-right: solid 2px #e8e8e8;
	border-left: solid 2px #e8e8e8;*/
    margin-right: 2px;
    margin-left: 2px;
  }

  .title-stripes-container .row .col:last-child {
    margin-left: 3.5px;
  }

.hover-contain {
  width: fit-content;
  margin: auto;
}

.header-section .hover-contain,
.slider-element .text-overlay-mask .position-relative,
.slider-element-sub-title,
label.no-cursor {
  cursor: default;
}

  .header-section .hover-contain:hover .title-stripes-container,
  .videoplay-on-hover:hover .title-stripes-container,
  .card-on-hover:hover .title-stripes-container,
  .slider-element
  .text-overlay-mask
  .position-relative
  .hover-contain:hover
  .title-stripes-container,
  .slider-element-sub-title .hover-contain:hover .title-stripes-container {
    width: 250px;
  }

.title-stripes-container.stripes-right {
  margin-left: auto !important;
  margin-right: 0px !important;
  margin-top: 1.5em !important;
}

.title-stripes-container.stripes-left {
  margin-right: auto !important;
  margin-left: 0px !important;
  margin-top: 1.5em !important;
}

.home-intro-bg {
  background: url("/images/home/ani-bg.jpg");
  background-color: var(--darkgrey);
  background-size: cover;
  background-position: bottom center;
}

/* ------ Video Intro ------*/

.intro-video {
  background-size: cover;
  background-position: center center;
  background-color: #111;
}

  .intro-video.home-intro-poster-bg {
    background-image: url(/images/home/intro.jpg);
  }

  .intro-video.main-stock {
    background-image: url(/images/stock/unavailable.svg);
  }

  .intro-video video,
  .intro-video .swiper-slide-bg {
    display: block !important;
  }

.header-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.55);
}

/*----------------------- CAR ANIMATION -----------------------*/

.car-dark {
  position: absolute;
  top: -280px;
  left: -60px;
  background-image: url(/images/home/lamborghini-countach-lead.png);
  background-size: contain;
  background-position: center center;
  width: 80%;
}

.car-left {
  display: block;
}

.car-center {
  position: absolute;
  top: -160px;
  right: 50%;
  transform: translateX(50%);
  background-image: url(/images/home/lamborghini-countach-lead.png);
  background-size: contain;
  background-position: center center;
  width: 100%;
}

.car-ani-container {
  padding-bottom: 50px;
}

.car-left {
  position: absolute;
  top: -280px;
  left: -60px;
  background-image: url(/images/home/lamborghini-countach-lead.png);
  background-size: contain;
  background-position: center center;
  width: 80%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .car-left {
    top: -250px;
    left: -55px;
    width: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .car-left {
    top: -228px;
    left: -255px;
    width: 130%;
  }
}

@media (max-width: 767px) {
  .car-left {
    top: -200px;
    left: -190px;
    width: 155%;
  }
}

@media (max-width: 430px) {
  .car-left {
    top: -170px;
  }
}

.car-shadow {
  -webkit-animation: linear forwards;
  -webkit-animation-name: carshadow;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.1s;
}

@-webkit-keyframes carshadow {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.car-lights {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-animation: linear forwards;
  -webkit-animation-name: carlights;
  -webkit-animation-duration: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes carlights {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  35% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  65% {
    opacity: 0;
  }
}

/* ------ Featured Stock ------*/

.portfolio-desc span,
.portfolio-desc span a {
  color: #555;
}

.p-price-msrp {
  font-weight: 300;
  padding-left: 12px;
  margin-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.car-p-features {
  border-top: 1px solid #ddd;
  padding: 5px 8px;
  margin-top: 5px;
}

  .car-p-features [class^="col-"] {
    margin-top: 5px;
  }

  .car-p-features i {
    position: relative;
    top: 1px;
    margin-right: 4px;
  }

  .car-p-features span {
    color: #000;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 500;
    font-family: "Roboto", sans-serif !important;
  }

.portfolio-desc span.price {
  margin: 0;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}

.portfolio-desc span {
  margin: 0;
  font-size: 15px;
  line-height: 1.7rem !important;
  font-weight: 400;
  margin-bottom: 15px;
}

.portfolio-meta,
.portfolio-share {
  font-size: 0.8rem;
  color: #111;
}

  .portfolio-meta span {
    font-weight: bold;
  }

.item-image-container {
  position: relative;
}

.item-opacity-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: rgb(0 0 0 / 0%);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  transition: 0.4s;
  transition-timing-function: ease-out;
}

.content-item:hover .item-opacity-overlay,
.stock-item:hover .item-opacity-overlay {
  background-color: rgb(0 0 0 / 40%);
}

.nav-stock-item:hover .item-opacity-overlay {
  background-color: rgb(0 0 0 / 40%);
}

.team:hover .item-opacity-overlay {
  background-color: rgb(0 0 0 / 40%);
}

.team-image:hover .item-opacity-overlay {
  background-color: rgb(0 0 0 / 40%);
}

.news-item:hover .item-opacity-overlay {
  background-color: rgb(0 0 0 / 40%);
}

.guide-item:hover .item-opacity-overlay {
  background-color: rgb(255 255 255 / 40%);
}

.nav-featured-price {
  font-size: 0.9em;
  font-weight: 500;
}

/* ------ 12 col Featured News ------*/

.section-product {
  position: relative;
  width: 100%;
}

  .section-product .section-product-image {
    width: 100%;
  }

  .section-product .section-product-content {
    max-width: 100%;
    position: relative;
    bottom: 0px;
    right: 0;
    background-color: #000;
    padding: 40px;
    z-index: 1;
  }

    .section-product .section-product-content h3 {
      font-weight: 800;
    }

  .section-product.alt .section-product-image,
  .section-product.alt .section-product-content {
    float: none;
  }

  .section-product .section-product-price {
    font-size: 1.5rem;
    font-weight: 700;
  }

  .section-product .section-product-content,
  .section-product .section-product-content h1 {
    color: #fff;
  }

    .section-product .section-product-content h4 {
      color: #fff;
      font-family: "Times New Roman", serif;
    }

@media (min-width: 1199px) {
  .section-product .section-product-image {
    position: relative;
    width: 65%;
    background: #fff;
  }

  .section-product .section-product-content {
    max-width: 600px;
    position: absolute;
    bottom: 60px;
    right: 0;
    padding: 30px;
  }

  .section-product.alt .section-product-image {
    float: right;
  }

  .section-product.alt .section-product-content {
    left: 0;
    right: auto;
  }
}

/* ------ Featured News ------*/

@media (min-width: 992px) {
  .border-between.row {
    margin-right: -30px;
    margin-left: -30px;
  }
}

@media (min-width: 992px) {
  .border-between > [class*="col-"]::before {
    background: var(--lightborder);
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 1px;
    top: 0;
  }
}

@media (min-width: 992px) {
  .border-between > [class*="col-"]:first-child::before {
    background: #fff0;
  }
}

@media (min-width: 992px) {
  .border-between > [class*="col-"],
  .border-between .container,
  .border-between .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.entry::after {
  background-color: #fff !important;
}

/* ------ Instagram Feed ------*/

.crt-widget {
  padding: 0 !important;
  margin: 0 !important;
}

.crt-grid-post.crt-has-image-carousel .crt-image-carousel,
.crt-grid-post .crt-social-icon {
  display: none !important;
}

body.crt-popup-visible {
  overflow: auto !important;
}

.line,
.double-line {
  border-color: var(--lightborder) !important;
}

  .line.dark-line {
    border-color: var(--darkgreyline) !important;
  }

/* ----------------------------------------------------------------
	STOCK INDEX
-----------------------------------------------------------------*/

.stock-index-spec {
  padding: 1.3rem;
  background-color: #f8f9fa;
}

.stock-index-spec {
  position: relative;
}

  .stock-index-spec .h6,
  .stock-index-spec h6 {
    font-size: 0.85rem;
  }

  .stock-index-spec .line {
    margin-top: 0.7rem !important;
    margin-bottom: 0.7rem !important;
  }

.filter-p-pricing {
  position: absolute;
  top: 20px;
  right: 0px;
  background: #252b2f;
  color: #fff;
  padding: 8px 15px;
  z-index: 1;
  font-family: var(--cnvs-primary-font);
}

  .filter-p-pricing::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: -8px;
    height: 100%;
    width: 32px;
    background-color: #252b2f;
    -moz-transform: skew(-23deg, 0deg);
    -o-transform: skew(-23deg, 0deg);
    -ms-transform: skew(-23deg, 0deg);
    -webkit-transform: skew(-23deg, 0deg);
    transform: skew(-23deg, 0deg);
    z-index: -1;
  }

.stock-item .item-image-container {
  margin-bottom: 0px !important;
}

.product-desc p {
  font-weight: 500;
}

.stock-index-filter-col ul.custom-filter li a {
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 0;
}

.stock-index-filter-col ul.custom-filter li {
  margin-top: 0px !important;
  transition: all 0.2s ease-in-out;
}

  .stock-index-filter-col ul.custom-filter li:hover {
    padding-left: 0.16rem;
  }

.stock-index-filter-col [class*=" icon-line-"] {
  line-height: 0px;
}

.stock-index-filter-col .widget-filter-links li span {
  background-color: #eee;
  transition: all 0.2s ease-in-out;
}

.stock-index-filter-col .widget-filter-links li:hover span {
  background-color: var(--themecolor) !important;
  color: #fff;
}

.toggle-stock-filter-title {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

@media (max-width: 1199.98px) {
  .stock-index-filter-col .clear-button {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
  }
}

.widget-filter-links li.active-filter.clear-filter span {
  background-color: #c02942 !important;
}

.stock-index-filter-col .toggle-bg .toggle-header {
  background-color: #f8f9fa;
}

.side-panel-wrap .nav-tree li a {
  font-size: 10.5px;
}

.product-desc h3 {
  letter-spacing: 0rem;
}

/* Models Carousel */

@media (min-width: 1400px) {
  .models-carousel .portfolio-image {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1600px) {
  .models-carousel .portfolio-image {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 2000px) {
  .models-carousel .portfolio-image {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.portfolio-desc h4 a {
  font-weight: 600 !important;
  letter-spacing: 2px;
}

.portfolio-desc span a {
  font-weight: 400 !important;
  font-size: 13px;
}

.models-carousel .portfolio-image img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* ----------------------------------------------------------------
	ABOUT
-----------------------------------------------------------------*/
.ls-0 {
  letter-spacing: 0px;
}

.testimonial.bg-color-darkgrey .flex-control-nav li a {
  background-color: #fff;
}

/* ----------------------------------------------------------------
	FAQ
-----------------------------------------------------------------*/

.toggle-header,
.accordion-header {
  color: #000;
  font-size: 1.1rem;
}

.tab-nav.faq-tabs li a {
  padding: 6px 30px;
}

.tab-nav.faq-tabs i {
  margin-left: 60px;
}

@media (min-width: 768px) {
  .side-tabs .tab-container {
    padding: 15px 0 0 60px;
  }
}

.tab-nav li a {
  font-weight: 600;
}

@media (max-width: 767px) {
  .tab-nav li {
    width: 100%;
    border-left: 1px solid #ddd;
  }

    .tab-nav li.ui-tabs-active a {
      top: 0;
    }
}

.accordion-title {
  font-family: "Carrois Gothic", sans-serif !important;
  font-weight: 500;
}

/* ----------------------------------------------------------------
	THE TEAM
-----------------------------------------------------------------*/

.team-title h4 {
  font-weight: 500;
}

.team-title span {
  font-style: normal;
  color: #000;
  letter-spacing: 1px;
}

.team-title h4 {
  font-size: 1.55rem;
}

/* ----------------------------------------------------------------
	SERVICES
-----------------------------------------------------------------*/

.service-item:hover .service-item-content .read-more i {
  transform: translateX(4px);
}

.service-item .read-more {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.read-more i {
  font-weight: 500;
  font-size: 0.75rem;
}

.service-item {
  position: relative;
}

  .service-item:hover .item-opacity-overlay {
    background-color: rgb(0 0 0 / 40%);
  }

  .service-item .item-image-container .item-opacity-overlay {
    z-index: 2;
  }

.item-image-container {
  margin: 0 0 1.5rem !important;
}

.service-item-content h3 {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Carrois Gothic", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #333;
}

.service-item-content p {
  color: #555;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Schedule Service */

.form-select.sm-form-control {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.clock-icon {
  font-size: 15px !important;
}

.form-check-input {
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.25);
}

  .form-check-input:checked {
    background-color: var(--darkgrey);
    border-color: var(--darkgrey);
  }

  .form-check-input:checked,
  .form-check-input:active {
    box-shadow: none;
    border: 2px solid rgba(0, 0, 0, 0.25);
  }


.fc .fc-timegrid-slot {
  height: 3rem;
}

  .fc .fc-timegrid-slot:hover {
    cursor: pointer;
  }


.scheduling-form-iframe {
  height: 100%;
  min-height: 80vh;
}

/* ----------------------------------------------------------------
	TESTIMONIALS
-----------------------------------------------------------------*/
.testi-meta::before {
  content: none;
}

.clients-grid .grid-item::after,
.testimonials-grid .grid-item::after {
  border-bottom: 1px solid #ddd;
}

.clients-grid .grid-item::before,
.testimonials-grid .grid-item::before {
  border-left: 1px solid #ddd;
}

.testimonials-grid .grid-item .testimonial {
  height: 100%;
}

.testi-content {
  height: 100%;
  overflow: visible;
}

/* Button bottom line */

.btn-bottom:before {
  background-color: #f2b636;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  height: 1px;
  width: 100%;
}

.btn-bottom:hover:before {
  bottom: -10px;
}

/* Page Sub Menu */

.page-menu-nav {
  display: flex;
  position: relative;
  width: 100% !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .page-menu-nav {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

#page-menu-wrap.page-menu-light {
  position: relative;
}

#page-menu-wrap.page-menu-light {
  background-color: #fff;
}

.page-menu-nav {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.page-menu-item {
  text-transform: uppercase;
  font-weight: 600;
}

  .page-menu-item > a {
    color: #0000005c;
  }

@media (max-width: 991px) and (min-width: 768px) {
  .page-menu-nav {
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

    .page-menu-nav .page-menu-container {
      background-color: #fff !important;
    }

  .page-menu-item {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .page-menu-nav {
    background-color: #fff;
    text-align: center;
  }

    .page-menu-nav .page-menu-container {
      background-color: #fff !important;
    }

  .page-menu-item {
    display: inline-block;
  }
}

.page-menu-item.current > a {
  color: var(--themecolor);
  background-color: #fff;
}

  .page-menu-item.current > a div {
    padding-bottom: 10px;
    border-bottom: 2px solid var(--lightborder);
  }

.page-menu-item > a div {
  padding-bottom: 5px;
}

.page-menu-item > a {
  text-shadow: none;
  font-size: 0.8125rem;
  border-radius: 0;
  padding-top: 13px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  letter-spacing: 0.01rem;
  margin: 0;
}

@media (min-width: 992px) {
  .page-menu-item-small .page-menu-item > a {
    font-size: 0.8rem;
    padding: 5px 8px;
    padding-top: 8px;
  }
}

.page-menu-item:hover > a {
  background-color: #fff;
  color: #000;
}

.page-menu-item.current:hover > a {
  color: var(--themecolor);
}

.page-menu-item > a div {
  padding-bottom: 10px;
  border-bottom: 2px solid #fff0;
}

.page-menu-item:hover > a div {
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}

.page-menu-item.current:hover > a div {
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}

#page-menu {
  text-shadow: none;
}

.page-menu-title {
  color: var(--themecolor);
  font-size: 1.25rem;
  font-weight: 500;
  text-shadow: none;
}

#page-menu-trigger {
  color: #000;
}

/* ----------------------------------------------------------------
	STOCK SIDE PUSH PANEL
-----------------------------------------------------------------*/

#side-panel .nav-tree li a {
  font-family: "Carrois Gothic", sans-serif;
  font-weight: 600;
}

#side-panel h3 {
  font-size: 18px;
}

#side-panel .side-panel-padding,
#side-panel .nav-tree li a {
  padding-left: 30px;
  padding-right: 30px;
}

#side-panel .widget,
#side-panel .side-panel-wrap {
  width: 100%;
}

.nav-tree li.active > a,
.dark .nav-tree li a {
  color: #fff !important;
}

/* ----------------------------------------------------------------
	STOCK DETAILS
-----------------------------------------------------------------*/

.spec-border {
  border-right: 2px solid var(--lightborder) !important;
}

.details-spec .spec-border:last-child {
  border-right: none !important;
}

.alert-success h3 {
  color: #0f5132;
}

.alert-danger h3 {
  color: #842029;
}

.alert-success h3,
.alert-danger h3 {
  font-family: "Carrois Gothic", sans-serif;
  letter-spacing: 0rem;
}


.spec-item hr {
  width: 100%;
  margin-bottom: 0px;
}

.spec-item span {
  margin-bottom: 7px;
}

#section-spec .spec-item:nth-child(1) {
  margin-top: 0px;
}

@media (min-width: 992px) {
  #section-spec .spec-item:nth-child(2) {
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  .spec-item span {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .spec-item span {
    width: unset !important;
  }
}

/*.spec-item .spc-line {
  width: 100%;
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-bottom: 1px solid;
  opacity: .25;
  margin-top: 10px;
}*/
.spec-item span:first-child {
  color: rgba(0, 0, 0, .5) !important;
}

#section-features p:last-of-type {
  margin-bottom: 0px;
}

.mm-logo {
  max-width: 300px;
}

/* ----------------------------------------------------------------
	CONTACT
-----------------------------------------------------------------*/
label {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 11px !important;
  font-family: "Carrois Gothic", sans-serif !important;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.sm-form-control {
  border: 2px solid #ccc;
}

.button {
  font-family: "Carrois Gothic", sans-serif !important;
  text-align: center;
  letter-spacing: 0.05rem;
  font-weight: 400 !important;
  line-height: 1.8;
  padding: 6px 18px;
  text-shadow: none !important;
}

  .button.button-border,
  .button.button-black {
    border: 2px solid #000;
  }

  .button.button-border {
    color: #000;
  }

  .button.button-large {
    /*font-size: 0.96rem;
    letter-spacing: 0.04rem;*/
    padding: 10px 22px;
  }

    .button.button-large i {
      line-height: 23px;
    }

.button-black:hover {
  background-color: #444 !important;
  border-color: #444 !important;
}

.button-border:hover {
  background-color: #000 !important;
  border-color: #000 !important;
}

.button-light:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}

@media (min-width: 1400px) {
  .d-xl-none.d-xl-none-remove-xxl {
    display: inline-block !important;
  }
}

.text-overlay-mask-add {
  background: rgba(0, 0, 0, 0.2) !important;
}

.fluid-width-video-wrapper {
  height: 30vh;
}

.alert-success h4 {
  color: #155724;
}

.alert-danger h4 {
  color: #721c24;
}

.form-input-item input,
.form-input-item textarea {
  font-size: 1.2rem;
}

.stock-item-delete {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 2;
}

  .stock-item-delete .btn-light {
    border-color: #fff;
    background-color: #fff;
    font-size: 1rem;
  }

    .stock-item-delete .btn-light:hover {
      color: #fff !important;
      background-color: #111 !important;
      border-color: #111 !important;
    }

.btn {
  box-shadow: none !important;
}

/* ----------------------------------------------------------------
	MEDIA COVERAGE
-----------------------------------------------------------------*/

.portfolio-desc h3 {
  font-size: 1.65rem;
}

  .portfolio-desc h3 a {
    font-weight: 400 !important;
  }

    .portfolio-desc h3 a:hover {
      color: #888;
    }

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

/* ----------------------------------------------------------------
	ARMARI TV
-----------------------------------------------------------------*/

.bg-overlay.bg-overlay-fill {
  background-color: rgba(0, 0, 0, 0.3);
}

.video-holder {
  position: relative;
  display: block;
}

.video-aspect-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.i-custom {
  color: #fff !important;
  border-color: #fff !important;
  border-width: 3px !important;
  width: 92px !important;
  height: 92px !important;
  line-height: 88px !important;
  margin: 0 !important;
  padding-left: 5px;
}

a:hover .i-custom {
  background-color: #fff !important;
  color: #222 !important;
  text-shadow: none !important;
}

.hover-item {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) {
  .hover-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
  }
}

.tabs-videos .accordion-header {
  border-top: 1px dotted #ddd !important;
  border-bottom: 1px dotted #ddd !important;
}

/* ----------------------------------------------------------------
	NEWS
-----------------------------------------------------------------*/

.news-article-container .single-post h1,
.news-article-container .single-post h2,
.news-article-container .single-post h3,
.news-article-container .single-post h4,
.news-article-container .single-post h5 {
  font-family: "Times New Roman", serif;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
  border-radius: 0px !important;
}

/* ----------------------------------------------------------------
	NEWS
-----------------------------------------------------------------*/

.news-item-content h2 {
  font-size: 1.2rem;
  font-weight: 600;
  font-family: "Carrois Gothic", sans-serif;
  margin-bottom: 0;
  color: #333;
}

.news-item p {
  color: #555;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.news-item:hover .entry-content .read-more i {
  transform: translateX(4px);
}

.news-item .read-more {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

/* ----------------------------------------------------------------
	MODEL GUIDES
-----------------------------------------------------------------*/

.models-tabs.tab-nav li a {
  padding: 0 15px;
}

.side-tabs .tab-nav.tab-nav2.models-tabs li a {
  box-shadow: none !important;
  background-color: #ffffff;
  border: 1px solid #fff;
  border-radius: 0px;
  font-size: 0.8rem;
}

.tab-nav.tab-nav2.models-tabs li.ui-state-active a {
  background-color: #000;
}

.product-title h3 {
  font-size: 1.5rem;
}

  .product-title h3 a:hover,
  .single-product .product-title h2 a:hover {
    color: #999;
  }

@media (max-width: 991px) and (min-width: 768px) {
  .side-tabs .tab-container.modelguide-tab-container {
    padding: 15px 0 0 20px;
    width: 100%;
  }

  .tab-nav2.models-tabs {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .side-tabs .tab-container.modelguide-tab-container {
    padding: 15px 0 0 20px;
    width: 100%;
  }

  .tab-nav2.models-tabs {
    width: 100%;
  }
}

/* ----------------------------------------------------------------
	MODEL GUIDE DETAILS
-----------------------------------------------------------------*/

.vehicle-title {
  font-size: 60px !important;
}

/* ----------- Retina Laptop Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .vehicle-title {
    font-size: 35px !important;
  }
}

/* ----------- Retina Laptop Screens pixel ratio 1 ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .vehicle-title {
    font-size: 35px !important;
  }
}

.finance-option img {
  margin-bottom: 10px;
}

.fbox-content p {
  color: #555;
}

.tab-container.modelguide-details ul {
  padding-left: 1rem !important;
}

/* ----------------------------------------------------------------
	MODEL GUIDE DETAILS
-----------------------------------------------------------------*/

.modelguide-specs .title-block h1 {
  margin-bottom: 30px;
  color: #000;
}

.modelguide-specs .title-block span {
  letter-spacing: 1px;
  font-family: "Carrois Gothic", sans-serif !important;
  color: #444;
  margin-bottom: 25px;
  font-weight: 400;
}

.modelguide-specs .title-block {
  border: 1px solid #ddd;
  color: #fff;
  background: linear-gradient(180deg, #f9f9f9, #ebebeb);
  padding: 10px 20px 10px 20px;
}

.modelguidecomments {
  background-color: #1d1d1d;
}

  .modelguidecomments p {
    font-family: "Times New Roman", serif;
    font-style: italic;
    line-height: 31px;
    font-size: 22px;
  }

.modelguidecomments-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  background: linear-gradient( 271deg, rgb(0 0 0 / 50%) 40%, rgb(0 0 0) 100% ) !important;
}

.expand-on-scroll {
  text-align: center;
  height: 200vh;
}

  .expand-on-scroll img {
    position: sticky;
    top: 75px;
    width: calc(30% + calc(1% * var(--cnvs-scroll-percent)));
    height: 120vh;
    object-fit: cover;
  }

.text-fill-effect,
.gradient-text {
  text-shadow: none !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
}

.text-fill-effect {
  --cnvs-text-fill-placeholder: rgba(255, 255, 255, 0.1);
  --cnvs-text-fill-color: linear-gradient(to right, #555, #555);
  -webkit-text-fill-color: rgba(0, 0, 0, 18%);
  background-image: var(--cnvs-text-fill-color);
  background-size: calc(var(--cnvs-scroll-start) * 100%) 100%;
}

/* ----------------------------------------------------------------
	ERRORS
-----------------------------------------------------------------*/

.error404-wrap .error404 {
  color: #aaa !important;
  text-shadow: none;
}

/* ----------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------*/

.widget > h4 {
  font-family: "Carrois Gothic", sans-serif !important;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  letter-spacing: 4px;
}

.dark .heading-block::after {
  border-top-color: rgba(255, 255, 255, 0.3);
}

.dark .footer-widgets-wrap li,
.dark .footer-widgets-wrap a:not(.social-icon) {
  font-family: "Carrois Gothic", sans-serif !important;
  color: rgb(255 255 255);
  letter-spacing: 0.5px;
  font-size: 13px;
  padding: 2px 0;
}

.dark .footer-widgets-wrap a:hover:not(.social-icon),
#copyrights a:hover {
  color: var(--navhover) !important;
}

@media (max-width: 991px) and (min-width: 768px) {
  .dark .footer-widgets-wrap .widget ul li:last-child {
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .dark .footer-widgets-wrap .widget ul li:last-child {
    margin-bottom: 30px;
  }
}

.dark .border-bottom {
  border-bottom: 1px solid var(--darkgreyline) !important;
}

#copyrights,
#copyrights a {
  font-family: "Carrois Gothic", sans-serif;
  font-size: 0.75rem;
  color: rgb(255 255 255);
}

  .dark #copyrights,
  #copyrights.dark {
    color: rgb(255 255 255);
  }

.widget p {
  font-size: 13px;
  color: #fff;
  line-height: 1.85;
}

a.racecar {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: bold;
  font-style: italic;
  text-decoration: none !important;
  border: 0 none !important;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
}

footer .iconlist > li [class^="icon-"]:first-child {
  color: #fff;
  margin-right: 0px;
}

#footer .social-icon {
  display: inline-block !important;
  float: none !important;
}

@media (max-width: 991px) {
  #footer .text-center .heading-block::after {
    margin: 15px auto 0;
  }
}

#footer {
  margin-top: 0px !important;
}

.mm-logo-footer {
  max-width: 120px;
}

/* ----------------------------------------------------------------
	MEDIA QUERIES
-----------------------------------------------------------------*/

.hidden {
  display: none;
}

@media (max-width: 1199px) {
  .stock-label-hide {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

/* ----------------------------------------------------------------
	GALLERIES
-----------------------------------------------------------------*/

.mclaren-galleries h3 a,
.mclaren-galleries h5 a {
  color: #fff;
}

  .mclaren-galleries h3 a:hover {
    color: #fff !important;
    opacity: 0.6;
  }

  .mclaren-galleries h5 a:hover {
    color: #fff !important;
  }