/* -------------------- Header & Navbar ---------------------- */

	/*-- Navbar --*/
	.header .navbar-nav .nav-link {
		font-weight: normal;
		text-transform: uppercase;
		font-size: .85rem !important;
	}

	.navbar-dark .navbar-brand:focus,
	.navbar-dark .navbar-brand:hover {
		color: var(--header-navigationbartext);
	}

	
	header .navbar .dropdown-item {
		text-transform: uppercase;
		font-size: .9rem;
		font-weight: normal !important;
	}

	/*-- Header --*/
	.cw-header {
		background-color: var(--header-primary);
	}

	.header .cw-header :focus {
		box-shadow: none;
	}

	.header .cw-header-logo img {
		width: 195px;
	}


	.cw-header-contact {
		font-size: .9rem;
		background-color: var(--color-theme-primary);
		color: var(--header-text);
	}

	.cw-header-contact a {
		color: inherit;
	}

	.cw-header-contact a:hover {
		opacity: .85;
	}

	.cw-header-contact .fa {
		display: inline-block;
		vertical-align: middle;
		padding-right: .25rem;
		color: var(--color-theme-secondary);
	}


	.cw-header .cw-address:before {
		font-family: FontAwesome;
		vertical-align: middle;
		content: "\f3c5";
		padding-right: .5rem;
		color: var(--color-theme-secondary);
	}

	.cw-header .cw-phone:before {
		font-family: FontAwesome;
		vertical-align: middle;
		content: "\f2a0";
		padding-right: .5rem;
		color: var(--color-theme-secondary);
	}


	@media(min-width: 992px) {
		.cw-header .cw-header-logo {
			position: absolute;
			z-index: 1040;
			top: 0px;
		}

		nav.navbar .container {
			min-height: 77px;
		}

		.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) {
			/* set pixels to logo width (or more) */
			max-width: calc(100% - 240px);
			justify-content: center;
		}
	}

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

	.cw-hero-slideshow {
		position: relative;
		overflow: hidden;
		height: 500px;
	  }
	
	  .cw-hero-slideshow .cw-hero-image {
		position: absolute;
		inset: 0;
		opacity: 0;
		animation: cw-slide-anim 12s infinite;
		animation-delay: var(--cw-anim-offset);
	  }
	
	  .cw-hero-slideshow .cw-hero-image::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-image: linear-gradient(
		  rgba(0, 0, 0, 0.6),
		  rgba(0, 0, 0, 0.6)
		);
		z-index: 1;
	  }
	
	  .cw-hero-slideshow .cw-hero-image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	  }
	
	  .cw-hero-slideshow .cw-hero-title {
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 2;
	  }
	
	  
	
	  .cw-hero-slideshow .cw-hero-title h1 {
		display: block;
		margin: 1rem 0 0.75rem;
		text-transform: uppercase;
		font-weight: 900;
		font-size: 3rem;
	  }
	
	  .cw-hero-slideshow .cw-hero-title h1 span {
		display: block;
		font-size: 1.5rem;
	  }
	
	  @keyframes cw-slide-anim {
		0% {
		  opacity: 0;
		}
	
		8% {
		  opacity: 1;
		}
	
		13%,
		25% {
		  opacity: 1;
		  transform: scale(1.06);
		}
	
		38% {
		  opacity: 1;
		}
	
		50% {
		  opacity: 0;
		}
	  }

	  /*  Body Style Section
=================================================================================================*/

	.cw-bodystyle-section .cw-bodystyle-wrapper {
		color: #000;
        background-color:#D6D6D6 ;
		border-radius: 25px ;
		padding: 100px 0 100px;
		min-height: 430px;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}


	.cw-bodystyle-section .container {
		max-width: 1500px;
	}

	/*===================================================================================================
Section Titles
===================================================================================================*/
	.cw-bodystyle-section .cw-preline {
		font-size: 1rem;
		position: relative;
		color: #000;
		margin-bottom: 0;
		font-weight: 400;
		margin-bottom: 5px;
		display: block;
	}

	.cw-bodystyle-section .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-bodystyle-section .cw-headline {
		font-size: 1.25rem;
		line-height: 0.9;
		font-weight: 800;
		margin-bottom: 15px;
		/* font-family: var(--sitefont); */
		text-transform: uppercase;
	}

	.cw-bodystyle-section .cw-preline {
		font-size: 1rem;

		display: block;
	}

	
/* Custom row */
	.cw-bodystyle-section .cw-style-row {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: stretch;
	}

	.cw-bodystyle-section .cw-style-row .cw-style-box {
		text-align: center;
		padding: 1rem 1rem;

		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: space-between;
	}

	.cw-bodystyle-section .cw-style-box img.img-fluid {
		width: 300px;
	}

	.cw-bodystyle-section .cw-style-box a.btn {
		margin-top: .5rem;
		flex-grow: 1;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}


	@media (min-width: 320px) {
		.cw-bodystyle-section .cw-headline {
			font-size: 2rem;
		}

		.cw-bodystyle-section .cw-preline {
			font-size: 1.25rem;
		}
	}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {
		.cw-bodystyle-section .cw-style-row .cw-style-box {
			flex-basis: 32%;
			flex-grow: 1;
			max-width: 50%;
		}
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		.cw-bodystyle-section .cw-preline {
			font-size: 1.5rem;
		}

		.cw-bodystyle-section .cw-headline {
			font-size: 3rem;
		}
	}

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

	/*---*/
	

    /* Icon Buttons */
    .cw-icon-buttons {
        padding: 0 0 4%;
    }

    .cw-icon-buttons h5 {
        color: #222222;
        font-size: 1.5em;
        font-weight: 300;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

    .cw-icon-buttons a h5 {
        font-weight: 300;
        transition: all .25s;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
    }

    .cw-icon-buttons h5 span,
    .cw-icon-buttons a h5 span {
        font-weight: 800;
    }

    .cw-icon-buttons a:hover h5 {
        color: var(--color-theme-primary);
    }

    .cw-icon-buttons a i {
        font-size: 7em;
        color: #222222;
        transition: all .25s ease-in;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
    }

    .cw-icon-buttons a:hover i {
        color: var(--color-theme-primary);
    }

    /* Hours */
    .cw-icon-buttons .cw-business-hours {
        margin: 0 5%;
    }

    .cw-icon-buttons .cw-business-hours .c-table {
        color: #222222;
        font-size: 1.05em;
    }

    /* XS: 440px & Up */
    @media (min-width: 440px) {}

    /* SM: 768px & Down */
    @media (min-width: 768px) {}

    /* MD: 992px & Up */
    @media (min-width: 992px) {}

    /* LG: 1200px & Up */
    @media (min-width: 1200px) {}

    /* XLG: 1400px & Up */
    @media (min-width: 1400px) {}

	/*----*/

	/*--- Parallax ---*/
	.cw-bottom-parallax {
		position: relative;
		overflow: hidden;
		margin: 4rem 0
	}

	.cw-bottom-parallax .cw-para-inner {
		background: 0 0;
		position: relative;
		z-index: 2;
		height: 500px;
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		padding: 1rem 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center
	}

	.cw-bottom-parallax .cw-flex-center {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		position: relative
	}

	.cw-bottom-parallax .cw-bottom-box {
		background-color: rgba(0,0, 0, .8);
		color: #000;
		padding: 5rem 3rem;
        width: 100%;
		text-align: center
	}

	.cw-parallax-wrap {
		position: relative;
		overflow: hidden
	}

	.cw-parallax-wrap .cw-mouse-bg {
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
		z-index: 1;
		background: #fff;
		background-image: url(https://cdn05.carsforsale.com/00cfffc52c07c5526d3eb2606412c2b3a2/00cfffc52c07c5526d3eb2606412c2b3a2.jpg?format=&sig=349b57bc2528c3db);
		background-position: bottom;
		background-size: cover;
		background-repeat: no-repeat
	}
    .cw-bottom-parallax h3{
        font-size: 3rem ;
    }
    .cw-bottom-parallax h4{
        font-size: 2.5rem ;
    }


	@media(min-width:576px) {
		.cw-bottom-parallax .cw-bottom-box {
			margin-left: 1rem;
			text-align: left
		}
	}

	@media(min-width:768px) {
		:root {
			--cw-shift: 0;
			--cw-par-x: 0;
			--cw-par-y: 0
		}

		.cw-parallax-wrap {
			position: relative;
			overflow: hidden;
			--cw-par-height: 500px
		}

		.cw-parallax-wrap .cw-mouse-bg {
			--cw-shift-px: calc(var(--cw-shift) * 1px);
			--cw-bg-size: 110%;
			--cw-shift: 2;
			position: absolute;
			top: -5%;
			left: -5%;
			height: var(--cw-bg-size);
			width: var(--cw-bg-size);
			transform: translateX(calc((var(--cw-par-height) - var(--cw-par-x) * var(--cw-shift-px))/90)) translateY(calc((var(--cw-par-height) - var(--cw-par-y) * var(--cw-shift-px))/90));
			z-index: 1;
			transition-duration: .3s;
			transition-timing-function: linear;
			background: #fff;
			background-image: url(https://cdn05.carsforsale.com/00cfffc52c07c5526d3eb2606412c2b3a2/00cfffc52c07c5526d3eb2606412c2b3a2.jpg?format=&sig=349b57bc2528c3db);
			background-position: bottom;
			background-size: cover;
			background-repeat: no-repeat
		}
	}