@import 'https://fonts.googleapis.com/css2?family=Commissioner:wght@400;700;800&family=Titillium+Web:wght@400;700&display=swap';

:root {
    --headfont: 'Commissioner', sans-serif;
    --bodyfont: 'Titillium Web', sans-serif;
    --inventoryslideshow-arrows: var(--color-theme-primary) !important;
}

body {
    font-family: var(--bodyfont)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--headfont)
}

p {
    font-family: var(--bodyfont)
}

.container {
    max-width: 1500px
}

.btn-primary:hover,
.btn-primary:hover:focus,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-secondary:hover,
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    /* color: #000 !important */
}

:root {
    --cw-headerHeight: 109px
}

section[class*=page-]:not(.page-inventory-details) {
    margin-top: var(--cw-headerHeight)
}

section:not(.page-inventory-details) .header .header-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: var(--header-background)
}

.header .navbar.bg-primary {
    background: unset !important;
    transition: background-color .5s ease
}

.navbar .container {
    padding-top: 10px;
    padding-bottom: 10px
}


.navbar .badge,
.navbar .nav-link-cart .badge {
    background: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    min-width: 1.5rem;
    padding: 5px 4px;
    border: 1px solid currentColor;
}

@media (max-width: 992px) {
    .page-cart .header .active .cart-count {
        background: var(--color-theme-primary);
    }
}


.header .navbar :focus {
    box-shadow: none !important
}

.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
    background-color: transparent
}

.header .nav-link-cart,
.header .navbar .nav-link {
    font-weight: 400
}

.header .navbar.cw-scrolled {
    /*     background: var(--color-theme-secondary) !important; */
    transition: .5s ease;
    opacity: .95;
    color: var(--color-theme-text-btn) !important;
    z-index: 1042
}

.header .navbar.cw-scrolled .navbar-nav .nav-link,
.header .navbar.cw-scrolled .navbar-cart .nav-link-cart i {
    /*     color: var(--color-theme-text-btn) */
}

.header .navbar.cw-scrolled .toggle .icon-bar {
    background-color: var(--color-theme-text-btn)
}

.header-container .cw-header-top {
    background: var(--color-theme-primary)
}

.cw-header-top .cw-pipe {
    padding: 0 10px
}

.cw-header-top {
    color: var(--color-theme-text-btn);
    padding: 10px 0;
    font-size: 14px
}

.cw-header-top a {
    color: var(--color-theme-text-btn)
}

.header .navbar .collapse.show {
    max-height: 80vh
}

.header .navbar-nav>.dropdown .dropdown-menu {
    min-width: 250px;
    padding: 1em;
    background: var(--color-theme-background);
    -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.2));
    max-height: 80vh;
    overflow-y: auto
}

.header .dropdown-item,
.header .nav-link,
.header .navbar-brand,
.header .navbar-dark .navbar-nav .nav-link {
    color: var(--header-text)
}

.header .toggle .icon-bar {
    background-color: var(--header-text)
}

.header .navbar .dropdown-menu .dropdown-item {
    color: var(--color-theme-text);
    font-weight: 400
}

.header .submenu {
    position: inherit !important;
    display: none
}

.header .submenu:hover {
    display: block
}

.header .navbar .dropdown-menu.submenu {
    -webkit-filter: unset;
    filter: unset;
    background: rgba(180, 180, 180, .3);
    padding: 0 1em;
    min-width: calc(250px - 2em)
}

.header .dropdown-menu li {
    position: static
}

.header .navbar-brand {
    min-height: auto;
    font-size: 0;
    content: '';
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 208px;
    height: 44px;
    display: block;
}

.header .navbar.cw-scrolled .navbar-brand {
    /*     background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=320,w=480/6B87722656D1EA646FE1ED9E75881AC6.png); */
}

@media(max-width:991px) {
    .navbar .container {
        padding: 10px
    }

    .header .navbar-nav,
    .header .navbar-nav .dropdown-menu {
        text-align: center
    }

    .header .navbar .nav-link:not(.nav-link-cart),
    .header .dropdown-menu .dropdown-item {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .cw-translate-btn {
        position: relative;
        left: 10px;
    }

    .cw-translate-widget.show {
        position: relative;
        left: 10px;
    }
}

@media(min-width:992px) {
    .header .navbar-brand {
        display: inline-block !important;
        order: 1;
        width: 180px;
        height: 80px;
    }

    .header .dropdown-menu[data-bs-popper] {
        left: unset;
        right: 0
    }

    .navbar-collapse {
        flex-grow: initial
    }

    .page-home .header .header-container {
        box-shadow: none;
        background: 0 0
    }

    .header .nav-link-cart,
    .header .navbar .nav-link {
        line-height: 20px;
        font-size: 14px
    }

    .header .navbar .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        margin-left: 15px;
        margin-right: 15px
    }

    .header .navbar .navbar-nav {
        justify-content: center;
        align-items: center
    }

    .header #navbarDropdown-makemodel-inventory-links:not(.nav-link-cart) {
        margin-right: 0;
        background: var(--color-theme-highlight);
        color: var(--color-theme-text-btn);
        color: #fff;
        border-radius: 5px;
        padding: 1em 1.5em;
        margin-left: 5px;
        margin-right: 5px
    }
}

@media (min-width: 1400px) {
    .cw-translate-btn {
        left: 20px;
    }

    .cw-translate-widget.show {
        left: 20px;
    }
}

header.header+section>.cw-hero-section {
    margin-top: calc(-1 * var(--cw-headerHeight));
    padding-top: var(--cw-headerHeight)
}

.cw-hero-section {
    position: relative;
    z-index: 1;
    background: var(--color-theme-background);
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/C1C2BA1EEAEEE23D58FB5F6FFA4607B2.png"), linear-gradient(180deg, var(--color-theme-background) 0%, var(--color-theme-background) 100%);
    background-size: cover;
    background-repeat: no-repeat
}

.cw-hero-section .cw-hero-wrapper {
    width: 100%;
    padding: 70px 0 0;
    color: var(--color-theme-text);
    overflow: hidden
}

.cw-hero-section .cw-hero-row {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.cw-hero-section .cw-hero-search-bg {
    background: var(--color-theme-highlight);
    height: 625px;
    width: 400px;
    border-radius: 10px 10px 0 0;
    position: relative
}

.cw-hero-section .cw-hero-search-bg .cw-hero-shape {
    position: absolute;
    right: 5px;
    top: 46px
}

.cw-hero-section .cw-hero-search-bg svg.cw-hero-shape {
    position: absolute;
    right: 0;
    top: 45px;
    width: 520px
}

@media (min-width: 1200px) {

    .cw-hero-section h1,
    .cw-hero-section p {
        padding-right: 60px;
    }
}

/* .page-home .inventory-search-module .container {
	position: relative
}

.page-home .inventory-search-module .container .form__wrapper label {
	display: none
}

.page-home .inventory-search-module .container .form__wrapper .search__input--min-year {
	width: 45%
}

.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
	width: 45%;
	position: absolute;
	top: 152px;
	right: 20px
}

@media(max-width:1200px) {
	.page-home .inventory-search-module .container .form__wrapper {
		max-width: unset;
		position: unset;
		width: unset;
		transform: unset;
		flex-direction: row !important
	}

	.page-home .inventory-search-module .container .form__wrapper .search__input--min-year {
		width: unset
	}

	.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
		width: unset;
		position: unset
	}
}

@media(min-width:576px) {
	.page-home .inventory-search-module .container .form__wrapper {
		flex-direction: row !important
	}
}

@media(min-width:1200px) {
	.page-home .inventory-search-module.my-4 {
		margin: 0 !important
	}

	.page-home .inventory-search-module .container .form__wrapper {
		flex-direction: column !important;
		align-items: stretch !important;
		max-width: 350px;
		position: absolute;
		z-index: 5;
		right: 100px;
		width: 350px;
		background: var(--color-theme-secondary);
		transform: translateY(-580px);
		border: none
	}
} */
/* hide search labels */
.page-home .inventory-search-module .container .form__wrapper label {
    display: none;
}

/*  Homepage - Search Module */
.page-home .inventory-search-module {
    margin: 0 !important;
    padding: 1.5rem 0;
    background-color: var(--color-theme-background);
}

.page-home .inventory-search-module .container {
    position: relative;
}

.page-home .inventory-search-module .container .form__wrapper {
    padding: 0;
    border: 0;
}

/* 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) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .page-home .inventory-search-module {
        margin: 0 !important;
        padding: 0;
        background-color: transparent;
    }

    /* .page-home .inventory-search-module .search__input {
		min-width: 40%;
		flex-basis: 45%;
		flex-grow: 1;
	}

	.page-home .inventory-search-module .container .form__wrapper .search__input--min-year,
	.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
		min-width: 45%;
		flex-basis: 45%;
	} */
    /* .cw-search-hero .cw-heroContent {
		max-width: clamp(200px, 50%, 600px);
		margin-left: 5px;
		margin-right: auto;
	} */
    /* order positioning of the html, before re-ordering with css
		  0. .search__input--classification
		  1. .search__input-make
		  2. .search__input--model
		  3. .search__input--min-year
		  4. .search__input--max-year
		  5. .search__input--max-price
		  6. .search__input--max-mileage
		  7. (button. no specific class) :last-of-type
	  */
    .page-home .inventory-search-module .container .form__wrapper {

        position: absolute;
        z-index: 5;
        max-width: 50%;
        padding: 20px;
        display: flex !important;
        flex-flow: row wrap !important;
        align-items: unset !important;
        border: none;
        gap: 1rem;

        background: var(--color-theme-secondary);
        right: 100px;
        top: -580px;
        width: 350px;
        max-width: calc(50% - 100px);

        /* wide settings */
        /* flex-flow: column wrap !important; */
        /* right: 100px;
		top: -460px;
		width: 600px; */
    }

    .page-home .inventory-search-module .search__input {
        flex-grow: 1;
        min-width: 80%;
        flex-basis: 85%;
        /* wide settings */
        /* min-width: 40%;
		flex-basis: 45%; */
    }

    .page-home .inventory-search-module .container .form__wrapper .search__input--min-year,
    .page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
        min-width: 40%;
        flex-basis: 40%;
        /* wide settings */
        /* min-width: 20%;
		flex-basis: 20%; */
    }

    /* If setting up the wide version instead of tall, you can change flex direction to column and use these orders. */
    /* .page-home .inventory-search-module .search__input.search__input--classification {
		order: 0;
	}

	.page-home .inventory-search-module .search__input.search__input-make {
		order: 1;
	}

	.page-home .inventory-search-module .search__input.search__input--model {
		order: 3;
	}

	.page-home .inventory-search-module .search__input.search__input--min-year {
		order: 5;
	}

	.page-home .inventory-search-module .search__input.search__input--max-year {
		order: 6;
	}

	.page-home .inventory-search-module .search__input.search__input--max-price {
		order: 2;
	}

	.page-home .inventory-search-module .search__input.search__input--max-mileage {
		order: 6;
	}

	.page-home .inventory-search-module .search__input:last-of-type {
		order: 7;
	} */
}

/* -------------------- SECTIONTITLE ---------------------- */
.cw-hero-h1 .cw-preline {
    font-size: 1rem;
    position: relative;
    color: var(--color-theme-primary);
    margin-bottom: 0;
    font-family: var(--bodyfont);
    font-weight: 400;
    margin-bottom: 5px;
    display: block
}

.cw-hero-h1 .cw-headline {
    font-size: 2rem;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 15px;
    font-family: commissioner, sans-serif;
    text-transform: uppercase;
    color: var(--color-theme-text);
    display: block
}

.cw-hero-h1 .cw-subheadline {
    font-size: 1.5rem;
    display: block;
    text-transform: uppercase
}

@media(min-width:350px) {
    .cw-hero-h1 .cw-headline {
        font-size: 2.5rem
    }

    .cw-hero-h1 .cw-preline {
        font-size: 1.5rem
    }
}

@media(min-width:576px) {
    .cw-hero-h1 .cw-headline {
        font-size: 3rem
    }
}

@media(min-width:768px) {
    .cw-hero-h1 .cw-headline {
        font-size: 4rem
    }

    .cw-hero-h1 .cw-subheadline {
        font-size: 2.5rem
    }

    .cw-hero-h1 .cw-preline {
        font-size: 2rem
    }
}

@media(min-width:992px) {
    .cw-hero-h1 .cw-headline {
        font-size: 5rem
    }
}

.btn {
    font-weight: 400 !important
}

.page-link {
    display: inline-block;
    font-size: .9em;
    margin-left: 3px;
    margin-right: 3px;
    background-color: transparent;
    position: relative;
    z-index: 1;
    transition: all .2s ease;
    box-shadow: 0 0 0 0 transparent
}

.page-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: all .3s ease
}

.page-link:hover::before,
.page-item.active .page-link::before {
    right: 0
}

.page-link:focus::before {
    right: 0
}

.page-link,
.page-link:focus,
.page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent
}

.page-link:hover {
    background-color: transparent
}

.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-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(--headfont)
}

.font-header,
.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 .products .filter-item-title,
.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-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(--headfont)
}

@media(min-width:1500px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1500px
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-y: 0;
    width: 100%
}

.section__title__preline {
    font-size: 1.5rem;
    position: relative;
    color: var(--color-theme-text);
    margin-bottom: 0;
    font-family: var(--bodyfont);
    font-weight: 400;
    margin-bottom: 5px
}

/* .section__title__preline::before {
	content: "";
	background-repeat: no-repeat;
	width: 80px;
	height: 8px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -20px;
	z-index: 1;
	background-size: 80px 8px
} */
.section__title__headline {
    font-size: 3rem;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 15px;
    font-family: var(--headfont);
    text-transform: uppercase
}

.section__title__copy {
    font-size: 1em
}

.section__title__hero .hero__h1 .section__title__preline {
    font-size: 2rem;
    font-weight: 400
}

.section__title__hero .hero__h1 .section__title__headline {
    font-size: 5rem
}

.section__title__hero .hero__h1 .section__title__subheadline {
    font-size: 2.5rem
}

.section__title__default .section__title__preline {
    color: var(--color-theme-primary)
}

/* .section__title__default .section__title__preline::before {
	content: "";
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/302D98B2EFAAD2B99676EE74F5E71D33.png")
} */
.section__title__default .section__title__headline,
.section__title__default .section__color__copy {
    color: var(--color-theme-text)
}

.section__title__light .section__title__preline {
    color: var(--color-theme-text-btn)
}

/* .section__title__light .section__title__preline::before {
	content: "";
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/8EF17278322716ABB71E6215429E822E.png")
} */
.section__title__light .section__title__headline,
.section__title__light .section__color__copy {
    color: var(--color-theme-text)
}

.section__title__medium .section__title__preline {
    color: var(--color-theme-text-btn)
}

/* .section__title__medium .section__title__preline::before {
	content: "";
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/302D98B2EFAAD2B99676EE74F5E71D33.png")
} */
.section__title__medium .section__title__headline,
.section__title__medium .section__color__copy {
    color: var(--color-theme-text)
}

.section__title__dark .section__title__preline {
    color: var(--color-theme-text-btn)
}

/* .section__title__dark .section__title__preline::before {
	content: "";
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/8EF17278322716ABB71E6215429E822E.png")
} */
.section__title__dark .section__title__headline,
.section__title__dark .section__color__copy {
    color: var(--color-theme-text-btn)
}

.section__title__default.text-center .section__title__preline::before,
.section__title__light.text-center .section__title__preline::before,
.section__title__medium.text-center .section__title__preline::before,
.section__title__dark.text-center .section__title__preline::before {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

@media(max-width:768px) {
    .section__title__headline {
        font-size: 2rem
    }

    .section__title__preline {
        font-size: 1.25rem
    }

    .section__title__hero .hero__h1 .section__title__headline {
        font-size: 3rem
    }

    .section__title__hero .hero__h1 .section__title__subheadline {
        font-size: 1.5rem
    }

    .section__title__subheadline {
        font-size: 1.5rem
    }

    .section__title__hero .hero__h1 .section__title__preline {
        font-size: 1.5rem
    }
}

@media(max-width:576px) {
    .section__title__hero .hero__h1 .section__title__headline {
        font-size: 2.5rem
    }
}

@media(max-width:320px) {
    .section__title__headline {
        font-size: 1.25rem
    }

    .section__title__preline {
        font-size: 1rem
    }

    .section__title__hero .hero__h1 .section__title__headline {
        font-size: 2rem
    }

    .section__title__hero .hero__h1 .section__title__preline {
        font-size: 1rem
    }
}

.cw-title-bg {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0;
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/33600396D1E74C9A2CF4C2793E73AE3D.jpg")
}

.cw-title-bg .cw-preline {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    position: relative;
    color: var(--color-theme-text);
    font-family: var(--bodyfont);
    margin-bottom: 5px;
    color: var(--color-theme-text-btn);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}

.cw-title-bg .cw-headline {
    font-size: 1.4rem;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 15px;
    font-family: var(--headfont);
    text-transform: uppercase;
    color: var(--color-theme-text);
    display: block
}

@media(min-width:350px) {
    .cw-title-bg .cw-preline {
        font-size: 1.4rem
    }

    .cw-title-bg .cw-headline {
        font-size: 2.2rem
    }
}

@media(min-width:768px) {
    .cw-title-bg .cw-preline {
        font-size: 1.5rem
    }

    .cw-title-bg .cw-headline {
        font-size: 3rem
    }
}

.cw-squiggle-light,
.cw-squiggle-dark {
    --cw-squig-size: 9px;
}

.cw-squiggle-light:before,
.cw-squiggle-dark:before {
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -20px;
    z-index: 1;
    background-position: center;
    background-size: 80px 8px;
    background-size: calc(var(--cw-squig-size) * 10) var(--cw-squig-size);
    width: 80px;
    width: calc(var(--cw-squig-size) * 10);
    height: 8px;
    height: var(--cw-squig-size);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNjAgMTYnPjxwYXRoIGQ9J00xNTguMDcgMy4zNGMuNzcgMCAxLjQxLS43IDEuNDMtMS42My0uMDItLjkxLS42Ni0xLjYzLTEuNDMtMS42Mi02LjI4LjM5LTkuNzIgMy43MS0xMi43OSA2LjY3LTMuMyAzLjE5LTYuMTUgNS45NC0xMi4xOCA1Ljk0LTYuMDIgMC04Ljg4LTIuNzYtMTIuMTgtNS45NC0zLjI2LTMuMTUtNi45Ni02LjcyLTE0LjA1LTYuNzJoLS4wMWMtNy4xIDAtMTAuNzkgMy41Ny0xNC4wNSA2LjcyLTMuMTYgMy4wNS02LjE1IDUuOTQtMTIuMTkgNS45NC0uNzUgMC0xLjQ0LS4wNC0yLjEtLjEyLTQuNjMtLjU4LTcuMTgtMy4wNC0xMC4wNy01LjgyQzY1LjE5IDMuNiA2MS40OS4wNCA1NC40LjA0aC0uMDJDNDcuMy4wNSA0My42MiAzLjYxIDQwLjM2IDYuNzZjLTMuMTcgMy4wNS02LjE2IDUuOTQtMTIuMiA1Ljk0cy04Ljg4LTIuNzYtMTIuMTgtNS45NEMxMi43MiAzLjYgOS4wMi4wNCAxLjkzLjA0IDEuMTYuMDMuNTIuNzUuNSAxLjY3Yy4wMi45Mi42NiAxLjY1IDEuNDMgMS42MyA2LjA0IDAgOS4wMyAyLjg5IDEyLjIgNS45NCAzLjI1IDMuMTUgNi45NCA2LjcxIDE0LjA0IDYuNzFTMzguOTUgMTIuNCA0Mi4yIDkuMjRjMy4zLTMuMTggNi4xNS01LjkzIDEyLjE2LTUuOTRoLjAyYzYuMDMgMCA5LjAyIDIuODggMTIuMTkgNS45NCAzLjI1IDMuMTQgNi45NSA2LjcxIDE0LjA0IDYuNzFoLjAxYzcuMSAwIDEwLjc5LTMuNTYgMTQuMDUtNi43MSAzLjMtMy4xOSA2LjE1LTUuOTQgMTIuMTgtNS45NCA2LjAzIDAgOS4wMiAyLjg5IDEyLjE4IDUuOTQgMy4yNiAzLjE0IDYuOTYgNi43MSAxNC4wNSA2LjcxaC4xNmM2Ljk4LS4wNiAxMC42NS0zLjU5IDEzLjg4LTYuNzEgMy4wOC0yLjk2IDUuNzYtNS41NSAxMC45Ni01LjloLS4wMlonLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNjAgMTYnPjxwYXRoIGQ9J00xNTguMDcgMy4zNGMuNzcgMCAxLjQxLS43IDEuNDMtMS42My0uMDItLjkxLS42Ni0xLjYzLTEuNDMtMS42Mi02LjI4LjM5LTkuNzIgMy43MS0xMi43OSA2LjY3LTMuMyAzLjE5LTYuMTUgNS45NC0xMi4xOCA1Ljk0LTYuMDIgMC04Ljg4LTIuNzYtMTIuMTgtNS45NC0zLjI2LTMuMTUtNi45Ni02LjcyLTE0LjA1LTYuNzJoLS4wMWMtNy4xIDAtMTAuNzkgMy41Ny0xNC4wNSA2LjcyLTMuMTYgMy4wNS02LjE1IDUuOTQtMTIuMTkgNS45NC0uNzUgMC0xLjQ0LS4wNC0yLjEtLjEyLTQuNjMtLjU4LTcuMTgtMy4wNC0xMC4wNy01LjgyQzY1LjE5IDMuNiA2MS40OS4wNCA1NC40LjA0aC0uMDJDNDcuMy4wNSA0My42MiAzLjYxIDQwLjM2IDYuNzZjLTMuMTcgMy4wNS02LjE2IDUuOTQtMTIuMiA1Ljk0cy04Ljg4LTIuNzYtMTIuMTgtNS45NEMxMi43MiAzLjYgOS4wMi4wNCAxLjkzLjA0IDEuMTYuMDMuNTIuNzUuNSAxLjY3Yy4wMi45Mi42NiAxLjY1IDEuNDMgMS42MyA2LjA0IDAgOS4wMyAyLjg5IDEyLjIgNS45NCAzLjI1IDMuMTUgNi45NCA2LjcxIDE0LjA0IDYuNzFTMzguOTUgMTIuNCA0Mi4yIDkuMjRjMy4zLTMuMTggNi4xNS01LjkzIDEyLjE2LTUuOTRoLjAyYzYuMDMgMCA5LjAyIDIuODggMTIuMTkgNS45NCAzLjI1IDMuMTQgNi45NSA2LjcxIDE0LjA0IDYuNzFoLjAxYzcuMSAwIDEwLjc5LTMuNTYgMTQuMDUtNi43MSAzLjMtMy4xOSA2LjE1LTUuOTQgMTIuMTgtNS45NCA2LjAzIDAgOS4wMiAyLjg5IDEyLjE4IDUuOTQgMy4yNiAzLjE0IDYuOTYgNi43MSAxNC4wNSA2LjcxaC4xNmM2Ljk4LS4wNiAxMC42NS0zLjU5IDEzLjg4LTYuNzEgMy4wOC0yLjk2IDUuNzYtNS41NSAxMC45Ni01LjloLS4wMlonLz48L3N2Zz4=)
}

.cw-squiggle-light:before {
    background-color: var(--color-theme-highlight)
}

.cw-squiggle-dark:before {
    background-color: var(--color-theme-secondary)
}

/* cw-squiggle-dark cw-squig-center */
.cw-squig-center.cw-squiggle-light:before,
.cw-squig-center.cw-squiggle-dark:before {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.cw-bodystyle-section {
    -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    position: relative;
    z-index: 3
}

.cw-bodystyle-section .cw-bodystyle-wrapper {
    background: var(--color-theme-primary);
    background: linear-gradient(220deg, rgba(60, 60, 60, 0.3) 0%, rgba(60, 60, 60, 0.02) 100%), var(--color-theme-primary);
    --mask-variable: radial-gradient(105.15px at 50% calc(100% - 142.5px), #000 99%, #0000 101%) calc(50% - 100px) 0/200px 100%, radial-gradient(105.15px at 50% calc(100% + 92.50px), #0000 99%, #000 101%) 50% calc(100% - 50px)/200px 100% repeat-x;
    -webkit-mask: var(--mask-variable);
    mask: var(--mask-variable);
    color: var(--color-theme-text-btn);
    border-radius: 50px 50px 0 0;
    padding: 100px 0;
    min-height: 430px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.cw-bodystyle-section a {
    color: inherit
}

.cw-bodystyle-section a:not(.btn):hover {
    color: var(--color-theme-highlight)
}

.cw-bodystyle-section .cw-preline {
    font-size: 1rem;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    font-size: 1rem
}

.cw-bodystyle-section .cw-headline {
    font-size: 1.25rem;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 15px;
    text-transform: uppercase
}

.cw-bodystyle-section .cw-style-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch
}

.cw-bodystyle-section .cw-style-row .cw-style-box {
    text-align: center;
    padding: 1rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between
}

.cw-bodystyle-section .cw-style-box img.img-fluid {
    width: 300px
}

.cw-bodystyle-section .cw-style-box a.btn {
    margin-top: .5rem;
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

@media(min-width:320px) {
    .cw-bodystyle-section .cw-headline {
        font-size: 2rem
    }

    .cw-bodystyle-section .cw-preline {
        font-size: 1.25rem
    }
}

@media(min-width:576px) {
    .cw-bodystyle-section .cw-style-row .cw-style-box {
        flex-basis: 32%;
        flex-grow: 1;
        max-width: 50%
    }
}

@media(min-width:768px) {
    .cw-bodystyle-section .cw-preline {
        font-size: 1.5rem
    }

    .cw-bodystyle-section .cw-headline {
        font-size: 3rem
    }
}

.cw-spotlight-section .cw-preline,
.cw-financing-section .cw-preline,
.cw-testimonial-section .cw-preline {
    font-size: 1.5rem;
    position: relative;
    color: var(--color-theme-text);
    margin-bottom: 0;
    font-family: var(--bodyfont);
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    color: var(--color-theme-primary)
}

.cw-spotlight-section .cw-headline,
.cw-financing-section .cw-headline,
.cw-testimonial-section .cw-headline {
    font-size: 3rem;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 15px;
    font-family: var(--headfont);
    text-transform: uppercase;
    display: block;
    color: var(--color-theme-text)
}

.cw-spotlight-section {
    --cw-clip-size: 50px;
    position: relative;
    z-index: 5;
    background: var(--color-theme-background);
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/859FCB6761FBE4586E6CA3F5B81978E7.png"), linear-gradient(220deg, rgba(140, 140, 140, 0.5) 0%, rgba(140, 140, 140, 0.1) 100%);
    background-position: right calc(100% - var(--cw-clip-size)), center;
    background-size: 90vw, cover;
    background-repeat: no-repeat;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cw-clip-size)), 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cw-clip-size)), 0% 100%);
    margin-top: 100px;
    margin-bottom: 3rem;
    width: 100%;
    padding-top: 100px;
    padding-bottom: calc(60vw + var(--cw-clip-size));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-theme-text);
    overflow: hidden
}

.cw-spotlight-section .cw-spotlight-row {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center
}

.cw-spotlight-section .cw-spotlight-link {
    display: inline-block;
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn);
    padding: 10px 20px;
    font-size: 1.5em;
    border-radius: 10px 0 10px 10px
}

.cw-spotlight-section .cw-spotlight-link:hover {
    background: var(--color-theme-primary)
}

@media(min-width:768px) {
    .cw-spotlight-section {
        background-position: right 48%, center;
        background-size: clamp(300px, 50vw, 950px), cover;
        padding-bottom: var(--cw-clip-size)
    }
}

@media(min-width:1200px) {
    .cw-spotlight-section {
        padding-bottom: calc(50px + var(--cw-clip-size))
    }
}

.cw-financing-section {
    margin-top: -100px;
    margin-bottom: 100px;
    position: relative;
    z-index: 6;
    overflow-x: clip
}

.cw-financing-section .cw-phone-image {
    width: 270px
}

.cw-financing-section .cw-bottom-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.cw-financing-section .cw-bottom-shape svg {
    color: var(--color-theme-border);
    color: var(--color-theme-highlight);
    color: var(--color-theme-background);
    width: 320px;
    margin-right: -100px
}

.cw-financing-section .cw-item-wrapper {
    margin-bottom: 40px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem
}

.cw-financing-section .cw-item-wrapper .cw-item-icon {
    padding: 10px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50px;
    background-color: var(--color-theme-primary);
    outline: 2px solid var(--color-theme-primary);
    outline-offset: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cw-financing-section .cw-item-wrapper .cw-item-icon i {
    font-size: 30px;
    color: var(--color-theme-text-btn)
}

.cw-financing-section .cw-item-wrapper .cw-item-icon img {
    max-width: 44px;
    max-height: 44px
}

.cw-financing-section .cw-item-wrapper .cw-item-headline {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
    font-family: var(--headfont);
    text-transform: uppercase;
    color: var(--color-theme-text)
}

.cw-financing-section .cw-item-wrapper .cw-item-headline span {
    color: var(--color-theme-primary)
}

@media(max-width:1200px) {
    .cw-financing-section {
        margin-top: 80px
    }
}

@media(max-width:768px) {
    .cw-financing-section .cw-bottom-shape {
        max-width: 300px
    }
}

@media(min-width:350px) {

    .cw-spotlight-section .cw-headline,
    .cw-financing-section .cw-headline,
    .cw-testimonial-section .cw-headline {
        font-size: 2rem
    }

    .cw-spotlight-section .cw-preline,
    .cw-testimonial-section .cw-preline {
        font-size: 1.25rem
    }
}

@media(min-width:768px) {

    .cw-spotlight-section .cw-headline,
    .cw-testimonial-section .cw-headline {
        font-size: 3rem
    }

    .cw-spotlight-section .cw-preline,
    .cw-testimonial-section .cw-preline {
        font-size: 1.5rem
    }
}

@media(max-width:768px) {
    .cw-financing-section .cw-preline {
        font-size: 1.25rem
    }
}

@media(max-width:320px) {
    .cw-financing-section .cw-headline {
        font-size: 1.25rem
    }

    .cw-financing-section .cw-preline {
        font-size: 1rem
    }
}

.cw-testimonial-section {
    position: relative;
    margin-top: 80px;
    z-index: 500
}

.cw-testimonial-section .cw-testimonial-item {
    border-radius: 25px;
    padding: 25px;
    background: var(--color-theme-highlight);
    background: linear-gradient(220deg, rgba(180, 180, 180, 0.4) 0%, rgba(180, 180, 180, 0.05) 100%), var(--color-theme-highlight);
    -webkit-clip-path: polygon(calc(100% - 40px) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(calc(100% - 40px) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    margin-bottom: 20px
}

.cw-testimonial-section .cw-testimonial-item .cw-test-name {
    font-size: 1.25em;
    font-weight: 700;
    font-family: var(--bodyfont)
}

.cw-testimonial-section .cw-testimonial-item .cw-title {
    font-size: 1.5em;
    font-weight: 700;
    font-family: var(--headfont);
    text-transform: uppercase
}

.cw-testimonial-section .cw-testimonial-item i {
    padding-right: 2px;
    color: #ffc109
}

.cw-testimonial-half-bg {
    margin-top: -150px;
    display: block;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-color: var(--color-theme-primary);
    padding: 150px 0;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, .2);
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/56D767A2B215B3295B7441A116FF23A2.jpg")
}

@media(min-width:576px) {
    .cw-testimonial-section .cw-testimonial-item {
        padding: 50px
    }
}

.bootstrap-select {
    padding: 0 !important;
    background: 0 0;
    border: none
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.inventory-container {
    max-width: 1500px;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.flex-card-item {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    margin-top: var(--bs-gutter-y)
}

.p-veh-card .card-top-img a {
    display: block;
}

.inventory .carousel-indicators {
    background-color: var(--inventory-background);
    bottom: 0px;
    margin-bottom: 0px;
}

.inventory .carousel-indicators [data-bs-target] {
    background-color: var(--color-theme-text)
}

.inventory-container .col-xl-10 {
    width: 100%
}

.inventory-cta .btn:hover {
    color: unset !important;
    background-color: var(--inventory-theme-highlight) !important
}

.srp-sidebar .card-title {
    margin-bottom: 0
}

@media(max-width:991px) {
    .inventory .srp-sidebar .close-filter {
        color: var(--color-theme-text-btn) !important
    }

    .inventory .srp-sidebar {
        z-index: 1040
    }
}

.inventory .srp-sidebar .card-header .card-title {
    color: var(--color-theme-text-btn)
}

.inventory .btn-link.btn-clear-filter {
    color: var(--color-theme-text-btn)
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value {
    font-weight: 700 !important;
    font-size: 1.25em !important
}


.inventory-seo-content {
    margin-top: 20px
}

.popular-vehicle-link {
    color: var(--primary-dark-txt)
}

.inventory .srp-sidebar .card-header::before {
    content: none !important
}

.popular-vehicle-link:first-line {
    font-weight: 700
}

.popular-vehicles-section-panel [class*=col-] {
    margin-bottom: 20px !important
}

/* .page-inventory-details {
	margin-top: 150px
} */
.vdp__photoGrid.photo__grid2 .photo__item {
    border-radius: 10px
}

.vdp-module-canvas-razor-wrapper .btn-secondary,
.vdp-module-canvas-razor-wrapper .btn-secondary:focus {
    background-color: var(--color-theme-secondary);
    color: var(--color-theme-text-btn);
    border-color: var(--color-theme-secondary)
}

.inventory .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.inventory .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
.inventory .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
.inventory .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
.inventory .vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
    background-color: var(--color-theme-secondary);
    color: var(--color-theme-text-btn);
    border-color: var(--color-theme-secondary)
}

.inventory .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
    background: var(--color-theme-highlight)
}

.vdp-module-canvas-razor-wrapper .btn {
    padding: 10px 15px
}

.vdp__message__mod {
    margin-top: unset !important
}

.shadow__wrapper {
    -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

.featured__inv__section {
    position: relative;
    padding-top: 50px
}

.featured__inv__section .featured__inv__shape {
    overflow-x: clip;
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    z-index: 1
}

.featured__inv__section .featured__inv__shape svg {
    margin-top: -50px;
    margin-left: 140px;
    width: 250px
}

.featured__inv__section .section__title__default {
    margin-bottom: 50px
}

.featured__inv__section .section__title__default.featured__inv__slideshow {
    margin-bottom: 10px
}

@media(min-width:768px) {

    .featured__inv__section .featured__inv__shape,
    .featured__inv__section .featured__inv__shape svg {
        width: 500px
    }
}

.card__multi__style7 .item__data .item__data__price {
    font-size: 1.1em !important;
    background: var(--color-theme-primary);
    padding: 2px 5px;
    border-radius: 4px 0 4px 4px;
    margin-right: 10px
}

.card__multi__style7 .item__data .Fslash__divide {
    display: none
}

.perform__custom__section {
    margin-top: 100px;
    position: relative
}

.perform__custom__section .btn-link {
    color: var(--color-theme-text-btn)
}

.perform__custom__section .btn-link:hover {
    color: var(--color-theme-highlight)
}

.perform__custom__section .perform__custom__shape {
    position: absolute;
    top: -100px;
    left: -200px;
    max-width: 500px;
    z-index: 50
}

.perform__custom__section .bg__overlay {
    background: linear-gradient(0deg, var(--color-theme-highlight) 0%, var(--color-theme-primary) 100%);
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.perform__custom__section .bg__parallax {
    display: block;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-color: var(--color-theme-primary);
    padding: 150px 0 300px;
    margin-bottom: 30px;
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/935E3C5972084F46B930663D2CA009C3.jpg")
}

.perform__custom__section .bg__parallax::after {
    overflow: hidden;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to top, var(--color-theme-background), transparent)
}

.perform__custom__section .bg__parallax .container {
    position: relative;
    z-index: 2
}

.perform__custom__section .grid__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 1rem
}

.perform__custom__section .grid__wrapper .grid__item {
    background-color: var(--color-theme-secondary);
    background: linear-gradient(220deg, rgba(50, 50, 50, 0.4) 0%, rgba(50, 50, 50, 0.05) 100%), var(--color-theme-secondary);
    color: var(--color-theme-text-btn);
    padding: 50px;
    height: auto;
    -webkit-clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    border-radius: 10px
}

.perform__custom__section .grid__wrapper .grid__item .blurb__title__preline {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    font-family: var(--headfont);
    text-transform: uppercase;
    color: var(--color-theme-primary)
}

.perform__custom__section .grid__wrapper .grid__item .blurb__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    font-family: var(--headfont);
    text-transform: uppercase;
    color: var(--color-theme-text-btn)
}

.perform__custom__section .grid__wrapper .grid__item .blurb__list {
    margin-bottom: 20px;
    color: var(--color-theme-text-btn)
}

.perform__custom__section .grid__wrapper .grid__item.grid__gallery1 {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/98A597CE8D425728C07EE5CD2502DBCD.jpg");
    background-size: cover;
    opacity: .9
}

.perform__custom__section .grid__wrapper .grid__item.grid__gallery2 {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/9EEAF1F5EACC9B467E75FAD05EDCE0F9.jpg");
    background-size: cover;
    opacity: .9
}

.perform__custom__section .grid__wrapper .grid__item.grid__gallery3 {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/44975497B6671C224988D289016674D2.jpg");
    background-size: cover;
    opacity: .9
}

@media(max-width:991px) {
    .perform__custom__section .grid__wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto)
    }
}

@media(max-width:768px) {
    .perform__custom__section .grid__wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, auto)
    }
}

@media(max-width:320px) {
    .perform__custom__section .grid__wrapper .grid__item {
        padding: 25px
    }

    .perform__custom__section .grid__wrapper .grid__item .blurb__title {
        font-size: 1.25rem
    }
}

.cw-about-grid {
    margin-top: -200px;
    position: relative;
    z-index: 5;
    margin-bottom: 50px
}

.cw-about-grid .container {
    max-width: 1500px;
    padding-left: 1rem;
    padding-right: 1rem
}

.cw-shadow-wrapper {
    -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15))
}

.cw-about-grid .cw-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, auto);
    gap: 1rem;
    margin-bottom: 1.5rem
}

.cw-about-grid .cw-grid-wrapper .cw-grid-item {
    background-color: var(--color-theme-background);
    background: linear-gradient(220deg, rgba(180, 180, 180, 0.4) 0%, rgba(180, 180, 180, 0.05) 100%), var(--color-theme-background);
    padding: 20px;
    height: auto;
    -webkit-clip-path: polygon(calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-flow: column
}

.cw-about-grid .cw-grid-wrapper .cw-grid-item .cw-blurb-icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.cw-about-grid .cw-grid-wrapper .cw-grid-item .cw-blurb-icon i {
    font-size: 1.75em
}

.cw-about-grid .cw-grid-wrapper .cw-grid-item .cw-blurb-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: var(--color-theme-text)
}

.cw-about-grid .cw-about-wrapper {
    -webkit-clip-path: polygon(calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    background: var(--color-theme-highlight);
    background: linear-gradient(220deg, rgba(180, 180, 180, 0.4) 0%, rgba(180, 180, 180, 0.05) 100%), var(--color-theme-highlight);
    padding: clamp(25px, 5vw, 100px);
    border-radius: 20px
}

.cw-about-grid .cw-about-wrapper img {
    max-width: 100px;
    margin: 5px 0
}

.cw-about-grid .cw-about-wrapper p:last-of-type {
    margin-bottom: 0
}

.cw-about-grid .cw-preline {
    font-size: 1rem;
    position: relative;
    color: var(--color-theme-text-btn);
    margin-bottom: 0;
    font-weight: 400;
    margin-bottom: 5px;
    display: block
}

/* .cw-about-grid .cw-preline::before {
	content: "";
	background-repeat: no-repeat;
	width: 80px;
	height: 8px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -20px;
	z-index: 1;
	background-size: 80px 8px;
	content: "";
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/302D98B2EFAAD2B99676EE74F5E71D33.png")
} */
.cw-about-grid .cw-headline {
    font-size: 1.25rem;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: var(--color-theme-text);
    display: block
}

@media(min-width:350px) {
    .cw-about-grid .cw-headline {
        font-size: 2rem
    }

    .cw-about-grid .cw-preline {
        font-size: 1.25rem
    }

    .cw-about-grid .cw-grid-wrapper .cw-grid-item {
        padding: 40px
    }
}

@media(min-width:768px) {
    .cw-about-grid .cw-headline {
        font-size: 3rem
    }

    .cw-about-grid .cw-preline {
        font-size: 1.5rem
    }

    .cw-about-grid .cw-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto)
    }
}

.aftermarket__section {
    position: relative;
    margin-top: 150px
}

.aftermarket__section .aftermarket__shape {
    position: absolute;
    z-index: 0;
    top: -100px;
    left: -150px;
    max-width: 300px
}

.aftermarket__section .container {
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .aftermarket__section .aftermarket__shape {
        max-width: 400px
    }
}

@media(min-width:992px) {
    .aftermarket__section .aftermarket__shape {
        max-width: 500px
    }
}

.footer__global {
    padding: 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 100px
}

.footer__global p {
    color: var(--color-theme-text-btn) !important
}

.footer__global .bg__parallax {
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-color: var(--color-theme-primary);
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, .2);
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/7547E54A0B6195522F436586E4AB5ED4.jpg")
}

.footer__global .cw-svg-image-wrap {
    position: relative;
    margin-top: 22%
}

.footer__global .cw-svg-image-wrap .cw-img-back {
    position: absolute;
    z-index: 2;
    width: 36%;
    right: 3%;
    bottom: 42%
}

.footer__global .cw-svg-image-wrap img {
    position: relative;
    z-index: 3
}

.footer__global .footer__overlay {
    background: linear-gradient(0deg, transparent 0%, var(--color-theme-secondary) 0%, var(--color-theme-secondary) 100%, transparent 100%);
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.footer__global .footer__info {
    background: var(--color-theme-secondary);
    padding: 150px 10px 50px;
    border-radius: 20px;
    z-index: 14;
    position: relative;
    margin-top: -150px
}

.footer__global .footer__info .business__info__wrapper .business__name {
    font-size: 24px;
    font-weight: 700
}

.footer__global .footer__info .business__info__wrapper .business__contact__info__wrapper {
    font-family: var(--bodyfont);
    font-size: 14px
}

.footer__global .footer__info .footerNavItems .nav__item__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: unset
}

.footer__global .footer__info .footerNavItems ul li {
    margin-bottom: 10px;
    font-family: var(--bodyfont);
    font-size: 14px
}

.page-home .footer__global {
    margin-top: 0
}

.store__hours .hours__status.hours__status__open {
    margin-right: 3px;
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn)
}

.footer__global,
.footer__global .nav-link,
.footer__global a {
    color: var(--color-theme-text-btn)
}

.footer__global .social__share .social__icon {
    font-size: 20px;
    margin-right: 15px
}

.footer__global .social__share .social__icon:last-of-type {
    margin-right: 0
}

.footer__global .social__share .social__icon i {
    color: var(--color-theme-text-btn);
    font-size: 18px
}

.ulli-no-bullet {
    /* list-style-type: none; */
    /* padding-left: 0 */
}

.popular-vehicles-sections {
    padding-top: 2rem;
}

/* -------------------- Footer ---------------------- */
footer.footer {
    padding-top: 0
}

footer.footer>.container {
    display: none
}

footer.footer .footer-bottom-section {
    border-top: none;
    padding: 200px 0 20px;
    margin-top: -150px;
    z-index: 5;
    position: relative
}

@media(min-width:576px) {
    .footer__global .footer__info {
        padding-left: 50px;
        padding-right: 50px
    }
}

.tradein__section {
    position: relative;
    z-index: 30
}

.tradein__section.wave {
    border-radius: 50px 50px 0 0;
    padding: 100px 0 150px;
    background: var(--color-theme-secondary);
    background: linear-gradient(0deg, var(--color-theme-primary) 0%, var(--color-theme-secondary) 100%);
    --mask: radial-gradient(105.15px at 50% calc(100% - 142.5px), #000 99%, #0000 101%) calc(50% - 100px) 0/200px 100%,
        radial-gradient(105.15px at 50% calc(100% + 92.50px), #0000 99%, #000 101%) 50% calc(100% - 50px)/200px 100% repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    transform: translateY(-50px)
}

.social__gallery__section {
    position: relative;
    z-index: 20;
    padding: 50px
}

.social__gallery__section .social__img__grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 1rem
}

.social__gallery__section .social__item {
    -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    border-radius: 10px;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative
}

.social__gallery__section .social__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:576px) {
    .social__gallery__section {
        padding: unset
    }
}

.page-checkout .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.page-checkout .form-row>.col,
.page-checkout .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.page-checkout .checkout-content .form-group {
    margin-bottom: 20px
}

.form-forms-text {
    font-size: 1.75em
}

p.form-forms-text {
    font-size: 1em
}

.ourStory__section {
    margin: 50px auto
}

.ourStory__section .signature {
    max-width: 120px
}

.employees {
    background-color: var(--employees-background);
    padding-top: 20px
}

.employees .card.employees-circle {
    -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    border-radius: 10px;
    flex: 0 0 23%;
    max-width: 23%;
    background-color: var(--employees-background);
    margin-bottom: 0
}

.employees.employees-circles .employees-img-circlephoto {
    margin: 0
}

.employees.employees-circles .employees-img-circle {
    -webkit-clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    border-width: 0 !important;
    border-radius: 10px;
    border-width: 2px
}

.employees .card.employees-circle .employees-contact {
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn);
    padding: 15px 20px 20px !important;
    border-radius: 0 0 10px 10px
}

.employees a {
    color: inherit
}

.employees-img-square {
    border-radius: 10px
}

.employees-img-circlephoto {
    border-radius: 10px
}

.faq__section {
    margin: 50px 0
}

.faq__section .section__img__wrapper {
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=960,w=1280/6B253D91D67BCACFEE8D3F2815BB27DA.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 500px;
    display: flex
}

.faq__section .section__img__wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

.faq__section .section__title__content {
    padding: 50px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center
}

.faq__section .section__title__content .section__title__wrapper {
    width: 30%
}

.faq__section .section__title__content .section__title1 {
    border-bottom: 0;
    margin-bottom: 0;
    line-height: 1
}

.faq__section .section__title__content .section__copy {
    margin-bottom: 0
}

.accordion-flush .accordion-item {
    border: none;
    margin-bottom: 10px
}

.accordion-flush .accordion-button:not(.collapsed) {
    background-color: rgba(180, 180, 180, .2);
    border: 1px solid var(--color-theme-border);
    color: var(--color-theme-text);
    box-shadow: none;
    font-weight: 700
}

.accordion-flush .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: rgba(180, 180, 180, .2);
    border: 1px solid var(--color-theme-border);
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    padding: 20px;
    border-radius: 10px !important
}

.accordion-flush .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

.accordion-flush .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-180deg)
}

.accordion-flush .accordion-button:focus {
    border-color: var(--color-theme-border)
}

.page-shopping-request .form-wrap textarea {
    height: 4em !important
}

.page-shopping-request .form-grid-row {
    display: flex;
    align-items: start
}

.page-value-my-trade .form-grid-row {
    display: flex;
    align-items: start
}

.page-value-my-trade .form-wrap textarea {
    height: 4em !important
}

.inventoryslideshow {
    background: unset !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important
}

.card__multi__style4 .item__card__details__wrapper__upper {
    min-height: unset !important
}

.card__multi__style4 .item__flex {
    padding: 10px 20px
}

.card__multi__style4 .item__card__details__wrapper .item__title h3 {
    line-height: 1
}

.card__multi__style4 .item__card__details__wrapper .item__style {
    line-height: 1
}

.item__card__details__wrapper__lower a:first-of-type {
    width: 100%
}

.card__multi__style4 .item__flex .item__data .item__data__price {
    color: var(--color-theme-text)
}

@media(max-width:768px) {
    .perform__custom__section .perform__custom__shape {
        top: -80px;
        max-width: 350px
    }
}

/* Hiding empty spacer at top of quick connect module */
.inventorydetails .spacer:not(.d-sm-none) {
    /* display: none; */
}

@media (max-width: 991px) {
    .inventorydetails .vdp__quickconnect__mod.module {
        margin-top: 35px;
    }
}

/* inventory SRP width */
.inventory .inventory-container>.row {
    margin-left: 0;
    margin-right: 0;
}

/* -------------------- Sticky nav fixes/changes ---------------------- */
/* Hide pre-header on mobile on VDP */
@media (max-width: 991px) {
    .page-inventory-details .cw-header-top {
        display: none;
    }
}

/*  fix sticky nav width  */
/* .inventorydetails .vdp__sticky-navigation__mod.row {
	margin-left: 0;
	margin-right: 0;
} */
/* Fix VDP width */
/* .inventorydetails .vdp__container .columns>.row {
	margin-left: 0;
	margin-right: 0;
} */
/* Sets sticky top offset and appropriate z-index */
.page-inventory-details .builder-canvas__sticky-container {
    z-index: 1029;
}

/* resets z-index higher than navbar when a modal is open. */
.page-inventory-details .builder-canvas__sticky-container:has(.modal.show) {
    z-index: 1055;
}

/* urbn styling adjustment */
.page-inventory-details .header .header-container {
    box-shadow: none;
}

/* Google Translate Button */
.cw-translate-btn {
    background-color: var(--color-theme-primary);
    border: 2px solid white;
    padding: 4px 16px;
    border-radius: 8px;
    color: white;
    font-weight: 500;
    font-size: 0.875rem;
    display: inline-block;
    width: auto;
}

.cw-translate-btn:hover {
    background-color: var(--color-theme-primary);
    color: white;
}

.cw-translate-btn:focus {
    background-color: var(--color-theme-primary);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    color: white;
}

.cw-translate-widget {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    overflow: hidden;
    padding: 1px 8px;
    font-size: 0.875rem;
}

.cw-translate-widget.show {
    display: inline-block;
    -webkit-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Style Google Translate dropdown to look like Bootstrap 5 dropdown */
.goog-te-combo {
    display: inline-block;
    width: auto;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    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='m1 6 7 7 7-7'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 200px;
}

.goog-te-combo:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.goog-te-combo:hover {
    border-color: #b6d7ff;
}

/* Hide branding */
.goog-te-gadget {
    font-family: inherit !important;
    font-size: inherit !important;
}

.goog-te-gadget .goog-te-combo {
    margin: 0 !important;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
    font-size: inherit !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-gadget-icon {
    display: none !important;
}

/* Style the translate widget container */
#google_translate_element {
    margin: 0;
}

#google_translate_element>div {
    display: inline-block;
}

/* Home Body Styles */
/*  Vehicle Styles Cards - Homepage Mod  */
.cw-tilting-body-styles {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/3628C01A14A45B3748C32E8D36E230AE.jpg");
    background-size: cover;
    background-position: center;
    padding: 2rem 0 5rem;
}

.cw-tilting-body-styles h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-theme-header);
    text-align: center;
    margin-bottom: 1.8rem;
}

.cw-car-card {
    min-width: 218px;
    height: 218px;
    margin: 1rem;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.051),
        0px 0px 7.2px rgba(0, 0, 0, 0.073),
        0px 0px 13.6px rgba(0, 0, 0, 0.09),
        0px 0px 24.3px rgba(0, 0, 0, 0.107),
        0px 0px 45.5px rgba(0, 0, 0, 0.129),
        0px 0px 109px rgba(0, 0, 0, 0.18);
}

.cw-car-card.cw-pic-1,
.cw-car-card.cw-pic-2,
.cw-car-card.cw-pic-3,
.cw-car-card.cw-pic-4 {
    background-size: cover;
    border-radius: 10px;
    background-position: 43%;
}

.cw-car-card.cw-pic-1 {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/68A8E1085B1D0FDD653089F7A5EA1E6A.jpg);
    background-position: 50%;
}

.cw-car-card.cw-pic-2 {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/6F7AADAF91B1A9F27017B6771CA58600.jpg);
    background-position: 24%;
}

.cw-car-card.cw-pic-3 {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/1AF6A29C21A1091723C267068C9CEBFD.jpg);
    background-position: 50%;
}

.cw-car-card.cw-pic-4 {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/956A553634AA4A6CF3F02AC4B05BCA43.jpg);
    background-position: 43%;
}

.cw-car-card a {
    width: 218px;
    height: 218px;
}

.cw-car-card p {
    pointer-events: none;
    font-weight: 700;
    font-size: 1.5rem;
    text-shadow: 1px 1px 6px #0f0f0f
}

.cw-tilting-body-styles .cw-wrapper {
    display: flex;
    row-gap: 1.5rem;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

@media (min-width: 576px) {
    .cw-tilting-body-styles h2 {
        font-size: 2rem;
    }

    .cw-tilting-body-styles .cw-wrapper {
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
    }
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .cw-tilting-body-styles h2 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1200px) {}

/* Header Social */
.cw-headersocial a {
    color: #fff;
    font-size: 1.1rem;
    margin-right: 0.75rem;
    transition: opacity 0.3s;
}

.cw-headersocial a:last-child {
    margin-right: 0;
}

.cw-headersocial a:hover {
    opacity: 0.75;
}