@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;
}

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

/* -------------------- Header ---------------------- */

.header .navbar,
.header .navbar.bg-primary {
	background: 0 0 !important;
	/* position: relative; */
	/* z-index: 1030 */
}

ul.navbar-nav {
	background: rgba(0, 0, 0, .5) !important;
	border-radius: 2em;
	padding: 5px
}

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

.header .badge {
	color: inherit
}

.header .cw-header-logo {
	text-align: center
}

.header .cw-header-logo img {
	width: 350px
}

.header .navbar-dark .navbar-nav .nav-item .nav-link:before {
	border-width: 0 !important
}

.header .navbar-dark .navbar-nav a.nav-link:hover {
	-webkit-box-shadow: 0 0 0 .05rem var(--header-highlight);
	box-shadow: 0 0 0 .05rem var(--header-highlight)
}

.cw-header-info {
	padding: .5rem
}

.header .cw-header-info a,
.header span {
	vertical-align: middle
}

.header .cw-header-info a {
	font-weight: 700;
	font-size: 1.1rem;
	color: #fff
}

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


.header .header-container {
	display: flex;
	flex-flow: column;
}

.cw-under-header-banner {
	background-color: #d71c23;
	color: #fff;
	text-align: center;
	padding: 1rem 0;
	/* Technically since this is the only order value it's put at the end which is where I want it */
	order: 3;
}

.cw-under-header-banner h2 {
	font-size: 1.5rem;
}

.cw-under-header-banner p {
	font-size: 1.2rem;
	margin: 0;
}



@media(min-width: 992px) {
	.header .navbar-dark .navbar-nav .nav-link {
		line-height: 28px;
		border-radius: 50px
	}

	.header .cw-header-logo {
		position: absolute;
		top: 43px;
		z-index: 1030;
		padding: 0
	}

	.header .cw-header-logo img {
		width: 320px
	}

	nav.navbar .container {
		min-height: 110px
	}

	.page-inventory-details .inventorydetails {
		padding-top: 4rem
	}

	.header.has-cart .collapse.justify-content-center,
	.header .navbar-collapse.justify-content-center {
		-webkit-box-pack: flex-end !important;
		-ms-flex-pack: flex-end !important;
		justify-content: flex-end !important
	}

	.header .navbar-nav:not(.navbar-cart) {
		max-width: calc(100% - 310px);
		justify-content: center
	}

	section:not(.page-home) .title {
		/* padding: calc(110px + 4rem) 0 1.5em !important; */
		/* margin-top: -110px; */
		/* padding: calc(var(--cw-headerHeight) + 4rem) 0 1.5em; */
		padding: 2rem 0;
		/* margin-top: calc(-1 * var(--cw-headerHeight)); */

		margin-bottom: 2.5em;
		min-height: 210px;
		/* position: relative; */
		/* z-index: -1; */
	}

	section:not(.page-home) .title .title-heading {
		font-size: 2rem
	}

	section:not(.page-inventory-details) .cw-header-info {
		/* position: fixed; */
		/* z-index: 1031; */
		/* top: 0; */
		/* left: 0; */
		/* width: 100% */
	}

	section:not(.page-inventory-details) nav.navbar .container {
		/* margin-top: 43px */
	}

	.page-inventory-details .header .header-container {
		/* display: flex; */
		/* flex-flow: column-reverse */
	}

	section:not(.page-home) .title {
		/* padding-top: 140px */
	}

	section:not(.page-home) .title .title-heading {
		/* padding: 4.5rem 0 */
	}

	section:not(.page-home) .title h1 {
		/* font-size: 3rem */
	}
}


/* -------------------- Global??? ---------------------- */

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




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

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




@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 ---------------------- */

:root {
	--cwVar-SS-height: clamp(250px, 50vw, 720px);
}

.cw-SlideShow-split {
	position: relative;
	width: 100%;
	min-height: var(--cwVar-SS-height);
}

.cw-SlideShow-split .cw-SS-wrap {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100vw;
	min-height: var(--cwVar-SS-height);
	overflow: hidden;
}

.cw-SlideShow-split .cw-SS-wrap .slider {
	width: 100vw;
	min-height: var(--cwVar-SS-height);
	z-index: 0;
}

.cw-SlideShow-split .cw-SS-wrap .slider:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0/20%);
	background-size: cover;
	pointer-events: none;
}

.cw-SlideShow-split .cw-SS-wrap .slider .item {
	min-height: var(--cwVar-SS-height);
	width: 100vw;
	position: relative;
	overflow: hidden;
	border: none;
}

.cw-SlideShow-split .cw-SS-wrap .slider .item img {
	width: 100%;
	height: var(--cwVar-SS-height);
	object-fit: cover;
}

.cw-SlideShow-split .cw-SS-wrap .slick-dots {
	position: absolute;
	z-index: 100;
	width: 40px;
	height: auto;
	bottom: auto;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	left: auto;
	color: #fff;
	display: block;
}

.cw-SlideShow-split .cw-SS-wrap .slick-dots li {
	display: block;
	width: 100%;
	height: auto;
}

.cw-SlideShow-split .cw-SS-wrap .slick-dots li button {
	position: relative;
	width: 20px;
	height: 15px;
	text-align: center;
}

.cw-SlideShow-split .cw-SS-wrap .slick-dots li button:before {
	content: "";
	background: #fff;
	height: 2px;
	width: 20px;
	border-radius: 0;
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
	opacity: 0.6;
}

.cw-SlideShow-split .cw-SS-wrap .slick-dots li.slick-active button:before {
	width: 40px;
	opacity: 1;
}

.cw-SlideShow-split .cw-SS-wrap.cw-slide-left {
	display: none;
	left: 0;
	z-index: 0;
	width: 50%;
	pointer-events: none;
}

.cw-SlideShow-split .cw-SS-wrap.cw-slide-left .slider {
	left: 0;
	position: absolute;
}

.cw-SlideShow-split .cw-SS-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	font-weight: 700;
	width: 70%;
	text-align: center;
	color: #fff;
}

.cw-SlideShow-split .cw-SS-text h1 {
	margin-bottom: 1.25rem;
	font-size: 1.65rem;
}

.cw-SlideShow-split .cw-SS-text h1 span {
	font-size: 1.4rem;
}

.cw-SlideShow-split .cw-SS-text h1 {
	text-shadow: 0 0 12px rgb(0 0 0/40%);
}

@media (min-width: 576px) {
	.cw-SlideShow-split .cw-SS-text {
		top: 50%;
		left: 48%;
		width: 80%;
		text-align: left;
	}

	.cw-SlideShow-split .cw-SS-text h1 {
		font-size: 2.5rem;
	}

	.cw-SlideShow-split .cw-SS-text h1 span {
		font-size: 1.5rem;
	}

	.cw-SlideShow-split .cw-SS-wrap.cw-slide-left {
		display: block;
	}
}

@media (min-width: 768px) {
	.cw-SlideShow-split .cw-SS-text {
		left: 30%;
		width: 50%;
	}
}

@media (min-width: 992px) {
	.cw-SlideShow-split .cw-SS-text {
		top: 55%;
		left: 35%;
		width: 55%;
	}
}

@media (min-width: 1400px) {
	.cw-SlideShow-split .cw-SS-text h1 {
		font-size: 4.5rem;
		line-height: 1;
	}

	.cw-SlideShow-split .cw-SS-text h1 span {
		font-size: 3.5rem;
	}

	.cw-SlideShow-split .cw-SS-text {
		left: 32.5%;
		width: 800px;
	}
}


/* -------------------- 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
}



section:not(.page-home) .title {
	position: relative;
	margin-bottom: 2.5rem;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/C4FACD6C45129B336358757DF351A7AE.jpg) no-repeat center;
	background-size: cover;
	text-align: center
}

section:not(.page-home) .title:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0/58%)
}

section:not(.page-home) .title .title-heading {
	position: relative;
	z-index: 1;
	margin: auto;
	padding: 2rem 0;
	color: #fff;
	text-shadow: 0 0 4px #000;
	text-transform: none
}

section:not(.page-home) .title h1 {
	font-size: 2rem
}

section:not(.page-home) .form {
	padding-top: 1rem
}

.employees-email {
	font-size: .85rem
}

/* -------------------- 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: #fff !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;
}

/* .modal-header .close {
	color: #f5f5f5 !important;
	opacity: 1;
}

.modal-header .close {
	color: #ffffff !important;
	opacity: 1;
}

.modal-header .close {
	color: #ffffff !important;
	opacity: 1;
}

.modal-header .close {
	color: #ffffff;
	opacity: 1;
} */

.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, #cfcfcf, #8f8f8f) !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, #d5cdcd, #b0b0b0);
	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: #CCCCCC;
	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 {
	display: block;
	overflow: hidden;
	padding-top: 6em;
	padding-bottom: 5em;
	color: #fff
}

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

@media(max-width:567px) {
	.cw-grand-hero {
		text-align: center;
		padding-top: 4em;
		padding-bottom: 3em;
		padding-left: 1rem;
		padding-right: 1rem
	}
}

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

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

@media(max-width:767px) {
	.cw-grand-title {
		font-size: 2rem
	}
}

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

/* Fix SRP Filter Boxes */
/* #inventoryFilter input,
#multiselect-multiselect-trim {
	background: #ffffff;
	color: #ccc;
}

#inventoryFilter input:checked {
	background: var(--color-theme-primary) !important;
	color: #ccc;
}

#inventoryFilter .dropdown-multiselect .hover-pointer:hover {
	background-color: #111;
}

#inventoryFilter .dropdown-multiselect {
	background-color: #333;
	color: #fff;
}

#inventoryFilter .bg-light {
	background-color: #333 !important;
} */

.cw-home {
	padding: 7rem 0;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/B8BC7212D008C502BF96DC753F53E840.jpg);
	background-size: cover
}

.cw-home h2 span {
	font-size: 60%
}

.cw-card {
	position: relative;
	overflow: hidden;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25)
}

.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;
	background: rgba(0, 0, 0, .5);
	transition: background .5s ease-out
}

.cw-card:hover:before {
	background: rgba(231, 76, 60, .7)
}

.cw-card .cw-card-img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.cw-card .cw-card-img-overlay {
	position: absolute;
	left: 1.5rem;
	right: 0;
	bottom: 0;
	padding-bottom: 1.5rem;
	color: #fff
}

.cw-card-title {
	font-size: 1.5rem;
	margin-bottom: .5rem
}

.cw-card button {
	padding: 0;
	background: 0 0;
	color: #fff;
	border: none
}

.cw-card button:after {
	font-family: FontAwesome;
	content: "\f105";
	padding-left: .25rem;
	color: #fff;
	font-size: .85rem
}

.cw-reasons .container {
	padding: 3rem 2rem;
	background: #fff;
	box-shadow: 0 4px 30px rgba(0, 0, 0, .25)
}

.cw-reasons h2 {
	font-size: 2.25rem
}

.cw-reasons .lead {
	margin-bottom: 3rem
}

.cw-reasons .fas {
	margin-bottom: 1.5rem;
	font-size: 2rem
}

.cw-reasons h4 {
	margin-bottom: 1rem;
	text-transform: none;
	font-size: 1.3rem
}

@media(min-width: 768px) {
	.cw-card-title {
		font-size: 1.75rem
	}

	.cw-reasons .container {
		padding: 3rem
	}

	.cw-reasons h2,
	.cw-home h2 {
		font-size: 3rem
	}
}

@media(min-width: 992px) {
	.cw-list .container {
		max-width: 1400px
	}
}

@media(min-width: 1440px) {
	.cw-reasons .container {
		max-width: 1400px
	}

	.cw-reasons h2,
	.cw-home h2 {
		font-size: 3.75rem
	}

	.cw-reasons .lead {
		font-size: 1.5rem
	}
}

.cw-quality-list {
	position: relative;
	padding: 6em 0;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FA8167E0B3348F58D3B902E533DC984E.jpg) center;
	background-size: cover;
}

.cw-quality-list:after {
	overflow: hidden;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(0 0 0/70%);
}

.cw-quality-list h2 {
	font-size: 2rem;
}

.cw-overlay {
	z-index: 2;
}

.cw-quality-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 1rem;
	font-size: 1.25rem;
	position: relative;
}

.cw-quality-list .cw-checklist {
	display: flex;
	justify-content: center;
	/* Center items */
	flex-wrap: wrap;
	/* Ensure responsiveness */
	padding: 0;
	list-style: none;
}

.cw-quality-list .cw-checklist li:before {
	content: "\f14a";
	font-family: FontAwesome;
	font-size: 2rem;
	color: #fff;
	margin-bottom: 0.5rem;
}

.cw-quality-list .lead {
	margin-bottom: 2rem;
}

@media (min-width: 992px) {
	.cw-quality-list {
		padding: 7rem 0;
	}

	.cw-quality-list h2 {
		font-size: 3rem;
	}

	.cw-quality-list .cw-checklist {
		justify-content: space-evenly;
		/* Evenly distribute items on larger screens */
	}

	.cw-quality-list .cw-checklist li {
		padding: 1rem 2rem;
		font-size: 1.5rem;
	}
}

@media (min-width: 1200px) {
	.cw-quality-list .cw-checklist {
		flex-wrap: nowrap;
		/* Ensure all items stay on one line */
	}
}

@media (min-width: 1440px) {
	.cw-quality-list {
		background-attachment: fixed;
	}

	.cw-quality-list h2 {
		font-size: 3.75rem;
	}

	.cw-quality-list .lead {
		font-size: 1.5rem;
	}

	.cw-quality-list:before {
		max-width: 1400px;
		left: calc(50% - 700px);
	}
}


/* image-icon
    =================================================================================================*/
.cw-image-w-icons {
	/* font-family: 'Outfit', sans-serif; */
	padding: 2rem 0;
}

.cw-image-w-icons h2 {
	/* font-family: 'Outfit', sans-serif; */
	font-size: 2.25rem;
	line-height: 1.3;
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
}

.cw-image-w-icons h4 {
	/* font-family: 'Outfit', sans-serif; */
	font-size: 1.2rem;
	font-weight: 700;
}

.cw-image-w-icons p {
	margin-bottom: 20px;
}

.cw-image-w-icons .cw-blurb {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
}

.cw-image-w-icons .cw-blurb p {
	margin-bottom: 0px;
}

.cw-image-w-icons .cw-blurb-icon {
	padding: 10px;
	min-width: 70px;
	min-height: 70px;
	border: 1px solid #ededed;
	border-radius: 10px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.cw-image-w-icons .cw-blurb-icon i {
	font-size: 2rem;
}

.cw-image-w-icons .cw-blurb-text {
	padding: 0.5rem 0;
}

/* If you use an image instead of fontawesome */
/* .cw-image-w-icons .cw-blurb-icon  img.img-fluid {
          width: 50px;
      } */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
	.cw-image-w-icons {
		padding-bottom: 0;
	}
}

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



/*  Service Performance & Customization Section
=================================================================================================*/
.cw-service-grid {
	margin-top: 100px;
	position: relative;
}

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

/* Titles and text */
.cw-service-grid .cw-preline {
	font-size: 1rem;
	position: relative;
	color: var(--color-theme-text);
	margin-bottom: 0;
	/* font-family: var(--bodyfont); */
	font-weight: 400;
	margin-bottom: 5px;
}

.cw-service-grid .cw-preline::before {
	content: "";
	background-repeat: no-repeat;
	width: 80px;
	height: 8px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -20px;
	z-index: 1;
	background-size: 80px 8px;
}

.cw-service-grid .cw-headline {
	font-size: 1.25rem;
	line-height: 0.9;
	font-weight: 800;
	margin-bottom: 15px;
	/* font-family: var(--sitefont); */
	text-transform: uppercase;
}

.cw-service-grid .cw-title-default .cw-preline {
	color: var(--color-theme-primary);
}


.cw-service-grid .cw-title-default .cw-headline {
	color: var(--color-theme-text);
}

.cw-service-grid .cw-title-default.text-center .cw-preline::before {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.cw-service-grid a.btn-link {
	color: #fff;
}

.cw-service-grid a.btn-link:hover {
	color: var(--color-theme-highlight);
}

.cw-service-grid .cw-shape-effect-top {
	position: absolute;
	max-width: 350px;
	top: -80px;
	left: -200px;
	z-index: 500;
}

.cw-service-grid .cw-overlay {
	background: linear-gradient(0deg, #9DB7BE 0%, var(--color-theme-primary) 100%);
	opacity: 0.2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.cw-service-grid .cw-parallax {
	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;
	background-position: center bottom;
	background-color: var(--color-theme-primary);
	padding: 150px 0 300px;
	/* extra padding for overlapping from bottom */
	margin-bottom: 30px;
	background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/935E3C5972084F46B930663D2CA009C3.jpg");
}

.cw-service-grid .cw-parallax .container {
	position: relative;
	z-index: 2;
}

/* ------ Grid --------- */
.cw-service-grid .cw-grid-wrapper {
	display: grid;
	/* 1 column, 6 rows */
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(6, auto);
	gap: 1rem;
}

.cw-service-grid .cw-grid-wrapper .cw-grid-item {
	background: linear-gradient(0deg, #323C48 0%, #12202B 100%);
	padding: 20px;
	height: auto;
	min-height: 150px;
	border-radius: 10px;
	/* using pixel size instead of percent so shape is the same even if the box proportions are different. And used variable for easy changing */
	--cw-wedge-size: 40px;
	-webkit-clip-path: polygon(calc(100% - var(--cw-wedge-size)) 0, 100% var(--cw-wedge-size), 100% 100%, 0 100%, 0 0);
	clip-path: polygon(calc(100% - var(--cw-wedge-size)) 0, 100% var(--cw-wedge-size), 100% 100%, 0 100%, 0 0);
}

.cw-service-grid .cw-grid-item .cw-blurb-preline {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	/* font-family: var(--sitefont); */
	text-transform: uppercase;
	color: #fff;
}

.cw-service-grid .cw-grid-item .cw-blurb-title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	/* font-family: var(--sitefont); */
	text-transform: uppercase;
	color: #EFF1F3;
}

.cw-service-grid .cw-grid-item .cw-blurb-list {
	margin-bottom: 20px;
	color: #EFF1F3;
}

.cw-service-grid .cw-grid-item.cw-grid-image-1 {
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/01AAF7A5460CFA28814E488CDEB53044.jpg);
	background-size: cover;
	opacity: 0.9;
}

.cw-service-grid .cw-grid-item.cw-grid-image-2 {
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/2DBF5326F00B77E9FF1950E41AFE5E43.jpg);
	background-size: cover;
	opacity: 0.9;
}

.cw-service-grid .cw-grid-item.cw-grid-image-3 {
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=600,w=800/9531DD7958CD935406DC962C8FE1E241.jpg);
	background-size: cover;
	opacity: 0.9;
}


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

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

	.cw-service-grid .cw-grid-item .cw-blurb-title {
		font-size: 2rem;
	}
}

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

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

	.cw-service-grid .cw-shape-effect-top {
		top: -100px;
		max-width: 500px;
	}

	.cw-service-grid .cw-grid-wrapper {
		/* 2 column, 3 rows */
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(3, auto);
	}

	.cw-service-grid .cw-grid-wrapper .cw-grid-item {
		padding: 30px;
	}

	.cw-service-grid .cw-grid-item .cw-blurb-title {
		font-size: 1.8rem;
	}

}

@media (min-width: 992px) {
	.cw-service-grid .cw-grid-wrapper {
		/* 3 column, 2 rows */
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(2, auto);
	}
}


@media (min-width: 1200px) {
	.cw-service-grid .cw-grid-wrapper .cw-grid-item {
		padding: 50px;
	}

	.cw-service-grid .cw-grid-item .cw-blurb-title {
		font-size: 2rem;
	}
}