@import "https://fonts.googleapis.com/css2?family=Righteous&display=swap";

.contact-companyinfo .contact-details-info,
.header .header-business-email,
.footer .footer-business-email {
    overflow-wrap: anywhere;
}

:root {
    --headerfont: "Righteous", sans-serif;
    --bodyfont: "Nunito Sans", sans-serif;
    --cw-accent: #c5060d;
    --cw-star: #ddaf0d;
}

.sitemap {
    padding-top: 9em;
}
.tcpp {
    padding-top: 6em;
}



.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 .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-family: var(--headerfont);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    letter-spacing: .01rem;
    font-weight: 400 !important
}

.font-header,
.font-body-Montserrat .btn,
.am-title .pg-title,
.font-header-Montserrat h5.modal-title {
    font-style: italic
}

.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: .4vw
}

.btn-group-lg>.btn,
.btn-lg,
.btn:not(.slick-arrow):not(.btn-xs):not(.btn-md):not(.dropdown-toggle):not(.sn_more_btn) {
    /* padding: .8rem 1rem; */
    /* font-size: 1rem; */
    /* line-height: 1.5; */
    /* letter-spacing: .02rem */
}

.btn-accent {
    background: var(--cw-accent);
    border-color: var(--cw-accent)
}

.primary-bg {
    background: var(--color-theme-primary);
    color: var(--color-theme-text)
}

.dark-bg {
    background: var(--color-theme-secondary);
    color: var(--color-theme-text)
}

.star-color {
    color: var(--cw-star)
}

.form-select {
    padding: .9rem 2.25rem .9rem .9rem;
    border-radius: .4vw
}

.form-forms-address,
.form-forms-fullName,
.form-grid-row {
    align-items: flex-start
}

.star-rating label.star-active .fa,
.star-rating label.star-active~label .fa {
    font-weight: 700;
    color: var(--cw-star) !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: var(--cw-star) !important
}

.form-control {
    border-radius: .2vw
}

.help-block {
    background-color: transparent;
    color: #c5060d
}

.help-block::before {
    color: #c5060d
}

.dropzone .btn {
    margin-right: .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
}

.modal-content {
	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: var(--color-theme-text-btn) !important;
	opacity: 1;
	margin-right: .3rem
}

.modal-header .btn-close {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTS4yOTMuMjkzYTEgMSAwIDAxMS40MTQgMEw4IDYuNTg2IDE0LjI5My4yOTNhMSAxIDAgMTExLjQxNCAxLjQxNEw5LjQxNCA4bDYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0IDEuNDE0TDggOS40MTRsLTYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0LTEuNDE0TDYuNTg2IDggLjI5MyAxLjcwN2ExIDEgMCAwMTAtMS40MTR6Jy8+PC9zdmc+)
}

.modal-header .btn-close:hover,
.modal-header .btn-close:focus,
.modal-header .btn-close:active {
	color: var(--color-theme-text-btn) !important;
} */

.roundedcorner {
    border-radius: 1vw
}

.roundedcorner-top {
    border-radius: .8vw .8vw 0 0
}

.header .navbar.bg-primary,
.header .navbar {
    background: 0 0 !important
}

.header .navbar .dropdown-menu {
    border-radius: .5vw;
    background: var(--color-theme-background);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2)
}

.header .navbar {
    border-radius: 0 0 1rem 1rem
}

.cw-header-info {
    background-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    margin: 1rem;
    font-weight: 700;
    padding: .3rem 1.5rem .5rem;
    text-align: center
}

.cw-header-info a:hover {
    color: inherit;
    opacity: .85;
}

.header .navbar {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    z-index: 1030
}

.page-inventory-details .header .navbar {
    position: unset;
    z-index: unset;
}

@media(max-width:991px) {
    section:not(.page-home) .cw-header-info {
        display: none
    }

    .header .navbar.bg-primary,
    .header .navbar {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2)
    }
}

@media(min-width:992px) {
    .cw-header-info {
        position: relative;
        z-index: 1031;
        margin: 0;
        border-radius: 0;
        padding: .5rem 1rem;
        display: block;
        background-image: linear-gradient(45deg, #000, #444, #000, #333);
        color: #fff;
        border-bottom: 4px solid var(--color-theme-primary);
        text-align: right
    }

    .page-home .header .navbar-brand {
        width: 360px;
        height: 140px;
        position: relative;
    }


    .cw-header-info a:hover {
        /* color: var(--color-theme-highlight); */
    }

}

@media (min-width: 1200px) {
        .page-home .header .navbar-brand {
        top: 99px;
    }
}

.header .navbar .navbar-nav .nav-link,
.header .dropdown-item {
    border-radius: .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(--cw-accent)
}

.header .navbar-dark .navbar-nav>.active .nav-link {
    color: #fff !important
}

.header .nav-link::before,
.header .navbar .dropdown-item::before {
    display: none
}

.header .navbar .nav-link,
.header .nav-link-cart,
.navbar-dark .dropdown-item {
    -webkit-transition: all 150ms 50ms ease-in-out;
    -moz-transition: all 150ms 50ms ease-in-out;
    -o-transition: all 150ms 50ms ease-in-out;
    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)
}

.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(min-width:992px) {
    .header .header-container {
        display: flex;
        flex-flow: column-reverse
    }

    .navbar .container {
        max-width: 100%;
        align-items: flex-start
    }

    .navbar-collapse {
        flex-grow: initial
    }

    .header .nav-link-cart,
    .header .navbar .nav-link,
    .header .dropdown-item {
        line-height: 30px
    }

    .header .navbar .dropdown-item {
        text-align: left
    }

    .header .navbar-expand-lg .navbar-nav {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@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) {
    .navbar .container {
        text-align: center;
        max-width: 100%
    }

    .header .navbar .navbar-collapse .navbar-nav {
        margin-top: 1rem
    }
}

.header .navbar-toggler {
    background: var(--color-theme-secondary);
    border-color: var(--color-theme-text-btn);
    border-radius: 3rem;
    padding: .3rem 1.3rem .4rem
}

.header .navbar-toggler:hover {
    background: var(--color-theme-highlight)
}

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

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

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

.title {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: left;
    color: var(--color-theme-text)
}

@media(min-width:768px) {
    .title {
        padding-top: 1.8em;
        padding-bottom: 1.8em;
        text-align: center;
        background-color: #000;
        /*background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
        background-position: center;
        background-size: auto;*/
        color: #fff
    }
}

@media(min-width:992px) {
    .title {
        margin-top: calc(-1 * var(--cw-headerHeight));
        padding-top: calc(1rem + var(--cw-headerHeight))
    }
}

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

/* buttons just used in the hero so far */
.cw-btn-invert {
    background-color: var(--color-theme-text-btn);
    color: var(--color-theme-primary);
}

.cw-btn-invert:hover {
    background-color: var(--color-theme-highlight);
    color: var(--color-theme-text-btn);
}

/* -------------------- Hero ---------------------- */
.cw-hero {
    overflow: hidden;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/3DE9FDC67885ED8A902533F7210FC28A.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;
    padding: 1rem 1rem;
}

.cw-hero:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.cw-hero .cw-hero-content {
    position: relative;
    z-index: 2;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cw-hero h1 {
    font-size: calc(1.4rem + 2vw);
    line-height: 1.05;
}

.cw-hero .cw-vertical-divider {
    display: none;
}

@media(min-width:992px) {

    .cw-hero {
        position: relative;
        z-index: 1;
        padding: 0;
        margin-top: calc(-1 * var(--cw-headerHeight));
        padding-top: var(--cw-headerHeight);

        /* height: 700px;*/
        min-height: 700px;
        display: flex;
        align-items: flex-end;
    }

    .cw-hero .cw-hero-content {
        /* max-width: clamp(300px, 40%, 700px); */
        margin-left: 0;

        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 1.5rem;

    }
}

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

    .cw-hero .cw-hero-content {
        max-width: clamp(300px, 40%, 700px);
        height: 100%;
    }

    .cw-hero:after {
        /* display: none; */
        background: transparent;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0) 100%);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }


    .cw-hero h1 {
        font-size: 3rem;
    }

    .cw-hero .cw-vertical-divider {
        position: absolute;
        z-index: -1;
        left: -1px;

        bottom: 0;
        margin-bottom: 0px;
        min-height: 100%;
        height: 700px;
        width: calc(110% + 120px);

        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .cw-hero .cw-vertical-divider .cw-divider-svg {
        display: block;
        width: 100%;
        min-height: 300%;
        margin-bottom: -45%;
        fill: var(--color-theme-primary);
    }

    .cw-hero .cw-vertical-divider .cw-divider-top {
        fill: #000
    }

}

/* -------------------- End Hero ---------------------- */

.crate {
    text-align: center;
    position: relative
}

.inventoryslideshow .inventory-title {
    font-size: 1.1rem !important
}

.inventoryslideshow .card a:hover {
    color: var(--color-theme-text)
}

.inventoryslideshow-btn .btn {
    padding: .8rem 2rem !important;
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
    letter-spacing: .02rem !important
}

.inventoryslideshow .card,
.inventoryslideshow .price-block {
    background: #c5060d
}

.inventoryslideshow .card .card-body {
    background: #060606
}

.inventoryslideshow .price-block .label {
    display: none
}

.inventoryslideshow .price-block .value {
    font-family: var(--headerfont);
    font-weight: 400 !important;
    color: #fff !important
}

.inventoryslideshow .price-block {
    background: var(--cw-accent) !important;
    color: var(--color-theme-background) !important
}

.inventoryslideshow .price-block {
    background: var(--cw-accent) !important;
    color: var(--color-theme-background) !important;
    position: absolute !important;
    padding: .3rem .7rem !important;
    top: -37px !important;
    right: 10px
}

.inventoryslideshow .card-top-img {
    background-color: #fff !important
}

ul.features-list {
    padding: .2em !important
}

.inventoryslideshow .card-body .text-center {
    text-align: left !important;
    margin-top: .5rem
}

/* -------------------- Homepage Faq ---------------------- */
.cw-home-faq {
    background-image: linear-gradient(0deg, #262626, transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
    background-size: contain
}

.bodystyle-button-text {
    color: var(--color-theme-text);
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    height: auto;
    transition: .25s ease-in;
    transition-delay: .1s;
    z-index: 5;
    font-weight: 700
}

.bodystyle-link {
    position: relative;
    display: block
}

.bodystyle-link .bodystyle-link-img {
    position: relative;
    z-index: 5;
    max-width: 200px;
    margin: auto;
    transition: .3s ease-in-out
}

.bodystyle-button {
    margin-top: -3.5rem;
    width: 100%;
    padding: 2.7rem 2rem .7rem;
    text-align: center;
    display: block;
    position: relative;
    will-change: transform;
    background: var(--color-theme-background);
    border: 1px solid var(--color-theme-border);
    border-radius: .5vw;
    transition: .3s ease-in-out;
    transition-delay: .35s;
    overflow: hidden;
    z-index: 1
}

.bodystyle-button:before {
    content: "";
    display: block;
    background: var(--color-theme-primary);
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: .8s cubic-bezier(.4, 0, 1, 1);
    z-index: 3
}

.bodystyle-button:after {
    content: "";
    display: block;
    background: var(--color-theme-highlight);
    position: absolute;
    width: 300%;
    height: 600%;
    border-radius: 100%;
    transition: .4s cubic-bezier(.4, 0, 1, 1);
    z-index: 2
}

.bodystyle-link:hover .bodystyle-button .bodystyle-button-text {
    color: var(--color-theme-text-btn)
}

.bodystyle-link:hover .bodystyle-button {
    color: transparent
}

.bodystyle-link .bodystyle-button:before {
    transform: translate(-110%, -80%) translateZ(0)
}

.bodystyle-link:hover .bodystyle-button:before {
    transform: translate(-45%, -34%) translateZ(0)
}

.bodystyle-link .bodystyle-button:after {
    transform: translate(-110%, -80%) translateZ(0)
}

.bodystyle-link:hover .bodystyle-button:after {
    transform: translate(-55%, -54%) translateZ(0)
}

.footer-info-business a:not(.footer-business-phone):not(.footer-business-email) {
    padding: .8rem 1.5rem
}

.footer a {
    border-radius: .8vw
}

.footer .nav-link {
    line-height: 1.7
}

.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;
    padding-left: 1rem;
    padding-right: 1rem
}

.inventory {
    padding-top: 0 !important;
    --cw-lighter-bg: color-mix(in srgb,
            var(--inventory-background) 96%,
            var(--inventory-text))
}

.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) !important;
    padding: .5rem 1rem;
    background: var(--color-theme-primary);
    text-decoration: none;
    border-radius: .4vw;
    font-style: italic;
    font-family: var(--headerfont);
    text-transform: uppercase;
    letter-spacing: .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 .3s ease;
}

.inventory-histogram-label .stop-top {
    stop-color: var(--color-theme-primary);
    stop-opacity: 1
}

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

body .inventory .vehicle-card.layout-1 .price-mileage-block .value {
    font-family: var(--headerfont);
    font-weight: 400
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value .dollar-symbol {
    left: -3px;
    font-size: .8em
}

.inventory .vehicle-card.layout-1 .price-mileage-block {
    border-radius: .4vw
}

.filter-widget .filter-body,
.inventory .vehicle-card.layout-1 .price-mileage-block {
    background: var(--color-theme-primary) !important;
    border: 0 !important
}

.inventory .vehicle-card .btn {
    padding: .6em 1.3em !important;
    background: #020202 !important;
    border: 0
}

body .inventory .srp-sidebar .card-header .card-title {
    font-family: var(--headerfont);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.3em
}

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

.inventory .financing a {
    color: var(--color-theme-header);
    font-size: .8rem
}

.inventory .p-veh-card .card-body {
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.inventory .inventory-card-view .p-veh-card .card-top-img {
    background-color: var(--inventory-background)
}

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

.inventory .inventory-card-view .p-veh-card .card-top-img img {
    background-color: transparent
}

.inventory .p-veh-card .carousel-indicators {
    background: var(--color-theme-background);
    background-color: color-mix(in srgb, var(--inventory-background) 70%, transparent);
    margin-bottom: 0;
    bottom: 0
}

body .inventory .card {
    color: var(--inventory-text);
    background: #232323;
    border-color: #232323;
    background: var(--cw-lighter-bg, #232323);
    border-color: var(--cw-lighter-bg, #232323);
    border-bottom: 4px solid var(--color-theme-primary);
    border-radius: 1em;
    overflow: hidden
}

.inventory .inventory-cta {
    background: #020202;
    padding-top: 1em !important
}

.inventory .filter-subsection {
    padding: 20px;
    border-bottom: 1px solid #111;
    border-radius: 1em
}

.inventory .srp-sidebar .filter-item-title::before {
    color: var(--inventory-primary) !important
}

.inventory .srp-sidebar a.filter-subsection-title::before {
    color: var(--inventory-primary) !important
}

@media(max-width:991px) {
    body .inventory .srp-sidebar {
        z-index: 1040
    }

    .inventory .filter-widget .close-filter {
        margin-left: 1rem;
        padding: 1px .5rem
    }
}

@media(min-width:992px) {
    .srp-sidebar {
        left: 0 !important
    }
}

/* --------------------VDP / Inventory Details page ---------------------- */
.inventorydetails .vdp__container {
    max-width: 100%;
}

@media(min-width:1300px) {
    .inventorydetails .vdp__container {
        padding: 0 2rem;
    }
}

.inventorydetails .disclaimerText {
    color: inherit;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .module {
    margin-top: 1.6rem;
}

.inventorydetails .vdp__title__mod.module {
    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-attachment: fixed;
    padding: 2rem;
    color: var(--color-theme-text-btn);
    border-radius: .5rem;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/34CE4DD4CE5D9A1D4149107E75E12BBC.jpg);
    background-position: center -250px;
    border-bottom: 3px solid #ed1c24
}

.inventorydetails .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, .5)
}

.inventorydetails .vdp__title__mod .d-flex {
    position: relative;
    z-index: 2;
    align-items: center !important
}

.inventorydetails .vdp__title__mod .veh__trim[VehicleHeadingWidgetCssScope] {
    display: inline-block
}

.inventorydetails .vdp__title__mod .veh__generation[VehicleHeadingWidgetCssScope] {
    display: inline-block;
    color: var(--color-theme-text-btn)
}

.inventorydetails .vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope] {
    font-family: var(--headerfont) !important;
    color: var(--color-theme-text-btn) !important;
    font-weight: 400 !important
}

.inventorydetails .vdp__title__mod .veh__price__mileage__wrapper .veh__price sup[VehicleHeadingWidgetCssScope] {
    top: -15px !important
}

.inventorydetails .vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
    color: var(--color-theme-text-btn) !important
}

.inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
    text-align: center;
    font-size: 2.25em;
    margin-top: 15px;
    font-style: italic;
}

@media(min-width:576px) {
    .inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
        text-align: left
    }
}

@media(min-width:1200px) {
    .inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
        font-size: 3rem
    }
}

.inventorydetails .loan__calc__content .btn-outline-secondary {
    font-size: 1rem !important;
    padding: 1rem .5rem !important
}

.inventorydetails .vdp__info__addt__mod .btn-secondary,
.inventorydetails .vdp__info__addt__mod .btn-secondary:focus {
    background-color: var(--color-theme-primary);
    border-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn)
}

.inventorydetails .vdp__info__addt__mod .btn-secondary:hover,
.inventorydetails .vdp__info__addt__mod .btn-secondary:before {
    background-color: var(--color-theme-highlight)
}

.inventorydetails [type=checkbox]+label::before,
.inventorydetails [type=radio]+label::before {
    border-color: #000
}

.inventorydetails [type=checkbox]:hover+label::before,
.inventorydetails [type=radio]:hover+label::before {
    border-color: #fff
}

.inventorydetails .section__title,
.inventorydetails .section__title1,
.inventorydetails .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;
    color: var(--color-theme-header) !important
}

.inventorydetails .vdp__staff__mod .section__title,
.inventorydetails .vdp__staff__mod .section__subtitle,
.inventorydetails .vdp__staff__mod .section__callout__title {
    font-family: var(--headerfont);
    font-weight: 400 !important
}

.inventorydetails .veh__price {
    font-family: var(--headerfont);
    font-weight: 400
}

.inventorydetails .vdp__dealerInfo__mod.module {
    background-image: linear-gradient(0deg, #181818, #333) !important;
    border-bottom: 3px solid var(--color-theme-primary) !important;
    box-shadow: 0 5px 9px #000;
    border: 0 !important;
    padding: 1.5rem !important;
    border-radius: .8vw !important;
}

.inventorydetails .narrow-container .vdp__message__mod.module {
    border: 0 !important;
    padding: 1.5rem !important;
    border-radius: .8vw !important;
    background-color: var(--color-theme-highlight);
    color: var(--color-theme-text-btn)
}

.inventorydetails .narrow-container .vdp__message__mod.module .disclaimerText a {
    color: var(--color-theme-border);
    text-decoration: underline !important
}

.inventorydetails .narrow-container .vdp__message__mod.module label,
.inventorydetails .narrow-container .vdp__message__mod.module .section__title,
.inventorydetails .narrow-container .vdp__message__mod.module .text-link,
.inventorydetails .narrow-container .vdp__message__mod.module .disclaimerText {
    color: var(--color-theme-text-btn) !important
}

.inventorydetails .vdp__message__mod.module .section__title,
.inventorydetails .vdp__dealerInfo__mod.module .section__title {
    margin-top: 0
}

.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important
}

.inventorydetails .vdp-module-canvas-razor-wrapper .brdr__rad10 {
    border-radius: 0 !important
}

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover {
    background-color: var(--color-theme-highlight);
    color: var(--color-theme-text-btn)
}

.inventorydetails .vdp__features__mod .features__content .veh__features {
    margin-bottom: 20px
}

.inventorydetails .hours__status.hours__status__closed {
    background-color: #c72931;
    color: #fff !important
}

.inventorydetails #LeadFormModal-RequestPhotos .vdp__message__mod.module {
    margin-top: 0 !important
}

.inventorydetails #LeadFormModal-RequestPhotos .modal-title,
.inventorydetails #viewAllPhotosModal .modal-title {
    font-size: 1.5em !important
}

.inventorydetails .vdp__loanCalc__mod.module {
    padding: 1.5rem;
    background-image: linear-gradient(0deg, #181818, #333);
    border-bottom: 3px solid #d7232c !important;
    box-shadow: 0 5px 9px #000;
    border-radius: .8vw
}

.inventorydetails .vdp__info__addt__mod {
    border-top: 0 !important;
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn) !important;
    border-radius: .8vw;
    padding: 1.5rem !important
}

.inventorydetails .vdp__info__addt__mod label {
    color: var(--color-theme-text-btn) !important
}

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

.inventorydetails .vdp-module-canvas-razor-wrapper .photos__wrapper {
    padding: 0 !important;
    background: 0 0 !important
}

.inventorydetails .photos__wrapper img {
    margin: 0 !important;
    border-radius: .8vw !important
}

@media(min-width:992px) {
    .inventorydetails .vdp-module-canvas-razor-wrapper .photos__wrapper {
        margin-top: 1rem
    }
}

.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
    background-color: #444 !important;
    color: #fff
}

.inventorydetails .vdp-module-canvas-razor-wrapper a {
    color: #e3e3e3;
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
    color: #fff
}

.inventorydetails p.veh__desc {
    color: var(--inventory-text)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .loan__calc__content label:not(.btn) {
    color: #fff
}

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
    background-color: transparent;
}

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper .value sup {
    top: -.9em;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary {
    background-color: var(--color-theme-primary) !important
}

/* -------------------- FAQ ---------------------- */
.cw-faq {
    text-align: start;
    padding: 3rem 0;
    margin: 1rem 0;
}

.cw-faq .collapse-header {
    position: relative;
    padding: 1.1rem 4rem 1.1rem 1em;
    margin-bottom: 2px;
    background: var(--color-theme-secondary);
    color: var(--color-theme-text);
    border-bottom: 2px solid var(--color-theme-primary);
    display: block;
    overflow: hidden;
    font-size: 1.1em;
    font-weight: 700;
    border-radius: .8vw
}

.cw-faq .collapse-header:hover,
.cw-faq .collapse-header:not(.collapsed) {
    background: var(--color-theme-secondary);
    color: var(--color-theme-text-btn)
}

.cw-faq .collapse-header::after {
    content: "+";
    position: absolute;
    z-index: 3;
    right: 1em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    font-size: 1.5em;
    line-height: 1em;
    transition: .2s
}

.cw-faq .collapse-header.collapsed::after {
    transform: translateY(-50%);
}

.cw-faq .collaspe-content {
    padding: 2rem 1em
}

/* -------------------- About ---------------------- */
.cw-about {}

.cw-about h5 {
    color: var(--color-theme-header);
}

/* -------------------- employees module ---------------------- */
.employees {
    padding-top: 0;
    padding-bottom: 1em
}

.employees .container {
    max-width: 100%
}

.employees .employees-title {
    color: var(--color-theme-primary);
    font-size: 1rem;
    font-weight: 700 !important;
}

.employees .card.employees-circle {
    margin-top: 5.5em;
    max-width: 30%;
    border-style: solid var(--color-theme-secondary);
}

.employees .employees-circle-inner {
    background-image: linear-gradient(0deg, #181818, #333);
    border-radius: 1em;
    border-bottom: 7px solid var(--color-theme-primary);
    box-shadow: 0 6px 11px #111
}

.employees .employees-circle .employees-contact {
    background: #232323
}

h2.employees-name {
    background-image: linear-gradient(45deg, transparent, var(--color-theme-primary), transparent)
}

.testimonial-body {
    border-bottom: 2px solid #d71c23;
    box-shadow: 0 1px 11px 2px #000;
    background-image: linear-gradient(180deg, #181818, #333);
    border-radius: 3vw 0;
    margin-bottom: 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: .55rem
}

.testimonial-info {
    padding: 0;
    border-radius: 2em 0 0 2em;
    border-bottom: 4px solid #d71c23;
    position: relative;
    z-index: 2;
    left: -3%
}

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

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

.fa-map-marker::before {
    content: "\f3c5"
}

.page-home .text {
    padding-top: 3em;
    padding-bottom: 2em;
    background-image: linear-gradient(0deg, #121212, transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg)
}

.page-home .inventoryslideshow {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1em
}

section.cw-body-styles.py-3.tighter-col {
    background-image: linear-gradient(0deg, black, #131314, #131314)
}

section.cw-search {
    position: relative;
    margin: auto;
    background: #000;
    border-bottom: 2px solid #d71c23;
    box-shadow: 0 8px 10px #d71c23
}

.cw-grand-hero {
    background: #000;
    display: block;
    overflow: hidden;
    position: relative;

    color: #fff;
    padding-top: 4em;
    padding-bottom: 3em;
    text-align: center;
}


.cw-grand-hero:before {
    overflow: hidden;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(0, 0, 0, .4)
}


.cw-grand-hero .container {
    position: relative;
    z-index: 2
}

.cw-grand-title {
    word-break: keep-all;
    white-space: pre-wrap;
    font-size: 2rem;
    line-height: 1.2
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .cw-grand-hero {
        background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/41D2FD458E790127FA9D3515B0E5F5F0.jpg");
        /*background-image: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 100%), url('imgurl');*/
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }

    .cw-grand-hero {
        padding-top: 6em;
        padding-bottom: 5em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cw-grand-title {
        font-size: 3rem;
    }
}


.popular-vehicles-sections {
    margin-top: 5rem
}

.popular-vehicles-section {
    padding: 2em 0;
    position: relative
}

.popular-vehicles-section-heading {
    background-image: linear-gradient(90deg, var(--color-theme-primary), transparent);
    color: #fff;
    padding-top: 10px;
    padding-left: 15px;
    border-radius: 10px 0 0 10px
}

.popular-vehicle-link {
    padding-bottom: 1em
}

.form h2.form-forms-header,
.loan-app-module h2.form-forms-header,
.businessinfo h2.form-forms-header {
    background-image: linear-gradient(90deg, var(--color-theme-primary), transparent);
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px 0 0 10px
}

@media(min-width:768px) {

    .form h2.form-forms-header,
    .loan-app-module h2.form-forms-header,
    .businessinfo h2.form-forms-header {
        width: 50%
    }
}

.footer,
.footer .dropdown-menu,
.footer .footer-bottom-section {
    background: var(--color-theme-secondary)
}

/* -------------------- Body style section ---------------------- */
.bodystyle-link .bodystyle-text {
    width: 100%;
    height: 100%;
    text-align: left;
    z-index: 2;
    position: relative;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .35);
    font-family: var(--headerfont);
    text-align: center
}

.bodystyle-link .bodystyle-text::before {
    font-family: var(--bodyfont);
    content: "  \02039";
    position: relative;
    right: 8px;
    top: -1px;
    transition: right .5s ease-out;
    width: 2rem;
    height: 1rem;
    line-height: 0;
    font-size: 2rem;
    letter-spacing: -4px
}

.bodystyle-link .bodystyle-text:after {
    font-family: var(--bodyfont);
    content: "  \0203A";
    position: relative;
    left: 0;
    top: -1px;
    transition: left .5s ease-out;
    width: 2rem;
    height: 1rem;
    line-height: 0;
    font-size: 2rem;
    letter-spacing: -4px
}

.bodystyle-link:hover .bodystyle-text::before,
.bodystyle-link:focus .bodystyle-text::before {
    content: "  \02039\02039";
    right: 1.8rem
}

.bodystyle-link:hover .bodystyle-text::after,
.bodystyle-link:focus .bodystyle-text::after {
    content: "  \0203A\0203A";
    left: 1rem
}

.card__multi__style1 .item__flex {
    margin-top: auto !important;
    border: none !important;
    background-color: #333 !important;
    color: var(--inventoryslideshow-text)
}

.inventoryslideshow-container {
    padding-top: 50px;
    padding-bottom: 50px
}

.productslideshow .product-img-block img,
.products .product-img-block img {
    object-fit: cover !important;
    width: 100% !important
}

.productslideshow .product-title a {
    color: var(--color-theme-text) !important
}

.productslideshow .product-price {
    color: var(--color-theme-primary) !important
}

@media(min-width:992px) {
    .navbar-expand-lg .navbar-collapse {
        margin-left: auto !important
    }
}

.popular-vehicle-link::first-line {
    font-weight: 700;
    font-size: 1.1rem
}

.line+.businessinfo,
.title+.businessinfo {
    padding-top: 3.5em !important
}



/* Text with Image =================================================================================================== */

/* This code is for Homepage about us */

.cw-welcome-angle {
    position: relative;
}

.cw-welcome-angle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-theme-primary);
    clip-path: polygon(0 1%, 29% 51%, 0 100%, 50% 51%);
    height: 100%;
    width: 8vw;
    z-index: 2;
    transform: rotateY(180deg);
}

.cw-welcome-angle::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    background-color: var(--color-theme-secondary);
    clip-path: polygon(0 1%, 0 100%, 50% 51%);
    height: 100%;
    width: 8vw;
    z-index: 1;
    transform: rotateY(180deg);
}

/* This code is for Homepage Service and about us */

.cw-angle {
    position: relative;
}

.cw-angle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--color-theme-primary);
    clip-path: polygon(0 1%, 29% 51%, 0 100%, 50% 51%);
    height: 100%;
    width: 8vw;
    z-index: 2;
}

.cw-angle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--color-theme-secondary);
    clip-path: polygon(0 1%, 0 100%, 50% 51%);
    height: 100%;
    width: 8vw;
    z-index: 1;
}

/* 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 */
.inventorydetails .vdp__container .columns>.row {
    margin-left: 0;
    margin-right: 0;
}

/* -------------------- Sticky nav fixes/changes ---------------------- */
/*  fix sticky nav width  */
.inventorydetails .vdp__sticky-navigation__mod.row,
.inventorydetails .full-container .vdp__photoGrid.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;
}

/* -------------------- VDP colors (tacked on during Sticky nav addition. There might be some overlap with code above, but we can clean that up later. ---------------------- */
.page-inventory-details label {
    color: inherit;
}

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

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

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

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

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

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

body .vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
body .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
    color: var(--color-theme-text-btn);
    background-color: var(--color-theme-primary);
    border-color: var(--color-theme-primary)
}

/* amercian first finance auto repair */

.btn-green{
	background: #009420 !important
}

.btn-green:hover{
	background: #009a22 !important
}