@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css";

h1,
h2,
h3,
h4,
h5,
.h5 {
	font-weight: 900 !important;
	text-transform: uppercase
}

.title+.text {
	margin-top: 0
}

.wow {
	visibility: hidden
}

.btn {
	font-weight: 400 !important
}

.header .navbar, .header .navbar.bg-primary {
	height: 168px;
}

@media (min-width: 280px) {
	.header .navbar, .header .navbar.bg-primary {
		height: unset;
	}
}

@media (min-width: 992px) {
	.header .navbar, .header .navbar.bg-primary {
		height: 168px;
	}
}

header {
	border-bottom: 1px solid #e1e1e1
}

.header .navbar-nav .nav-link {
	font-weight: 700 !important;
	text-transform: uppercase
}

.header .header-info-logo-img img {
	width: 200px
}

.cw-header-contact a:hover {
	color: #fff
}

.cw-header-contact .fa {
	display: inline-block;
	vertical-align: middle;
	padding-right: .25rem;
	color: var(--color-theme-secondary)
}

.cw-address,
.cw-phone {
	position: relative;
	vertical-align: middle;
	margin: .25rem;
	/* padding-left: 1.1rem; */
	color: #fff;
	font-size: .8rem;
	text-transform: uppercase;
	font-weight: 700
}

.cw-address:before {
	font-family: FontAwesome;
	content: "\f3c5";
	/* position: absolute; */
	/* left: 0; */
	padding-right: .5rem;
	color: #fff
}

.cw-phone:before {
	font-family: FontAwesome;
	content: "\f2a0";
	/* position: absolute; */
	/* left: 0; */
	padding-right: .5rem;
	color: #fff
}

    /* Hide hours until JS shortens hours */
    .cw-header-bar .cw-bar-wrap {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
    }
    .cw-lineHours {
        display: none;
        padding: 0.75rem;
        text-align: center;
    }

    /* Inline container */
    .cw-lineHours .cw-hours-inline {
        display: inline-block;
    }

    /* Wrapping row of chunks */
    .cw-lineHours .cw-hours-text {
        display: flex;
        flex-wrap: wrap;
        gap: .25rem .75rem;
        line-height: 1.4;
        color: #fff;
        font-size:0.8em;
    }

    /* Each grouped range with its own icon */
    .cw-lineHours .cw-chunk {
        display: inline-flex;
        align-items: center;
        white-space: normal;
    }

    /* Icon before each range */
    .cw-lineHours .cw-chunk i {
        margin: 0 .35rem;
        font-size: 0.8rem;
        line-height: 1;
        flex: 0 0 auto;
    }

    /* Bold day/day-range */
    .cw-lineHours .cw-day {
        font-weight: 600;
        margin-right: 0.25rem;
    }

    .cw-lineHours .cw-time {
        opacity: 0.7;
    }

.header .navbar .active>.nav-link,
.header .navbar .nav-link:hover {
	color: var(--color-theme-highlight)
}


.header .dropdown-item .badge {
	background: var(--color-theme-secondary);
	color: var(--color-theme-text-btn);
}

@media(max-width: 992px) {
	.cw-header-contact {
		display: none;
	}
}

@media(min-width:992px) {
	.cw-header-info .container {
		max-width: 1140px
	}

	.cw-header-info .header-info-logo-img {
		position: absolute;
		z-index: 1040;
		top: 34px
	}

	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% - 210px);
		justify-content: center
	}

	.cw-phone,
	.cw-address {
		margin-right: 2rem
	}
}

@media(min-width:1400px) {

	.header .container,
	.cw-header-contact .container {
		max-width: 1340px
	}
}

.inventory-search-module {
    padding: 50px 0px;
    background-color: #F4F4F4;
	margin: 0px !important;
}

section.inventory-search-module .form__wrapper {
	background-color: #F4F4F4 !important;
    color: #000000;
	background-size: contain
}

.cw-list {
	margin: 2rem 0
}

.cw-card {
	position: relative;
	overflow: hidden;
	/* max-height: 300px; */
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5)
}

.cw-card a {
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.cw-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: background .5s ease-out
}


.cw-card .cw-card-img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover
}

.cw-card .cw-card-img-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 1.75rem;
	justify-content: center;
	color: #fff;
	text-transform: uppercase;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

.cw-card-title {
	font-size: 1.5rem;
	margin-bottom: 1rem
}

@media(min-width:768px) {
	.cw-list {
		margin: 4rem 0
	}
}

.page-home .list {
	padding: 0
}

.page-home .list .list-wrap {
	margin-bottom: 2em !important
}

.page-home .list .list-img-wrap {
	margin: auto;
	padding: 34% 0
}

.page-home .list .list-img-photo {
	background-size: contain
}

.page-home .list .list-text-title {
	text-transform: none;
	text-transform: uppercase
}

.page-home .list .list-text-btn {
	display: none
}

@media(min-width:992px) {
	.page-home .text h3 {
		font-size: 2.5rem
	}

	.page-home .text .lead {
		font-size: 1.35rem
	}
}

@media(min-width:1400px) {
	.page-home .text h3 {
		font-size: 3.25rem
	}
}

.cw-textImage {
	position: relative;
	overflow: hidden;
}

.cw-textImage1 {
	margin-bottom: 1rem
}

.cw-textImage2 {
	margin-bottom: 5rem
}

.cw-textImage1 .cw-content {
	padding: 2rem;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BD664CE04C7B7D31509402500C81D72A.jpg) center;
	background-size: cover;
	color: #fff
}

.cw-textImage1 .cw-image {
	min-height: 300px;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/343FC8F93751CD88B84A8F846B32C335.jpg);
	background-size: cover
}

.cw-textImage2 .cw-image {
	padding: 0
}

.cw-textImage2 .cw-content {
	padding: 2rem;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/2A9EA7B29A326555267FACB1442705F3.jpg) center;
	background-size: cover;
	color: #fff
}

.cw-content h4 span {
	font-style: italic;
	font-size: 60%
}

.cw-intro img {
	width: 200px
}

.cw-textImage .cw-hours {
	position: relative;
	margin: 0
}

.cw-textImage .cw-hours:before {
	padding-top: .25rem;
	font-size: 2rem;
	color: var(--color-theme-secondary)
}

.cw-mapContact {
	padding: 1rem 0;
	background: rgba(0, 0, 0, .1)
}

.cw-textImage .cw-address {
	font-size: 1rem
}

.cw-textImage .cw-address:before {
	color: var(--color-theme-secondary)
}

@media(min-width:992px) {
	.cw-textImage .cw-content {
		padding: 8% 4%
	}

	.cw-textImage1 .cw-image,
	.cw-textImage2 .cw-content {
		border-left: .5rem solid #fff
	}

	.cw-textImage2 .cw-image,
	.cw-textImage1 .cw-content {
		border-right: .5rem solid #fff
	}

	.cw-textImage h3 {
		font-size: 2.25rem
	}

	.cw-textImage h4 {
		font-size: 1.75rem
	}

	.cw-intro h2 {
		font-size: 2.25rem
	}
}

@media(min-width:1400px) {
	.cw-textImage h3 {
		font-size: 2.75rem
	}

	.cw-textImage h4 {
		font-size: 2rem
	}

	.cw-intro h2 {
		font-size: 3rem
	}

	.cw-textImage .cw-content {
		padding: 8%
	}
}

.popular-vehicles-sections {
	padding: 2em
}

.popular-vehicles-section-heading::after {
	content: "";
	display: block;
	height: 3px;
	width: 80px;
	margin: .5rem 0 1.5rem;
	background-color: var(--color-theme-secondary)
}

.cw-services {
	padding: 28px 0 85px
}

.cw-services .container {
	max-width: 1500px
}

.cw-services h2 {
	text-transform: uppercase;
	margin-bottom: 1rem
}

.cw-services .cw-service-item {
	margin-bottom: 2rem
}

.cw-services .cw-service-item img {
	width: 270px;
	margin-bottom: 1rem;
	margin-top: 1.5rem
}

@media(min-width:768px) {
	.cw-services .cw-service-item {
		padding: 0 1rem
	}

	.cw-services h2 {
		font-size: 3.25rem
	}
}

.page-home .inventoryslideshow {
	margin: 2em 0 15px;
	padding-top: 4rem;
	background: #ffffff
}

.inventoryslideshow h3 {
	font-size: 1.1rem !important;
	text-transform: none
}

.inventoryslideshow h3:hover {
	color: var(--color-theme-secondary)
}

.inventoryslideshow .item__data__price,
.inventoryslideshow .item__data__value {
	font-size: .95rem !important;
	text-shadow: 0 0 3px #000
}

.inventoryslideshow-slick {
	padding: 1rem 0 1.5rem;
	margin-bottom: 0 !important
}

.inventoryslideshow .card__multi__style7 .item__style {
	display: none
}

.card__multi__style7 .item__card__photo img {
	border-radius: 0 !important
}

.card__multi__style7 .item__card__photo:after {
	border-radius: 0 !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent) !important;
	color: #fff
}

@media(min-width:992px) {
	.inventoryslideshow-title-heading {
		font-size: 2.5rem
	}
}

@media(min-width:1400px) {
	.inventoryslideshow-title-heading {
		font-size: 3.25rem
	}
}

.inventory {
	padding-top: 0 !important
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value {
	font-size: 1rem !important
}

.inventory .vehicle-card .card-body h5.inventory-title {
	text-transform: none;
	font-size: 1.1rem
}

.inventory .srp-sidebar .card-header::before {
	border-color: transparent !important
}

body .inventory .vehicle-card.layout-1 .price-mileage-block {
	background: rgba(180, 180, 180, 0.15);
}

body .inventory .btn-link.btn-clear-filter {
	color: var(--color-theme-text-btn);
}

.inventory .srp-sidebar .card-header .card-title {
	color: #fff
}

.inventory .inventory-cta .btn {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important
}

.inventory .vehicle-card.layout-2 .price {
	background: var(--color-theme-highlight) !important;
	font-weight: 700;
	color: #333 !important
}

body .p-veh-card .card-top-img a {
	display: block;
}

body .inventory .carousel-indicators {
	background: transparent !important;
	bottom: 0;
	margin-bottom: 0;
}

.inventory .carousel-indicators [data-bs-target] {
	width: 7px;
	height: 7px;
	background: var(--color-theme-highlight)
}

.btn-primary {
	background-color: #2D638E !important;
    color: var(--color-theme-text-btn);
    border-color: #2D638E !important;
}

.inventory .btn-primary,
.inventory .btn-primary:focus {
	background: var(--color-theme-highlight) !important;
	border-color: var(--color-theme-highlight) !important
}

.vdp__title__mod {
	background: var(--color-theme-highlight);
	padding: 1.5rem 1rem 1rem
}

.vdp-module-canvas-razor-wrapper .btn-secondary,
section.page-inventory-details .btn.btn-primary,
.vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important
}

.vdp-module-canvas-razor-wrapper .btn-secondary:hover {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important
}

.page-inventory-details .module,
.vdp-module-canvas-razor-wrapper .module {
	margin-top: 25px !important
}

.page-inventory .container.mb-4 {
	max-width: none;
	margin-bottom: 0 !important;
	padding: 1rem;
	background: var(--color-theme-primary);
	color: #fff
}

.veh__trim[VehicleHeadingWidgetCssScope],
.veh__title[VehicleHeadingWidgetCssScope],
.veh__generation[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__price__mileage__wrapper .veh__price[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__price__mileage__wrapper .veh__mileage .mileage__value[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
	color: #fff !important
}

.vdp__title__mod .veh__price__mileage__wrapper .veh__price[VehicleHeadingWidgetCssScope] {
	font-size: 1.5rem !important
}

@media(min-width:992px) {
	.page-inventory .container.mb-4 {
		padding: 3rem 4rem
	}
}

@media(min-width:1400px) {
	.inventory .vehicle-card.layout-1 .price-mileage-block .value {
		font-size: 1.1rem !important
	}

	.inventory .vehicle-card .card-body h5.inventory-title {
		text-transform: none;
		font-size: 1.2rem
	}
}

section:not(.page-home) .title {
	position: relative;
	margin-bottom: 2.5rem;
	background-color: #F4F4F4;
	background-size: cover;
	text-align: center
}

section:not(.page-home) .title .title-heading {
	position: relative;
	z-index: 1;
	margin: auto;
	padding: 2rem 0;
	color: rgb(0, 0, 0);
	text-shadow: 0 0 4px #d8d8d8
}

section:not(.page-home) .title h1 {
	font-size: 2rem
}

section:not(.page-home) .form {
	padding-top: 1rem
}

.employees-email {
	font-size: .85rem
}

@media(min-width:992px) {
	section:not(.page-home) .title .title-heading {
		padding: 3.5rem 0
	}

	section:not(.page-home) .title h1 {
		font-size: 2.5rem
	}
}

.form-forms-header {
	font-size: 1.75rem
}

hr {
	opacity: 1
}

.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%
}

.form .bootstrap-select .dropdown-menu li.selected a,
.form .bootstrap-select .dropdown-menu li.selected a:hover {
	color: #000;
	background: 0 0
}

.bootstrap-select .dropdown-menu li a span.text {
	display: inline;
	background: 0 0
}

.bootstrap-select>.dropdown-toggle.bs-placeholder::after {
	border-top-color: var(--color-theme-highlight)
}

footer>.container {
	position: relative;
	min-height: 190px
}

.footer .dropdown-menu {
	position: relative;
	display: block !important;
	min-width: 0 !important;
	padding: 0;
	border: 0
}

.footer .dropdown-toggle {
	pointer-events: none
}

.footer a.dropdown-item {
	display: block !important;
	padding: .25rem;
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 400 !important
}

.footer-nav-links .nav-item {
	padding: 0 .5rem;
	font-size: .8rem;
	text-align: center;
	padding: 0 .25rem
}

.footer .nav .nav-link {
	text-transform: uppercase
}

.footer h2.footer-business-name {
	font-size: 1.25rem
}

.footer-business+.footer-business-phone:before {
	display: none
}

.footer-social-links a {
	padding: 0 .25rem
}

.footer-info-business span,
.footer-info-business a {
	font-size: .85rem
}

@media(min-width:992px) {
	.footer-social-links {
		position: absolute;
		left: 10%;
		bottom: 1rem;
		z-index: 2
	}

	footer .footer-info-business {
		position: absolute;
		left: 0;
		top: 0;
		width: 30%;
		padding-right: 1rem
	}

	.footer-info-business a:not(.footer-business-phone):not(.footer-business-email) {
		padding: 0
	}

	a.footer-business-phone {
		display: block;
		margin-top: .25rem
	}

	.footer ul.nav {
		flex-wrap: nowrap;
		text-align: left !important
	}

	.footer-nav-links {
		position: absolute;
		top: -1rem;
		right: 0;
		width: 70%;
		background: rgb(0 0 0/5%);
		padding: 1.5rem 0
	}

	.footer .dropdown-menu {
		max-width: 180px;
		text-align: center;
		background: 0 0
	}

	.dropdown-toggle::after {
		color: var(--color-theme-secondary)
	}
}

/* -------------------- VDP ---------------------- */

.sn_business_openclose.open {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-text-btn) !important;
}


.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:hover {
	background: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:before {
	background: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a {
	color: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a:hover {
	color: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a {
	color: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a:hover {
	color: var(--color-theme-secondary);
}


.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .store__hours {
	margin-bottom: 1em;
}

/* Footer and VDP spacing */
.vdp-module-canvas-razor-wrapper {
	margin-bottom: 2em;
}

/* Quick Connect Module */
.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod .section__title {
	color: var(--color-theme-header);
}



.cw-textImage {
    padding: 3.5em 0;
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FFB334BFB6D5BD37ADCB9539DD531501.jpg")
      center;
    background-size: cover;
    overflow: hidden;
  }

  .cw-textImage img {
    margin-bottom: 2rem;
  }

  .cw-textImage h3 {
    margin-bottom: 1rem;
  }

  @media (min-width: 992px) {
    .cw-textImage h3 {
      margin-bottom: 1rem;
      font-size: 2rem;
    }

    .cw-textImage img {
      margin-bottom: 0;
    }
  }

  @media (min-width: 1440px) {
    .cw-textImage {
      background-attachment: fixed;
    }
  }

  /* -------------------- Fancy Buttons ---------------------- */
  /* Used somewhat globally on site. Try not to keep repeated declarations if you grab multiple snippets that contain this */
  /* If you want to just skip these custom buttons, you can just delete this and change to using standard bootstrap button classes */
  .cw-primary-button,
  .cw-secondary-button {
    /* font-family: montserrat, sans-serif; */
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 0.8rem 2.1rem;
    background-image: linear-gradient(
      135deg,
      var(--color-theme-primary) 0%,
      var(--color-theme-primary) 50%,
      transparent 51%,
      transparent 100%
    );
    background-size: 230%;
    background-position: 130%;
    background-repeat: no-repeat;
    transition: 0.3s ease-in-out;
    transition-property: background-position, border, color;
    position: relative;
    z-index: 1;
    text-align: center;
  }

  .cw-primary-button {
    color: var(--color-theme-text-btn);
    border: 1px solid var(--color-theme-primary);
    background-color: #246489;
  }

  .cw-secondary-button {
    color: var(--color-theme-primary);
    border: 1px solid var(--color-theme-text-btn);
    background-color: var(--color-theme-text-btn);
  }

  .cw-primary-button:hover,
  .cw-secondary-button:hover {
    border: 1px solid var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    background-position: 0%;
  }

  .cw-primary-button:hover:before {
    background-color: var(--color-theme-text-btn);
  }

  .cw-primary-button:hover:after {
    background-color: var(--color-theme-text-btn);
  }

  .cw-button-borders {
    position: relative;
    width: fit-content;
    height: fit-content;
  }

  .cw-button-borders:before {
    content: "";
    position: absolute;
    width: calc(100% + 0.5em);
    height: 50%;
    left: -0.3em;
    top: -0.3em;
    border: 1px solid var(--color-theme-text-btn);
    border-bottom: 0;
  }

  .cw-button-borders:after {
    content: "";
    position: absolute;
    width: calc(100% + 0.5em);
    height: 50%;
    left: -0.3em;
    bottom: -0.3em;
    border: 1px solid var(--color-theme-text-btn);
    border-top: 0;
    z-index: 0;
  }

  /* option to change the border color on the border buttons */
  .cw-button-borders.cw-invert:before {
    border-color: var(--color-theme-primary);
  }

  .cw-button-borders.cw-invert:after {
    border-color: var(--color-theme-primary);
  }

  /* End Fancy buttons */



  /* Price Buttons */


  .cw-price-btn {
	background-color: #212529;
	  color: #fff;
	  padding: 42px 0px;
	  width: 236px;
	  height: 106px;
	  margin: 20px;
  }
  
  .cw-price-btn:hover {
	background-color: #16648A;
	color: #fff;
  }
  
  @media (min-width: 280px) {
	.cw-price-btn {
	  width: 182px;
  }
  }
  
  @media (min-width: 330px) {
	.cw-price-btn {
	  width: 236px;
  }
  }
  
	.cw-flipcards .bg-gray {
	  background: #efefef;
	}
  
	.cw-flipcards .bg-primary {
	  background: var(--color-theme-primary) !important;
	}
  
	.cw-flipcards .animated-card {
	  position: relative;
	  height: 121px;
	  margin-bottom: 2em;
	  background-color: #212529;
	  color: #fff;
	}
  
	.cw-flipcards .animated-card .front {
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 10;
	  height: 100%;
	  width: 100%;
	  padding: 47px 0px;
	}
  
	.cw-flipcards .animated-card:hover .front {
	  z-index: -1;
	}
  
	.cw-flipcards .animated-card .back {
	  position: absolute;
	  top: 0;
	  left: 0;
	  cursor: default;
	  z-index: -1;
	  height: 100%;
	  width: 100%;
	  display: flex;
	  flex-flow: column;
	  justify-content: center;
	  align-items: center;
	}
  
	.cw-flipcards .animated-card:hover .back {
	  z-index: 1;
	}
  
	.cw-flipcards .fa.fa-calendar,
	.cw-flipcards .fa.fa-shopping-cart,
	.cw-flipcards .fa.fa-check,
	.cw-flipcards .fa.fa-users {
	  position: relative;
	  top: 20px;
	  font-size: 1.15em;
	}
  
	.cw-flipcards .fa-circle {
	  color: var(--color-theme-primary);
	}
  
	.cw-flipcards .fa-stack {
	  width: 4em !important;
	  height: 4.5em !important;
	}
  
	.cw-flipcards .fa-stack-2x {
	  font-size: 4em;
	}


	/* Find Banner */

	  /* ---- Service Banner ----*/
	  .cw-homeSpecial {
		background-image: linear-gradient(
			-45deg,
			#333333de,
			rgba(0, 0, 0, 0.3)
		  ),
		  url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/85738D894C7D5FF69E191D2491F58CEF.jpg);
		background-position: 50% 64%;
		background-size: cover;
		padding: 3em 0;
		background-attachment: fixed;
	  }
	
	  .cw-homeSpecial > .container {
		color: var(--color-theme-text-btn);
	  }
	
	  .cw-homeSpecial .cw-btn-outline {
		border-color: #e4e9df;
		color: #e4e9df;
	  }
	
	  .cw-homeSpecial .cw-btn-outline:hover {
		background: #e4e9df;
		color: var(--color-theme-primary);
	  }
	
	  .cw-homeSpecial .cw-homeSpecial-wrapper {
		padding: 2em;
	  }
	
	  .cw-homeSpecial h4 {
		font-size: 2rem;
	  }
	
	  .cw-homeSpecial img {
		width: 400px;
	  }
	
	  @media (min-width: 768px) {
		.cw-homeSpecial h4 {
		  font-size: 2rem;
		}
	  }
	
	  @media (min-width: 992px) {
		.cw-homeSpecial h4 {
		  font-size: 2.5rem;
		}
	
		.cw-homeSpecials .lead {
		  font-size: 1.3rem;
		}
	  }


	  /* cAR FINDER BANNER */

	  /* Book Banner */
  
	/* Left Side */
	.cw-book-banner {
		background-color: var(--color-theme-background);
		overflow: hidden;
		position: relative;
		background-color: #16648A;
		padding: 2.5rem 0;
		margin-bottom: 0rem;
	  }
	
	  /* Right Text */
	  .cw-book-banner .cw-text-section {
		z-index: 1;
		position: relative;
		padding-top: 1rem;
		padding-bottom: 1rem;
		color: #000;
	  }
	
	  .cw-book-banner .cw-text-section h3 {
		font-size: 18px;
		font-weight: 900;
		color: #ffffff;
		margin: 0 0 0.5rem;
		text-align: left;
	  font-weight: 100 !important;
	  }
	
	  .cw-book-banner .cw-text-section h4 {
		font-size: calc(1.2rem + 0.6vw);
	  }
	
	  .cw-book-banner .cw-text-section p {
		font-size: 1.1rem;
	  }
	
	  .cw-book-banner .cw-text-section .cw-btn-gradient {
		background: var(--color-theme-primary);
	
		background: linear-gradient(
		  to bottom,
		  var(--color-theme-highlight) 0%,
		  var(--color-theme-secondary) 100%
		);
	
		display: inline-block;
		padding: 10px 30px;
		color: var(--color-theme-text-btn);
		border-radius: 20px;
		font-size: 1.4rem;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		transition: 0.3s;
	  }
	
	  .cw-book-banner .cw-text-section .cw-btn-gradient:hover {
		transform: scale(1.05);
	  }
  
	.cw-finder-btn {
	  background-color: #fff !important;
	  color: #000 !important;
	}
	
	  /* ---------------- Media Query ---------------- */
	
	  @media (min-width: 280px) {
		.cw-book-banner .cw-text-section h3 {
		  text-align: center;
		}
	  }
	
	  @media (min-width: 440px) {
	  }
	
	  @media (min-width: 768px) {
		.cw-book-banner .cw-text-section h3 {
		  font-size: 21px;
		}
	
		.cw-book-banner .cw-text-section h4 {
		  font-size: 2.3rem;
		}
	
		.cw-book-banner .cw-text-section ul {
		  font-size: 1.4rem;
		  margin-bottom: 4px;
		}
	
		.cw-book-banner .cw-text-section p {
		  font-size: 1.3rem;
		}
	  }
	
	  @media (min-width: 992px) {
		.cw-book-banner .cw_checkmark {
		  width: 250px;
		}
	
		.cw-book-banner .cw_arrow {
		  left: 230px;
		}
	
		.cw-book-banner .cw_checkmark {
		  margin: 0 0 0 100px;
		}
	
		.cw-book-banner .cw-text-section {
		  padding-top: 0;
		}
	
		.cw-book-banner .cw-text-section h3 {
		  text-align: left;
		}
	  }
	
	  @media (min-width: 1200px) {
		.cw-book-banner .cw-text-section .cw-btn-gradient {
		  padding: 10px 80px;
		}
	
		.cw-book-banner .cw-text-section h3 {
		  margin-bottom: -1rem;
		}
	  }

	  .inventory-cta .btn:hover {
		color: #fff !important;
	  }

	  /* Home page cards */
  .cw-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
  }

  .cw-card-link:hover {
    text-decoration: none;
  }

  .cw-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height: 362px;
    cursor: pointer;
    border: 1px solid #d9d9d9 !important;
    transition: transform 0.3s ease;
  }

  .cw-card:hover {
    transform: translateY(-4px);
  }

  .cw-icon-img {
    width: 138px;
    margin: auto;
  }

  .cw-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 20px 44px;
    color: rgb(0, 0, 0);
  }

  .cw-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0;
    transition: transform 0.4s ease;
  }

  .cw-card-body {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }

  .cw-card-body button {
    background: #34638d;
    color: #fff;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
  }

  .cw-card-body button:hover {
    background: #10416b;
    color: #ffffff;
  }

  .cw-card:hover .cw-card-title {
    transform: translateY(-20px);
  }

  .cw-card:hover .cw-card-body {
    opacity: 1;
    max-height: 200px;
  }

  @media (min-width: 280px) {
    .cw-card {
      margin: 12px 0px;
    }
  }

  @media (min-width: 992px) {
    .cw-list .container {
      max-width: 1400px;
    }

    .cw-card {
      height: 362px;
      margin: 0px;
    }
  }