@font-face {
  font-family: 'DINPro';
  src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/DINPro-Regular.otf')  format('opentype'),
	     url('../fonts/DINPro-Regular.woff') format('woff'), 
	     url('../fonts/DINPro-Regular.ttf')  format('truetype'), 
	     url('../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINPro';
  src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), 
  		 url('../fonts/DINPro-Medium.otf')  format('opentype'),
	     url('../fonts/DINPro-Medium.woff') format('woff'), 
	     url('../fonts/DINPro-Medium.ttf')  format('truetype'), 
	     url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'DINPro';
  src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), 
  		 url('../fonts/DINPro-Bold.otf')  format('opentype'),
	     url('../fonts/DINPro-Bold.woff') format('woff'), 
	     url('../fonts/DINPro-Bold.ttf')  format('truetype'), 
	     url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'DINPro';
  src: url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), 
  		 url('../fonts/DINPro-Black.otf')  format('opentype'),
	     url('../fonts/DINPro-Black.woff') format('woff'), 
	     url('../fonts/DINPro-Black.ttf')  format('truetype'), 
	     url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?ayw9i7');
  src: url('../fonts/icomoon.eot?ayw9i7#iefix') format('embedded-opentype'),
    	 url('../fonts/icomoon.ttf?ayw9i7') format('truetype'),
    	 url('../fonts/icomoon.woff?ayw9i7') format('woff'),
    	 url('../fonts/icomoon.svg?ayw9i7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Global */
	body{font-family: 'DINPro';font-size: 14px;color:#232323;overflow-x:hidden;position: relative;}
	a, a:hover, a:focus, .btn-link, .btn-link:hover{color:#232323;}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700;}
	h2{font-size: 42px;}
	.lead{font-size: 20px;color:#6b6a6d;font-weight: 500;margin-bottom: 45px;}
	h3{font-size: 24px;font-weight: 500;}
	
	.card{border:0;border-radius:0;margin-bottom: 70px;box-shadow: 0 24px 50px rgba(0,0,0,.26);
		-webkit-box-shadow: 0 24px 50px rgba(0,0,0,.26);}

	.form-control, .btn{box-shadow:none!important;-webkit-box-shadow:none!important;border-radius:0;}
	.form-group{margin-bottom:10px;}
	.form-control{font-size: 16px;font-weight: 700;height:50px;color:#232323;padding:7px 15px;border:0;
		border-bottom:1px solid #777679;padding-left: 0;padding-right: 0;}
	select.form-control:not([size]):not([multiple]){height:46px;}
	.form-control:focus{border-color:#232323;}
	.form-control::-moz-placeholder {color: #232323;}
	.form-control:-ms-input-placeholder {color: #232323;}
	.form-control::-webkit-input-placeholder {color: #232323;}
	textarea.form-control{height:auto;}
	.has-error .form-control{border-color:#f00;}

	.btn{font-size: 16px;font-weight:700;line-height:22px;padding:13px 25px;}
	.btn.disabled, .btn:disabled{opacity:1;}

	.btn{position: relative;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
	  -webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
	.btn::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
	  -webkit-transform: scaleX(0);transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;transform-origin: 0 50%;
	  -webkit-transition-property: transform;transition-property: transform;
	  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
	.btn:hover:before, .btn:focus:before, .btn:active:before, .btn.active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}

	.btn-outline-white{border-color:#fff;color:#fff;background-color: transparent;}
	.btn-outline-white:before, .btn-dark::before{background-color: #fff;}
	.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, 
	.btn-dark:hover, .btn-dark:focus, .btn-dark:active{color:#232323;}

	.btn-dark, .btn-dark.disabled, .btn-dark:disabled{background-color: #1b1b1d;border-color: #1b1b1d;}


	.center-middle{position: absolute;top: 50%;left: 50%;width: 100%;text-align: center;
		transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
	.left-middle{position: absolute;top: 50%;left: 0;width: 100%;
		transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}

  [data-aos="fade-in"] {
  	opacity: 0;
  	transition-property: opacity;
  	&.aos-animate {
    	opacity: 1;
  	}
	}

	[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;
		font-variant: normal;text-transform: none;line-height: 1;display:inline-block;vertical-align:middle;
	  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
	.icon-directions:before {content: "\e902";}
	.icon-envelope:before {content: "\e900";}
	.icon-phone:before {content: "\e901";}

	section{overflow:hidden;}

/* Navbar */
	.navbar{padding:20px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
	.navbar-brand{padding:0;margin-right: 0;}
	.navbar-nav-container{margin-bottom:36px;}
	.navbar-nav{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
	.navbar-nav .nav-link{font-weight:700;color:#ccc;line-height:22px;white-space:nowrap;font-size: 16px;}
	.navbar-expand-md .navbar-nav .nav-link{padding:14px 10px;}
	.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{color: #fff;font-weight: 900;}
	.navbar-tel{font-size: 16px;color:#ccc;font-weight: 700;min-width:217px;text-align: right;height:50px;padding:10px 0;
		margin-bottom:35px;}
	.navbar-tel i{color:#fff;font-size:26px;margin-right: 5px;}
	.navbar-tel a{color:#fff;font-weight: 900;}
	.navbar.scrolled{background-color:rgba(20,20,20,.95);}
	.navbar.scrolled .navbar-brand>img{width:288px;}
	.navbar.scrolled .navbar-nav-container, .navbar.scrolled .navbar-tel{margin-bottom:0;}

/* Home */
	.hero{height:100vh;color:#fff;position: relative;overflow:hidden;}
	.hero h1{font-size:50px;max-width:780px;margin:0 auto;line-height:1.25;}
	#hero-slick, #hero-slick .slick-list, #hero-slick.slick-slider .slick-track{height:100%;}
	.slide{background-repeat:no-repeat;background-position: center center;background-size: cover;}
	.member{background-color:rgba(255,255,255,.2);font-size: 15px;font-weight: 700;position: absolute;right:0;bottom:0;z-index:10;
		padding:10px 15px 10px 20px;}
	.member img{margin-left: 10px;display:inline-block;vertical-align: middle;}

	.btn-scroll-down{position: absolute;bottom:30px;left: 50%;margin-left: -49px;outline: none!important;z-index: 500;
		text-align: center;text-decoration: none!important;font-size: 17px;color:#fff!important;font-weight:700;
		-webkit-animation: bounceArrow 2s infinite;animation: bounceArrow 2s infinite;}
	.btn-scroll-down img{margin-top: 10px;}
	@-webkit-keyframes bounceArrow {
	  	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	  	40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
	  	60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
	@keyframes bounceArrow {
		0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
		40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
		60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}

	.slick-slider { overflow: hidden; }
  .slick-slider .slide.slick-active {
    -webkit-animation: myMove 12s ease-in-out;
    -moz-animation: myMove 12s ease-in-out;
    -o-animation: myMove 12s ease-in-out;
    -ms-animation: myMove 12s ease-in-out;
    animation: myMove 12s ease-in-out; }
    
  .slick-slide[aria-hidden="true"] .slide {visibility: hidden; }
    
  @keyframes myMove {
    from { transform: scale(1.0,1.0); transform-origin: 50% 50%; }
    to { transform: scale(1.1,1.1); transform-origin: 50% 0%; }
  }
  @-webkit-keyframes myMove {
    from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 50%; }
    to { -webkit-transform: scale(1.1,1.1); -webkit-transform-origin: 50% 0%;  }
  }
  @-o-keyframes myMove {
    from { -o-transform: scale(1.0,1.0); -o-transform-origin: 50% 50%; }
    to { -o-transform: scale(1.1,1.1); -o-transform-origin: 50% 0%;  }
  }
  @-moz-keyframes myMove {
    from { -moz-transform: scale(1.0,1.0); -moz-transform-origin: 50% 50%; }
    to { -moz-transform: scale(1.1,1.1); -moz-transform-origin: 50% 0%; }
  }
  @-ms-keyframes myMove {
    from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 50%; }
    to { -ms-transform: scale(1.1,1.1); -ms-transform-origin: 50% 0%; }
  }

	.carousel, .carousel-inner, .carousel-inner .item, .slide{height:100%;}
  .carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	    overflow:hidden;
	}
	.item.active .slide {
	    transition: transform 5000ms linear 0s;
	    /* This should be based on your carousel setting. For bs, it should be 5second*/
	    transform: scale(1.05, 1.05);
	}
	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}

	.carousel-fade .carousel-control {
	  z-index: 2;
	}

	/*
	WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	now override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
	    .carousel-fade .carousel-inner > .item.next,
	    .carousel-fade .carousel-inner > .item.active.right {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.prev,
	    .carousel-fade .carousel-inner > .item.active.left {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.next.left,
	    .carousel-fade .carousel-inner > .item.prev.right,
	    .carousel-fade .carousel-inner > .item.active {
	      opacity: 1;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	}

	.cb-slideshow{
		list-style:none;padding:0;margin:0;
		background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 0;
	}
	.cb-slideshow li span {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    color: transparent;
	    background-size: cover;
	    background-position: 50% 50%;
	    background-repeat: none;
	    opacity: 0;
	    z-index: 0;
			-webkit-backface-visibility: hidden;
	    -webkit-animation: imageAnimation 36s linear infinite 0s;
	    -moz-animation: imageAnimation 36s linear infinite 0s;
	    -o-animation: imageAnimation 36s linear infinite 0s;
	    -ms-animation: imageAnimation 36s linear infinite 0s;
	    animation: imageAnimation 36s linear infinite 0s;
	}
	.cb-slideshow li:nth-child(1) span {}
	.cb-slideshow li:nth-child(2) span {
	    -webkit-animation-delay: 6s;
	    -moz-animation-delay: 6s;
	    -o-animation-delay: 6s;
	    -ms-animation-delay: 6s;
	    animation-delay: 6s;
	}
	.cb-slideshow li:nth-child(3) span {
	    -webkit-animation-delay: 12s;
	    -moz-animation-delay: 12s;
	    -o-animation-delay: 12s;
	    -ms-animation-delay: 12s;
	    animation-delay: 12s;
	}
	.cb-slideshow li:nth-child(4) span {
	    -webkit-animation-delay: 18s;
	    -moz-animation-delay: 18s;
	    -o-animation-delay: 18s;
	    -ms-animation-delay: 18s;
	    animation-delay: 18s;
	}
	.cb-slideshow li:nth-child(5) span {
	    -webkit-animation-delay: 24s;
	    -moz-animation-delay: 24s;
	    -o-animation-delay: 24s;
	    -ms-animation-delay: 24s;
	    animation-delay: 24s;
	}
	.cb-slideshow li:nth-child(6) span {
	    -webkit-animation-delay: 30s;
	    -moz-animation-delay: 30s;
	    -o-animation-delay: 30s;
	    -ms-animation-delay: 30s;
	    animation-delay: 30s;
	}
	/* Animation for the slideshow images */
	@-webkit-keyframes imageAnimation { 
		0% {
		    opacity: 0;
		    -webkit-animation-timing-function: ease-in;
		}
		8% {
		    opacity: 1;
		    -webkit-transform: scale(1.05);
		    -webkit-animation-timing-function: ease-out;
		}
		17% {
		    opacity: 1;
		    -webkit-transform: scale(1.1);
		}
		25% {
		    opacity: 0;
		    -webkit-transform: scale(1.1);
		}
		100% { opacity: 0 }
	}
	@-moz-keyframes imageAnimation { 
		0% {
		    opacity: 0;
		    -moz-animation-timing-function: ease-in;
		}
		8% {
		    opacity: 1;
		    -moz-transform: scale(1.05);
		    -moz-animation-timing-function: ease-out;
		}
		17% {
		    opacity: 1;
		    -moz-transform: scale(1.1);
		}
		25% {
		    opacity: 0;
		    -moz-transform: scale(1.1);
		}
		100% { opacity: 0 }
	}
	@-o-keyframes imageAnimation { 
		0% {
		    opacity: 0;
		    -o-animation-timing-function: ease-in;
		}
		8% {
		    opacity: 1;
		    -o-transform: scale(1.05);
		    -o-animation-timing-function: ease-out;
		}
		17% {
		    opacity: 1;
		    -o-transform: scale(1.1);
		}
		25% {
		    opacity: 0;
		    -o-transform: scale(1.1);
		}
		100% { opacity: 0 }
	}
	@-ms-keyframes imageAnimation { 
		0% {
		    opacity: 0;
		    -ms-animation-timing-function: ease-in;
		}
		8% {
		    opacity: 1;
		    -ms-transform: scale(1.05);
		    -ms-animation-timing-function: ease-out;
		}
		17% {
		    opacity: 1;
		    -ms-transform: scale(1.1);
		}
		25% {
		    opacity: 0;
		    -ms-transform: scale(1.1);
		}
		100% { opacity: 0 }
	}
	@keyframes imageAnimation { 
		0% {
		    opacity: 0;
		    animation-timing-function: ease-in;
		}
		8% {
		    opacity: 1;
		    transform: scale(1.05);
		    animation-timing-function: ease-out;
		}
		17% {
		    opacity: 1;
		    transform: scale(1.1);
		}
		25% {
		    opacity: 0;
		    transform: scale(1.1);
		}
		100% { opacity: 0 }
	}
	/* Show at least something when animations not supported */
	.no-cssanimations .cb-slideshow li span{
		opacity: 1;
	}
/* Our Cars */
	#our-cars{padding-top:70px;padding-bottom:60px;}
	#our-cars h2, #our-cars .lead{text-align: center;}
	.list-cars{list-style:none;padding:0;margin:0;text-align: center;}
	.list-cars>li{display: inline-block;vertical-align: middle;margin:0 27px;}
	#our-cars .card{margin-bottom: 70px;}

/* Finance */
	.finance{position: relative;height: 478px;color:#fff;}
	.finance::before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";
		background:url(../img/bg-01.jpg) no-repeat right center;background-size: cover;
		-webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);transition: all .5s cubic-bezier(.645,.045,.355,1);
		-webkit-transform: translateX(-100%);transform: translateX(-100%);}
	.finance.in-view::before{-webkit-transform: translateX(0);transform: translateX(0);}
	.finance h2{margin-bottom:25px;}
	.finance .lead{font-size: 23px;font-weight: 400;color:#fff;max-width:560px;}
	.finance .btn{width:200px;}

/* Find Us */
	#find-us{position: relative;}
	.half-inner{max-width:380px;margin:0 auto;padding-top: 60px;padding-bottom: 20px;}
	#find-us h2{font-size: 40px;margin-bottom:30px;}
	.contact-info{font-size: 22px;font-weight: 500;margin-bottom: 10px;}
	.contact-info span{margin:0 20px;}
	.contact-info span.arial{font-family: Arial;margin:0;}
	.contact-info i{width:22px;margin-right: 10px;margin-top: -3px;text-align: center;}
	.or{font-size: 18px;font-weight: 700;color:#6b6a6d;margin-top: 35px;margin-bottom: 30px;}
	.form-action{margin-top: 40px;text-align: center;margin-bottom: 50px;}
	.form-action .btn{width:200px;box-shadow: 0 24px 50px rgba(0,0,0,.26)!important;
		-webkit-box-shadow: 0 24px 50px rgba(0,0,0,.26)!important;}
	
	.form-thanks{position: absolute;top:0;left:0;width:100%;height:100%;background-color: #fff;text-align: center;display:none;}
	.thanks-inner{max-width:360px;margin:0 auto;}
	.form-thanks h3{font-size: 40px;font-weight: 700;margin-bottom:30px;}
	.form-thanks p{font-size: 20px;color:#6b6a6d;font-weight:500;margin-bottom: 45px;}
	.form-thanks .btn{width:200px;}

	#map{height:100%;}
	.address-box{width:400px;background-color:#fff;position: absolute;top:140px;left:50%;margin-left: -200px;z-index:10;
		box-shadow: 0 24px 50px rgba(0,0,0,.26);-webkit-box-shadow: 0 24px 50px rgba(0,0,0,.26);font-size: 18px;}
	.address-box-body{padding:30px 20px;font-weight: 500;color:#6b6a6d;}
	.address-box-body h4{font-size: 23px;color:#232323;}
	.address-box-footer{background-color:#1b1b1d;color:#fff;padding:20px;font-weight: 700;position: relative;}
	.btn-directions{position: absolute;font-size: 15px;color:#fff;font-weight: 700;text-align: center;top:-29px;right:20px;}
	.btn-directions:hover, .btn-directions:focus{color:#fff;text-decoration: none;}
	.btn-directions span{width:56px;height:56px;border-radius:50%;background-color:#fff;display:block;font-size:24px;line-height:50px;
		margin:0 auto 5px;color:#232323;box-shadow:0 4px 8px rgba(0,0,0,.4);}
	.close {position: absolute;right:10px;top:0;font-size:36px;font-weight: 300;line-height: 1;color: #232323;opacity:1;}
	.close:hover, .close:focus {color: #232323;text-decoration: none;cursor: pointer;opacity:1;}
	button.close {-webkit-appearance: none;padding: 0;cursor: pointer;background: transparent;border: 0;}

	.crafted{background-color:rgba(27,27,29,.8);font-size: 13px;font-weight: 500;color:rgba(223,223,223,.4);padding:10px 20px;
		position: absolute;right:0;bottom:0;z-index:10;}
	.crafted a{color:rgba(223,223,223,.4);}

	.stock-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 35px;
	    height: 0;
	    overflow: hidden;
	}
	.stock-container iframe {
	    position: absolute;
	    top:0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
@media (min-width:1200px){
	.container{max-width:1010px;}
}
@media (max-width:1199px){
}
@media (max-width:991px){
	h3{font-size: 23px;}
	.navbar .navbar-brand>img, .navbar.scrolled .navbar-brand > img{width:270px;}
	.list-cars > li{margin:0 12px;}
	.half-inner{padding-left: 20px;padding-right: 20px;}
	.address-box{width:350px;margin-left: -175px;}
	.navbar .navbar-nav-container, .navbar .navbar-tel{margin-bottom:0;}
}
@media (max-width:767px){
	.navbar.fixed-top{position: absolute;}
	.navbar.scrolled{background-color: transparent;}
	.navbar-brand{margin-left: auto;margin-right: auto;max-width:260px;}
	.navbar .navbar-brand > img{display:block;max-width:100%;}
	.navbar-tel{display:block;width:100%;text-align: center;margin-top: 10px;}
	.hero h1, h2, #find-us h2{font-size: 30px;}
	.member{font-size: 13px;bottom:46px;}
	.member img{width:34px;}
	.btn-scroll-down{display:none;}
	#our-cars{padding-top:30px;padding-bottom: 40px;}
	.lead{font-size: 18px;margin-bottom: 35px;}
	.card{margin-bottom: 40px;}
	h3{font-size: 20px;text-align: center;margin-bottom:30px;}
	.list-cars > li{margin:0 10px;}
	.list-cars > li>img{max-height:45px;}
	.finance{text-align: center;height:420px;}
	.finance .lead{font-size: 20px;}
	.half-inner{padding-top: 40px;}
	#find-us h2, .or{text-align: center;}
	#find-us h2{margin-bottom: 20px;}
	.contact-info{font-size: 18px;max-width:280px;margin-left:auto;margin-right: auto;}
	.or{margin-top: 20px;margin-bottom: 20px;}
	.contact-address{height:536px;}
	.address-box{left:10px;right:10px;margin-left: 0;width:auto;top:80px;}
	.address-box-body{padding:20px;}
	.navbar-xs{background-color:#141414;position: fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;
		-webkit-backface-visibility: hidden;}
	.navbar-xs .navbar-nav{display:block;text-align: center;}
	.navbar-xs .nav-item{display:inline-block;}
	.navbar-xs .nav-link{font-size: 15px;padding:12px 10px;}

	#our-cars .card-body{padding:0;}
	.stock-container{height: 500px;padding-bottom: 0;padding-top: 0;-webkit-overflow-scrolling: touch;overflow-y: scroll;}
	.stock-container iframe {position: relative;top:auto;left:auto;width: 100%;height: 100%;}
}
@media (max-width:576px){
}