@import "https://fonts.googleapis.com/css2?family=Secular+One&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Balthazar&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.vdp-module-canvas-razor-wrapper .p-veh-card .dollar-symbol {
    left: 0 !important
}

.vdp-module-canvas-razor-wrapper .veh__desc {
    color: var(--color-theme-text) !important
}

.btn-secondary {
    background-color: var(--color-theme-secondary) !important;
    color: #fff !important;
    border-color: var(--color-theme-secondary) !important
}

.btn-secondary:hover {
    background-color: var(--color-theme-highlight) !important;
    color: var(--color-theme-primary) !important;
    border-color: var(--color-theme-primary) !important
}

.btn-secondary:before {
    background-color: var(--color-theme-highlight) !important
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
    background-color: var(--color-theme-highlight) !important
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
    border-color: var(--color-theme-primary) !important;
    color: var(--color-theme-primary) !important
}

.vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
.vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
    color: #fff !important;
    background-color: var(--color-theme-primary) !important;
    border-color: var(--color-theme-primary) !important
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
    background: var(--color-theme-highlight) !important
}

.btn-outline-secondary,
.btn-outline-secondary:focus {
    background-color: var(--color-theme-trans) !important
}

.vdp-module-canvas-razor-wrapper .btn-check:hover+.btn-outline-secondary {
    color: var(--color-theme-text) !important
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-family: secular one, sans-serif !important;
    letter-spacing: .7px
}

.header .navbar-nav .nav-link {
    font-weight: 700 !important;
    text-transform: uppercase
}

.header .navbar-brand:hover {
    color: var(--header-navigationbartext)
}

.header .navbar .nav-link {
    transition: all 150ms 50ms ease-in-out
}

.header .navbar .active>.nav-link,
.header .navbar .nav-link:hover {
    background-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn)
}

.header .badge {
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn)
}

.cw-header-bar {
    background-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    padding: .5rem 0
}

.cw-header-bar a {
    color: inherit
}

.cw-header-bar a:hover {
    opacity: .85
}

.cw-header-bar .cw-address,
.cw-header-bar .cw-phone,
.cw-header-bar .cw-hours {
    position: relative;
    vertical-align: middle;
    margin: .25rem;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 700
}

.cw-header-bar .cw-hours {
    display: inline-block
}

.cw-header-bar .cw-address:before,
.cw-header-bar .cw-phone:before,
.cw-header-bar .cw-hours:before {
    font-family: FontAwesome;
    content: "\f017";
    left: 0;
    padding-right: .5rem
}

.cw-header-bar .cw-address:before {
    font-family: FontAwesome;
    content: "\f3c5"
}

.cw-header-bar .cw-phone:before {
    font-family: FontAwesome;
    content: "\f2a0"
}

.cw-header-bar .cw-hours:before {
    font-family: FontAwesome;
    content: "\f017"
}

.header {
    --cw-logo-width: 250px
}

.cw-header-logo .cw-logo-box {
    text-align: center;
    max-width: var(--cw-logo-width);
    margin: auto
}

.cw-header-logo .cw-logo-box img {
    padding-top: 1.6rem;
    width: var(--cw-logo-width);
    top:10px
}

@media(min-width:992px) {
    .header .navbar.bg-primary {
        padding: 1rem 0
    }

    .header .container,
    .cw-header-logo .container {
        max-width: 1140px;
        position: relative
    }

    .cw-header-logo .cw-logo-box {
        position: absolute;
        z-index: 1031;
        text-align: left;
        margin-top: 2px
    }

    nav.navbar .container {
        min-height: 93px
    }

    .header.has-cart .collapse.justify-content-center,
    .header .navbar-collapse.justify-content-center {
        justify-content: flex-end !important
    }

    .header .navbar-nav:not(.navbar-cart) {
        max-width: calc(100% - var(--cw-logo-width));
        justify-content: center
    }

    .cw-header-bar .cw-phone,
    .cw-header-bar .cw-address {
        margin-right: 2rem
    }
}

@media(min-width:1400px) {

    .header .container,
    .cw-header-bar .container {
        max-width: 1400px
    }
}

.title+.text {
    margin-top: 0
}

.wow {}

.btn {
    font-weight: 400 !important
}

.cw-hero-slideshow {
    position: relative;
    overflow: hidden;
    height: 500px
}

.cw-hero-slideshow .cw-hero-image {
    position: absolute;
    inset: 0;
    opacity: 0;
    -webkit-animation: cw-slide-anim 12s infinite;
            animation: cw-slide-anim 12s infinite;
    -webkit-animation-delay: var(--cw-anim-offset);
            animation-delay: var(--cw-anim-offset)
}

.cw-hero-slideshow .cw-hero-image::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(rgba(36, 36, 36, 0.8), rgba(0, 0, 0, 0.5));
    z-index: 1
}

.cw-hero-slideshow .cw-hero-image img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%
}

.cw-hero-slideshow .cw-hero-title {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.cw-hero-slideshow .cw-hero-title h1 {
    display: block;
    margin: 1rem 0 .75rem;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 3rem
}

.cw-hero-slideshow .cw-hero-title h1 span {
    display: block;
    font-size: 2rem
}

@-webkit-keyframes cw-slide-anim {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    13%,
    25% {
        opacity: 1;
        transform: scale(1.06)
    }

    38% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes cw-slide-anim {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    13%,
    25% {
        opacity: 1;
        transform: scale(1.06)
    }

    38% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@media (min-width: 1400px) {
    .cw-hero-slideshow {
        height: 560px;
    }
}
@media (min-width: 1600px) {
    .cw-hero-slideshow {
        height: 575px;
    }
}
@media (min-width: 1800px) {
    .cw-hero-slideshow {
        height: 690px;
    }
}
@media (min-width: 1900px) {
    .cw-hero-slideshow {
        height: 780px;
    }
}

.page-home .inventory-search-module {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BE982D1ECCF174901CCB1DCD97DC3A41.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}



.page-home .inventory-search-module .container {
    background-color: transparent;
    position: relative;
}

.page-home .inventory-search-module label {
    color: var(--color-theme-text-btn)
}

.page-home .inventory-search-module .form__wrapper {
    background-color: transparent;
    border: none;
    padding: 30px 0
}

.page-home .inventory-search-module .btn-primary {
    background-color: var(--color-theme-text-btn);
    border: 1px solid var(--color-theme-primary);
    color: var(--color-theme-primary)
}

.page-home .inventory-search-module .btn-primary:hover {
    background-color: var(--color-theme-primary) !important;
    border: 1px solid var(--color-theme-text-btn) !important;
    color: var(--color-theme-text-btn) !important
}

.inventory__bg {
    position: relative
}

.inventory__bg .bg__parallax {
    display: block;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: var(--color-theme-primary);
    padding: 300px 0;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/935E3C5972084F46B930663D2CA009C3.jpg)
}

.cw-shop-inventory-title {
    font-family: secular one, sans-serif
}

@media(max-width:1400px) {
    .cw-shop-inventory-title {
        display: none !important
    }
}

.cw-btn-section {
    align-items: flex-start;
    display: flex;
    min-height: 100%;
    justify-content: center
}

.cw-card-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 1320px;
    width: 100%
}

.cw-services-card {
    background-color: #fff
}

@media(min-width:576px) {
    .cw-card-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:960px) {
    .cw-card-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.cw-services-card {
    list-style: none;
    position: relative
}

.cw-services-card:before {
    content: "";
    display: block;
    padding-bottom: 150%;
    width: 100%
}

.cw-card-bkg {
    background-size: cover;
    background-position: center;
    border-radius: 24px;
    bottom: 0;
    -webkit-filter: brightness(.75) saturate(1.2) contrast(.85);
            filter: brightness(.75) saturate(1.2) contrast(.85);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center;
    transform: scale(1) translateZ(0);
    transition: transform 200ms linear, -webkit-filter 200ms linear;
    transition: filter 200ms linear, transform 200ms linear;
    transition: filter 200ms linear, transform 200ms linear, -webkit-filter 200ms linear
}

.cw-services-card:hover .cw-card-bkg {
    transform: scale(1.05) translateZ(0)
}

.cw-card-grid:hover>.cw-services-card:not(:hover) .cw-card-bkg {
    -webkit-filter: brightness(.5) saturate(0) contrast(1.2) blur(20px);
            filter: brightness(.5) saturate(0) contrast(1.2) blur(20px)
}

.cw-card-content {
    left: 0;
    padding: 24px;
    position: absolute;
    top: 0
}

.cw-card-category {
    color: #fff;
    font-size: .9rem;
    margin-bottom: 8px;
    text-transform: uppercase
}

.cw-card-head {
    color: #fff;
    font-size: 1.9rem;
    text-shadow: 2px 2px 20px rgba(255, 255, 255, .2);
    line-height: 1.4;
    word-spacing: 100vw
}

.cw-custom-bg {
    padding: 16.2rem 0 !important;
    margin-top: -24rem;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BE982D1ECCF174901CCB1DCD97DC3A41.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media(min-width:768px) {
    .cw-custom-bg {
        position: relative;
        padding: 18rem 0 !important;
        margin-top: -30rem 0 !important;
        z-index: -1
    }
}

.popular-vehicles-sections {
    position: relative;
    min-height: 200px;
    background: var(--color-theme-secondary);
    z-index: 2;
    background-size: cover;
    width: 100%;
    max-width: 1320px;
    padding: 50px 0;
    margin-top: 8rem;
    text-align: center
}

a.popular-vehicle-link {
    color: #fff
}

.popular-vehicles-section {
    margin-bottom: 0 !important;
    font-size: .85rem;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px
}

.popular-vehicle-link::first-line {
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase
}

.popular-vehicles-section-panel {
    display: none;
    padding: 1rem;
    text-align: left
}

.popular-vehicles-section-heading {
    cursor: pointer;
    position: absolute;
    top: -92px;
    left: 0;
    width: calc(100% - 3rem);
    height: 25px;
    padding: .5rem .5rem 1.5rem;
    line-height: 1rem;
    font-size: .9rem;
    background: #fff;
    color: var(--color-theme-primary);
    border: 1px solid var(--color-theme-highlight);
    border-radius: 4px 4px 0 0
}

.popular-vehicles-section-heading:after {
    display: none
}

.popular-vehicles-section:nth-of-type(2) h2 {
    top: -60px
}

.popular-vehicles-section:nth-of-type(3) h2 {
    top: -28px
}

.popular-vehicles-section-panel a {
    margin: .5rem 0
}

h2.selected {
    background: var(--color-theme-secondary);
    color: #fff
}

h2.selected~.popular-vehicles-section-panel {
    display: flex
}

h2.selected:after {
    content: "\f06e";
    color: var(--color-theme-primary)
}

.popular-vehicles-sections ::-webkit-scrollbar {
    width: 10px
}

.popular-vehicles-sections ::-webkit-scrollbar-thumb {
    background-color: var(--color-theme-highlight);
    outline: none
}

@media(max-width:767px) {
    .popular-vehicles-section-heading {
        left: 0;
        right: 0;
        width: calc(100% - 50px);
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:768px) {
    .popular-vehicles-section-heading {
        top: -33px;
        width: 30%;
        font-size: 1rem
    }

    .popular-vehicles-section:nth-of-type(2) h2 {
        left: 34%;
        top: -33px;
        width: 32%
    }

    .popular-vehicles-section:nth-of-type(3) h2 {
        top: -33px;
        right: 0;
        left: unset
    }
}

.map-container {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}

.inventoryslideshow {
    background: var(--color-theme-primary)
}

.inventoryslideshow-container {
    max-width: 1320px !important
}

.inventoryslideshow-btn {
    display: none !important
}

.inventoryslideshow-title-heading {
    margin-top: 1rem
}

section#module_e7d577b9-20fb-4b8b-bc90-9569650f43cb {
    padding-top: 4em !important
}

.inventoryslideshow {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BE982D1ECCF174901CCB1DCD97DC3A41.jpg) !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.finance__section .finance__content__wrapper {
    padding: 50px 0
}

.finance__section .finance__content__img {
    margin-top: 50px
}

.finance__section .blurb__title {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 10px
}

.finance__section .blurb__copy {
    margin-bottom: 20px
}

.finance__section .blurb__wrapper {
    margin-bottom: 20px
}

.finance__section .blurb__wrapper:last-of-type {
    margin-bottom: 0
}

.finance__section .blurb__wrapper .blurb__icon__wrapper {
    padding: 10px;
    min-width: 80px;
    min-height: 80px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background-color: var(--color-theme-primary)
}

.finance__section .blurb__wrapper .blurb__icon__wrapper i {
    font-size: 2em
}

.finance__section .blurb__wrapper img {
    width: 50px;
    margin-right: 10px
}

.finance__section .blurb__wrapper .blurb__title {
    font-size: 20px;
    font-weight: 700
}

@media(max-width:991px) {
    .finance__section .finance__content__wrapper {
        padding-top: 0
    }
}

.cw-footerCustom {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BE982D1ECCF174901CCB1DCD97DC3A41.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.cw-footerCustom {
    padding: 25px 0
}

.cw-footerCustom img {
    max-width: 50%;
    margin: 0 auto;
    display: table-cell
}

.cw-footerCustom h2 {
    font-size: 2rem;
    font-family: secular one, sans-serif !important;
    color: var(--color-theme-text);
    text-transform: uppercase;
    color: #fff
}

.cw-footerCustom p {
    margin: auto;
    font-size: 1em;
    line-height: 2rem;
    color: #fff;
    text-transform: none;
    margin-top: 15px;
    text-align: center
}

.cw-footerCustom .cw-contactInfo {
    line-height: 2.15rem
}

.cw-footerCustom ul i {
    color: var(--color-theme-background)
}

.cw-footerCustom a:link,
.cw-footerCustom a:active,
.cw-footerCustom a:visited {
    color: #fff
}

.business-hours .bh-title {
    padding-left: 0;
    border: none
}

.business-hours li {
    border-color: var(--color-theme-highlight);
    color: #fff;
    font-size: .85rem
}

@media(min-width:440px) {
    .business-hours li {
        font-size: 1rem
    }
}

.business-hours .today {
    font-weight: 800;
    text-shadow: 1px 1px 2px #000, 0 0 2px #000;
    color: #fff;
    margin: .3em auto;
    font-size: 125%
}

@media(min-width:1200px) {
    .cw-footerCustom p {
        font-size: 1.15em
    }

    .business-hours li {
        font-size: 1.15rem
    }
}

.card__multi__style5 .item__card {}

.card__multi__style5 .item__flex {
    border-top: 1px solid var(--color-theme-highlight) !important
}

.card__multi__style5 .item__flex .item__data:first-of-type {
    border-right: 1px solid var(--color-theme-highlight) !important
}

.card__addt__info__wrapper {
    display: none !important
}

.card__multi__style5 .item__card__details__wrapper__upper {
    min-height: unset !important
}

.inventoryslideshow {
    padding-top: 2em !important
}

.inventoryslideshow h3.line__clamp2 {
    -webkit-line-clamp: 1
}

section:not(.page-home) .title {
    background-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    position: relative;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BE982D1ECCF174901CCB1DCD97DC3A41.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

section:not(.page-home) .title .title-heading {
    margin: auto;
    padding: 4.5rem 0;
    color: #fff;
    text-shadow: 0 0 4px var(--color-theme-text);
    text-align: center !important
}

.hp__contentBlurb .blurb__wrapper {
    border: 1px solid var(--color-theme-highlight);
    padding: 50px;
    margin-bottom: 20px;
    background-color: #fff
}

.hp__contentBlurb .blurb__wrapper:last-of-type {
    margin-bottom: 0
}

.hp__contentBlurb .blurb__wrapper .blurb__pre__title {
    font-size: 1em;
    margin-bottom: 5px
}

.hp__contentBlurb .blurb__wrapper .blurb__title {
    font-size: 1.5em;
    font-weight: 700
}

.hp__contentBlurb .blurb__wrapper .blurb__img__wrapper img {
    padding: 20px 0
}

@media(max-width:576px) {
    .hp__contentBlurb .blurb__wrapper {
        padding: 25px
    }
}

.card__button {
    padding: 15px;
    border-radius: 8px;
    background: var(--color-theme-secondary);
    border: none;
    color: var(--color-theme-text)
}

.cw-button {
    padding: .8em 1.8em;
    border: 2px solid var(--color-theme-primary);
    position: relative;
    overflow: hidden;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    transition: .3s;
    z-index: 1;
    font-family: secular one, sans-serif;
    color: var(--color-theme-primary)
}

.cw-button::before {
    content: "";
    width: 0;
    height: 650%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: var(--color-theme-primary);
    transition: .5s ease;
    display: block;
    z-index: -1
}

.cw-button:hover::before {
    width: 105%
}

.cw-button:hover {
    color: #fff
}

.inventoryslideshow .inventoryslideshow-arrow.btn-secondary {
    background-color: var(--color-theme-primary) !important
}

.btn-primary:hover {
    background-color: var(--color-theme-text-btn);
    border: 1px solid var(--color-theme-primary);
    color: var(--color-theme-primary) !important
}

.btn-primary::before {
    background: 0 0 !important
}

.cw-about-us {
    margin-top: -5rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem
}

.cw-about-us .container {
    background-color: #fff
}

.cw-about-us .cw-about-us-button {
    width: 100%
}

@media(min-width:576px) {
    .cw-about-us {
        margin-top: -7rem
    }

    .cw-about-us .cw-about-us-button {
        width: unset
    }
}

.businessinfo .contact-title.contact-businessname .contact-title-container {
    border-bottom-color: var(--color-theme-primary)
}

.businessinfo .contact-title.contact-businessname {
    color: var(--color-theme-primary)
}

.form-forms-header {
    color: var(--color-theme-primary) !important
}

.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%
}

a.vehicle-picker-title {
    color: var(--color-theme-primary) !important
}

a.vehicle-picker-title:hover {
    color: var(--black) !important
}

.loan-app-module .vehicle-picker-container {
    background-color: var(--color-theme-highlight) !important;
    border: 1px solid var(--color-theme-highlight) !important
}

.loan-app-module .vehicle-picker-container .veh__price {
    color: var(--color-theme-primary) !important
}

.social-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5em
}

.social-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 10px;
    background-color: var(--color-theme-text);
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    transition: .3s;
    border: 1px solid var(--color-theme-text)
}

.social-button:hover {
    background-color: var(--color-theme-text);
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .5)
}

.financing a {
    color: var(--black) !important
}

.inventory .flex-card-item .inventory-title:hover {
    color: var(--color-theme-primary)
}

.inventory .card {
    border-color: rgba(0, 0, 0, .3) !important
}

.inventory .vehicle-card ul.features-list .feature .feature-label {
    font-weight: 400 !important
}

.inventory .inventory-cta .btn:hover {
    color: var(--inventory-buttontext) !important
}

.creditQualifyPage {
	margin-top: 2rem;
	margin-bottom: 2rem;
  }