@import "https://fonts.googleapis.com/css2?family=Anton&family=Nunito+Sans:wght@400;700&display=swap";

:root {
  --headerfont: "Anton", sans-serif;
  --bodyfont: "Nunito Sans", sans-serif;
  --gry-bg: #f3f3f3;
  --accent-clr: #c5060d;
}

.font-body,
.font-body-Montserrat,
.font-body-Montserrat .contact-details,
.font-body-Montserrat .gallery-img-text,
.font-body-Montserrat .label-frms,
.font-body-Montserrat .products .filter-item label.form-check-label,
.font-body-Montserrat .form-text,
.font-body-Montserrat .form label,
.font-body-Montserrat .businessinfo label {
  font-family: var(--bodyfont);
}

.font-body-Montserrat .form label {
  font-weight: 700;
}

.font-body-Montserrat .eCommerce label,
.font-body-Montserrat .products .product-price-range-text,
.font-body-Montserrat .address-type,
.font-body-Montserrat .font-bold,
.font-body-Montserrat .header .nav-link,
.font-body-Montserrat .header .dropdown-item,
.font-body-Montserrat .footer .nav-link,
.font-body-Montserrat .footer .dropdown-item,
.font-body-Montserrat .gallery .gallery-img-wrap,
.font-body-Montserrat .btn,
.font-body-Montserrat .product-results,
.font-body-Montserrat .btn-link,
.font-body-Montserrat .employees .employees-title,
.font-body-Montserrat .page-item.active .page-link,
.font-body-Montserrat .modal-success .modal-title {
  font-family: var(--bodyfont);
}

.font-header,
.font-body-Montserrat .btn,
.font-header-Montserrat .error-title,
.font-header-Montserrat .header .header-business-name,
.font-header-Montserrat .header .navbar-brand,
.font-header-Montserrat .footer .footer-business-name,
.font-header-Montserrat .title .title-heading,
.font-header-Montserrat .businessinfo .contact-title,
.font-header-Montserrat .employees .employees-name,
.font-header-Montserrat h5.modal-title,
.font-header-Montserrat .gallery .gallery-album-name,
.font-header-Montserrat .list .list-text-title,
.font-header-Montserrat .productslideshow .productslideshow-title-heading,
.font-header-Montserrat
  .productslideshow
  .productslideshow-item
  h3.product-title,
.font-header-Montserrat .detailedlist .detailedlist-item-title,
.font-header-Montserrat .products-loading-container .loader-text,
.font-header-Montserrat .shoppingcart .shoppingcart-titles,
.font-header-Montserrat .productdetails-bottom .nav-tabs .nav-item.nav-link,
.font-header-Montserrat .eCommerce .shoppingcart-titles,
.font-header-Montserrat h1,
.font-header-Montserrat h2,
.font-header-Montserrat h3,
.font-header-Montserrat h4,
.font-header-Montserrat h5,
.font-header-Montserrat h6 {
  font-family: var(--headerfont);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
  font-weight: 400 !important;
}

.font-header,
.font-body-Montserrat .btn,
.am-title .pg-title,
.font-header-Montserrat h5.modal-title {
  font-style: italic;
}

.font-header-Montserrat .products .product-title,
.font-header-Montserrat .productdetails .product-title,
.font-header-Montserrat .productdetails-modal-lightbox .modal-title,
.font-header-Montserrat .productslideshow h3.product-title,
.font-header-Montserrat .eCommerce .product-title,
.font-header-Montserrat .cart-preview .product-title,
.font-header-Montserrat .products-modal .product-title {
  font-family: var(--headerfont);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
  font-weight: 400 !important;
}

.font-header-Montserrat .products .filter-item-title {
  font-family: var(--bodyfont);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  letter-spacing: 0.01rem;
  font-weight: 700 !important;
}

.slick-arrow i.fa-chevron-left::before {
  margin-left: 0;
}

.slick-arrow i.fa-chevron-right::before {
  margin-right: 0;
}

p {
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.btn {
  border-radius: 0.4vw;
}

/* .btn-group-lg > .btn,
.btn-lg,
a.btn:not(.slick-arrow):not(.btn-xs):not(.btn-md):not(.dropdown-toggle):not(
    .product-remove
  ):not(.sn_more_btn) {
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
} */

.page-inventory-details
  .inventorydetails
  .sn_item
  button.btn.btn-primary.mb-2.button_sn_item {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.cart-preview-container .btn {
  padding: 0.8rem 1rem !important;
  font-size: 1.1rem !important;
}

.product-search .btn {
  padding: 0.6em 1em !important;
  font-size: 0.875rem !important;
  line-height: 1.7 !important;
  border-radius: 0;
}

.btn-md {
  font-size: 1.1rem;
}

.btn-accent {
  background: var(--accent-clr);
  border-color: var(--accent-clr);
}

.primary-bg {
  background: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
}

.dark-bg {
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
}

.med-bg {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.med-bg .btn-primary:hover,
.med-bg .btn-primary:hover:focus,
.med-bg .btn-primary:not([disabled]):not(.disabled).active,
.med-bg .btn-primary:not([disabled]):not(.disabled):active,
.med-bg .show > .btn-primary.dropdown-toggle {
  background-color: var(--color-theme-text);
  color: var(--color-theme-text-btn) !important;
  border-color: var(--color-theme-text);
}

.med-bg .btn-primary:before {
  background: var(--color-theme-text);
}

.light-bg {
  background: var(--color-theme-background);
  color: var(--color-theme-text);
}

.gry-bg {
  background: var(--gry-bg);
}

.border-1 {
  /* border: 1px solid var(--color-theme-border) */
}

.dark-bg .btn-link,
.med-bg .btn-link {
  color: var(--color-theme-primary);
}

.light-bg .btn-link {
  color: var(--color-theme-primary);
}

.star-color {
  color: #ddaf0d;
}

footer {
  border-radius: 0.8vw;
  margin: 1rem;
}

.footer-bottom-section {
  border-radius: 0 0 0.8vw 0.8vw;
  margin: 1rem;
}

.roundedcorner {
  border-radius: 1vw;
}

.roundedcorner-top {
  border-radius: 0.8vw 0.8vw 0 0;
}

.cw-logo {
  text-align: center;
  padding: 1.5rem 0 5px;
}

.cw-logo img {
  width: 300px;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: var(--color-theme-text);
}

@media (min-width: 576px) {
  .cw-logo {
    display: none;
  }
}

.header .navbar .dropdown-menu {
  border-radius: 0.5vw;
  background: var(--color-theme-background);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
}

.header .navbar {
  border-radius: 0 0 1rem 1rem;
}

@media (max-width: 767px) {
  .header .navbar {
    border-radius: 0 0 0.5vw 0.5vw;
  }
}

.cw-header-info {
  margin: 2rem 1rem 1rem;
  font-weight: 700;
  padding: 0.3rem 1.5rem 0.5rem;
}

/* .header .navbar {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	width: auto;
	z-index: 1030;
} */

@media (max-width: 991px) {
  .header .navbar.bg-primary {
    box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 992px) {
  .cw-header-info {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0 1rem;
    display: block;
  }

  .header .header-container {
    display: flex;
    flex-flow: column-reverse;
  }

  .header .dropdown-menu[data-bs-popper] {
    left: 50%;
    transform: translateX(-50%);
    min-width: max-content;
  }
}

.navbar .container {
  text-align: center;
  max-width: 100%;
  --bs-gutter-x: 1rem;
}

.header .navbar .navbar-nav .nav-link,
.header .dropdown-item {
  border-radius: 0.5vw;
  overflow: hidden;
}

.header .navbar .active > .nav-link,
.header .navbar .show > .nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active {
  background-color: var(--accent-clr);
}

.header .navbar-dark .navbar-nav > .active .nav-link {
  color: #fff !important;
}

.header .nav-link::before,
.header .navbar .dropdown-item::before,
.header .nav-link-cart::after {
  display: none;
}

.header .navbar .nav-link,
.header .nav-link-cart,
.navbar-dark .dropdown-item {
  transition: all 150ms 50ms ease-in-out;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .dropdown-item:focus,
.navbar-dark .dropdown-item:hover {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.header .nav-link.nav-link-cart:hover .cart-count,
.header .nav-link.nav-link-cart:focus .cart-count,
.header .nav-item.active .nav-link.nav-link-cart:active .cart-count,
.header .nav-item.active .nav-link.nav-link-cart .cart-count {
  color: var(--color-theme-text-btn);
}

.header .nav-link-cart .badge {
  color: inherit;
}

.navbar-dark .dropdown-item.active,
.navbar-dark .dropdown-item:active {
  color: var(--color-theme-text-btn);
}

.header .navbar .dropdown-item:hover {
  opacity: 1;
}

.header .navbar .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

@media (max-width: 992px) {
  .header .cart-count {
    background: var(--accent-clr);
    color: var(--color-theme-text-btn) !important;
    top: 6px;
  }

  .header .nav-link-cart,
  .header .navbar .nav-link.nav-link-cart {
    line-height: 30px;
  }
}

@media (min-width: 992px) {
  .header.has-cart .collapse.justify-content-center,
  .header .navbar-collapse.justify-content-center {
    -webkit-box-pack: flex-end !important;
    -ms-flex-pack: flex-end !important;
    justify-content: flex-end !important;
    margin-left: 0;
    margin-right: 0;
  }

  .header .navbar-nav:not(.navbar-cart) {
    justify-content: flex-end;
  }

  .header .nav-link-cart,
  .header .navbar .nav-link,
  .header .dropdown-item {
    line-height: 30px;
  }

  .header .navbar .dropdown-item {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .header li.nav-item {
    margin-right: 10px;
  }

  .header li.nav-item:last-of-type {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .header .navbar .navbar-collapse .navbar-nav {
    margin-top: 1rem;
  }
}

.header .navbar-toggler {
  background: 0 0;
  border: 0;
  padding: 0.5rem 0.7rem 1rem;
}

.header .navbar-toggler:hover {
  background: var(--color-theme-highlight);
}

.header .navbar-toggler:hover .icon-bar {
  background-color: var(--color-theme-text-btn);
}

.phone-link {
  color: var(--color-theme-text-btn);
}

@media (max-width: 1215px) and (min-width: 992px) {
  .header .navbar .navbar-nav .nav-link,
  .header .navbar .navbar-nav .dropdown-item {
    font-size: 0.9em;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}

.crate {
  text-align: center;
  position: relative;
}

.crate-padding {
  padding: 10vw 4.8vw;
}

.cw-hero {
  position: relative;
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
  border-radius: 1vw;
  margin: 0 1rem 1rem;
  padding: 3rem 1rem;
}

.cw-hero h1 {
  font-size: 2rem;
  line-height: 1;
  text-transform: uppercase;
  font-family: anton, sans-serif;
  font-weight: 400;
}

.cw-hero .btn-lg {
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  font-family: anton, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.cw-hero .cw-overlap-img {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.cw-hero .cw-img-car {
  position: absolute;
  z-index: 2;
}

@media (min-width: 576px) {
  .cw-hero h1 {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  .cw-hero {
    padding: 3rem;
  }
}

@media (min-width: 1200px) {
  .cw-hero h1 {
    font-size: 4rem;
  }
}

@media (min-width: 1400px) {
  .cw-hero h1 {
    font-size: 4.5rem;
  }
}

@media (min-width: 1500px) {
  .cw-hero h1 {
    font-size: 5.5rem;
  }
}

.cw-pic-icon-btns .cw-button-box {
  border-radius: 1vw;
  overflow: hidden;
  border: 1px solid var(--color-theme-border);
}

.cw-pic-icon-btns .cw-img-wrap {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.cw-pic-icon-btns .cw-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1vw 1vw 0 0;
}

.cw-pic-icon-btns .cw-icon {
  padding: 10px;
  width: 70px;
  height: 70px;
  border: 1px solid #ededed;
  background-color: #fff;
  color: var(--color-theme-primary);
  position: relative;
  margin: -50px 30px 0 auto;
  border-radius: 50%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.cw-pic-icon-btns .cw-icon i {
  font-size: 2.25rem;
}

.cw-style-search {
  text-align: center;
  position: relative;
  border-radius: 1vw;
  background: var(--color-theme-background);
  color: var(--color-theme-text);
}

.cw-style-search h2::after {
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  margin: 0.5rem 0 1.5rem;
  background-color: var(--color-theme-primary);
}

.cw-style-search h2::after {
  margin-right: auto;
  margin-left: auto;
}

.cw-style-search .cw-bs-button-text {
  color: var(--color-theme-text);
  position: relative;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  height: auto;
  transition: 0.25s ease-in;
  transition-delay: 0.1s;
  z-index: 5;
  font-weight: 700;
}

.cw-style-search .cw-bs-link {
  position: relative;
  display: block;
}

.cw-style-search .cw-bs-link .cw-bs-link-img {
  position: relative;
  z-index: 5;
  max-width: 200px;
  margin: auto;
}

.cw-style-search .cw-bs-button {
  margin-top: -45px;
  padding: 43px 0.5rem 0.5rem;
  width: 100%;
  text-align: center;
  display: block;
  position: relative;
  background: var(--color-theme-background);
  border: 1px solid var(--color-theme-border);
  border-radius: 0.5vw;
  transition: 0.3s ease-in-out;
  transition-delay: 0.35s;
  overflow: hidden;
  z-index: 1;
}

.cw-style-search .cw-bs-button:before {
  content: "";
  display: block;
  background: var(--color-theme-primary);
  position: absolute;
  width: 200%;
  height: 500%;
  border-radius: 100%;
  transition: 0.8s cubic-bezier(0.4, 0, 1, 1);
  z-index: 3;
}

.cw-style-search .cw-bs-button:after {
  content: "";
  display: block;
  background: var(--color-theme-highlight);
  position: absolute;
  width: 300%;
  height: 600%;
  border-radius: 100%;
  transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
  z-index: 2;
}

.cw-style-search .cw-bs-link:hover .cw-bs-button .cw-bs-button-text {
  color: var(--color-theme-text-btn);
}

.cw-style-search .cw-bs-link:hover .cw-bs-button {
  color: transparent;
}

.cw-style-search .cw-bs-link .cw-bs-button:before {
  transform: translate(-110%, -80%) translateZ(0);
}

.cw-style-search .cw-bs-link:hover .cw-bs-button:before {
  transform: translate(-45%, -34%) translateZ(0);
}

.cw-style-search .cw-bs-link .cw-bs-button:after {
  transform: translate(-110%, -80%) translateZ(0);
}

.cw-style-search .cw-bs-link:hover .cw-bs-button:after {
  transform: translate(-55%, -54%) translateZ(0);
}

@media (min-width: 576px) {
  .cw-style-search .cw-bs-button {
    margin-top: -50px;
    padding: 45px 2rem 0.7rem;
  }
}

.cw-rounded-text-image {
  position: relative;
  border-radius: 1vw;
  background: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
  padding: 1rem;
  margin: 1rem;
}

.cw-rounded-text-image img {
  border-radius: 1vw;
}

.cw-rounded-text-image .btn-primary:hover,
.cw-rounded-text-image .btn-primary:hover:before {
  background-color: var(--color-theme-secondary);
}

.cw-rounded-text-image h2 {
  font-weight: 700;
  text-transform: uppercase;
}

.cw-rounded-text-image h2,
.cw-rounded-text-image ul li,
.cw-rounded-text-image a.btn {
  font-weight: 400;
  font-family: anton, sans-serif;
  letter-spacing: 1px;
}

.cw-rounded-text-image h2::after {
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  margin: 0.5rem 0 1.5rem;
  background-color: var(--color-theme-primary);
}

.cw-rounded-text-image ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.cw-rounded-text-image ul i {
  font-size: 1.1em;
}

.cw-rounded-text-image a {
  text-transform: uppercase;
  font-style: italic;
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

@media (min-width: 992px) {
  .cw-rounded-text-image {
    padding: 3rem;
    margin: 1rem;
  }
}

.inventoryslideshow .inventory-title {
  font-size: 1.1rem !important;
}

.inventoryslideshow .card-body a .inventory-title {
  color: var(--color-theme-header) !important;
}

.inventoryslideshow .card-body a:hover .inventory-title {
  color: var(--color-theme-primary) !important;
}

.inventoryslideshow {
  background: var(--color-theme-background) !important;
  border-radius: 0.5vw !important;
  margin: 1rem !important;
}

.inventoryslideshow .card a:hover {
  color: var(--color-theme-primary);
}

.inventoryslideshow-btn .btn {
  padding: 0.8rem 2rem !important;
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02rem !important;
}

.inventoryslideshow .card,
.inventoryslideshow .price-block {
  border-radius: 0.5vw;
}

.inventoryslideshow .price-block .label {
  display: none;
}

.inventoryslideshow .price-block .value {
  font-family: var(--headerfont);
  font-weight: 400 !important;
  color: var(--color-theme-text-btn) !important;
}

.inventoryslideshow .price-block {
  background: var(--accent-clr) !important;
  color: var(--color-theme-background) !important;
}

.inventoryslideshow .price-block {
  background: var(--accent-clr) !important;
  color: var(--color-theme-background) !important;
  position: absolute !important;
  padding: 0.3rem 0.7rem !important;
  top: -37px !important;
  right: 10px;
}

.inventoryslideshow .card-top-img img {
  border-radius: 0.5vw 0.5vw 0 0 !important;
}

.inventoryslideshow .features-list li:nth-of-type(3),
.inventoryslideshow .features-list li:first-of-type {
  display: none !important;
}

.inventoryslideshow .card-top-img {
  background-color: #fff !important;
}

ul.features-list {
  padding: 0.2em !important;
}

.inventoryslideshow .card-body .text-center {
  text-align: left !important;
  margin-top: 0.5rem;
}

.cw-bg-buttons {
  position: relative;
  padding: 1rem;
}

.cw-bg-buttons .cw-imgcard {
  padding: 4rem 0 1rem 1rem;
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  transition: 0.3s ease-out;
  border-radius: 1vw;
}

.cw-bg-buttons .cw-img-wrap {
  display: block;
}

.cw-bg-buttons .cw-img-wrap img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.cw-bg-buttons .cw-imgcard::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0,
    rgba(0, 0, 0, 0.65) 100%
  );
  transition: opacity 0.3s cubic-bezier(0.35, 0.8, 0.35, 0.8);
  z-index: 1;
}

.cw-bg-buttons .cw-imgcard:hover::before {
  opacity: 1;
}

.cw-bg-buttons .cw-imgcard:hover .cw-img-wrap img {
  transform: scale(105%);
  left: 0;
  right: auto;
}

.cw-bg-buttons .cw-imgcard-text {
  width: 100%;
  height: 100%;
  text-align: left;
  z-index: 2;
  position: relative;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.cw-bg-buttons .cw-imgcard:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.cw-bg-buttons .cw-imgcard-text:after {
  content: "  \0203A";
  position: relative;
  left: 0;
  top: -1px;
  transition: left 0.5s ease-out;
  width: 2rem;
  height: 1rem;
  line-height: 0;
  font-size: 2rem;
  font-family: var(--bodyfont);
  letter-spacing: -4px;
}

.cw-bg-buttons .cw-imgcard:hover .cw-imgcard-text::after,
.cw-bg-buttons .cw-imgcard:focus .cw-imgcard-text::after {
  content: "  \0203A\0203A";
  left: 1rem;
}

@media (min-width: 768px) {
  .cw-bg-buttons .cw-imgcard {
    padding: 6rem 0 1.5rem 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cw-bg-buttons .cw-imgcard {
    padding: 8rem 0 1.5rem 1.5rem;
  }
}

.cw-search-title {
  text-align: center;
  position: relative;
  border-radius: 1vw 1vw 0 0;
  margin: 1rem 1rem 0;
  padding: 2rem 1.5rem 0;
  text-align: left;
  background-color: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.cw-search-title h2::after {
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  margin: 0.5rem 0 1rem;
  background-color: var(--color-theme-primary);
}

/* .page-home section.inventory-search-module {
  margin-top: 0 !important;
  margin-left: 1rem;
  margin-right: 1rem;
} */

/* .page-home section.inventory-search-module > .container {
  max-width: 100%;
  padding: 0;
} */

.page-home section.inventory-search-module .form__wrapper {
  background-color: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
  border: none;

  border-radius: 10px;
}

/* @media (min-width: 768px) {
  .page-home section.inventory-search-module .form__wrapper {
    padding: 1rem 3rem 3rem;
  }

  .cw-search-title {
    padding: 2rem 3rem 0;
  }
} */

.popular-vehicles-sections.container {
  max-width: 97.5vw;
  padding: 5rem;
  border-radius: 0.8vw;
  background: var(--gry-bg);
  color: var(--color-theme-text);
}

@media (max-width: 998px) {
  .popular-vehicles-sections.container {
    max-width: 96.5vw;
  }
}

@media (max-width: 767px) {
  .popular-vehicles-sections.container {
    max-width: 95vw;
    padding: 5rem 3rem;
  }
}

@media (max-width: 567px) {
  .popular-vehicles-sections.container {
    max-width: 94vw;
    padding: 3rem 2rem;
  }
}

@media (max-width: 400px) {
  .popular-vehicles-sections.container {
    max-width: 92vw;
  }
}

.popular-vehicle-link {
  color: var(--color-theme-text);
  line-height: 1.3rem;
}

.popular-vehicle-link:hover {
  color: var(--color-theme-primary);
}

.popular-vehicle-link::first-line {
  font-weight: 700;
  font-size: 1.1rem;
}

.footer-info-business
  a:not(.footer-business-phone):not(.footer-business-email) {
  padding: 0.8rem 1.5rem;
}

.footer a {
  border-radius: 0.8vw;
}

.footer .nav-link {
  line-height: 1.7;
}

.footer .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
}

.footer .dropdown-item:hover,
.footer a:not(.footer-business-phone):not(.footer-business-email):hover {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.footer .dropdown-item,
.footer .nav-link {
  display: block;
}

.pg-title::after,
.inventoryslideshow-title-heading::after,
.form-forms-header::after,
.veh__title::after,
.popular-vehicles-section-heading::after,
.eCommerce .title-heading::after {
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  margin: 0.5rem 0 1.5rem;
  background-color: var(--color-theme-primary);
}

.eCommerce-line {
  display: none;
}

h1.veh__title {
  font-size: 3rem !important;
  margin-top: 15px;
  font-style: italic;
}

@media (max-width: 400px) {
  h1.veh__title {
    font-size: 2.5rem !important;
  }
}

.pg-title-center::after,
.inventoryslideshow-title-heading::after,
h1.veh__title::after {
  margin-right: auto;
  margin-left: auto;
}

.mb-0.pg-title::after {
  margin-bottom: 0;
}

.vdp__title__mod .col-12.col-sm-8.flex-grow-1,
h1.veh__title {
  text-align: center !important;
}

@media (min-width: 576px) {
  h1.veh__title::after {
    margin-right: 0;
    margin-left: 0;
  }

  .vdp__title__mod .col-12.col-sm-8.flex-grow-1,
  h1.veh__title {
    text-align: left !important;
  }
}

@media (min-width: 998px) {
  .pg-title-lg-start::after {
    margin-right: 0;
    margin-left: 0;
  }
}
/* Internal page title ================================================================================== */
section:not(.page-home) .title {
  background-color: #041b39;
  overflow: hidden;
  position: relative;
  z-index: 0;
  color: #fff;
  padding: 6rem 0;
  text-align: center;
}

section:not(.page-home) .title::before {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: 0 !important;
  background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/52535F5A734B48FE29FBAE9236FCB678.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  overflow: hidden !important;
  opacity: 25% !important;
  z-index: -1 !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and ) */
@media (min-width: 1400px) {
}

.am-title {
  position: relative;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: var(--color-theme-background);
  background-color: var(--color-theme-primary);
  border-radius: 0.5rem;
}

.am-title::after {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}

.am-title .container,
.am-title .container-fluid {
  position: relative;
  z-index: 2;
}

.am-title .pg-title {
  font-size: 3rem;
  margin-top: 15px;
}

.am-title .pg-title::after {
  margin-bottom: 0;
}

@media (max-width: 370px) {
  .am-title .pg-title {
    font-size: 2rem;
  }

  .form-forms-header,
  .businessinfo .contact-title {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 350px) {
  .contact-hourstime .d-flex {
    flex-wrap: wrap;
  }

  .contact-hourstime-day {
    width: 100%;
  }

  .contact-hourstime-time.text-end {
    width: 100%;
    text-align: left !important;
  }
}

.am-title {
  background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/52535F5A734B48FE29FBAE9236FCB678.jpg);
}

/* .am-title-financing {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/DCB75284A5F4081593B123D1BC8A4A9B.jpg?size=1280x960)
}

.am-title-testdrive {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/1400120F1BD897A613CB1565AC6E2E9F.jpg?size=1280x960)
}

.am-title-inventory {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/CBA5EE34E06E30903B8977876FCA127C.jpg?size=1280x960)
}

.am-title-faq {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0EDF855D8A36846E2ED5E3118F1A53B0.jpg?size=1280x960)
}

.am-title-AutoMania {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BF1CE8DABFF41FBDF7D4E3E8A16D4A17.jpg?size=1280x960)
}

.am-title-staff {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/A9866F357B8A56DA3BDD663B25716DA0.jpg?size=1280x960)
}

.am-title-contact-us {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/7DB9D088238DE61965EAA29797B70726.jpg?size=1280x960)
}

.am-title-testimonials {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/DB503602301D6EC37B3D4B37E42209B7.jpg)
}

.am-title-valuetrade {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/4301343F2D21041E0F62F067907D33B4.jpg?size=1280x960)
}

.am-title-carfinder {
	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0AB8F9EC5A6F16526D4EA5082C4CC58C.jpg?size=1280x960)
} */

@media (max-width: 767px) {
  .am-title {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/52535F5A734B48FE29FBAE9236FCB678.jpg);
  }

  /* .am-title-financing {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/DCB75284A5F4081593B123D1BC8A4A9B.jpg?size=800x600)
	}

	.am-title-testdrive {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/1400120F1BD897A613CB1565AC6E2E9F.jpg?size=800x600)
	}

	.am-title-inventory {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/CBA5EE34E06E30903B8977876FCA127C.jpg?size=800x600)
	}

	.am-title-faq {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0EDF855D8A36846E2ED5E3118F1A53B0.jpg?size=800x600)
	}

	.am-title-AutoMania {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BF1CE8DABFF41FBDF7D4E3E8A16D4A17.jpg?size=800x600)
	}

	.am-title-staff {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/A9866F357B8A56DA3BDD663B25716DA0.jpg?size=800x600)
	}

	.am-title-contact-us {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/7DB9D088238DE61965EAA29797B70726.jpg?size=800x600)
	}

	.am-title-testimonials {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/DB503602301D6EC37B3D4B37E42209B7.jpg?size=800x600)
	}

	.am-title-valuetrade {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/4301343F2D21041E0F62F067907D33B4.jpg?size=800x600)
	}

	.am-title-carfinder {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0AB8F9EC5A6F16526D4EA5082C4CC58C.jpg?size=800x600)
	} */

  .am-title::after {
    background: rgba(0, 0, 0, 0.7);
  }
}

@media (min-width: 992px) {
  .am-title {
    margin-top: 0 !important;
  }
}

.crate-cta {
  padding-top: 8em;
  padding-bottom: 7em;
  color: #fff;
}

.crate-cta-carfinder {
  background-position: center center;
}

@media (max-width: 768px) {
  .crate-cta {
    padding-top: 4em;
    padding-bottom: 3em;
  }

  .crate-cta.am-title::after {
    background: rgba(0, 0, 0, 0.7);
  }
}

.inventory {
  padding-top: 0 !important;
}

/* .inventory-resultsSort {
	display: none
} */

.inventory .card-header {
  background: var(--color-theme-secondary) !important;
  color: var(--color-theme-text-btn) !important;
  position: relative;
}

.srp-sidebar .card-header::before {
  content: "";
  height: 3px !important;
  background: var(--color-theme-primary);
  border: 0 !important;
  position: absolute;
  width: 100%;
  display: block;
  left: 0 !important;
  bottom: 0;
  right: 0;
}

.inventory .btn-link.btn-clear-filter {
  color: var(--color-theme-text-btn) !important;
  padding: 0.5rem 1rem;
  background: var(--color-theme-primary);
  text-decoration: none;
  border-radius: 0.4vw;
  font-style: italic;
  font-family: var(--headerfont);
  text-transform: uppercase;
  letter-spacing: 0.01rem;
  font-weight: 400 !important;
}

.inventory .btn-link.btn-clear-filter:hover,
.inventory .btn-link.btn-clear-filter:hover:focus {
  background-color: var(--color-theme-highlight);
  color: var(--color-theme-text-btn) !important;
  border-color: var(--color-theme-highlight);
}

.inventory .btn-link.btn-clear-filter.active:before,
.inventory .btn-link.btn-clear-filter:active:before,
.inventory .btn-link.btn-clear-filter:hover:before {
  right: 0;
}

.inventory .btn-link.btn-clear-filter:before {
  background: var(--color-theme-highlight);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.inventory-histogram-label .stop-top {
  stop-color: var(--color-theme-primary);
  stop-opacity: 1;
}

.inventory .value {
  font-family: var(--headerfont) !important;
  font-weight: 400 !important;
}

.inventory .vehicle-card.layout-1 .price-mileage-block {
  border-radius: 0.4vw;
}

.filter-widget .filter-body,
.contact-widget .card-body,
.inventory .vehicle-card.layout-1 .price-mileage-block {
  background: var(--gry-bg) !important;
  border: 0 !important;
}

.inventory .vehicle-card.layout-1 .inventory-cta .btn {
  line-height: 1 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.inventory .vehicle-card .btn {
  padding: 0.6em 1.3em !important;
}

.inventory .vehicle-card.layout-1 .price-mileage-block .dollar-symbol {
  top: -9px !important;
  left: 0 !important;
}

.srp-sidebar .card-header .card-title {
  font-family: var(--headerfont) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 1.3em !important;
}

.inventory-cta .btn.btn-primary.d-flex.flex-column:hover {
  color: var(--color-theme-text-btn) !important;
}

.inventory [type="checkbox"]:checked + label::before {
  background: var(--color-theme-primary) !important;
}

.inventory [type="checkbox"] + label::after,
.inventory [type="radio"] + label::after {
  background: var(--color-theme-primary) !important;
}

.inventory .col-12.col-lg-11.col-xl-10 {
  width: 98% !important;
}

.inventory .vehicle-card.layout-1 .inventory-title {
  font-size: 1.6em !important;
  margin-bottom: 0 !important;
}

.financing a {
  color: var(--color-theme-primary) !important;
  font-size: 0.8rem !important;
}

.p-veh-card .card-top-img a {
  display: block;
}

body .inventory .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .srp-sidebar {
    left: 0 !important;
  }
}

@media (max-width: 400px) {
  .inventory-seo-content {
    padding: 0 !important;
  }
}

.mobile-fixed-cta {
  padding: 0.5em !important;
  left: 0 !important;
  right: 0 !important;
}

.mobile-fixed-cta.d-md-none .row {
  /* padding: 0; */
  /* margin: 0; */
  --bs-gutter-x: 0;
}

.mobile-fixed-cta.d-md-none .col-6 {
  /* padding-left: .1rem !important; */
  /* padding-right: .1rem !important */
}

.mobile-fixed-cta .btn {
  /* min-width: 90%; */
  /* padding: .8rem !important */
}

.mobile-fixed-cta .btn {
  padding: 0.8rem 0.8rem !important;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

.inventorydetails .vdp__container {
  max-width: 100%;
  /* margin: 0 !important; */
  /* padding: 0 !important; */
  /* width: 100% */
}

.page-inventory-details .inventorydetails .module,
.inventorydetails .vdp-module-canvas-razor-wrapper .module {
  margin-top: 1.6rem;
}

.page-inventory-details .module,
.vdp-module-canvas-razor-wrapper .module {
  /* margin-top: 1.6rem !important */
}

.vdp__title__mod.module {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 2rem;
  /* margin: 1rem .6rem 0 !important; */
  color: var(--color-theme-text-btn);
  border-radius: 0.5rem;
  background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/89B66CCB34B6E9454173F10585A91636.jpg?size=800x600);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .vdp__title__mod.module {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/89B66CCB34B6E9454173F10585A91636.jpg?size=1280x960);
  }
}

@media (min-width: 1300px) {
  .vdp__container {
    /* padding: 0 2rem !important */
  }
}

.vdp__title__mod.module::after {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.vdp__title__mod .d-flex {
  position: relative;
  z-index: 2;
  align-items: center !important;
}

.veh__generation {
  color: var(--color-theme-text-btn);
}

.vdp__title__mod .veh__trim[VehicleHeadingWidgetCssScope] {
  display: inline-block;
}

.vdp__title__mod .veh__generation[VehicleHeadingWidgetCssScope] {
  display: inline-block;
}

.vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope] {
  font-family: var(--headerfont) !important;
  color: var(--color-theme-text-btn) !important;
  font-weight: 400 !important;
}

.vdp__title__mod
  .veh__price__mileage__wrapper
  .veh__price
  sup[VehicleHeadingWidgetCssScope] {
  top: -15px !important;
}

.vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
  color: var(--color-theme-text-btn) !important;
}

.vdp__photoGrid {
  margin-top: 0.2rem;
}

#builderCanvas {
  /* margin-top: -1rem !important */
}

@media (min-width: 991px) {
  #builderCanvas {
    /* margin-top: -2rem !important */
  }
}

.wide-container
  .photo__grid3
  .large__image
  .photo__thumbnail[PhotoGalleryWidgetCssScope],
.wide-container
  .photo__grid3
  .small__image
  .photo__thumbnail[PhotoGalleryWidgetCssScope] {
  border-radius: 0.8vw !important;
}

.loan__calc__content .btn-outline-secondary {
  font-size: 1rem !important;
  padding: 1rem 0.5rem !important;
}

.vdp__info__addt__mod .btn-secondary,
.vdp__info__addt__mod .btn-secondary:focus {
  background-color: var(--color-theme-primary) !important;
  border-color: var(--color-theme-primary) !important;
}

@media (min-width: 992px) {
  .row.vdp__photoGrid.photo__grid3.g-2 {
    margin-top: 1rem;
  }
}

.page-inventory-details .section__title,
.page-inventory-details .section__title1,
.page-inventory-details .section__title__wrapper {
  font-family: var(--headerfont);
  font-weight: 400 !important;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 20px;
}

.vdp__staff__mod .section__title,
.vdp__staff__mod .section__subtitle,
.vdp__staff__mod .section__callout__title {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

.vdp__title__mod .veh__title {
  font-size: 2.25em;
}

.vdp__title__mod .veh__trim {
  font-weight: 400 !important;
}

.page-inventory-details .veh__price {
  font-family: var(--headerfont);
  font-weight: 400;
}

.narrow-container .vdp__message__mod.module,
.vdp__dealerInfo__mod.module {
  border: 0 !important;
  padding: 1.5rem !important;
  border-radius: 0.8vw !important;
}

.vdp__dealerInfo__mod.module {
  background-color: var(--gry-bg) !important;
}

#LeadFormModal-RequestPhotos .modal-body {
  background-color: var(--gry-bg) !important;
}

.narrow-container .vdp__message__mod.module {
  background-color: var(--color-theme-highlight) !important;
  color: var(--color-theme-text-btn) !important;
}

.narrow-container .vdp__message__mod.module .disclaimerText a {
  color: var(--color-theme-border) !important;
  text-decoration: underline !important;
}

.narrow-container .vdp__message__mod.module label,
.narrow-container .vdp__message__mod.module .section__title,
.narrow-container .vdp__message__mod.module .text-link,
.narrow-container .vdp__message__mod.module .disclaimerText {
  color: var(--color-theme-text-btn) !important;
}

.vdp__message__mod.module .section__title,
.vdp__dealerInfo__mod.module .section__title {
  margin-top: 0;
}

.vdp__message__mod.module .vdp__message__wrapper {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.vdp-module-canvas-razor-wrapper .brdr__rad10 {
  border-radius: 0 !important;
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
  background: #fff;
}

.loan__calc__content .calc__totals__wrapper .value {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

[LoanCalculatorWidgetCssScope]
  .loan__calc__content
  .calc__totals__wrapper
  .value
  sup {
  top: -0.9em !important;
}

.vdp__features__mod .features__content .veh__features {
  margin-bottom: 20px;
}

.vdp__optFeatures__mod .optFeatures__content .optFeatures__total {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

.staff__style1 .staff__info__wrapper .staff__name {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

.hours__status.hours__status__closed {
  background-color: #c72931;
  color: #fff !important;
}

#LeadFormModal-RequestPhotos .vdp__message__mod.module {
  margin-top: 0 !important;
}

#LeadFormModal-RequestPhotos .section__title {
  display: none !important;
}

#LeadFormModal-RequestPhotos .modal-title,
#viewAllPhotosModal .modal-title {
  color: #333;
  font-size: 1.5em !important;
}

.vdp__loanCalc__mod.module {
  padding: 1.5rem;
  background: var(--gry-bg);
  border-radius: 0.8vw;
}

.vdp__loanCalc__mod.module .section__title {
  margin-top: 0;
}

.vdp__info__addt__mod {
  border-top: 0 !important;
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn) !important;
  border-radius: 0.8vw;
  padding: 1.5rem !important;
}

.vdp__info__addt__mod label {
  color: var(--color-theme-text-btn) !important;
}

.vdp__info__addt__mod .fuel__econ .mpg__icon {
  padding: 12px 20px !important;
  width: 70px;
  height: 70px;
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
  background: var(--color-theme-background);
  color: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .photos__wrapper {
  padding: 0 !important;
  background: 0 0 !important;
}

.photos__wrapper img {
  margin: 0 !important;
  border-radius: 0.8vw !important;
}

@media (min-width: 992px) {
  .vdp-module-canvas-razor-wrapper .photos__wrapper {
    margin-top: 1rem;
  }
}

.vdp__info__addt__mod.module a {
  margin-top: 10px;
}

.page-loan-application .form,
.page-value-my-trade .form,
.page-car-finder .form {
  background: var(--gry-bg);
  margin: 1rem;
  border-radius: 0.8vw;
}

.collapse-header {
  position: relative;
  padding: 1.1rem 4rem 1.1rem 1em;
  margin-bottom: 2px;
  background: var(--color-theme-background);
  color: var(--color-theme-text);
  display: block;
  overflow: hidden;
  font-size: 1.1em;
  font-weight: 700;
  border-radius: 0.8vw;
}

.collapse-header:hover,
.collapse-header:not(.collapsed) {
  background: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
}

.collapse-header::after {
  content: "+";
  position: absolute;
  z-index: 3;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  font-size: 1.5em;
  line-height: 1em;
  transition: 0.2s;
}

.collapse-header.collapsed::after {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.collaspe-content {
  padding: 2rem 1em;
}

@media (max-width: 450px) {
  .page-faq .gry-bg {
    background: #fff;
    padding: 0 !important;
  }

  .page-faq .gry-bg .container-fluid {
    padding: 0 !important;
  }

  .collapse-header {
    background: var(--gry-bg);
  }
}

.page-faq .form {
  padding-top: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0 1rem 1rem;
}

@media (max-width: 400px) {
  .page-faq .form {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 1rem;
  }
}

.employees {
  padding-top: 0;
  padding-bottom: 1em;
}

.employees-container.container {
  max-width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.employees-stacked-side .employees-item {
  border-radius: 0.8vw;
  background: var(--gry-bg);
  border-bottom: 0;
}

.employees-item .row {
  align-items: center !important;
}

.employee-photo img {
  margin-bottom: 0 !important;
  border-radius: 0.8vw;
}

.employees-text {
  padding: 2rem;
}

.employees-stacked-side .employees-item {
  padding: 0;
  margin: 0 0 1em;
}

@media (min-width: 992px) {
  .employees-stacked-side .employees-item {
    padding: 2rem;
  }

  .employees-stacked-side .employees-item:last-of-type {
    padding-bottom: 2rem;
  }
}

.font-body-Montserrat .employees .employees-title {
  font-size: 1rem;
  font-weight: 700 !important;
}

.page-our-staff .form {
  padding-top: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0 1rem 1rem;
}

@media (max-width: 400px) {
  .page-our-staff .form {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 1rem;
  }
}

.page-testimonials .form {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0 1rem 1rem;
}

@media (max-width: 400px) {
  .page-testimonials .form {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 1rem;
  }
}

.testimonial-avatar {
  border-radius: 50%;
  width: 58px;
  height: 58px;
  overflow: hidden;
}

.testimonial-avatar img {
  object-fit: cover;
}

.testimonial-avatar .testimonial-avatar-letter {
  font-size: 1.7rem;
  font-family: var(--headerfont);
  text-align: center;
  height: 100%;
  padding-top: 0.55rem;
}

.testimonial-content p:last-of-type {
  margin-bottom: 0;
}

.testimonial-stars i {
  font-size: 1.1rem;
}

.testimonial {
  font-size: 1rem;
  font-style: italic;
  margin: 1rem auto 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 567px) {
  .testimonial {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .page-testimonials .gry-bg {
    background: #fff;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .page-testimonials .gry-bg .container-fluid {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .page-testimonials .crate.roundedcorner.light-bg {
    box-shadow:
      rgb(0 0 0/10%) 0 0 1px,
      rgb(0 0 0/5%) 0 3px 6px,
      rgb(0 0 0/5%) 0 10px 20px;
  }
}

.testimonial-slider-item .crate {
  height: 100%;
}

.testimonial-slider .testimonial-arrow {
  top: 50%;
}

.testimonial-slider .testimonial-arrow-prev {
  left: -1em;
}

.testimonial-slider .testimonial-arrow-next {
  right: -1.1em;
}

.map {
  margin: 0 1rem 1rem;
}

.map-container {
  border-radius: 0.8vw;
  overflow: hidden;
}

.page-contact-us .map-container {
  border-radius: 0 0 0.8vw 0.8vw;
}

.fa-map-marker::before {
  content: "\f3c5";
}

.businessinfo {
  padding-top: 0;
  padding-bottom: 0;
}

.businessinfo-container.container {
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.businessinfo .pe-lg-4 {
  padding: 0 !important;
}

.businessinfo .form-wrap {
  padding: 2rem;
  border-radius: 0.8vw;
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
  width: auto;
  /* margin: 0 1rem */
}

@media (max-width: 350px) {
  .businessinfo .form-wrap,
  .contact-companyinfo,
  .contact-hours {
    padding: 1.5rem 1.2rem !important;
  }
}

.businessinfo .form-forms-header,
.businessinfo .form-sent-message {
  color: var(--color-theme-text-btn);
}

.businessinfo label,
.businessinfo .form-check label,
.businessinfo .webit-forms-text,
.businessinfo .form-text {
  color: var(--color-theme-text-btn);
}

.businessinfo .form-forms-header,
.businessinfo .form-sent-message {
  color: var(--color-theme-text-btn);
}

.contact-companyinfo,
.contact-hours {
  padding: 2rem;
  /* margin: 1rem; */
  background: var(--gry-bg);
  border-radius: 0.8vw;
}

.contact-companyinfo,
.contact-hours {
  margin-bottom: 1rem;
}

.font-header-Montserrat h2.contact-details .contact-details-info {
  text-transform: none;
}

@media (min-width: 992px) {
  .businessinfo .form-wrap {
    /* margin-right: 0 */
  }

  .contact-companyinfo,
  .contact-hours {
    /* margin-left: 0 */
  }

  .contact-companyinfo {
    /* margin-top: 0 */
  }
}

.businessinfo .contact-title {
  font-size: 2rem;
  border-bottom: 0;
}

.businessinfo .contact-title .contact-title-container {
  border-bottom-color: var(--color-theme-primary);
}

.businessinfo
  .contact-title:not(.contact-businessname)
  .contact-title-container {
  border-bottom-color: var(--color-theme-primary);
}

.contact-title .contact-title-container {
  padding-bottom: 0.3rem;
  border-bottom-width: 0.1em;
}

.businessinfo .contact-title.contact-businessname .contact-title-container {
  border-bottom-color: var(--color-theme-primary);
}

.products .filter-heading {
  display: block;
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
}

@media (min-width: 992px) {
  .products .filter-close {
    display: none;
  }
}

.products .filter-heading::before {
  content: "";
  position: absolute;
  height: 3px !important;
  background: var(--color-theme-primary);
  width: 100%;
  display: block;
  left: 0 !important;
  bottom: 0;
  right: 0;
}

.products .filter-heading-title {
  font-size: 1.3em;
}

.products .filter-item-title {
  font-size: 1rem;
  padding: 14px 20px;
  font-family: var(--bodyfont);
}

.products-container.container {
  max-width: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
  width: auto;
}

.products .emer-c1 {
  fill: var(--color-theme-primary);
}

.products .products-item {
  height: 100%;
}

.products .product {
  height: 100%;
  border: 1px solid var(--products-border);
}

.products .product-img-block {
  border-bottom: 1px solid var(--products-border);
}

.products-page-section {
  margin-top: 2rem;
}

.product-remove,
.btn-remove-product {
  color: var(--accent-clr) !important;
}

.products .products-item .product-title {
  font-size: 1.6rem;
  overflow: visible;
  -webkit-line-clamp: initial;
  line-clamp: initial;
  line-height: 1.7rem;
  max-height: 100%;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.products .products-info-row .product-price {
  margin: 20px;
  padding: 1em 0;
  background: var(--gry-bg) !important;
  border-radius: 0.4vw;
  font-family: var(--headerfont);
}

.products .product-price-change,
.products .product-price-currency {
  font-size: 0.8rem;
  margin-top: -0.3em;
}

.shoppingcart-container.container,
.checkout-container.container {
  max-width: 100%;
  min-height: 700px;
  border-radius: 1vw;
  margin-left: 1rem;
  margin-right: 1rem;
  width: auto;
  margin-top: 13rem;
  padding-top: 2rem;
  position: relative;
  padding-bottom: 3rem;
}

.eCommerce.checkout,
.eCommerce.shoppingcart {
  padding-top: 0;
  padding-bottom: 1rem;
}

.eCommerce .title-heading {
  font-size: 3rem;
  font-style: italic;
  background-repeat: no-repeat;
  background-position: center center;
  color: var(--color-theme-background);
  background-color: var(--color-theme-primary);
  border-radius: 0.5rem;
  position: relative;
  display: block;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--color-theme-text-btn);
  border-radius: 0.5rem;
  /* background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/C09F674B8BF6A14449013FF514CC421E.jpg); */
  background-position: center center;
  margin-top: -14.5rem;
  position: absolute;
  left: 0;
  right: 0;
}

.eCommerce .title-heading::after {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.eCommerce .title-heading-container {
  position: relative;
  z-index: 2;
  padding: 3.5rem 4rem 2.5rem;
  display: block;
}

.eCommerce .title-heading-container::after {
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  margin: 0.5rem 0 1.5rem;
  background-color: var(--color-theme-primary);
  z-index: 3;
}

@media (max-width: 991px) {
  .eCommerce .title-heading-container {
    text-align: center;
    padding: 3.5rem 1rem 2.5rem;
  }

  .eCommerce .title-heading-container::after {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 500px) {
  .eCommerce .title-heading {
    font-size: 2rem;
  }

  .shoppingcart-container.container,
  .checkout-container.container {
    margin-top: 12.5rem;
  }

  .eCommerce .title-heading {
    margin-top: -13.5rem;
  }
}

.eCommerce.shoppingcart .shoppingcart-titles.card {
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
}

.checkout .checkout-summary-card .card-title {
  margin-right: -15px;
  margin-left: -15px;
  background: var(--color-theme-secondary);
  padding: 0.7rem;
  color: var(--color-theme-text-btn);
}

.checkout .checkout-summary-card .card-body {
  padding-top: 0;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-group {
  margin-bottom: 1rem;
}

.btn-block {
  width: 100%;
}

.cartempty {
  margin: auto;
}

.eCommerce .emer-c1 {
  fill: var(--color-theme-primary);
}

.quantity-form-group {
  border: 0;
  max-width: 20rem;
}

.quantity-input-group {
  flex-wrap: nowrap;
}

.quantity-input-group .btn {
  border: 0 !important;
  border-radius: 0 !important;
}

.quantity.input-number {
  border: 1px solid #ddd;
}

.product-qty-dropdown {
  margin: auto;
  background-position: 60px 18px !important;
}

.form-select {
  padding: 0.9rem 2.25rem 0.9rem 0.9rem;
  -moz-padding-start: calc(0.9rem - 3px);
  border-radius: 0.4vw;
}

.form-forms-address,
.form-forms-fullName,
.form-grid-row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.star-rating label.star-active .fa,
.star-rating label.star-active ~ label .fa {
  font-weight: 900;
  color: #ddaf0d !important;
}

.star-rating label.star-active:hover ~ label,
.star-rating label.star-active ~ label:hover,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #ddaf0d !important;
}

.form-control {
  border-radius: 0.2vw;
}

.help-block {
  background-color: transparent;
  color: #c5060d;
}

.help-block::before {
  color: #c5060d;
}

.businessinfo .help-block,
.validation-message {
  color: #f48185;
}

.businessinfo .help-block::before {
  color: #f48185;
}

.dropzone .btn {
  margin-right: 0.4rem;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  background: 0 0 !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
}

.bootstrap-select button.btn.dropdown-toggle.form-control {
  font-style: normal;
  text-transform: none;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
}

.modal-header {
  background: var(--color-theme-primary) !important;
  color: var(--color-theme-text-btn) !important;
  padding: 1rem !important;
}

.products-modal-preview .modal-header {
  padding: 0 !important;
}

.modal-content {
  background: var(--gry-bg);
  color: var(--color-theme-text);
  border-color: var(--color-theme-primary) !important;
}

.modal-title {
  color: var(--color-theme-text-btn) !important;
}

.modal-header .btn-close {
  color: inherit !important;
  opacity: 1;
  margin-right: 0.3rem;
}

.inventorydetails .modal .modal-header .close {
  color: inherit;
}

.modal-header .btn-close:not(.btn-close-white) {
  filter: invert(1);
  /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTS4yOTMuMjkzYTEgMSAwIDAxMS40MTQgMEw4IDYuNTg2IDE0LjI5My4yOTNhMSAxIDAgMTExLjQxNCAxLjQxNEw5LjQxNCA4bDYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0IDEuNDE0TDggOS40MTRsLTYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0LTEuNDE0TDYuNTg2IDggLjI5MyAxLjcwN2ExIDEgMCAwMTAtMS40MTR6Jy8+PC9zdmc+) */
}

.btn-close-white {
  /* filter: invert(0) grayscale(100%) brightness(200%) */
}

.modal-header .btn-close:hover,
.modal-header .btn-close:focus,
.modal-header .btn-close:active {
  color: var(--color-theme-text-btn) !important;
  opacity: 0.7;
}

#contactDealerFormModal .control-label.required.d-none,
#contactDealerFormModal .control-label.d-none {
  display: block !important;
}

#contactDealerFormModal .form-control::-moz-placeholder {
  color: #fff;
}

#contactDealerFormModal .form-control:-ms-input-placeholder {
  color: #fff;
}

#contactDealerFormModal .form-control::-webkit-input-placeholder {
  color: #fff;
}

/* -------------------- FIXes ---------------------- */
@media (max-width: 991px) {
  body .inventory .srp-sidebar {
    /* Should help keep search results page in front of navbar.*/
    /* likely also need to reduce highest navbar/other elements z-index to around 1030-1039 */
    z-index: 1040;
  }
}

/* -------------------- inventory and VDP width fixes ---------------------- */
.inventory .inventory-container > .row {
  /* Fix for inventory row expanding beyond site width */
  margin-left: 0;
  margin-right: 0;
}

/* Fix VDP width Updated from old code in previous fix*/
.inventorydetails .vdp__container .columns > .row {
  margin-left: 0;
  margin-right: 0;
}

/* -------------------- Sticky nav fixes/changes ---------------------- */

/* Sets sticky top offset and appropriate z-index */
.page-inventory-details .builder-canvas__sticky-container {
  z-index: 1029;
}

/* Hide pre-header on mobile on VDP. Adjust class name to whatever is appropriate */
@media (max-width: 991px) {
  .page-inventory-details .cw-header-info {
    display: none;
  }
}

/* -------------------- Loan calc wrap ---------------------- */
.inventorydetails .loan__calc__content .btn-group {
  flex-wrap: wrap;
}
.page-cars-for-sale .inventory .flex-card-item .inventory-title {
  color: #fff !important;
}
