/* Global Transition
-----------------------------------------------------------------*/
#header .menu-link,
#content a,
.footer-widgets-wrap a,
#copyrights a,
#side-panel .nav-tree li a,
.top-links-item a,
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before,
.item-opacity-overlay,
.mfp-close {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .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 .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/* General
-----------------------------------------------------------------*/
:root {
  --header-height: 70px;
  --header-floating-offset: 15px;
  --sticky-header-height: 70px;
  --menu-gap: 2rem;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
}

.bg-color,
.card,
#footer {
  background-color: #EEE !important;
}

body.dark,
.dark #wrapper,
.dark #content,
.dark .shop-quick-view-ajax,
.dark .portfolio-ajax-modal,
.dark .ajax-modal-title,
.dark .modal-content,
.dark .page-transition-wrap,
.dark #header,
#header.dark,
.dark #header-wrap {
  background-color: #0c0c0c;
}

.dark #page-title,
#page-title.dark,
body.dark #side-panel,
body #side-panel.dark,
.dark .card,
.dark .modal-bg,
.dark .bg-grey,
.dark #footer, #footer.dark,
.dark .bg-color {
  background-color: #1c1c1c !important;
}

.dark .form-select:not(.not-dark) optgroup,
.dark .sm-form-select:not(.not-dark) optgroup {
  background-color: #282828;
}

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

form {
  margin: 0;
}

.ls-0 {
  letter-spacing: 0px !important;
}

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

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

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

.top-links {
  border-left: 1px solid #EEE;
  margin-left: 17px;
}

.dark .top-links {
  border-left-color: rgba(255,255,255,0.1);
}

.top-links-item:hover {
  background-color: transparent !important;
}

.top-links-item a:hover {
  color: #000;
}

.modal-bg {
    background-color: #fff;
}

.mfp-close {
    color: #000;
}

.dark .mfp-close {
  color: #fff;
}

.dark .contact-information span {
  color: #fff !important;
}

.bg-color a {
  color: #444;
}

.dark .bg-color a {
  color: #eee;
}

.content-title {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.15rem;
}

.card {
  border: 0 none;
  border-radius: 0;
}

.portfolio-meta li:last-child {
  margin-bottom: 0;
}

.portfolio-meta li span,
.portfolio-meta .portfolio-meta-title {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  color: #333;
}

.dark .portfolio-meta .portfolio-meta-title {
  color: #fff;
}

.portfolio-meta li span {
  width: 170px;
}

.button {
  padding: 11px 22px;
  text-shadow: none !important;
}

.button-border {
  padding: 8px 22px;
}

.button.button-small {
  padding: 8px 17px;
}

.button-border.button-small {
  padding: 7px 17px;
}

select.sm-form-control {
  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 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

@media (min-width: 992px) {
  .menu-link div > i.icon-angle-down {
    margin: 0 -5px 0 5px;
  }
}

.swiper-slide-bg:before,
.page-title:before,
.error404-wrap: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,0.9) 100%);
}

.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;
}

button.expand-button:after {
  content: 'View all photos';
}

button.expand-button[aria-expanded="true"]:after {
  content: 'Hide';
}

.bg-overlay-fill:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.subscribe-bg {
  padding: 120px 0;
  background-image: url(../images/home/subscribe.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-intro-bg {
  background-image: url(../images/home/box1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.item-opacity-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-color: rgb(0 0 0 / 0%);
}

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

.heading-block::after {
  border-width: 1px;
}

#footer {
  letter-spacing: -0.02rem;
}

#footer .fw-semibold,
.widget_links li a i {
  color: #444;
}
.dark #footer .fw-semibold,
.dark .widget_links li a i {
  color: #EEE;
}

#footer .footer-widgets-wrap {
  padding: 60px 0;
}

.footer-widgets-wrap,
.footer-widgets-wrap a,
.widget_links li a {
  color: #666;
}

.dark .footer-widgets-wrap,
.dark .footer-widgets-wrap a,
.dark .widget_links li a {
  color: #888;
}

.widget p,
.widget li {
  font-size: 0.83rem;
}

.widget p {
  line-height: 1.95;
}

.widget > h4 {
  letter-spacing: 0.15rem;
}

.widget_links li {
  display: block;
}

.widget_links > ul {
  margin-top: 0 !important;
}

.widget_links li {
  padding: 3px 0;
}

#copyrights {
  font-size: 0.75rem;
}

#copyrights .copyright-large {
  font-size: 0.8rem;
}

#copyrights,
#copyrights a {
  color: rgba(0,0,0,0.5);
}

.footer-widgets-wrap a:hover,
#copyrights a:hover {
  color: rgba(0,0,0,1.0);
}

.dark #copyrights a {
  color: rgba(255,255,255,0.4);
}

.dark #copyrights a:hover {
  color: rgba(255,255,255,0.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.84rem;
  letter-spacing: 0.01rem;
}

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

.fs-larger {
  font-size: 1.05rem;
}

.mw-550 {
  max-width: 550px;
}

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

.read-more-trigger {
  font-weight: 700;
  text-transform: uppercase;
}

.dark .read-more-trigger {
  color: #fff;
}

.read-more-wrap .read-more-mask {
  height: 20% !important
}

.dark .read-more-wrap .read-more-mask {
  background-image: linear-gradient( rgba(12,12,12,0), rgba(12,12,12,1) ) !important;
}

.primary-menu + .primary-menu {
  border-top: 0 none;
}

.sub-menu-container .menu-item:last-child,
.order-lg-4 .menu-item:last-child {
  border-bottom: 0 none;
}

@media (max-width: 991px) {
  .menu-item:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.15);
  }
}


/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
  height: 50px;
}

@media (min-width: 992px) {

  .header-size-custom .header-wrap-clone {
    height: calc( 70px + 1px );
  }

  #header.header-size-custom + .include-header {
    margin-top: calc( -70px - 2px );
  }

  .header-size-custom .menu-container > .menu-item > .menu-link {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.btn-link:hover {
  text-decoration: underline !important;
}

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

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

.mega-menu-content.mega-menu-style-2 .menu-link {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
}

#top-account a {
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 13px;
  text-shadow: none;
}

.dark .header-misc a {
  color: rgba(255,255,255,0.9);
}

.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
  color: rgba(255,255,255,0.9);
}

.slider-caption {
  position: absolute;
  width: 100%;
  max-width: none;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

  .slider-caption h2 {
    font-size: 3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .slider-caption p {
    margin-top: 15px;
    font-size: 1.125rem;
  }

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next {
  --right: 70px;
  --size: 36px;
  top: auto;
  bottom: 22px;
  left: calc(50% + 22px);
  right: 70px;
  right: var(--right);
  margin-top: 0;
  background-color: rgba(255,255,255,0.8);
  width: 42px;
  width: var(--size);
  height: 42px;
  height: var(--size);
  border: 0;
  border-radius: 50%;
  transform: translateX(-50%);
  transition: all .4s ease;
}

.flex-prev,
.flex-next {
  opacity: 0;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 4px;
  transform: translateY(-50%);
}

.product:hover .flex-prev,
.product:hover .flex-next {
  opacity: 1;
}

.slider-arrow-left {
  left: calc(50% - 22px);
}

.flex-prev {
  left: 4px;
}

  .slider-arrow-left i,
  .slider-arrow-right i,
  .flex-prev i,
  .flex-next i {
    line-height: 42px;
    line-height: var(--size);
    width: 42px;
    width: var(--size);
    height: 42px;
    height: var(--size);
    color: #DDD;
    color: rgba(0,0,0,0.8);
    text-shadow: none;
    font-size: 24px;
    margin-left: 2px;
    transition: color .4s ease;
  }

  .slider-arrow-left i,
  .flex-prev i {
    margin-left: 0;
  }

  .slider-arrow-left:hover i,
  .slider-arrow-right:hover i,
  .flex-prev:hover i,
  .flex-next:hover i {
    color: #FFF;
  }

.social-icons {
  position: absolute;
  left: 55px;
  bottom: 15px;
  z-index: 10;
}

  .social-icons::before {
    content: '';
    position: absolute;
    left: -40px;
    top: 45%;
    width: 30px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
  }

.cat-card p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6 !important;
  opacity: .8;
}

.device-md .cat-card p {
  display: none;
}

.items-nav li a {
  display: block;
  position: relative;
  padding: 3px 8px;
  color: #888;
  transition: all .1s linear;
}

.items-nav li:hover a {
  background-color: #F5F5F5;
  color: #111;
}

.product-desc {
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;*/
  padding: 1.2rem 1.5rem;
}

.product-title {
  margin-bottom: 3px;
}

.product-title h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 0;
}

.product-title span a {
  color: #999;
}

.product-price {
  margin-bottom: 0;
  font-size: 15px;
}

.product-image {
  position: relative;
}

  .product-image .cart-btn {
    position: absolute;
    display: block;
    opacity: 0;
    bottom: 7px;
    left: 0;
    right: 0;
    width: calc(100% - 12px); /* bottom 2x */
    max-width: 100%;
    margin: 0 auto;
    padding: 8px 0;
    height: auto;
    text-align: center;
  }

.product:hover .product-image .cart-btn,
.product:hover .flex-control-nav.flex-control-thumbs {
  opacity: 1;
  z-index: 2;
}

.flex-control-nav.flex-control-thumbs {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  margin: 3px;
  transition: opacity .3s linear;
}

.flex-control-nav li {
  float: none;
  display: block;
  margin: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
  border-width: 1px;
  opacity: 1;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
  width: auto !important;
  height: 70px !important;
}

.container-fluid {
  padding-right: 40px;
  padding-left: 40px;
}

.footer-widgets-wrap li {
  margin-bottom: 0;
}

#header,
#footer,
.copyright-links a {
  border: 0 none !important;
}

.menu-link,
.sub-menu-container .menu-item > .menu-link {
  font-size: 0.85rem;
  letter-spacing: 0.08rem;
}

.top-links-item > a {
  padding: 12px 15px;
}

.top-links-item i {
  color: var(--themecolor);
}

.btn-primary,
.button.button-primary.button-border:not(.button-fill):hover,
.button-primary-solid {
  background-color: var(--themecolor);
  border-color: var(--themecolor);
}

h1, h2, h3, h4, #content {
  letter-spacing: -0.03rem;
}

h5,
.heading-block h5 {
  font-size: 0.96rem;
}

.heading-block.heading-block-line::after {
  margin: 0;
  width: 30px;
  border-top-color: rgba(0,0,0,0.4);
}

.heading-block.heading-block-line.center::after {
  margin: 0px auto 0;
}

.dark h5 a {
  color: #fff;
}

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

.intro-video video,
.intro-video .swiper-slide-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.sub-menu-container {
    border: 0;
    box-shadow: none;
}

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

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

.swiper-wrapper,
.slide-number {
  cursor: default !important;
}


/* Page Title
---------------------------------------------------------------------------- */
#page-title {
  border: 0 none;
}

#page-title h1 {
  line-height: 1;
  font-size: 1.9rem;
  letter-spacing: 0.7rem;
  padding-left: 0.5rem;
}

#page-title.page-title-background {
  padding: 170px 0 100px;
  background-size: cover;
  background-position: center center;
}

#page-title.page-title-large {
  padding: 340px 0 270px;
}

#page-title .heading-block::after {
  border-top-color: rgba(255,255,255,0.5);
}

#page-title .heading-block.center::after {
  margin: 25px auto 0;
}

#page-title.page-title-general {
  background-image: url(../images/header/general.jpg);
}

#page-title.page-title-about {
  background-image: url(../images/header/about.jpg);
}

#page-title.page-title-stock {
  background-image: url(../images/header/stock.jpg);
}

#page-title.page-title-sellyourcar {
  background-image: url(../images/header/sellyourcar.jpg);
}

#page-title.page-title-news {
  background-image: url(../images/header/news.jpg);
}

#page-title.page-title-services {
  background-image: url(../images/header/services.jpg);
}

#page-title.page-title-testimonials {
  background-image: url(../images/header/testimonials.jpg);
}

#page-title.page-title-contact {
  background-image: url(../images/header/contact.jpg);
}

.error404-wrap {
  background-image: url(../images/error/1.jpg);
  background-position: center;
  background-size: cover;
}

.holding-wrap {
  background-image: url(../images/holding/1.jpg);
  background-position: center;
  background-size: cover;
}


/* Mode Switcher
---------------------------------------------------------------------------- */
.icon-dark {
  font-family: 'lined-icons' !important;
  font-size: 0.9rem;
}

body.dark .icon-dark {
  font-family: 'font-icons' !important;
  font-size: 0.8rem;
}

body.dark .dark-mode .icon-dark::before {
  content: "\eae7";
}

.dark-mode .icon-dark::before {
  content: "\e9e3";
}

.mode-switcher {
  position: relative;
}

  .mode-switcher .pts-text,
  .mode-switcher .pts-switcher {
    display: block;
    overflow: hidden;
  }

  .mode-switcher .pts-text {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px !important;
    cursor: default;
  }

    .mode-switcher .pts-text span.tlight,
    .mode-switcher.pts-switch-active .pts-text span.tdark {
      display: none;
    }

    .mode-switcher .pts-text span.tdark,
    .mode-switcher.pts-switch-active .pts-text span.tlight {
      display: inline-block;
    }


/* Stock Side Push Panel
-----------------------------------------------------------------*/
#side-panel .nav-tree li .badge {
  font-size: 12px;
}

#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;
}

.dark .nav-tree li:not(.active) a:hover {
  color: var(--navhover) !important;
  padding-left: 35px !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 {
    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 {
    color: #000 !important;
}

.nav-tree li.active {
  /*background-color: var(--themecolor);*/
  background-color: #333;
}

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


/* Stock Slider 3x2 Aspect
-----------------------------------------------------------------*/
.stock-slider {
  height: 864px;
}

@media (max-width: 1399px) {
  .stock-slider {
    height: 744px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stock-slider {
    height: 624px;
  }
}

@media (max-width: 991px) {
  .stock-slider {
    height: 464px;
  }
}

@media (max-width: 767.98px) {
  .stock-slider {
    height: 344px;
  }
}

@media (max-width: 450px) {
  .stock-slider {
    height: 240px;
  }
}


/* Stock Slider 4x3 Aspect
-----------------------------------------------------------------
.stock-slider {
  height: 972px;
}

@media (max-width: 1399px) {
  .stock-slider {
    height: 837px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .stock-slider {
    height: 702px;
  }
}

@media (max-width: 991px) {
  .stock-slider {
    height: 522px;
  }
}

@media (max-width: 767.98px) {
  .stock-slider {
    height: 387px;
  }
}

@media (max-width: 450px) {
  .stock-slider {
    height: 270px;
  }
}

.fancybox__thumb {
  padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.32))) !important;
}
*/


/* Parts
-----------------------------------------------------------------*/
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate( 90deg);
}

.widget_links li.active,
.widget_links li.active a {
  font-weight: 700;
  color: var(--themecolor);
}

.portfolio-overlay {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

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

.portfolio-image:hover .portfolio-overlay {
  opacity: 1;
}

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

.bg-grey {
  background-color: #EEE;
}

.bg-dark-grey {
  background-color: #282828;
}

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

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

.sm-form-control,
.button.button-border {
  border-width: 1px;
}

label {
    font-size: 10px;
    margin-bottom: 5px;
}

.sm-form-control {
  font-size: 14px;
}

.pt-30,
.py-30 {
  padding-top: 30px !important;
}

.pb-30,
.py-30 {
  padding-bottom: 30px !important;
}

.pr-30,
.px-30 {
  padding-right: 30px !important;
}

.pl-30,
.px-30 {
  padding-left: 30px !important;
}

@media (max-width: 1200px) {
  .menu-link {
    font-size: 0.83rem;
  }
}

@media (max-width: 992px) {
  #header {
    z-index: 99;
  }
    #header + .include-header {
      margin-top: calc( -100px - 1px );
      display: inline-block;
      vertical-align: bottom;
      width: 100%;
    }
}

@media (max-width: 991px) {
  #header .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
  #logo img {
    height: 35px !important;
  }
}

@media (max-width: 767.98px) {
  #logo img {
    height: 35px !important;
  }

  #header + .include-header {
    margin-top: calc( -80px - 1px );
  }
}


/* News Index
-----------------------------------------------------------------*/
.more-link {
  font-weight: 600;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-style: normal;
  text-transform: uppercase;
  border-bottom: 2px solid #333;
  letter-spacing: 0.5px;
}

  a.more-link:hover {
    color: var(--themecolor);
    border-bottom-color: var(--themecolor);
  }

.entry-image img {
  border-radius: 0px;
}

.dark .entry-content p {
  color: #fff;
}

.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) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  transition: 0.3s;
  transition-timing-function: ease-out;
}

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


/* Pagination
-----------------------------------------------------------------*/
.page-link {
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}


/* Videos Index
-----------------------------------------------------------------*/
.video-holder {
  position: relative;
}

.video-overlay {
  position: absolute;
  top: 0;
  right: 0;
}

a:hover .video-overlay {
  background-color: rgba(0,0,0,0.5);
}

.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,
.dark .i-bordered:hover {
  background-color: #FFF !important;
  color: #222 !important;
  text-shadow: none !important;
}


/* Alerts
-----------------------------------------------------------------*/
.alert-success h3 {
  color: #155724;
}

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

.alert-success h3, .alert-danger h3 {
  margin-bottom: 5px;
}

.alert-success p, .alert-danger p {
  margin-bottom: 0px;
}


/* Errors 404 & 500
-----------------------------------------------------------------*/
.error404-wrap .error404 {
  opacity: 0.2;
  text-shadow: none;
}

.error404-wrap .heading-block.center::after {
  margin: 25px auto 0;
}

.error404-wrap h1 {
  line-height: 1;
  font-size: 1.9rem;
  letter-spacing: 0.7rem;
  padding-left: 0.5rem;
}

.error404-wrap:before {
  background: linear-gradient(0deg, rgba(5,5,5,0.6) 0%, rgba(5,5,5,0.8) 90%);
}



/* Responsive Device less than 768px (.device-sm <)
-----------------------------------------------------------------*/
@media (max-width: 767.98px) {

  .items-nav li {
    position: relative;
    display: inline-block;
    margin: 5px;
  }

    .items-nav li:not(:last-child):not(.no-divider)::before {
      content: '/';
      position: absolute;
      right: -10px;
      top: 50%;
      color: #AAA;
      transform: translateY(-50%);
    }

  .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
  .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
    width: auto !important;
    height: 80px !important;
  }

  .flex-control-nav.flex-control-thumbs {
    opacity: 1;
  }

  .modal-backdrop {
    display: block;
  }
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {


  #header.transparent-header.floating-header,
  #header.floating-header #header-wrap {
    position: fixed;
    top: 1rem;
    margin-top: 0;
    box-shadow: none;
  }

    #header.transparent-header.floating-header .container-fluid,
    #header.sticky-header.transparent-header.floating-header .container-fluid {
      width: calc(100% - 30px);
      width: calc(100% - var(--menu-gap, 30px));
      padding: 0 30px;
      padding: 0 var(--menu-gap, 30px);
      background-color: transparent !important;
      transition: all .8s cubic-bezier(.19,1,.22,1);
    }

  #header.hover-light.transparent-header.floating-header .container-fluid,
  #header.sticky-header.transparent-header.floating-header .container-fluid {
    background-color: #FFF !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }

  .dark #header.hover-light.transparent-header.floating-header .container-fluid,
  .dark #header.sticky-header.transparent-header.floating-header .container-fluid,
  .dark .primary-menu:not(.not-dark) .sub-menu-container,
  .dark .primary-menu:not(.not-dark) .mega-menu-content {
    background-color: #000 !important;
  }

    .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
      background-color: rgba(255,255,255,0.03);
      color: rgba(255,255,255,0.9);
    }

  .floating-header .mega-menu-content {
    border-top: 0;
    box-shadow: none;
    width: calc(100% - 30px) !important;
    width: calc(100% - var(--menu-gap, 30px) ) !important;
    margin: 0;
  }

  /*.menu-container:hover > .menu-item:not(:hover):not(.active) > .menu-link {
    color: #BBB;
  }*/

  #header-wrap .header-hover-area:hover .menu-container > .menu-item:not(:hover):not(.active) > .menu-link,
  .sticky-header-shrink #header-wrap .header-hover-area:hover .menu-container > .menu-item:not(:hover):not(.active) > .menu-link {
    color: rgba(0,0,0,0.4);
  }

  .dark #header-wrap .header-hover-area:hover .menu-container > .menu-item:not(:hover):not(.active) > .menu-link {
    color: rgba(255,255,255,0.5);
  }

  #header.sticky-header #header-wrap {
    background-color: transparent;
  }

  #top-account a {
    position: relative;
    display: block;
    z-index: 11;
  }

  .header-overlay::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: all .8s cubic-bezier(.19,1,.22,1);
  }

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

  .container-fluid {
    padding-right: 75px;
    padding-left: 75px;
  }
}


/* Section Products
-----------------------------------------------------------------*/
.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: #FFF;
    padding: 20px;
    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;
  }


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

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

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

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

.section-product-content {
  transform: translateY(-57.417px);
}


/* Responsive
-----------------------------------------------------------------*/
@media (max-width: 1550px) {
  .header-size-custom #logo img {
    height: 40px;
  }
  .menu-link,
  .sub-menu-container .menu-item > .menu-link {
    font-size: 0.74rem;
    letter-spacing: 0;
  }
  .menu-link {
    padding-left: 9px;
    padding-right: 9px;
  }
  #page-title.page-title-background {
    padding: 140px 0 70px;
  }

  #page-title.page-title-large {
    padding: 270px 0 200px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .menu-link {
    font-size: 0.66rem;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 991px) {
  #page-title.page-title-background {
    padding: 80px 0 80px;
  }
  #page-title.page-title-large {
    padding: 180px 0 180px;
  }
  #footer .main-logo {
    max-width: 200px;
  }
}

@media (max-width: 767.98px) {
  #page-title.page-title-background {
    padding: 50px 0 50px;
  }
  #page-title.page-title-large {
    padding: 100px 0 100px;
  }
  #page-title h1,
  .error404-wrap h1 {
    font-size: 1.5rem;
    letter-spacing: 0.4rem;
  }
  .holding-wrap .ls1 {
      letter-spacing: 0 !important;
  }
}