/*-- Hero --*/
	.cw-hero .carousel-item {
	    height: 300px;
	    background-size: cover;
	    background-position: center center;
	}

	.cw-hero .carousel-control-prev,
	.cw-hero .carousel-control-next {
	    width: 10%;
	    text-align: center;
	    opacity: 0.7;
	}

	.cw-hero .carousel-control-prev:hover,
	.cw-hero .carousel-control-next:hover {
	    opacity: 1;
	}

	@media (min-width: 768px) {
	    .cw-hero .carousel-item {
	        height: 500px
	    }
	}

	/*-- Hero Buttons --*/
	/*-- FOLLOWING CSS IS NEEDED TO APPLY OPACITY TO BUTTONS WHILE USING TEMPLATE COLORS VARIABLES --*/
	.cw-button {
	    height: 60px;
	    margin: auto;
	    border: 1px solid black;
	    line-height: 60px;
	    opacity: 0;
	    transform: translateY(50%);
	    -webkit-animation: slide-up 1s ease-out forwards;
	            animation: slide-up 1s ease-out forwards;
	}

	.cw-button > div {
	    position: absolute;
	    width: 100%;
	}

	.cw-buttons a {
	    position: absolute;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding-left: 45px;
	    font-weight: bold;
	    text-shadow: 0 0 2px black;
	}

	.cw-button1 a {
	    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9BD97201017639D65ED37670AF7DB828.png);
	    background-position: left center;
	    background-repeat: no-repeat;
	    background-size: auto 100%;
	}

	.cw-button2 a {
	    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E9953CBDCEF5219BAD43DEA816C7681B.png);
	    background-position: left center;
	    background-repeat: no-repeat;
	    background-size: auto 100%;
	}

	.cw-button3 a {
	    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/CF093D421D068CA44AB8112F0217CB32.png);
	    background-position: left center;
	    background-repeat: no-repeat;
	    background-size: auto 100%;
	}

	@-webkit-keyframes slide-up {
	    0% {
	        opacity: 0;
	        transform: translateY(50%);
	    }

	    100% {
	        opacity: 1;
	        transform: translateY(0%);
	    }
	}

	@keyframes slide-up {
	    0% {
	        opacity: 0;
	        transform: translateY(50%);
	    }

	    100% {
	        opacity: 1;
	        transform: translateY(0%);
	    }
	}


	@media (min-width: 768px) {
	    .cw-buttons {
	        position: absolute;
	        bottom: 0;
	        left: 0;
	        display: flex;
	        width: 100%;
	        font-size: .95rem;
	        overflow: hidden
	    }

	    .cw-button {
	        width: 33%;
	        margin: 0 .25rem;
	        height: 75px;
	        line-height: 75px;
	    }

	    .cw-button > div {
	        opacity: .5;
	    }

	    .cw-button:hover > div {
	        background: var(--color-theme-highlight);
	    }
	}

	@media (min-width: 992px) {
	    .cw-buttons {
	        font-size: 1.15rem;
	    }

	    .cw-button {
	        margin: 0 .75rem;
	    }
	}

	@media (min-width: 1200px) {
	    .cw-buttons {
	        max-width: 1100px;
	        left: calc(50% - 550px);
	    }
	}

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

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

	/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 992px) {}

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



	/* Home Page 4 Large Image Background FLEXBOX Buttons */
	.cw-btns {
	    display: block;
	}

	.cw-flex-item {
	    border: 2px solid #fff;
	    overflow: hidden;
	}

	.cw-btn {
	    display: block;
	    padding: 15vw;
	    width: 100%;
	    text-align: center;
	    font-style: italic;
	    color: #fff;
	    background-size: cover;
	    background-repeat: no-repeat;
	    transition: all 0.5s;
	}

	.cw-btn:hover {
	    transform: scale(1.2);
	}

	.cw-btn h6 {
	    font-size: 2em;
	    transition: all 0.2s;
	    color: var(--color-theme-primary);
	    line-height: 1.5;
	    letter-spacing: 0.02rem;
	}

	.cw-btn:hover h6 {
	    opacity: 0.5;
	}

	.cw-btn1 {
	    background: linear-gradient( rgba(99, 86, 3, 0.65),
	    rgba(163, 148, 121, 0.75)),
	    url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/32083DE4E0C02CAE209855CDF0C4561F.jpg") no-repeat center center;
	    background-size: cover;
	}

	.cw-btn2 {
	    background: linear-gradient( rgba(99, 86, 3, 0.65),
	    rgba(163, 148, 121, 0.75)),
	    url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/07E918EC26BA481F47AEBD030D4C8BF8.jpg") no-repeat center center;
	    background-size: cover;
	}

	.cw-btn3 {
	    background: linear-gradient( rgba(99, 86, 3, 0.65),
	    rgba(163, 148, 121, 0.75)),
	    url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/1AAD37E0A46C423DF7BEC5C21ECC6C26.jpg") no-repeat center center;
	    background-size: cover;
	}

	.cw-btn4 {
	    background: linear-gradient( rgba(99, 86, 3, 0.65),
	    rgba(146, 138, 67, 0.75)),
	    url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E419CDAC3EA364DB4BC67A90C63E91C9.jpg") no-repeat center center;
	    background-size: cover;
	}

	@media (min-width: 768px) {
	    .cw-flex-item-60 {
	        max-width: 60%;
	        flex-basis: 60%;
	    }

	    .cw-flex-item-40 {
	        max-width: 40%;
	        flex-basis: 40%;
	    }

	    .cw-btn h6 {
	        position: absolute;
	        margin: 0;
	    }
	}

	@media (min-width: 1200px) {
	    .cw-btn {
	        padding: 10vw;
	    }
	    .cw-btn h6 {
	        font-size: 3em;
	    }
	}




	.cw-parallax-about {
	    margin-bottom: 2.5rem;
	    padding: 4rem 0;
	    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E419CDAC3EA364DB4BC67A90C63E91C9.jpg);
	    background-size: cover;
	    background-position: center;
	    color: #fff;
	    text-align: center;
	    position: relative;
	    overflow: hidden;
	}

	.cw-parallax-about:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    /* background: rgb(15 59 92 / 72%); */
	    background: var(--color-theme-primary);
	    opacity: .72;
	}

	.cw-parallax-about [class^="col"] {
	    z-index: 1;
	}

	@media (min-width: 768px) {
	    .cw-parallax-about {
	        padding: 6rem 0;
	    }

	    .cw-parallax-about h3 {
	        margin-bottom: 1rem;
	        font-size: 2.5rem;
	    }
	}

	@media (min-width: 992px) {
	    .cw-parallax-about {
	        background-attachment: fixed;
	    }
	}

	@media (min-width: 1340px) {
	    .cw-parallax-about h3 {
	        font-size: 3rem;
	    }
	}

	/* Fix Some text colors */
	.btn-primary,
	.btn-primary:focus,
	.inventory-cta .btn:not(.btn-pre-qualified),
	.form .btn-primary,
	.businessinfo .btn-primary {
	    color: #fff !important;
	}
	.btn-secondary,
	.btn-secondary:focus {
	    color: #111 !important;
	}

	.inventory .page-item.active .page-link {
		color: #fff;
	}