html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	padding: 0!important;
}

a {
	text-decoration: none;
}

/* ### general ### */
* { margin: 0px; padding: 0px; }
body { background: #FFFFFF; }
html, body { font-family: 'Quasimoda', sans-serif; font-size: 18px; color: #000000; font-weight: 200; height: 100%; margin: 0px; overflow-x: hidden; overflow-y: scroll; }
input, select, textarea { font-family: 'Open Sans',sans-serif; font-size: 15px; color: #1b1b1b; }
img { border: 0px; display: block; }
a, input { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; font-family: 'Quasimoda', sans-serif; font-weight: 300; font-size: 1em; line-height: 1.9em;color: #ffffff;}
h3, h4, h5, h6 { font-weight: 300;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: transparent; /*#CD0100*/ }
h1 {font-weight: 100; line-height: 1.2em; font-size: 62px;}
h2 {font-weight: 300; line-height: 1.2em; font-size: 40px; margin-bottom: 30px;}
h3 {font-weight: 400; line-height: 1.2em; font-size: 34px; margin-bottom: 30px;}
p { font-family: 'Quasimoda', sans-serif; font-weight: 300; font-size: 1em; line-height: 1.9em; margin-bottom: 30px; color: #000000; }
p.large { font-family: 'Quasimoda', sans-serif; font-weight: 300; font-size: 1.5em; line-height: 1.5em;  }
a {transition: ease-in-out 0.2s; cursor: pointer!important; }
a:hover { text-decoration: none!important; }
i {font-family: fontawesome; }

/* Scroll down button */

.scroll-down-page {
	position: absolute;
	left: 50px;
	bottom: 50px;
	width: 80px;
	cursor: pointer;
	z-index: 9999999;
	background: red;
}
.scroll-down-page span {
	display: block;
	color: #FFF;
	text-align: center;
}

/* containers */
.container-full { width: 100%; }
.container-xl { width: 1300px; margin: 0px auto; }
.container-md { width: 1170px; margin: 0px auto; }
.container-sm { width: 850px; margin: 0px auto; }

/* Social icons (used on several positions) */
.social-icons ul li { float: left; margin-right: 20px; margin-top: 11px; }
.social-icons ul li a { width: 40px; height: 40px; background: transparent; border: 1px solid #FFFF; border-radius: 50%; text-align: center; display: block; line-height: 40px; }
.social-icons ul li a i { color: #ffffff; font-size: 22px;}

/* Buttons */

.btn { color: #FFF; border-radius: 0px; font-size: 0.9em; font-weight: 300; text-transform: uppercase; padding: 15px 60px;  text-decoration: none!important; }
.btn-light { color: #FFF; background: transparent; border: 1px solid #FFF; box-shadow: inset 0 0 0 0 #FFF; -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s;}
.btn-dark { border: 1px solid #000; background: #FFF; color: #000; box-shadow: inset 0 0 0 0 #FFF; -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s;}
.btn i { margin-right: 10px; color: #777;}
.btn-primary { color: #FFF; background: transparent; border: 1px solid #FFF; box-shadow: inset 0 0 0 0 #FFF; -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s; }

/* Forms */
#zoekopdracht-aangevraagd { margin-top: 30px; }
#zoekopdracht-aangevraagd .form-group label { color: #FFF; font-size: inherit; margin-bottom: 10px; display: none; }
#zoekopdracht-aangevraagd .form-group .form-control { color: #000; border-radius: 0px; border: none; padding: 1.375rem 1.375rem; }

#ik-ben-geinteresseerd { margin-top: 30px; }
#ik-ben-geinteresseerd .form-group label { color: #FFF; font-size: inherit; margin-bottom: 10px; display: none; }
#ik-ben-geinteresseerd .form-group .form-control { color: #000; border-radius: 0px; border: none; padding: 1.375rem 1.375rem; }


/* Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; z-index: 9999999;  }
#preloader .inner { width: 100%; margin-top: 30vh; text-align: center; }
#preloader .inner span { font-family: luxus-brut, cursive; font-size: 80px; font-weight: 100; color: #FFF; margin-left: 20px; margin-right: 20px; }

/* Site wrapper & content */
.site-wrapper { overflow: hidden; }
.site-content { position: relative; z-index: 2; margin: 0 auto; padding: 0; background-color: #fff; overflow: hidden; }
.site-content:before, .site-content:after { content: ""; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; line-height: 0; clear: both; }

#layout-content { overflow: hidden; }

.content-block h2 { font-weight: 400; line-height: 1.2em; font-size: 28px;  margin-bottom: 30px; margin-top: 50px; }
.content-block ul, .content-block ol { margin-left: 20px; }

/* Header (multiple variants) */
header.home-header { width: 100%; display: block; position: relative; z-index: 9999;}
header.master-header { width: 100%; display: block; height: 200px; background: #000; position: relative; }
header .logo { position: absolute; width: 280px; top: 58px; left: 58px; display: block; cursor: pointer; z-index: 99999;}
header .logo img {max-width: 100%;}
header .quick-nav { position: absolute; top: 65px; right: 150px; z-index: 99999; }
header .quick-nav ul li { float: left; margin-right: 30px; cursor: pointer;  text-decoration: none; color: #FFF; font-size: 16px; letter-spacing: .2em; text-transform: uppercase; transition: ease .3s;}
header .quick-nav ul li a { text-decoration: none; color: #FFF; font-size: 16px; letter-spacing: .2em; text-transform: uppercase; transition: ease .3s; }
header .menu { position: absolute; width: 60px; top: 50px; right: 50px; display: block; z-index: 99999; }
header .menu .nav-icon { width: 60px; height: 60px; background: #000; border-radius: 50%; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
header .menu .nav-icon span { display: block; position: absolute; height: 2px; width: 30px; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; right: 0; margin: 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
header .menu .nav-icon span:nth-child(1) { top: 20px; }
header .menu .nav-icon span:nth-child(2) { top: 30px; }
header .menu .nav-icon span:nth-child(3) { top: 40px; }
header .menu .nav-icon.open span:nth-child(1) { top: 30px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
header .menu .nav-icon.open span:nth-child(2) { opacity: 0; left: -54px; }
header .menu .nav-icon.open span:nth-child(3) { top: 30px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
header::after { content: ''; background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); bottom: -1px; left: 0; opacity: 1; position: absolute; right:0; top:0; height: 15vh; z-index: 9999; }

/* Menu overlay */
.menu-overlay { display: none; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #000; opacity: 0; transition: opacity .60s, visibility .60s, height .60s; z-index: 5000;  }
.menu-overlay .container-full {  overflow:hidden; }
.menu-overlay .menu-col-md { width: 33.33%; float: left; height: 100vh;  position: relative; transition: width .4s; }
.menu-overlay .menu-col-md a { color: #FFF; text-decoration: none;  width: 100%; height: 100%; transition: all ease-in-out 1s;}
.menu-overlay .menu-col-md a::after {content: '';  transition: all ease .4s; position: absolute;  right: 0; bottom: 0; left: 0; height: 40vh; width: 100%; display: block; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); z-index: 10;}
.menu-overlay .menu-col-md a .inner { background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; transition: ease-in-out 1s; }
.menu-overlay .menu-col-md a .inner .content { position: absolute; bottom: 100px; left: 0; right: 0; display: block; z-index: 50;}
.menu-overlay .menu-col-md a .inner .content h2 { font-family: 'Quasimoda'; font-weight: 200; text-transform: uppercase; font-size: 22px; text-align: center; letter-spacing: 5px; }
.menu-overlay .menu-col-md a .inner .content .icon img { width: 100px; margin: 0 auto;}
.menu-overlay.active { display: block; opacity: 1; visibility: visible; height: 100%;}


/* Menu overlay */

.group-large .container-full {  overflow:hidden; }
.group-large .menu-col-md { width: 25%; float: left; height: 100vh;  position: relative; transition: width .4s; }
.group-large .menu-col-md a { color: #FFF; text-decoration: none;  width: 100%; height: 100%; transition: all ease-in-out 1s;}
.group-large .menu-col-md a::after {content: '';  transition: all ease .4s; position: absolute;  right: 0; bottom: 0; left: 0; height: 40vh; width: 100%; display: block; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); z-index: 10;}
.group-large .menu-col-md a .inner { background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; transition: ease-in-out 1s; }
.group-large .menu-col-md a .inner .content { position: absolute; bottom: 100px; left: 0; right: 0; display: block; z-index: 50;}
.group-large .menu-col-md a .inner .content h2 { font-family: 'Quasimoda'; font-weight: 200; text-transform: uppercase; font-size: 22px; text-align: center; letter-spacing: 5px; }
.group-large .menu-col-md a .inner .content .icon img { width: 100px; margin: 0 auto;}


/* Flexslider */
.flexslider { background: #000; height: 80vh; min-height: 80vh; width: 100%; float: left; position: absolute; z-index: -1; }
.flexslider::after { content: ''; background: linear-gradient(to top, black 0%,  transparent 100%); bottom: -2px; left: 0; opacity: 1; position: absolute; right:0; height: 30vh; z-index: 2; }
.flexslider .slides { height: 80vh; min-height: 80vh; width: 100%; float: left; }
.flexslider .slides li { height: 100%; background-size: cover; background-position: center -100px; background-attachment: fixed; background-repeat: no-repeat;}
.flexslider ol.flex-control-nav.flex-control-paging { display: none; }


.swiper-container { width: 100%; height: 100%; height: 80vh; }

.swiper-container::after { content: ''; background: linear-gradient(to top, black 0%,  transparent 100%); bottom: -2px; left: 0; opacity: 1; position: absolute; right:0; height: 30vh; z-index: 2; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.swiper-slide {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.slick-slider::after { bottom: -2px!important; }

button.slick-next { position: absolute; height: 100%; width: 200px; cursor: url(../img/arrow_next.svg), auto; right: 0; }
button.slick-prev { position: absolute; height: 100%; width: 200px; cursor: url(../img/arrow_prev.svg), auto; left: 0;}

button.slick-prev::before, button.slick-next::before { display: none; }
/* Home slider part */
.home-slider-part {position: relative;}
.home-slider-part .slick-slider::after { content: ''; background: linear-gradient(to top, black 0%,  transparent 100%); bottom: 0; left: 0; opacity: 1; position: absolute; right:0; height: 30vh; z-index: 2; }

/* Simple header */
.simple-header-part { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.simple-header-part::after { content: ''; background: linear-gradient(to top, black 0%,  transparent 100%); bottom: 0; left: 0; opacity: .5; position: absolute; right:0; height: 50vh; z-index: 2; }
.simple-header-part .overlay { position: absolute; left: 0; right: 0; bottom: 0;}
.simple-header-part .overlay .content { position: relative; z-index: 999; margin-bottom: 60px; }
.simple-header-part .overlay .content h1 { color: #FFF; }
.simple-header-part .overlay .content h2 { color: #FFFFFF; font-weight: 200; }


/* Simple header */
.black-header-part { background-color: #000; min-height: 400px; position: relative;}
.black-header-part .overlay { position: absolute; left: 0; right: 0; bottom: 0;}
.black-header-part .overlay .content { position: relative; z-index: 999; margin-bottom: 60px; }
.black-header-part .overlay .content h1 { color: #FFF; }
.black-header-part .overlay .content h2 { color: #FFFFFF; font-weight: 200; }


/* Title image part */
.title-image-part { width: 100%; background: #000; padding: 50px 0px 80px 0px; text-align: center; overflow: hidden;}
.title-image-part h1 { color: #FFF; padding-bottom: 15px }
.title-image-part h3 { color: #777; font-size: 24px; font-weight: 400; }

/* Group part */
.group-part { background: #000000; width: 100%; height: auto }
.group-part a { display: block; width: 100%; transition: ease-in-out .3s;}
.group-part a .icon { min-height: 120px;}
.group-part a .icon img { margin: 0 auto; width: 100px; transition: ease-in-out .3s; }
.group-part a .title h3 { text-decoration: none; color: #777;  text-align: center; color: #FFF; text-transform: uppercase; letter-spacing: .2em; font-size: 18px; transition: ease-in-out .3s; }

/* Brand part */
.brand-part { background: #000; width: 100%; padding: 60px 0px;}
.brand-part .brands ul { list-style: none; margin: 0px; padding: 0px; text-align: center;}
.brand-part .brands ul li { display: inline-block; vertical-align: middle; margin: 0px 40px;}
.brand-part .brands ul li img { max-width: 100px; max-height: 100px;}

/* Text Box White */
.text-box-white { background: #FFF; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); padding: 70px; margin-top: -200px;}

/* Text Box Dark */
.text-box-dark { background: #000; color: #FFF; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); padding: 70px; margin-top: -200px;}
.text-box-dark p { color: #FFF; }

/* Image content light part */
.image-content-light-part { padding: 80px 0px; }
.image-content-light-part img { width: 100%; }
.image-content-light-part a { color: #000; text-decoration: underline; }

/* Image content dark part */
.image-content-dark-part { padding: 80px 0px; }
.image-content-dark-part img { width: 100%; }
.image-content-dark-part a { color: #000; text-decoration: underline; }


/* Image content left part */
.image-content-left-part { padding: 80px 0px; }
.image-content-left-part img { width: 100%; }
.image-content-left-part a { color: #000; text-decoration: underline; }
.image-content-left-part .text-box-white { margin-top: 0px; z-index: 10; }
.image-content-left-part .image-background { background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 400px; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); z-index: -1; }


/* Image content right part */
.image-content-right-part { padding: 80px 0px; }
.image-content-right-part a { color: #000; text-decoration: underline; }
.image-content-right-part img { width: 100%; }
.image-content-right-part ul { margin-bottom: 30px; list-style: disc; margin-left: 30px; }
.image-content-right-part .text-box-white { margin-top: 0px; z-index: 10; }
.image-content-right-part .image-background { background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 400px; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); z-index: -1; }


/* Content simple part */
.content-simple-part {
	padding: 120px 0px 40px 0px;
	background-color: #000000;
	h1, p {
		color: #ffffff;
	}
}


/* Collection */
.collection .box { 
	background: #FFF; 
	box-shadow: 0px 3px 69px rgba(0,0,0,0.16); 
	margin: 30px 0px; 
	transition: all ease-in-out .4s; 
	z-index: 99; 
	position: relative;
	height: calc(100% - 30px);
}
.collection .box a { color: #000; cursor: pointer; z-index: 99999; pointer-events: auto; height: 100%; width: 100%; display: block; }
.collection .box a img { width: 100%; }
.collection .box a .label { position: absolute; top: 50px; right: 50px; background: #000; padding: 10px 20px; color: #FFF; }
.collection .box a .text { padding: 40px 40px; }
.collection .box a .text h4 { font-size: 20px; margin-bottom: 0;}
.collection .box a .text h6 { display: block; font-size: 28px; color: #000; font-weight: 300; margin-bottom: 20px; margin-top: 10px;}
.collection .box a .text span.price { color: #9D9D9D; font-weight: 300;}
.collection .box a .text span.view { color: #CD0100; font-weight: 300;}
.collection .box a .text span.view:after { content: '\f105'; font-family: FontAwesome; margin-left: 10px; color: #CD0100; }
.collection .discover-box { height: 695px; padding: 60px; background: #000; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); margin: 30px 0px; transition: all ease-in-out .4s; z-index: 99; position: relative;}
.collection .discover-box h3 { color: #FFF; font-size: 44px; font-weight: 300; margin: 0px; padding: 0px; }
.collection .discover-box h4 { color: #FFF; margin: 20px 0px 0px 0px; padding: 0px; font-size: 24px; }


/* Expected */
.expected .box { background: #FFF; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); margin: 30px 0px; transition: all ease-in-out .4s; z-index: 99; position: relative;}
.expected .box a { color: #000; cursor: pointer; z-index: 99999; pointer-events: auto; height: 100%; width: 100%; display: block; }
.expected .box a img { width: 100%; }
.expected .box a .text { padding: 40px 40px; }
.expected .box a .text h4 { font-size: 20px; margin-bottom: 20px;}
.expected .box a .text h4 span { display: block; font-size: 28px; color: #000; font-weight: 300; margin-top: 10px;}
.expected .box a .text span.price { color: #9D9D9D; font-weight: 300;}
.expected .box a .text span.view { color: #CD0100; font-weight: 300;}


/* Featured */
.featured-part  { padding: 30px 0px 60px 0px; }

.featured-part h2 {
	margin-bottom: 0;
}

.featured-part .slick-slide { padding: 0px 15px; }
/* .featured-part .slick-list { overflow: visible; } */
.featured-part .box { 
	background: #FFF; 
	box-shadow: 0px 3px 69px rgba(0,0,0,0.16); 
	margin: 60px 0px; 
	transition: all ease-in-out .4s; 
	z-index: 99; 
	position: relative;
	height: auto;
}

@media (max-width: 768px) {
	.featured-part .box { 
		margin: 60px 0px; 
	}
}

.featured-part .box h6 {
	min-height: 55px;
}

.featured-part .box a { color: #000; cursor: pointer; z-index: 99999; pointer-events: auto; height: 100%; width: 100%; display: block; }
.featured-part .box a img { width: 100%; }

.featured-part .box a .text { 
	padding: 40px 40px; 
}

@media (max-width: 768px) {
	.featured-part .box a .text { 
		padding: 40px 0; 
	}
}

.featured-part .box a .text h4 { font-size: 20px; margin-bottom: 20px;}
.featured-part .box a .text h4 span { display: block; font-size: 28px; color: #000; font-weight: 300; margin-top: 10px;}
.featured-part .box a .text span.price { color: #9D9D9D; font-weight: 300;}
.featured-part .box a .text span.view { color: #CD0100; font-weight: 300;}

.featured-carousel {
	.slick-dots {
		bottom: 0;
	}
}

@media (max-width: 768px) {
	.featured-carousel {
		.slick-dots {
			bottom: -15px;
		}
	}
}

/* Expected cars part */
.expected-cars-part { padding: 100px 0px; }

/* Features collection part */
.featured-collection-part { padding: 80px 0px 100px 0px; }

/* Content Full part */
.content-full-part { padding: 100px 0px 80px 0px; }
.content-full-part h2 { font-size: 34px; }
.content-full-part a { color: #000; text-decoration: underline; }

/* socials part */
.socials-part { background: #000; padding: 80px 0px 0px 0px; }
.socials-part h2 { color: #FFF; margin-bottom: 60px;}
.socials-part .item { position: relative; height: 33vw; min-height: 550px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.socials-part .item::after {content: ''; background: linear-gradient(to top, black 0%, transparent 40%, transparent 100%); bottom: 0; left: 0; opacity: 0.6; position: absolute; right:0; top:0; z-index: 2; width: 101%;}
.socials-part .item a { text-decoration: none; color: #FFF; height: 100%; width: 100%; display: block;}

.socials-part .item a .likes { font-size: 20px; position: absolute; bottom: 0px; left: 0px; padding: 30px; z-index: 5;}
.socials-part .item a .likes i { margin-right: 7px;  }
.socials-part .owl-prev { position: absolute; width: 42px; top: -25px; right: 460px; background: white; z-index: 99; border-radius: 50%; padding: 10px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .18); }
.socials-part .owl-next { position: absolute; width: 42px; top: -25px; right: 400px; background: white; z-index: 99; border-radius: 50%; padding: 10px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .18); }

/* Main counter part */
.main-counter-part { background: #000000; overflow: hidden; width: 100%; }
.main-counter-part .inner { padding: 80px 0px 110px 0px; overflow: hidden; }
.main-counter-part .inner ul.counter-list { }
.main-counter-part .inner ul.counter-list li { width: 33%; display: block; float: left; text-align: center; }
.main-counter-part .inner ul.counter-list li:first-child { border-right: 1px solid #ddd; }
.main-counter-part .inner ul.counter-list li:last-child { border-left: 1px solid #DDD; }
.main-counter-part .inner ul.counter-list li span.inner { padding: 0px 150px; display: block;}
span.counter { font-family: 'Encode Sans Expanded', sans-serif; font-size: 82px; color: #9e9e9e; display: block; text-align: center; font-weight: 800; }
.main-counter-part .inner ul.counter-list li span.inner span.text { font-family: 'Encode Sans Expanded', sans-serif; font-size: 22px; line-height: 34px; color: #FFFFFF; font-weight: 800; text-align: center; }

/* Intro part */
.intro-part { padding: 140px 0px; text-align: center; }
.intro-part h1 { color: #777; font-size: 42px; padding-bottom: 30px; }

/* Carousel part */
.carousel-part { background: #FFF; width: 100%; }
.carousel-part .item { position: relative; min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.carousel-part .item::after {content: ''; background: linear-gradient(to top, black 0%, transparent 40%, transparent 100%); bottom: 0; left: 0; opacity: 0.6; position: absolute; right:0; top:0; z-index: 2; width: 101%;}
.carousel-part .item a { text-decoration: none; color: #FFF; height: 100%; width: 100%; display: block;}
.carousel-part .item a .likes { font-size: 20px; position: absolute; bottom: 0px; left: 0px; padding: 30px; z-index: 5;}
.carousel-part .item a .likes i { margin-right: 7px;  }
.carousel-part .owl-prev { position: absolute; width: 29px; top: -25px; left: 500px; background: white; z-index: 99; border-radius: 50%; padding: 10px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .18); }
.carousel-part .owl-next { position: absolute; width: 29px; top: -25px; left: 560px; background: white; z-index: 99; border-radius: 50%; padding: 10px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .18); }

/* Content part */
.content-part { padding: 100px 0px; float: left; width: 100%; text-align: center; }
.content-part h1 { text-transform: uppercase; color: #777; font-size: 40px; padding-bottom: 30px; }

/* Car brand selector */
.collection-filter-part {background: #f2f2f2; padding: 60px 0px 10px 0px; color: #777;  width: 100%; position: relative; z-index: 3000;}
.collection-filter-part .collection-brand-selector .inner { margin: 0 auto; padding: 20px 0px 30px 0px; text-align: left;}
.collection-filter-part .collection-brand-selector .inner span { display: inline-block; text-transform: none; font-size: 22px; color: #000000; }
.collection-filter-part .collection-brand-selector .inner .filter-dropdown { display: inline-block; position: relative; background: #000; color: #FFFFFF; min-width: 340px; margin-left: 15px; text-align: left; padding: 10px 30px;}
.collection-filter-part .collection-brand-selector .inner .filter-dropdown > a { color: #FFFFFF; text-decoration: none; font-size: 20px; display: block; padding-right: 30px; position: relative; }
.collection-filter-part .collection-brand-selector .inner .filter-dropdown > a:after { content: "\f078"; font-family: 'FontAwesome'; width: 0; height: 0; position: absolute; right: 20px; top: 5px; transition: ease 3s;  }
.collection-filter-part .collection-brand-selector .inner .filter-dropdown ul { max-width: 340px; list-style: none; background: #000000;  position: absolute; top: 100%; left: 0; display: none; z-index: 9999999 !important; width: 100%;}
.collection-filter-part .collection-brand-selector .inner .filter-dropdown ul li a { display: block; padding: 10px 20px; color: #FFFFFF; text-decoration: none; font-size: 20px; transition: ease .5s; }


/* Collection part */
.collection-part { padding: 50px 0px 100px 0px; /* background: #F2F2F2; */ background: #ffffff; overflow: hidden; }

/* Car detail header */
.car-detail-header { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; padding: 400px 0px 50px;}
.car-detail-header::after { content: ''; background: linear-gradient(to top, black 0%,  transparent 100%); bottom: -2px; left: 0; opacity: 1; position: absolute; right:0; height: 50vh; z-index: 2; }
.car-detail-header .col { position: relative; z-index: 999;}
.car-detail-header .title h1 { color: #FFF; }
.car-detail-header .title h2 { color: #9D9D9D; margin-bottom: 10px;}
.car-detail-header .price { text-align: right; }
.car-detail-header .price span { color: #9D9D9D; font-weight: 200; font-size: 40px; }

/* Car detail counter */
.car-detail-counter { background: #000; padding: 20px 0px 70px 0px; }
.car-detail-counter .counter-box { border: 1px solid #272727; padding: 90px 10px; text-align: center;}
.car-detail-counter .counter-box .counter { font-weight: 100; color: #FFF; font-family: 'Quasimoda', sans-serif; font-size: 82px; display: inline-block; text-align: center; line-height: 1em; }
.car-detail-counter .counter-box .counter::after {content: '.'; color: #CD0100;}
.car-detail-counter .counter-box .counter-2:after {content: '-'; color: #FFFFFF; margin: 0px 10px;}
.car-detail-counter .counter-box .text { margin-top: 20px; color: #9D9D9D; display: block; font-size: 25px;}


/* Car detail image */
.car-detail-image { background: #000; width: 100%; overflow: hidden; }
.car-detail-image .images { display: flex; flex-wrap: wrap; }
.car-detail-image .images a { width: 33.333%; transition: ease .3s; cursor: pointer; }
.car-detail-image .images a img { 
	width: 100%; 
	/* height: 100%;  */
}

/* Car detail gallery */
.car-detail-gallery .swiper-container {


}
.car-detail-gallery .swiper-container::after {
	display: none;
}
.car-detail-gallery .swiper-container .swiper-wrapper{

}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide-prev, .car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide-next {
	transition: ease 1s;
}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background: #000;
	opacity: .7;
	transition: ease 1s;
}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide-active::after {
	display: none;
	transition: ease 1s;
}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide {
	transition: ease 1s;
}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide.active {
	transition: ease 1s;
}
.car-detail-gallery .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
}

/* Cart detail quote */
.car-detail-quote { background: #000000; /*  background: #000; */ padding: 80px 0px 50px 0px; width: 100%; float: left; }
.car-detail-quote p { font-size: 32px; font-weight: 200; margin-bottom: 15px;}
.car-detail-quote p.name { font-size: 42px; font-weight: 200; color: #ffffff; /* color: #fff; */ font-family: luxus-brut,cursive;}

/* Cart detail quote */
.car-detail-specs {
	background: #000;
	padding: 50px 0px 70px 0px;
	width: 100%;
	float: left;
}
.car-detail-specs .specs-box {
	background: #1b1b1b;
	padding: 60px 90px;
	border: 1px solid #333;
}
.car-detail-specs .specs-box h2 { color: #FFF; }
.car-detail-specs .specs-box ul li { display: inline-block; width: 30%; margin-right: 2%; margin-bottom: 30px; margin-top: 20px; color: #9D9D9D; }
.car-detail-specs .specs-box ul li span { color: #FFF; font-size: 26px; display: block; }

/* Car detail impression */
.car-detail-impression { background: #000000; padding: 70px 0px 70px 0px; width: 100%; float: left; }
.car-detail-impression h2 { color: #FFF; margin-bottom: 50px; }
.car-detail-impression .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.car-detail-impression .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Car detail impression */
.car-detail-calculator { background: #000000; padding: 70px 0px 70px 0px; width: 100%; float: left; }
.car-detail-calculator h2 { color: #FFF; margin-bottom: 50px; }

/* Car detail specs */
.car-detail-info {
	width: 100%;
	float: left;
	background: #000000;
	padding: 90px 0px 100px 0px;
}
.car-detail-info h3 {
	color:#ffffff;
}
.car-detail-info .info-box {
	background: #1b1b1b;
	border: 1px solid #333;
	padding: 50px 90px;
	margin: 50px 0px;
	overflow: hidden;
}
.car-detail-info .info-box ul {
	list-style: disc;
}
.car-detail-info .info-box ul li {
	width: 45%;
	margin-left: 24px;
	display: list-item;
	padding: 5px 0px;
	float: left;
}

/* Car detail downloads */
.car-detail-downloads {
	background: #000000;
	padding: 20px 0px 70px 0px;
	width: 100%; float: left;
}
.car-detail-downloads .download-box {
	background: #1b1b1b;
	border: 1px solid #333333;
	padding: 60px 90px;
}

@media (max-width: 768px) {
	.car-detail-downloads .download-box {
		padding: 40px;
	}
}

.car-detail-downloads .download-box h3 { 
	color: #FFF; 
}
.car-detail-downloads .download-box h4 { 
	color: #FFF; 
	font-size: 24px;
	margin-bottom: 20px;
}
.car-detail-downloads .download-box ul li { color: #FFF; display: block; padding: 5px 0px; border-bottom: 1px solid #333; }
.car-detail-downloads .download-box ul li a { color: #FFF; transition: ease .2s; }
.car-detail-downloads .download-box ul li a::before { content: '\f1c1'; font-family: FontAwesome; margin-right: 15px; }
.car-detail-downloads .download-box ul li a:hover { color: #CCC; }
/* Car detail form */

.car-detail-form { width: 100%; float: left; background: #000; padding: 90px 0px 100px; }
.car-detail-form h2 { color: #FFF; margin-bottom: 5px; }
.car-detail-form h4 { color: #FFF; font-size: 24px; margin-bottom: 30px; }

/* Car detail cta */
.car-detail-cta { display: none; position: fixed; left: 0; right: 0; bottom: 0; background: #000000; padding: 10px; z-index: 999;}
.car-detail-cta ul li { display: inline-block; padding: 10px 20px; position: relative; }
.car-detail-cta ul li a { color: #9D9D9D; }
.car-detail-cta ul li.active::after {content: ''; width: 100%; height: 1px; background-color: white; position: absolute; left: 0; bottom: 0px; }
.car-detail-cta ul li.active a { color: #FFFFFF; }
.car-detail-cta a.btn { display: inline-block; padding: 12px 30px; float: right; margin-left: 10px;}


/* Team part */
.team-part { width: 100%; overflow: hidden; background-color: #000; padding: 100px 0px 120px 0px; }
.team-part h2 { color: #FFF; }
.team-part h4 { color: #FFF; font-size: 22px; }
.team-part .team-carousel { margin-top: 30px; }
.team-part .team-carousel .slick-slide img { margin: 0 auto; }
.team-part .team-carousel .slick-slide.slick-current .description { position: absolute; bottom: 70px; left: 0px; right: 0px; text-align: center; }
.team-part .team-carousel .slick-slide.slick-current .description .name { font-size: 1.4em; color: #FFF; display: block; }
.team-part .team-carousel .slick-slide.slick-current .description .function { color: #FFF; display: block; }


.team-part .team-carousel  .slick-slide {
	transform: scale(1);
	opacity: .5;
	transition: .3s ease-in-out all;
}
.team-part .team-carousel  .slick-slide.slick-center {
	opacity: 1;
	transform: scale(1.08);
}
.team-part .team-carousel .slick-dots {
    bottom: -55px;
}
.team-part .team-carousel .slick-dots li button:before {
    font-size: 14px;
    height: 30px;
    width: 30px;
}
.team-part .team-carousel .slick-dots li.slick-active button:before, .team-part .team-carousel .slick-dots li button:before {
    color: #FFF;
}

/* Contact Content Part */

.contact-content-part {
	overflow: hidden;
	width: 100%;
	padding: 40px 0px 80px 0px;
	background-color: #000000;
	color: #ffffff;
}

@media (max-width: 768px) {
	.contact-content-part {
		padding-top: 0;
	}
}

.contact-content-part .contact-box {
	background-color: #1b1b1b;
    padding: 40px;
    margin-top: 30px;
    min-height: 330px;
    border: 1px solid #333;
	height: calc(100% - 30px);

	img {
		max-width: 100%;
	}
}
.contact-content-part .contact-box-small { background-color: #EEE; padding: 40px; margin-top: 30px; }
.contact-content-part .contact-box .title { font-size: 22px; font-weight: 300px; margin-bottom: 20px;}
.contact-content-part .contact-box .title span { color: #CD0100; font-size: 34px; line-height: 22px;}
.contact-content-part .contact-box ul.openinghours li:last-child { margin-top: 20px; }
.contact-content-part .contact-box ul.openinghours span { width: 50%; float: right; text-align: left;  }
.contact-content-part .contact-box ul li span { width: 70%; float: right; text-align: left; }
.contact-content-part .contact-box ul li a { 
	color: #aaaaaa!important; 
}
.contact-content-part .contact-box ul li a:hover { 
	color: #ffffff!important; 
}
.contact-content-part .contact-box ul.contactrecords { margin-top: 20px; }
/* Expected part */
.expected-part { overflow: hidden; width: 100%; padding: 120px 0px 80px 0px;}
.expected-part h2 { text-align: center; color: #777; }
.expected-part ul { padding: 40px 0px; overflow: hidden; text-align: center}
.expected-part ul li { display: inline-block; width: 27%; font-weight: 800; text-align: center; font-size: 1.2em; padding: 30px 0px; margin: 0px 20px;  transition: ease .5s; }
.expected-part ul li a { color: #000; text-decoration: none; }
.expected-part ul li a span { display: block; color: #777; font-weight: 500;}


/* Landingpage */

#landingpage {	overflow: hidden;	width: 100%; padding: 80px 0px; }

/* Blog: overview */

.blog-overview-part { margin: 50px 0px; }
.blog-overview-part .post-list li { width: 33%; display: inline-block; background: white; box-shadow: 0px 3px 69px rgba(0,0,0,0.16); margin: 30px 0px; }
.blog-overview-part .post-list li .image p { margin-bottom: 0px;}
.blog-overview-part .post-list li .image img { width: 100%; }
.blog-overview-part .post-list li .meta { padding: 30px; }
.blog-overview-part .post-list li .meta h3 { font-size: 24px; margin: 0px; padding: 0px; }
.blog-overview-part .post-list li .meta h3 a { color: #000; }
/* Blog: detail */

.blog-header-part { background-color: #000; }
.blog-header-part .content { padding-top: 200px; padding-bottom: 60px; }
.blog-header-part .content h2 { color: #ccc; font-size: 28px; } 
.blog-header-part .content h1 { color: #FFF; font-size: 42px; } 
.blog-header-part .featured-image { margin-bottom: -100px; }

.blog-content-part { margin-top: 150px; } 
.blog-content-part img { width: 100%; }
.blog-content-part a { color: #000; }
.blog-content-part h2 { font-size: 36px; }



/* Landingspage */

.landing-hero {
	background-color: #000;
	min-height: 100vh;
	height: auto;
	padding-bottom: 160px;
}
.landing-hero .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.landing-hero .inner {
	margin-top: 30vh;
	color: #fff;
	h3 {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}
.landing-hero .inner h1 {
	color: #FFF;
	font-size: 40px;
	margin-bottom: 30px;
}
.landing-hero .inner p {
	color: #FFF;
	display: block;
	margin: 40px 0;
	font-size: 1rem; 
	opacity: 0.9
}
.landing-hero .inner p i {
	font-family: 'Quasimoda', sans-serif;
	font-style: italic;
}
.landing-hero .inner .buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 30px;
}

.landing-hero .inner .buttons a.videolink,
.landing-video a.videolink  {
	margin-left: 20px; 
	color: #FFF;
	vertical-align: middle;
	display: inline-block;
}

@media only screen and (max-width: 1286px){
	.landing-hero .inner .buttons {
		display: block;
	}

	.landing-hero .inner .buttons a.videolink,
	.landing-video a.videolink  {
		margin-left: 0;
		margin-top: 20px;
		display: block;
	}
}

@media only screen and (max-width: 768px){
	.landing-hero .image {
		position: relative;
		right: 0;
		left: 0;
		bottom: 0px;
		width: 90%;
		margin: 0 auto; 
		height: 350px;
		margin-top: 10vh;
	}
	.landing-hero .image-mobile {
		width: 100%;
		bottom: 0px;
		margin-top: 60px;
	}

	.landing-hero .inner {
		margin-top: 60px;
	}
}

.landing-hero .inner .buttons a.videolink i,
.landing-video a.videolink i {
	color: #FFF;
	width: 35px;
	height: 35px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	padding-top: 10px; 
	border-radius: 50%;
	border: 1px solid #FFF;
	margin-right: 5px;
	vertical-align: middle;
}

.landing-hero .inner-usps {
	color: #FFF;
	margin-top: 110px;
	width: 100%;
	position: relative;
	display: flex;
}

.landing-hero .inner-usps .usp {
	font-size: 0.9rem;
	margin-right: 20px;
	font-weight: 300;
	vertical-align: middle;
}

.landing-hero .inner-usps .usp i {
	font-size: 0.7rem;
	vertical-align: baseline;
}
.landing-hero .inner-usps .usp a {
	color: #ccc;
	font-weight: 400;
}

@media only screen and (max-width: 768px){
	.landing-hero {
		padding-top: 50px;
	}

	.landing-hero .inner-usps {
		margin-top: 55px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.landing-hero .inner-usps .usp {
		width: 40%;
		margin-bottom: 15px; 
	}
}

.landing-usps {
	padding: 100px 0;
}

.landing-usps .title {
	padding-right: 40px;
}

.landing-usps .title h2 {
	font-size: 1.8rem;
}

.landing-usps .usp {
	margin-bottom: 30px;
	height: 100%;
}

.landing-usps .usp .content .icon {
	display: flex;
	flex-direction: row;
	max-height: 40px;
    margin-bottom: 15px;
}

.landing-usps .usp .content .icon img {
	width: 40px;
	max-height: 40px;
}

.landing-usps .usp .content .icon h4 {
	padding-left: 20px;
}
.landing-usps .usp .content {
	background: #FFF;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.08);
	padding: 40px;
}

.landing-usps .usp h4 {
	display: block;
	margin-bottom: 20px;
	font-size: 1.2rem;
}

.landing-usps .usp p {
	font-size: 0.9rem;
	margin-bottom: 0px;;
}

.landing-usps .usp a {
	color: inherit;
	text-decoration: underline;
}

.landing-video {
	height: 80vh;
	min-height: 650px;
	background-size: cover;
	background-position: center;
	position: relative;
}

.landing-video .overlay,
.landing-cta .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(to left, rgba(0,0,0,0.3), rgba(0,0,0, 1));
}

.landing-video .container-xl {
	position: relative;
	height: 100%;
}

.landing-video .content {
	max-width: 30%;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

@media only screen and (max-width: 768px) {
	.landing-video .content {
		max-width: 100%;
	}
}

.landing-video .content h2 {
	color: #FFF;
	margin: 0 0 25px 0;
	padding: 0;
}

.landing-video .content h2 span {
	color: #CD0100;
}

.landing-video .content a.videolink {
	margin-left: 5px; 
}

.landing-path {
	padding: 80px 0;
	background: #000;
}

.landing-path .container-xl .row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.landing-path .container-xl .row > [class*='col-'] {
	display: flex;
  	flex-direction: column;
}

.landing-path .container-xl .row::after {
	content: " ";
	height: 1px;
	width: calc(100% - 33.2%);
	background: rgb(110, 110, 110); 
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	transform: translateY(-50%); 
	left: 0;
	right: 0;
	margin: 0 auto;
}

@media only screen and (max-width: 991px){
	.landing-path .container-xl .row::after {
		display: none; 
	}
}

.landing-path .item {
	margin-bottom: 10px;
	padding: 30px;
}

.landing-path .item .content {
	background: #FFF;
	padding: 25px;
	height: 100%;
	position: relative;
}

.landing-path .item .content::before {
	content: " ";
	height: 1px;
	width: 60px;
	background: rgb(110, 110, 110); 
	display: block;
	position: absolute;
	right: -60px;
	top: 50%;
	transform: translateY(-50%); 
}

.landing-path .item:nth-child(3) .content::before,
.landing-path .item:nth-child(6) .content::before {
	display: none;
}



.landing-path .item:nth-child(3) .content::after {
	content: " ";
	height: 35px;
	width: 1px;
	background: rgb(110, 110, 110); 
	display: block;
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.landing-path .item:nth-child(4) .content::after {
	content: " ";
	height: 35px;
	width: 1px;
	background: rgb(110, 110, 110); 
	display: block;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

@media only screen and (max-width: 991px){
	.landing-path .item:nth-child(2) .content::before,
	.landing-path .item:nth-child(4) .content::before {
		display: none;
	}

	.landing-path .item:nth-child(3) .content::before {
		display: block;
	}

	.landing-path .item:nth-child(3) .content::after {
		height: 70px;
		bottom: -70px;
	}
	
	.landing-path .item:nth-child(4) .content::after {
		height: 70px;
		top: -70px;
	}
}

@media only screen and (max-width: 768px){
	.landing-path .item .content::before {
		display: none !important;
	}

	.landing-path .item .content::after {
		content: " ";
		height: 70px;
		width: 1px;
		background: rgb(110, 110, 110); 
		display: block;
		position: absolute;
		top: -70px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.landing-path .item:first-child .content::after {
		display: none;
	}
}

.landing-path .item .content .number {
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	background: #000;
	font-size: 1.2rem;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	padding-top: 7px;
}

.landing-path .item .content .number span {
	color: #CD0100;
}

.landing-path .item .content .inner {
	width: calc(100% - 70px);
	display: inline-block;
	vertical-align: top;
}

.landing-path .item .content .inner p {
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #000;
}

.landing-path .item .content .inner h4 {
	font-size: 1.1rem;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
}

.landing-path h2 {
	font-size: 2rem;
	margin-bottom: 80px;
	color: #fff;
}
.landing-path p {
	color: #FFF;
}

.landing-path h2 span {
	color: #CD0100;
}

.landing-reviews {
	padding: 80px 0px;
	background: #fff;
}

.landing-reviews {
	background: #fff; 
	padding: 80px 0;
}
.landing-reviews h2 {
	margin-bottom: 60px;
}
.landing-reviews .list {
	/* display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: stretch; */
}

/* the slides */
.landing-reviews .list .item.slick-slide {
    margin: 0 10px;
}
/* the parent */
.landing-reviews .slick-list {
    margin: 0 -10px;
}
.landing-reviews button {
	background: transparent;
	border: none;
}
.landing-reviews button:focus {
	outline: none;
}
.landing-reviews button.slick-prev.slick-arrow {
    top: 50%;
    height: auto;
    width: auto;
    left: -80px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.landing-reviews button.slick-next.slick-arrow {
    top: 50%;
    height: auto;
    width: auto;
    right: -80px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
	.landing-reviews button.slick-prev.slick-arrow {
		top: auto;
		bottom: -30px;
		left: 0;
	}
	.landing-reviews button.slick-next.slick-arrow { 
		top: auto;
		bottom: -30px;
		right: 0;
	}
}
.landing-reviews .list .item {
	/* width: 30%; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 350px;
	transition: all ease .5s;
}
.landing-reviews .list .item a {
	color: #FFF;
}
.landing-reviews .list .item a .inner {
	background: rgba(0,0,0,0.5);
	padding: 40px;
	position: relative;
	height: 100%;
	min-height: 350px;
}
.landing-reviews .list .item a .inner .quote {
	font-style: italic;
	font-size: 1.6rem;
	line-height: 1.8rem;
}
.landing-reviews .list .item a .inner .info {
	position: absolute;
	left: 40px;
	bottom: 40px;
}
.landing-reviews .list .item a .inner .info span {
	display: block;
}
.landing-reviews .list .item a .inner .info span.name {
	font-weight: 500;
}
.landing-reviews .list .item a .inner .info span.car {
	color: #ddd;
}
.landing-reviews .list .item a .inner .arrow {
	position: absolute;
	right: 40px;
	bottom: 55px;
	width: 40px;
}
.landing-reviews .list .item a .inner .arrow img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.landing-reviews .list .item {
		width: 100%;
	}
	.landing-reviews .list .item a .inner .quote {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
}


.landing-reference .container-xl {
	text-align: center;
}

.landing-reference .container-xl .row {
	text-align: left; 
}

.landing-reference .container-xl .item {
	width: 100%;
	position: relative;
	padding: 0 0 0 30%;
	background: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.04);
	margin-bottom: 35px; 
}

.landing-reference .container-xl .item .image {
	width: 30%;
	display: block;
	margin-right: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
}
.landing-reference .container-xl .item .inner {
	width: 100%; 
	display: inline-block;
	padding: 40px;
}

@media only screen and (max-width: 768px){
	.landing-reference .container-xl .item {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

	.landing-reference .container-xl .item .image {
		position: relative;
		height: 380px;
		width: 100%;
		margin-bottom: 25px;
		margin-right: 0;
	}

	.landing-reference .container-xl .item .inner {
		padding: 25px;
	}
}

.landing-reference .container-xl .item .inner .author b {
	display: block;
	font-weight: 700;
}

.landing-reference .container-xl .item .inner p {
	font-size: 0.9rem;
}

.landing-reference .container-xl .item .inner h4 {
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.landing-reference .container-xl .item .inner h4 span {
	color: #aaaaaa; 
	font-weight: 700;
	font-size: 1.6rem;
	opacity: 0.8;
}

.landing-reference .container-xl .btn {
	margin-top: 40px;
}

.landing-cta {
	padding: 150px 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.landing-cta .container-xl {
	position: relative;
	height: 100%;
}

.landing-cta .container-xl h2 {
	color: #FFF;
	margin-bottom: 35px;
	max-width: 50%;
	display: block;
	font-size: 2rem;
}

@media only screen and (max-width:768px){
	.landing-cta .container-xl h2 {
		max-width: 100%;
	}
}

.landing-text-block {
	padding: 80px 0;
}

.landing-text-block .container-xl {
	position: relative;

}

.landing-text-block .container-xl #landing-sidebar {
	width: 30%;
	vertical-align: top;
	float: right;
}

.landing-text-block .container-xl #content {
	width: calc(60% - 20px);
	display: inline-block;
	vertical-align: top;
	min-height: 400px;
	position: relative;
}

.landing-text-block .container-xl #content h1,
.landing-text-block .container-xl #content h2 {
	margin: 25px 0 15px 0;
	display: block;
	padding: 0;
}

.landing-text-block .container-xl #content a {
	color: inherit;
	text-decoration: underline;
}

.landing-text-block .sidebar{
    will-change: min-height;
}

.landing-text-block .sidebar__inner{
    transform: translate(0, 0); 
    transform: translate3d(0, 0, 0);
	will-change: position, transform;
	background: #F2F2F2; 
	text-align: center; 
	padding: 25px;
	margin-top: 60px; 
}

.sidebar__inner > img {
	max-width: 60%;
	margin: -120px auto 35px auto;
}

.landing-text-block .sidebar__inner h4 {
	font-size: 1.1rem;
}

.landing-text-block .sidebar__inner p {
	font-size: 0.8rem;
}

.landing-text-block .sidebar__inner a {
	width: 100%;
	text-align: center; 
	padding: 15px 15px;
	margin-bottom: 15px;
	background: #000;
	color: #fff;
}

@media only screen and (max-width: 991px){ 
	.landing-text-block .sidebar__inner a {
		font-size: 0.7rem; 
	}

	.landing-text-block .sidebar__inner a span {
		display: none;
	}
}

.landing-text-block .sidebar__inner .btn-dark:hover {
	background: #fff;
	color: #000; 
}

@media only screen and (max-width:768px){
	.landing-text-block .container-xl #content {
		width: 100%; 
	}

	.landing-text-block .container-xl #landing-sidebar {
		float: none;
		width: 90%;
		margin: 100px auto 0 auto;
		vertical-align: bottom;
		position: relative !important;  
	}
}

@media screen and (max-width: 768px) {
	.landing-hero {
		padding-bottom: 60px;
	}
	.landing-usps {
		padding: 10px 0px;
	}
	.landing-usps .title h2 {
		font-size: 1.6rem;
		margin-bottom: 40px;
	}
	.landing-video {
		height: 50vh;
		min-height: 50vh;
	}
	.landing-path h2 {
		font-size: 1.6rem;
		margin-bottom: 30px;
	}
	.landing-cta {
		padding: 70px 0px;
	}
	.landing-cta .container-xl h2 {
		font-size: 1.6rem;
	}
	.landing-text-block {
		padding: 30px 0px;
	}
	.landing-text-block .container-xl #content h1 {
		font-size: 2rem;
	}
}

.landing-text-block .sidebar__inner .btn-dark:hover { box-shadow: inset 400px 0 0 0 #fff; color: #000;}

/* Reference page */


.reference-list {
	background: #eee; 
	padding: 80px 0;
}

.reference-list .container-xl {
	text-align: center;
}

.reference-list .container-xl .row {
	text-align: left; 
}

.reference-list .container-xl .item {
	width: 100%;
	position: relative;
	padding: 0 0 0 30%;
	background: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.04);
	margin-bottom: 35px; 
}

.reference-list .container-xl .item .image {
	width: 30%;
	display: block;
	margin-right: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	max-height: 300px;
}
.reference-list .container-xl .item .inner {
	width: 100%; 
	display: inline-block;
	padding: 40px;
}

@media only screen and (max-width: 768px){
	.reference-list .container-xl .item {
		width: 90%;
		margin: 20px auto;
		padding: 0 0 0 0;
	}

	.reference-list .container-xl .item .image {
		position: relative;
		height: 380px;
		width: 100%;
		margin-bottom: 25px;
		margin-right: 0;
	}

	.reference-list .container-xl .item .inner {
		padding: 25px;
	}
}

.reference-list .container-xl .item .inner .author b {
	display: block;
	font-weight: 700;
}

.reference-list .container-xl .item .inner p {
	font-size: 0.9rem;
}

.reference-list .container-xl .item .inner h4 {
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.reference-list .container-xl .item .inner h4 span {
	color: #aaaaaa; 
	font-weight: 700;
	font-size: 1.6rem;
	opacity: 0.8;
}

.reference-list .container-xl .btn {
	margin-top: 40px;
}


/* Footer */
footer {
	background: #000;
	width: 100%;
	padding: 0px;
	float: left;
	border-top: 1px solid #333;
}
footer .top .group-part { background: #F2F2F2; width: 100%; height: auto; padding: 40px 0px; }
footer .top .group-part a { display: block; width: 100%; transition: ease-in-out .3s;}
footer .top .group-part a .icon { min-height: 120px;}
footer .top .group-part a .icon img { margin: 0 auto; width: 100px; transition: ease-in-out .3s; }
footer .top .group-part a .title h3 { text-decoration: none; text-align: center; color: #000; text-transform: uppercase; letter-spacing: .2em; font-size: 18px; transition: ease-in-out .3s; }
footer .center { padding: 90px 0px 70px 0px; }
footer .center .footer-logo a img { width: 360px; }
footer .center .footer-social { margin-top: 185px; }
footer .center .contact-box { float: right; text-align: right; display: block; width: 100%; }
footer .center .contact-box h3 { color: #FFF; font-size: 24px;}
footer .center .contact-box ul li a { 
	color: #FFF; 
	transition: ease-out 0.4s;
}
footer .center .contact-box ul li a:hover { 
	text-decoration: none; 
	color: #666666;
}
footer .center .address-box { 
	float: right; 
	text-align: right; 
	display: block; 
	width: 100%; 

	a {
		transition: ease-out 0.4s;
		color: #666666;

		&:hover {
			color: #ffffff;
		}
	}
}
footer .center .address-box h3 { color: #FFF; font-size: 24px; margin-top: 40px;}
footer .center .address-box address { color: #FFF; }
footer .center .address-box p.grey { color: #898989;}
footer .bottom { background-color: #101010; padding: 40px 0px; }


footer .bottom .footer-nav ul li { 
	display: inline-block; 
	margin-right: 15px; 
	margin-left: 15px;

	&:first-of-type {
		margin-left: 0;
	}

	&:last-of-type {
		margin-right: 0;
	}
}
@media (max-width: 768px) {
	footer .bottom .footer-nav ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	footer .bottom .footer-nav ul li { 
		&:first-of-type {
			margin-left: 15px;
		}

		&:last-of-type {
			margin-right: 15px;
		}
	}

	footer .bottom .reclamacoes {
		display: flex;
		justify-content: center;
	}
}

footer .bottom .footer-nav ul li a { 
	color: #FFF; 
	transition: ease-out 0.4s;

	&:hover {
		color: #666666;
	}
}
footer .powered { background: #000; padding: 40px 0px;  }
footer .powered .footer-extra-nav {
	
}
footer .powered .footer-extra-nav ul li {display: inline-block; margin-right: 30px; color: #666; }
footer .powered .footer-extra-nav ul li a { 
	color: #666;
	transition: ease-out 0.4s;
	
	&:hover {
		color: #ffffff;
	}
}
@media (max-width: 768px) {
	footer .powered .footer-extra-nav {
		margin-bottom: 20px;

		nav {
			> ul {
				display: flex;
				justify-content: center;
				flex-direction: column;
				align-items: center;

				li {
					margin-right: 0;

					&:first-child {
						order: 2;
					}

					&:last-child {
						display: flex;
						justify-content: center;
						flex-wrap: wrap;
						order: 1;

						a {
							padding: 0 10px;
						}

						span {
							display: none;
						}
					}
				}
			}
		}
	}
}
footer .powered .creator { 
	a {
		color: #CD0100;
		transition: ease-out 0.4s;

		&:hover {
			color: #ffffff;
		}
	}
}
footer .powered .creator a img { width: 100px; float: right; opacity: .3; transition: ease .3s;}
footer .powered .creator a:hover img {opacity: 1;}

@media (max-width: 768px) {
	footer .powered .creator {
		text-align: center;
	}
}

footer .center .social {
	text-align: left;
}

footer .center .music {
	text-align: right;
}

@media (max-width: 768px) {
	footer .center .social {
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}

	footer .center .music {
		text-align: center;
	}
}


@media screen and (max-width: 1600px) {
    .car-overview-part .car-overview-part-inner ul li { width: 40%;}
}


@media screen and (max-width: 1350px) {
    .container-xl { width: 90%; margin: 0px auto; }
}


@media screen and (max-width: 1280px) {
    .container-md { width: 950px;}

    footer .top .left { width: 50%; }

}

@media screen and (max-width: 1024px) {
    .container-md { width: 900px; }
	 .container-xl { width: 90%; }

    header .logo { left: 50px; top: 50px; width: 280px; margin-left: 0px; }
	 header .menu { top: 45px; }

	 .menu-overlay .menu-col a .inner .content { bottom: 60px; }
	 .menu-overlay .menu-col a .inner .content h2 { font-size: 18px; }

	 .swiper-container { height: 75vh; }
	 .group-part { height: 25vh; }

	 .text-box-white { margin-top: -100px; padding: 50px;}
	 .text-box-dark { margin-top: -100px; padding: 50px;}

	 .featured-collection-part { padding: 60px 0px 60px 0px; }

	 .socials-part .owl-prev { right: 180px; }
	 .socials-part .owl-next { right: 120px; }
	 .socials-part .item { min-height: 340px; }

	 .car-detail-counter .counter-box { padding: 60px 10px; }

	 .car-detail-image ul li { width: 50%; }
	 .car-detail-image ul li:hover { transform: none; box-shadow: none; }

	 .car-detail-specs .specs-box ul li { width: 30%; }
	 .car-detail-specs .specs-box ul li span { font-size: 20px; }
	 .car-detail-info .info-box { padding: 40px;}

	 .car-detail-cta ul li { padding: 10px; }
	 .car-detail-cta a.btn { padding: 9px; margin-left: 8px; font-size: 13px; }

}


@media screen and (max-width: 768px) {

	 p { font-size: 1em; line-height: 1.6em; }
    h2 { font-size: 26px; margin-bottom: 20px; }

    .btn { font-size: 0.9em;}

    .container-sm { width: 100%; }
    .container-md { width: 90%; margin: 0 auto; }
	 .container-xl { width: 90%; margin: 0 auto; }

.blog-overview-part .post-list li { width: 100%; }


    #preloader .inner { margin-top: 150px; }
    #preloader .inner span { font-size: 30px; margin: 0px 0px 30px 0px; width: 100%; display: block; }

	 header .logo { left: 30px; top: 30px; width: 220px; }
	 header .menu { width: 50px; right: 30px; top: 20px; }
	 header .menu .nav-icon { width: 50px; height: 50px; }
	 header .menu .nav-icon span:nth-child(1) { top: 15px; }
	 header .menu .nav-icon span:nth-child(2) { top: 25px; }
	 header .menu .nav-icon span:nth-child(3) { top: 35px; }
	 header .menu .nav-icon.open span:nth-child(1) { top: 25px; }
	 header .menu .nav-icon.open span:nth-child(3) { top: 25px; }

    .menu-overlay { overflow-x: hidden; overflow-y: auto; }

	 .menu-overlay .mobile-nav { width: 100%; padding: 0px 30px; }

	 .menu-overlay .mobile-nav .mobile-main-nav { margin-top: 130px; overflow: hidden;}
	 .menu-overlay .mobile-nav .mobile-main-nav ul { list-style: none; margin: 0; padding: 0;}
	 .menu-overlay .mobile-nav .mobile-main-nav ul li { display: block; width: 100%; float: left; }
	 .menu-overlay .mobile-nav .mobile-main-nav ul li a { color: #FFF; text-decoration: none;}
	 .menu-overlay .mobile-nav .mobile-main-nav ul li a span.icon { width: 65px; float: left; }
	 .menu-overlay .mobile-nav .mobile-main-nav ul li a span.title { float: left; margin-left: 15px; color: #FFF; padding: 20px 0px; text-transform: uppercase; letter-spacing: .2em;}

	 .menu-overlay .mobile-nav .mobile-extra-nav { margin-top: 30px; margin-bottom: 50px; }
	 .menu-overlay .mobile-nav .mobile-extra-nav ul { line-height: 2.1em; }
	 .menu-overlay .mobile-nav .mobile-extra-nav ul li { display: block; }
	 .menu-overlay .mobile-nav .mobile-extra-nav ul li a { color: #FFF; }

	 .menu-overlay .menu-col-md a .inner .content .icon { width: 30%; float: left; height: 60px; }
	 .menu-overlay .menu-col-md a .inner .content .icon img { width: 80px; }

	 .group-part { height: auto; padding: 10px 0px 50px 0px;  }
	 .group-part a .icon { min-height: 80px; height: 80px; width: 30%; float: left; }
	 .group-part a .icon img { margin: 5px auto; width: 80%; }
	 .group-part a .title { height: 80px; width: 70%; float: left; }
	 .group-part a .title h3 { padding: 35px 0px; margin-left: 25px; text-align: left;}
	 .group-part a:hover { }

	 .text-box-white { padding: 30px; margin-top: 0px;}
	 .text-box-dark { padding: 30px; margin-top: 0px;}

	 .simple-header-part .overlay .content h1 { font-size: 44px; }
	 .simple-header-part .overlay .content h2 { font-size: 24px; font-weight: 300; }

	 .collection-filter-part .collection-brand-selector .inner .filter-dropdown { min-width: 100%; margin-left: 0px; margin-top: 20px; }

	 .collection .box { margin: 20px 0px; }
	 .collection .box a .text { padding: 20px 30px; }
	 .collection .box a .text h4 { margin-bottom: 10px; }
	 .collection .box a .text h4 span { margin-top: 0px; }

	 .collection-part { padding: 25px 0px 10px 0px; }

	 .expected-cars-part { padding: 70px 0px; }
	 .expected-cars-part h2 { font-size: 34px; }
	 .expected .box .text { padding: 30px; }
	 .expected .box .text h4 { margin-bottom: 10px; }
	 .expected .box .text h4 span { margin-top: 0px; }

	 .car-detail-header { padding: 30vh 0px 10px; }
	 .car-detail-header::after { content: ''; background: linear-gradient(to top, black 0%, transparent 100%); bottom: -2px; left: 0; opacity: 1; position: absolute; right: 0; height: 110vh; z-index: 2;}
	 .car-detail-header .price { text-align: left; }
	 .car-detail-header .price span {font-size: 24px; margin-top: 20px; display: block;}
	 .car-detail-header h1 { font-size: 32px;}
	 .car-detail-header h2 { font-size: 28px; font-weight: 300; }


	 .car-detail-counter .counter-box { margin-bottom: 20px; padding: 30px 10px; }
	 .car-detail-counter .counter-box .counter { font-size: 50px;}

	 .car-detail-image ul li { width: 100%;}

	 .car-detail-specs .specs-box { padding: 60px; }
	 .car-detail-specs .specs-box ul li { width: 46%; }

	 .car-detail-cta .cta-buttons { 
		text-align: center; 
		min-height: 30px;
	}
	 .car-detail-cta .cta-buttons a.btn { margin: 0px 3px; padding: 11px 7px; font-size: 14px; float: none;}


	 footer .center .footer-logo a img { width: 100%; }

	 footer .center .footer-logo {
		margin-bottom: 30px;
	 }

	 footer .center .footer-logo a {
		display: flex;
		justify-content: center;
	 }

	 

	 footer .center .footer-social { margin-top: 45px; }
	 footer .center .contact-box { float: left; text-align: center; }
	 footer .center .address-box { float: left; text-align: center; margin-top: 20px; }
	 footer .center .footer-social { margin-bottom: 50px;}
	 footer .center .footer-social .social-icons ul { text-align: center; }
	 footer .center .footer-social .social-icons ul li { 
		display: inline-block; 
		margin: 20px 10px; 
		float: none;
		transition: ease-out 0.4s;

		a {
			transition: ease-out 0.4s;

			i {
				transition: ease-out 0.4s;

				&:before {
					transition: ease-out 0.4s;
				}
			}
		}
	}

}

@media screen and (max-width: 480px) {

    h3 { font-size: 26px; margin-bottom: 22px; }

    .collection-filter-part { padding: 20px 0px 0px 0px; }

    .collection-part { padding: 15px 0px 100px 0px; }

    .car-detail-image .images a { width: 50%; }

    .car-detail-quote p { font-size: 24px; }
    .car-detail-quote p.name { font-size: 20px; }

    .car-detail-specs { padding: 40px 0px 20px 0px; }
    .car-detail-specs .specs-box { padding: 40px; }
    .car-detail-specs .specs-box ul li { 
		width: 100%; 
		margin-right: 0; 
		font-size: 16px; 
		margin-bottom: 0;
	}
    .car-detail-specs .specs-box ul li span { font-size: 18px; }

    .car-detail-info { padding: 30px 0px 40px 0px; }
    .car-detail-info .info-box ul li { width: 100%; margin-left: 24px; }

    footer .center .footer-logo a img { width: 80%; margin: 0 auto; }

}



@media screen and (min-width: 1025px) {
    .social-icons ul li a:hover { background: #FFF; text-decoration: none;}
    .social-icons ul li a:hover i { color: #000;}

    .btn-light:hover { box-shadow: inset 400px 0 0 0 #FFF; color: #000;}
    .btn-dark:hover { box-shadow: inset 400px 0 0 0 #000; color: #fff;}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active { box-shadow: inset 400px 0 0 0 #FFF; color: #000; background-color: none; border-color: 1px solid #FFF;}

    header .quick-nav ul li a:hover { color: #777; }

    .group-part a:hover {text-decoration: none;}
    .group-part a:hover .icon img { width: 120px; }
    .group-part a:hover .title h3 { color: #777;}

    .collection .box:hover { transform: scale(1.10); z-index: 999; }
    .collection .box a:hover { text-decoration: none; }

    .content-full-part a:hover { text-decoration: none; }

    .socials-part .item:hover a .description { display: block;}

    .carousel-part .item:hover a .description { display: block;}

    .collection-filter-part .collection-brand-selector .inner .filter-dropdown ul li a:hover { color: #777; }

    .car-detail-image .images a:hover { 
		transform: scale(1.10); 
		box-shadow: 0px 10px 50px #000; 
		z-index: 999;
	}

    .expected-part ul li:hover { box-shadow: 0px 10px 30px #ccc; background: #000; transform: scale(1.10);}
    .expected-part ul li:hover a { color: #FFF; }

    footer .top .group-part a:hover {text-decoration: none;}
    footer .top .group-part a:hover .icon img { width: 120px; }
    footer .top .group-part a:hover .title h3 { color: #000;}

}




#form-page {
	min-height: 100vh;
	width: 100%;
	background-size: cover;
	background-image: url(../img/form-background.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#form-page .form-box {
	margin-top: 200px;
	position: relative;
	padding-top: 50px;
}
#form-page .form-box .close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	color: white;
}
#form-page .form-box .close-btn img {
    display: inline-block;
	margin-left: 10px;
	margin-bottom: -2px;
}
#form-page .form-box h1 {
	color: #FFF;
	font-size: 40px;
}

#form-page .form-box h3 {
	font-size: 30px;
	color: #777777;
	margin-top: 15px;
	margin-bottom: 50px;
	display: block;
	font-weight: 100;
}

#form-page .form-box form .group {
	display: none;
}
#form-page .form-box form .form-group {
	margin-bottom: 2rem;
}
#form-page .form-box form .form-group label {
	color: #FFF;
	margin-bottom: 1rem;
	display: block;
}
#form-page .form-box form .form-group label span.required {
	color: #CD0100;
}
#form-page .form-box form .form-group input {
	border-radius: 0px;
	font-size: 16px;
	padding: 10px 20px;
	border: 1px solid #FFF;
	outline: none;
	box-shadow: none;
    background-clip: unset;
}
#form-page .form-box form .form-group textarea {
	border-radius: 0px;
	font-size: 16px;
	padding: 10px 20px;
	border: 1px solid #FFF;
	outline: none;
	box-shadow: none;
    background-clip: unset;
}
#form-page .form-box form .form-group em {
    display: block;
    margin-bottom: 1.3em;
    font-size: .9rem;
    color: #CCC;
}
#form-page .form-box form .form-group em a {
	color: #CCC;
	text-decoration: underline;
}

#form-page .form-box form .form-group .radioOption {
    display: inline-block;
    margin-right: 30px;
}
#form-page .form-box form .form-group .radioOption span {
	color: white;
	margin-left: 7px;
}
/* 
#form-page .form-box form .form-group .radioOption input[type=radio]{
	position: absolute;
	visibility: hidden;
  }
  #form-page .form-box form .form-group {
	  position: relative;
  }
  #form-page .form-box form .form-group .radioOption {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
  #form-page .form-box form .form-group .radioOption::before {
	display: block;
	position: absolute;
	  content: '';
	border-radius: 100%;
	height: 15px;
	width: 15px;
	top: 5px;
	  left: 5px;
	margin: auto;
	  transition: background 0.25s linear;
	  -webkit-transition: background 0.25s linear;
  }
  
  #form-page .form-box form .form-group .radioOption input[type=radio]:checked ~ .check {
	border: 5px solid #0DFF92;
  }
  
  #form-page .form-box form .form-group .radioOption input[type=radio]:checked ~ .check::before{
	background: #0DFF92;
  }
  
  #form-page .form-box form .form-group .radioOption input[type=radio]:checked ~ label{
	color: #0DFF92;
  } */

/* Mark input boxes that gets an error on validation: */
#form-page .form-box form .form-group input.invalid {
	background-color: #ffdddd;
	border: 1px solid red;
  }
  

  #form-page .form-box form .buttons {
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-end;
  }
  #form-page .form-box form .buttons #prevBtn {
	  padding: 10px 30px;
	  background: transparent;
	  border: 1px solid transparent;
	  color: white;
	  text-decoration: underline;
  }
  #form-page .form-box form .buttons #nextBtn {
    background: #FFF;
    color: #000;
    padding: 10px 30px;
    border: 1px solid #FFF;
}

button#simpleContactSubmitButton {
	background: #FFF;
    color: #000;
    padding: 10px 30px;
	border: 1px solid #FFF;
	display: block;
	width: 100%;	
}

/* Make circles that indicate the steps of the form: */
.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
  }
  
  /* Mark the active step: */
  .step.active {
	opacity: 1;
  }
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
	background-color: #36ab38;
	opacity: 1;
  }

  #form-page.success h1 {
	  margin-bottom: 2rem;
  }
  #form-page.success p {
	  color: white;
  }
  #form-page.success p.script {
	font-size: 32px;
	font-weight: 200;
	color: #fff;
	font-family: luxus-brut,cursive;
  }


  @media screen and (max-width: 768px) {
	#form-page .form-box {
		margin-top: 100px;
		padding-bottom: 100px;
	}
	#form-page .form-box h1 {
		font-size: 28px;
	}
	#form-page .form-box h3 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	#form-page .form-box form .form-group {
		margin-bottom: 1rem;
	}
  }

.menu-overlay.new .car-nav {
    display: flex;
	flex-direction: column;
	margin-top: 250px;
}
.menu-overlay.new .car-nav .item {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}
.menu-overlay.new .car-nav .item a {
	display: block;
	transition: all ease .5s;
	
	&:hover {
		color: #666666;

		.inner {
			.title {
				color: #666666;
			}
		}
	}
}
.menu-overlay.new .car-nav .item a:hover .inner::after {
	content: '';
	background-color: rgba(0,0,0,.5);
}
.menu-overlay.new .car-nav .item a .inner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 40px;
	background-color: #000;
	position: relative;
	transition: all ease .5s;
}

@media (max-width: 991.99px) {
	.menu-overlay.new .car-nav .item a .inner {
		justify-content: center;
	}
}

.menu-overlay.new .car-nav .item a .inner:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	transition: all ease .5s;
}
.menu-overlay.new .car-nav .item a .inner > * {
	z-index: 99;
}
.menu-overlay.new .car-nav .item a .inner .icon {
	width: 100px;
}
.menu-overlay.new .car-nav .item a .inner .icon img {
	width: 100%;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.menu-overlay.new .car-nav .item a .inner .title {
	padding-right: 200px;
	padding-left: 50px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 500px;
	transition: all ease .5s;
}

.menu-overlay.new .main-nav {
	margin-top: 25vh;
	padding-right: 30px;
}
@media(max-width: 992px) {
	.menu-overlay.new .main-nav {
		padding-right: 0;
	}
}

.menu-overlay.new .main-nav .inner {
	padding-left: 150px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-left: 1px solid #333;
}
.menu-overlay.new .main-nav .inner nav.menu-nav ul li a {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 0px;
	display: block;
}
.menu-overlay.new .main-nav .inner nav.menu-nav ul li a:hover {
	color: #ccc;
}

@media screen and (max-width: 991px) {
	.menu-overlay.new .car-nav {
		margin-top: 120px;
	}
	.menu-overlay.new .car-nav .item {
		margin-bottom: 15px;
	}
	.menu-overlay.new .car-nav .item a .inner {
		padding: 10px 40px;
	}
	.menu-overlay.new .car-nav .item a:hover .inner::after {
		content: '';
		background-color: rgba(0,0,0,.85);
	}
	.menu-overlay.new .car-nav .item a .inner .title {
		padding-right: 180px;
		padding-left: 20px;
		width: 200px;
	}
	.menu-overlay.new .main-nav {
		margin-top: 0px;
	}
	.menu-overlay.new .main-nav .inner {
		padding-left: 0px;
		padding-top: 5px;
		padding-bottom: 100px;
		border-left: none;
	}
	.menu-overlay.new .main-nav .inner nav.menu-nav ul li a {
		text-align: center;
		color: #CCC;
	}
	

}



/* Fancybox custom styling */

.fancybox-bg {
	background: #000!important;
}





.slick-slider .slick-slide .slide-image {
    background-position: center!important;
}

#div_cookies {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 30px;
	background-color: #ffffff;
	z-index: 1500;

	a {
		color: #CD0100;
		transition: ease-out 0.4s;

		&:hover {
			color: #000000
		}
	}

	button {
		color: #000;
		box-shadow: inset 0 0 0 0 #FFF;
		transition: ease-out 0.4s;
		border: 1px solid #000;
		background-color: #ffffff;

		&:hover {
			color: #ffffff;
			background-color: #000000;
		}
	}
}

@media (max-width: 1000px) {
	#div_cookies {
		padding-bottom: 208px;
	}
}

.div_litigio {
	display: none;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px 0;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0;
	color: #fff;
	p {
		text-align: left;
		color: #ffffff;
	}

	h6 {
		color: #ffffff;
		height: 30px;
	}

	.div_texto {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.row {
		> .col-md-4 {
			display: flex;
			justify-content: center;
			align-items: center;

			img {
				max-height: 50%;
			}
		}
	}
}

/* Modal */

.modal {
    .modal-dialog {
		top: 50%;
    	transform: translateY(-50%)!important;

        .modal-content {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            background-color: #1b1b1b;
            border: 1px solid #333333;
			border-radius: 0;

            .modal-header {
                border-bottom: 0;

                .btn-close {
                    padding: 10px;
                    font-size: 20px;
                    border: none;
                    transition: all 0.4s;
                    text-transform: uppercase;
                    border-radius: 50%;
                    height: 30px;
                    width: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 3;
                    color: #ffffff;
                    opacity: 1;
                }

                .btn-close:hover {
                    color: #ffffff;
                }

                .btn-close:focus {
                    box-shadow: none;
                }

                h5 {
                    font-weight: bolder;
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 600;
                    color: #ffffff;
                }
            }

            

            input, textarea, .nice-select, select {
                color: #ffffff;
                font-style: normal;
                line-height: 18px;
                border-radius: 4px;
                padding: 24px 16px;
                width: 100%;
                background-color: #1b1b1b;
                border: 1px solid #333333;
            }

            input, textarea {
                &:placeholder {
                    color: #cccccc;
                }
            }

            input {
                margin-bottom: 1rem;
            }

            select {
                option:hover {
                    background-color: #ffffff;
                }
            }

            .nice-select {
                height: 70px;

                .list {
                    width: 100%;
                }
            }

            .form-control:focus {
                outline: 0;
                box-shadow: none;
                border-color: #ffffff;
            }

            .modal-body {
                h5 {
                    color: #4d4d4d;
                }
            }

            .modal-footer {
                border-top: 0;

                .btn-cancel {
                    border-radius: 0.375rem;
                    color: #ffffff;
                    font-style: normal;
                    line-height: 20px;
                    padding: 7px 10px;
                    position: relative;
                    z-index: 1;
                    border: 1px solid transparent;
                    transition: all 0.4s;
                    text-transform: uppercase;
                    background-color: transparent;
                }

                .btn-cancel:hover {
                    transform: scale(.95);
                    box-shadow: none;
                    background-color: transparent!important;
                }
            }
        }
    }
}

/* FILTROS VIATURAS LISTAGEM V1 */
.viaturas-filtros {
    overflow: initial;
    margin: 100px 0 0 0;

    > .container {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .sorting-options-main {
        position: relative;
        border: none;
        background-color: #ffffff;
        border-radius: 0;
        width: 100%;
        padding: 20px 20px 50px;
		box-shadow: 0px 3px 69px rgba(0, 0, 0, 0.16);
    }

    .btn-mais-filtros {
        position: absolute;
        bottom: 0px;
        right: 0px;
        font-size: 1.125rem;
        border: none;
        color: #fff;
        background-color: #000000;
        border-radius: 0;
        padding: 2px 15px;
        cursor: pointer;
        width: 120px;
        span {
            font-weight: 800;
            margin:0px 10px;
        }
    }

    .mais-filtros {
        padding-top: 10px;
    }
    
    .title {
        margin-bottom: 0px;
    }

    .lista_viaturas_filtros {

        padding: 0px 20px;

        .noUi-title {
            justify-content: center;
            display: flex;
            margin-top: -5px;
            height: 40px;
            color: #000000;
        }

        .noUi-target {
            border-color: #dfdfdf;
        }

        .widget-content {
            margin-top: 20px;

            .noUi-horizontal {
                height: 4px;

                .noUi-handle {
                    height: 25px;
                    width: 25px;
                    border-radius: 50%;
                    top: -12px;
                    background-color: #000000;
                    border: 1px solid #000000;
                    box-shadow: inset 0 0 0 #212121, inset 0 0 0 #F18F09, 0 0 0 -0 #212121;

                    .noUi-touch-area {
                        
                    }

                    &:before {
                        left: 7px;
                        top: 3px;
                        background-color: #000000;
                    }

                    &:after {
                        left: 13px;
                        top: 3px;
                        background-color: #000000;
                    }
                }

                .noUi-tooltip {
                    background: transparent;
                    border: none;
                    padding: 0;
                    color: #000000;
                }
            }

            .noUi-target {
                .noUi-base {
                    .noUi-connects {
                        background-color: #dfdfdf;
                        
                        .noUi-connect {
                            background-color: #000000;
                            will-change: unset;
                        }
                    }
                }
            }
        }
    }

    .lista_viaturas_ordenar {
        color: #000000;

        .nice-select {
            border: 1px solid #dfdfdf;
            background-color: #ffffff;
            border-radius: 0;
            width: 100%;
            color: #000000;

            .list {
                width: 100%;
                background-color: #ffffff;
				z-index: 999;

                .option {
					color: #000000;
				}

                .option:hover {
                    background-color: #000000;
					color: #ffffff;
                }

				.option:not(:hover) {
                    background-color: #ffffff;
					color: #000000;
                }

				.selected {
                    background-color: #000000!important;
					color: #ffffff!important;
                }
            }

            &:focus {
                box-shadow: none;
            }
        }
    }

    .filtros-select {
        label {
            color: #000000;
        }

        .nice-select {
            border: 1px solid #dfdfdf;
            background-color: #ffffff;
            color: #000000;
            border-radius: 0;
            width: 100%;

            .list {
                width: 100%;
                background-color: #ffffff;
				z-index: 999;

				.option {
					color: #000000;
				}

                .option:hover {
                    background-color: #000000;
					color: #ffffff;
                }

				.option:not(:hover) {
                    background-color: #ffffff;
					color: #000000;
                }

				.selected {
                    background-color: #000000;
					color: #ffffff;
                }
            }

            &:focus {
                box-shadow: none;
            }
        }

		.form-control {
			border-radius: 0;

			&:focus {
                box-shadow: none;
				outline: 0;
            }
		}

        input {
            width: 100%;
            border: 1px solid #dfdfdf;
            background-color: #ffffff;
            color: #000000;
            padding: 11px 10px;
            border-radius: 0;
            height: 40px;

            &::placeholder {
                color: #333333;
            }

            &:focus-visible {
                border: 1px solid #000000;
                outline: none;
            }
        }
    }
}

.listagem-viaturas-imagem {
	width: 100%;
	height: 315px;
}

.listagem-viaturas-imagem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

@media (max-width: 768px) {
	.listagem-viaturas-imagem {
		height: 200px;
	}

	.listagem-viaturas-imagem img {

	}
}

.copywrite {
	text-align: right;
	margin-top: -35px;
}

@media (max-width: 1161px) {
	.copywrite {
		margin-top: 0px;
	}
}