/*
 Theme Name:     Autosoft - Aventador
 Description:    Autosoft Divi Child Theme
 Author:         Autosoft
 Author URI:     https://www.autosoft.eu
 Template:       Divi
 Version:        1.0.1
*/


/* = ADMIN fixes
------------------------------------------------------- */
/* hide Adminbar spacing*/
html.js { margin-top: 0px !important; }


.cookiefirst-root > span { 
	margin-bottom: 60px; 
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.cookiefirst-root > span:hover { 
	margin-bottom: 60px; 
	opacity: 1;
	-webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}

/* Hide Cookie */
html.et-fb-root-ancestor #catapult-cookie-bar { display: none!important; }

/* Hide popup
html.et-fb-root-ancestor #sgpb-popup-dialog-main-div-wrapper { display: none!important; }
html.et-fb-root-ancestor .sgpb-popup-overlay { display: none!important; }
 */

/* = SITE fixes
------------------------------------------------------- */
#main-content {
    background-color: #14263e;
}

.mainvisual .et_pb_button_module_wrapper { display: inline-block; }

/* basic fixes */
#main-header { z-index: 999; }
/*#logo { max-height: 64px; }*/

/* CF7 fix */
@media screen and (max-width: 480px) {
	.dipe-cf7 .wpcf7 form>div, .dipe-cf7 .wpcf7 form>p { margin-bottom: 0!important; }
	.dp-col { margin-bottom: 1.6em;}
}

/* google map */
.map-responsive {
    overflow:hidden;
    position:relative;
    height:0;
	margin-top: 1em;
	margin-bottom: 1.8em;
}
.map-responsive iframe {
    border:0;
    left:0;
    top:0;
    height:100%!important;
    width:100%!important;
    position:absolute;
}

.su-gmap { margin: 0 0 0!important; }

/* full size gmap sizing */
.su-gmap.su-u-responsive-media-yes { 
	padding-bottom:  56.25%!important;	/*16:9*/
	padding-bottom:  75%!important; 	/*4:3*/
	padding-bottom:  66.66%!important;	/*3:2*/
	padding-bottom:  62.5%!important; 	/*8:5*/
	
	padding-bottom:  50%!important;	/*custom*/
}

@media screen and (max-width: 820px) { 
	.su-gmap.su-u-responsive-media-yes { padding-bottom:  75%!important; }
}

@media screen and (max-width: 480px) {
	.su-gmap.su-u-responsive-media-yes { padding-bottom:  125%!important; }
}

/* footer notes */
p#footer-klant { float: left; }
p#footer-info { float: right; }

@media screen and (max-width: 960px) {
	p#footer-klant { float: none; width: 100%; text-align: center; }
	p#footer-info { float: none;  width: 100%; text-align: center;}
}

p#footer-klant, p#footer-info { color: #ffffff; }
p#footer-klant a, p#footer-info a { 
	color: #ffffff; 
	font-weight: normal; 
	text-decoration: underline; 
	text-decoration-color: #E50068; 
}
p#footer-klant a:hover, p#footer-info a:hover { 
	color: #ffffff; 
	text-decoration: underline; 
	text-decoration-color: #00B6CA; 
	opacity: 1;
}
p#footer-klant .spacer,
p#footer-info .spacer {
	margin-left: 10px; 
	margin-right: 10px;
	opacity: 0.6;
}


@media screen  and (max-width: 1300px) {
	#footernaw .et_pb_text_inner h3 { font-size: 24px!important; }
	#footernaw .et_pb_text_inner p { font-size: 16px!important; }
	#footernaw .et_pb_button { padding-right: 10px!important; padding-left: 10px!important; }
}

/* custom socials */
.et-social-youtube a.icon:before {
	content: "\E0A3";
	font-family: ETmodules!important;
}
.et-social-linkedin a.icon:before {
	content: "\E09D";
	font-family: ETmodules!important;
}


@media screen and (max-width: 480px) {
	.et_pb_social_media_follow { margin-top: 240px!important }
}

@media screen and (max-width: 480px) {
	.spacer.first { 
		display: block;
		clear: both;
		height: 1px;
		visibility: hidden;
	}
}

/* unfloat footer widgets */
#footer-widgets .et_pb_widget { float: none; }

/* cookie link */
a.ctcc-more-info-link { display: inline-block; text-decoration: underline; }


/* = MENU
------------------------------------------------------- */
/* remove menuwrap */
.et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul, 
.et_pb_menu .et_pb_menu__menu>nav>ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* max size mobile menu */
.et_mobile_menu {
	overflow-y: scroll;
    max-height: 85vh;
}

#page-container .mobile_nav .menu-item-has-children > a + span {
    width: 100%;
    text-align: right;
}

/* mobile menu position and height fix */
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, 
	.et_non_fixed_nav.et_transparent_nav #top-header, 
	.et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}
}

ul.sub-menu {
	-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.5)!important;
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.5)!important;
	border-radius: 20px 20px 20px 20px;	
	padding: 10px 0!important;
}

/* MAIN MENUBAR FIXES */
@media (min-width: 981px) and (max-width: 1279px) {
	.menu-main-menu { width: 78%!important; margin-right: 0%!important;}
	.menu-main-menu .et_pb_menu--style-centered .et_pb_menu__menu>nav>ul, 
	.menu-main-menu .et_pb_menu--style-centered .et_pb_menu__wrap { justify-content: right; }
	menu-main-menu .et_pb_menu--style-centered .et_pb_menu__menu>nav>ul li a,
	.menu-main-menu .et_pb_menu--style-centered .et_pb_menu__wrap ul li a { font-size: 1.2vw; }
	.menu-contact-button { display: none; }
}

@media (max-width: 980px) {
	.menu-logo-holder { margin-bottom: 0px; }
	.menu-contact-button { display: none; }
	.menu-main-menu { position: absolute; top: 0;}
	.menu-main-menu .et_pb_menu--style-centered .et_pb_menu__wrap { justify-content: right; }
	.mobile_menu_bar { margin-bottom: 20px; }
	menu-main-menu .et_pb_menu--style-centered .et_pb_menu__menu>nav>ul li a,
	.menu-main-menu .et_pb_menu--style-centered .et_pb_menu__wrap ul li a { font-size:14px; }
}

.et_pb_menu__logo { margin-top: -20px; }
.et-menu a:hover { opacity: 1; }
.et_pb_menu_0_tb_body.et_pb_menu ul li a:hover { color: #00B6CA!important; }
.et_pb_menu .et_pb_menu__menu>nav>ul>li { align-items: center;}

.menublue a, .menupink a {
	color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600 !important;
	padding-top: 1.2em !important;
    padding-right: 2em !important;
    padding-bottom: 1.2em !important;
    padding-left: 2em !important;
    background-color: #00B6CA;
}

.menupink a { background-color: #E50068; }

.menublue a:hover, .menupink a:hover,
.et_pb_menu_0_tb_body.et_pb_menu ul li.menublue a:hover,
.et_pb_menu_0_tb_body.et_pb_menu ul li.menupink a:hover { background-color: #14263E; color: #ffffff!important;  }

.et-menu .menu-item-has-children>a:first-child { padding-right: 0px; }
.et-menu .menu-item-has-children>a:first-child:after { display: none; }


/* = Menu collapsible on mobile
------------------------------------------------------- */
header .et_builder_inner_content {
    z-index: 200;
}

ul.et_mobile_menu {
	border: 1px solid #000000;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 1);
	border-radius: 20px;
}

#page-container .mobile_nav li ul.hide {
    visibility: hidden;
	height: 0px;
	overflow: hidden;
	padding: 0!important;
}
#page-container .mobile_nav li ul.hide li a {
	color: transparent!important;
	margin-left: -10px;
}

#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}

#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    font-size: 16px;
    font-family: ETmodules;
}

#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

.mobile_nav .menublue a, .mobile_nav .menupink a {
	padding-top: 0.6em !important;
    padding-bottom: 0.6em !important;
    text-align: center;
	margin-bottom: 0.4em;
}


/* = Menu styling
------------------------------------------------------- */
.nav li ul { width: auto!important;}
.nav li li { padding: 0 0!important; }
.nav li li a { line-height: 1.6em!important; font-weight: normal!important; font-size: 0.9em!important; }
.nav li li:hover a { color: #d62b25!important; }
.nav li ul { padding: 5px 0; }
.nav li ul .menu-item-has-children>a:first-child:after { transform: rotate(-90deg); }
.nav li li ul { left: 200px; top: 0; }



/* =CTA TABS
------------------------------------------------------- */
ul.ctatabs {
  position: fixed;
  right: 10px;
  /*right: 150px;*/
  bottom: 0px;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  z-index: 9910000;
}

ul.ctatabs li:before { display: none; }
ul.ctatabs li {
    list-style: none;
    margin-left: 0;
    padding-left: 0!important;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

ul.ctatabs li a {
  display: block;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}  

ul.ctatabs li:hover > a {
  filter: saturate(50%);
} 

ul.ctatabs li a { text-indent: -9000px; }
ul.ctatabs li.bellentab a { z-index: 9001; background: url('images/contacttabs.jpg') 50% 0 no-repeat #e10000; border-radius: 5px 0 0 0; }
ul.ctatabs li.emailtab a { z-index: 9002; background: url('images/contacttabs.jpg') 50% -50px no-repeat #4caae0; }
ul.ctatabs li.facebooktab a { z-index: 9003; background: url('images/contacttabs.jpg') 50% -100px no-repeat #3f5898; }
ul.ctatabs li.instagramtab a { z-index: 9004; background: url('images/contacttabs.jpg') 50% -200px no-repeat #a03697; }
ul.ctatabs li.youtubetab a { z-index: 9005; background: url('images/contacttabs.jpg') 50% -300px no-repeat #ff0200; }

.et_pb_scroll_top.et-pb-icon { bottom: 150px; }

ul.ctatabs li.whatsappwrap a { 
	z-index: 9005; 
	background: url('images/contacttabs.jpg') 50% -153px no-repeat #53be18;
	border-radius: 50%; 
	border: 3px solid #53be18; 
}

ul.ctatabs li.whatsappwrap ul { 
  margin: 0 0 0 0; 
  padding-right: 10px;
  bottom: 50px;
  right: 5px;
  text-align: right;
  position: absolute;
  visibility: hidden; 
  opacity: 0; filter: alpha(opacity=0);
  -webkit-transition: all 300ms linear 200ms;
  transition: all 300ms linear 200ms;
  min-width: max-content;
}

ul.ctatabs li.whatsappwrap:hover ul { 
  margin: 0 0 0 0;
  right: 0px; 
  visibility: visible;
  opacity: 1; filter: alpha(opacity=100);
}

ul.ctatabs li.whatsapptab a { 
	text-indent: 0;
	z-index: 9005; 
	color: #ffffff;
	background: #253172;
	border-radius: 5px; 
	border: none;
	padding: 2px 14px;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	min-width: max-content;
	height: auto;
	right: 50px;
	position: relative;
	font-size: 12px;
    margin-bottom: 20px;
}

ul.ctatabs li.whatsapptab a:after { 
	background: url('images/contacttabs.jpg') 50% -154px no-repeat #53be18;
	border: 0px solid #53be18; 
	border-radius: 50%; 
	width: 42px;
  	height: 42px;
	top: -8px;
	right: -50px;
	display: inline-block; 
	vertical-align: middle;
	position: absolute;
	content:' ';
	transform: scale(0.9)
}


/* = CUSTOM COLUMN SIZES
------------------------------------------------------- */
/* 2 Columns Mobile */
@media all and (max-width: 767px) {
	.two-col-mob .et_pb_column { width:47.25% !important; }
	.two-col-mob .et_pb_column:nth-last-child(-n+2) { margin-bottom:0; }
	.two-col-mob .et_pb_column:not(:nth-child(2n)) { margin-right:5.5% !important; }
}
/* 3 Columns Mobile */
@media all and (max-width: 767px) {
	.three-col-mob .et_pb_column { width:29.6667% !important; }
	.three-col-mob .et_pb_column:nth-last-child(-n+3) { margin-bottom:0; }
	.three-col-mob .et_pb_column:not(:nth-child(3n)) { margin-right:5.5% !important; }
}
/* 4 Columns Mobile */
@media all and (max-width: 767px) {
	.four-col-mob .et_pb_column { width:20.875% !important; }
	.four-col-mob .et_pb_column:nth-last-child(-n+4) { margin-bottom:0; }
	.four-col-mob .et_pb_column:not(:nth-child(4n)) { margin-right:5.5% !important; }
}
/* 5 Columns Mobile */
@media all and (max-width: 767px) {
	.five-col-mob .et_pb_column { width:15.6% !important; }
	.five-col-mob .et_pb_column:nth-last-child(-n+5) { margin-bottom:0; }
	.five-col-mob .et_pb_column:not(:nth-child(5n)) { margin-right:5.5% !important; }
}
/* 6 Columns Mobile */
@media all and (max-width: 767px) {
	.six-col-mob .et_pb_column { width:12.083% !important; }
	.six-col-mob .et_pb_column:nth-last-child(-n+6) { margin-bottom:0; }
	.six-col-mob .et_pb_column:not(:nth-child(6n)) { margin-right:5.5% !important; }
}

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
	.one-col-tab .et_pb_column { margin-right:0 !important; width:100% !important; }
	.one-col-tab .et_pb_column:not(:last-child) { margin-bottom:30px !important; }
}
/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
	.two-col-tab .et_pb_column { width:47.25% !important; }
	.two-col-tab .et_pb_column:nth-last-child(-n+2) { margin-bottom:0; }
	.two-col-tab .et_pb_column:not(:nth-child(2n)) { margin-right:5.5% !important; }
}
/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
	.three-col-tab .et_pb_column { width:29.6667% !important; }
	.three-col-tab .et_pb_column:nth-last-child(-n+3) { margin-bottom:0; }
	.three-col-tab .et_pb_column:not(:nth-child(3n)) { margin-right:5.5% !important; }
}
/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
	.four-col-tab .et_pb_column { width:20.875% !important; }
	.four-col-tab .et_pb_column:nth-last-child(-n+4) { margin-bottom:0; }
	.four-col-tab .et_pb_column:not(:nth-child(4n)) { margin-right:5.5% !important; }
}
/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
	.five-col-tab .et_pb_column { width:15.6% !important; }
	.five-col-mob .et_pb_column:nth-last-child(-n+5) { margin-bottom:0; }
	.five-col-tab .et_pb_column:not(:nth-child(5n)) { margin-right:5.5% !important; }
}
/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
	.six-col-tab .et_pb_column { width:12.083% !important; }
	.six-col-tab .et_pb_column:nth-last-child(-n+6) { margin-bottom:0; }
	.six-col-tab .et_pb_column:not(:nth-child(6n)) { margin-right:5.5% !important; }
}


/* KLANT SPECIFIEK */
/*------------------------------------------------------- */

.openinghours {
    background-color: rgba(255,255,255,0.8);
	border: 1px solid #14263e;
	border-radius: 20px;
	padding: 10px 40px;
	text-align: center;
	font-size: 18px;
	line-height: 1.6em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
	position: absolute;
	right: 20px;
	top: 20px;
}

.openinghours .nowopen::after,
.openinghours .nowclosed::after { 
	content: ' ';
	display: block;
	position: absolute;
	margin-top: -7px;
	margin-left: -47px;
	border: 1px solid rgba(255,255,255,0.8);
	border-radius: 100px;
	width: 14px;
	height: 14px;
}

.openinghours .nowopen::after { background: #46A831; }
.openinghours .nowclosed::after { background: #cc0000; }

.openinghours .openornot { color: #E50068;}
.openinghours .currenthours { color: #14263e; }



/* center BG video */
.et_pb_section_video_bg {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}


iframe#iframe-lg,
iframe.garsoftware,
.et_pb_text_inner iframe,
#FLPCalcZieleman { 
	border-radius: 20px; 
	background: #ffffff; 
	border: 1px solid #ffffff; 
	padding: 20px; 
	width: 100%!important; 
	min-height: 360px!important; 
	margin: 20px 0px;
}

.su-gmap iframe { margin: 0 0; }

/* BLOGS */
.blog-2-col > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  gap: 5.5%;
}
.blog-2-col article {
	padding-right: 2em !important;
    padding-left: 2em !important;
	position: relative;
}

.blog-2-col .entry-featured-image-url {
	margin-right: -2em !important;
    margin-left: -2em !important;
	overflow: hidden;
}

.blog-2-col .entry-featured-image-url::after {
	display: inline-block; 
	padding: 0.8em 2em;
    line-height: 1.2em !important;
	color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600 !important;
    background-color: #E50068;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    transition: background-color 350ms ease 0ms;
	z-index: 10;
    position: absolute;
	right: 1em;
	bottom: 1em;
	content: 'Lees verder';
}
.blog-2-col .entry-featured-image-url:hover::after {
    background-color: #14263E;
}

.blog-2-col .entry-featured-image-url img { 
	object-fit: cover;
	aspect-ratio: 2/1;
	transition: all 500ms ease-in-out 0ms;
	filter: grayscale(1);
    opacity: 0.3;
}
.blog-2-col .entry-featured-image-url:hover img {
	filter: grayscale(0);
    opacity: 1;
}

@media screen and (max-width: 960px) {
	.blog-2-col > div {
	  display: grid;
	  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	  gap: 0%;
	}
}

.wp-block-embed__wrapper .fluid-width-video-wrapper { margin-top: 3em;}

/* contactform */
.wpcf7 input { border-radius: 50px; }
.wpcf7 select { border-radius: 50px; }
.wpcf7 textarea { border-radius: 20px; }
body .wpcf7 img { border-radius: 50px; }
.wpcf7 .wpcf7-list-item-label::before { display: none; }
.wpcf7 .wpcf7-form-control.wpcf7-checkbox { display: block; column-count: 2;  column-gap: 40px;}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item { display: block; }


/* BEOORDELINGEN HOMEPAGE */
/*------------------------------------------------------- */
.klantreview .rating {
	font-size: 4em;
	line-height: 1em;
    font-weight: 600;
    font-style: italic;
    position: absolute;
    right: -10px;
    bottom: 10px;
	padding: 5px 10px;
	border-radius: 20px;
	background: #E50068;
}

.klantreview .starrating {
	color: #ffb915;
    display: block;
    height: 20px;
    background: url('images/starrating.png') ;
	background-size: contain;
	margin-bottom: 0.5em;
}


/* BEOORDELINGEN */
/*------------------------------------------------------- */
.beoordelingTop { /*background-color: #253172!important;*/background-color: #14263E!important; color: #FFFFFF!important; padding-top: 20px!important; padding-bottom: 20px!important; border-radius: 40px; }
.beoordelingTop h2, .beoordelingTop h3 { /*color: #DA1A66!important;*/color: #00B6CA!important; }
.beoordelingTop table td.gemiddelde { font-size: 3em!important; }

.beoordelingTop table td:nth-child(2),
.beoordelingTop table td:nth-child(3) { white-space: nowrap; }

.beoordelingen ul { padding: 0 0 23px 0; font-size: 0; }
.beoordelingen ul li { font-size: 14px; border-radius: 40px; background: rgba(0,0,0,0.2)!important; }

.beoordeling blockquote { border-left: 0!important; color: #ffffff!important; }
.beoordeling blockquote { border-bottom: 2px solid #14263E!important; }
.beoordeling blockquote::before { color: #00B6CA!important; }
.beoordeling .gemiddeldebeoordeling {color: #00B6CA!important; }

.beoordelingen ul li .reactie { 
	font-size: 14px; 
	border-radius: 20px; 
	padding: 10px 30px!important; 
	background: #E50068!important; 
	color: #ffffff!important; 
	margin-top: 2em;
}

@media screen and (min-width: 769px) {
	li.beoordeling {
		margin: 2%!important; 
		width: 49%!important;
		display: inline-block; 
		vertical-align: top!important; 
		float: none!important;
	}
	li.beoordeling:nth-child(odd) { margin-left: 0%!important; margin-right: 1%!important; }
	li.beoordeling:nth-child(even) { margin-left: 1%!important; margin-right: 0%!important; }
}

.holder { display: none!important; }

/* BEOORDELING FLOATING WIDGET */
/*---------- BEOORDELING WIDGET ----------*/

@media screen and (min-width: 481px) {

#footernaw .amrwidget,
#footernaw .KVbeoordelingen { display: none; }
	
#footernaw .amrwidget,
#footernaw .KVbeoordelingen,
.floatwidgets .amrwidget,
.floatwidgets .KVbeoordelingen { 
	position: fixed; z-index: 9000;
	top: 50%; left: 0;
	width: 130px; text-align: center!important;
	-ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0, -50%);
	-webkit-box-shadow: 0 0 6px 0 #000000;
    box-shadow: 0 0 6px 0 #000000;
	}

	
#footernaw .amrwidget h4, 
.floatwidgets .amrwidget h4 { display: none; }
#footernaw .amrwidget, 
.floatwidgets .amrwidget { line-height: 0; -webkit-box-shadow:none; box-shadow: none; margin-bottom: 0; }
#footernaw .amrwidget img,
.floatwidgets .amrwidget img {
	-webkit-box-shadow: 0 0 6px 0 #000000;
	box-shadow: 0 0 6px 0 #000000;
	-ms-transform: translate(0, -250%); /* IE 9 */
    -webkit-transform: translate(0,-250%); /* Safari */
    transform: translate(0, -250%);
	}
	
#footernaw .KVbeoordelingen .beoordelingWidget,
.floatwidgets .KVbeoordelingen .beoordelingWidget {
	background-color: #343C44!important;
	background-image: url('images/kv-bg.png');
	background-size: 86%;
	background-position: 50% 55%;
	color: #ffffff;
	/*padding: 8px 15px;*/
	text-align: center;
	}

#footernaw .KVbeoordelingen h3,
.floatwidgets .KVbeoordelingen h3 {
	display: none;
}

#footernaw .KVbeoordelingen .beoordelingWidget .KVtitle,
.floatwidgets .KVbeoordelingen .beoordelingWidget .KVtitle{
	font-size: 0!important; color: #666666!important;
	margin-top: 0px; margin-bottom: -10px;
	text-align: center;
	font-weight: normal;
	}
#footernaw .KVbeoordelingen .beoordelingWidget .KVtitle:after,
.floatwidgets .KVbeoordelingen .beoordelingWidget .KVtitle:after {
	display: inline-block;content:'klanten vertellen';
	font-size: 11px!important; color: #ffffff!important;
	}
	
#footernaw .KVbeoordelingen .beoordelingWidget img,
.floatwidgets .KVbeoordelingen .beoordelingWidget img { margin-left: 1px; margin-right: 1px;  float: none; margin-top: 3px; }

#footernaw .KVbeoordelingen .beoordelingWidget span.cijfer,
.floatwidgets .KVbeoordelingen .beoordelingWidget span.cijfer {
	padding-left: 0px!important;
	font-size: 2em!important; 
	font-weight: 700!important;
	margin-left: 0px!important;
	color: #666666!important;
	display: block!important;
	width: 100%!important;
	padding: 5px 3px 25px 0px!important;
	margin: 20px 0px!important; 
	}

#footernaw .KVbeoordelingen .beoordelingWidget a,
.floatwidgets .KVbeoordelingen .beoordelingWidget a {
	font-size: 10px; color: #ffffff!important;
	text-decoration: none; display: block;
	position: relative; top: 0;
	padding-top: 140px;
    margin-top: -140px;
	}
}
@media screen and (min-width: 821px) {
	#footernaw .amrwidget,
	.floatwidgets .amrwidget,
	#footernaw .KVbeoordelingen,
	.floatwidgets .KVbeoordelingen { top: 28%; }
}
@media screen and (min-width: 1025px) {
	#footernaw .amrwidget,
	#footernaw .KVbeoordelingen,
	.floatwidgets .amrwidget,
	.floatwidgets .KVbeoordelingen { 
		top: 50%; left: -12px;
		-ms-transform: scale(0.8) translate(0, -50%); /* IE 9 */
    	-webkit-transform: scale(0.8) translate(0,-50%); /* Safari */
    	transform: scale(0.8) translate(0, -50%);
	}
	
}


@media screen and (max-width: 1280px) {
	#footernaw .amrwidget, #footernaw .KVbeoordelingen,
	.floatwidgets .amrwidget, .floatwidgets .KVbeoordelingen { 
		transform: scale(0.7); left: -20px; /*top: auto; bottom: 8%;*/ 
	}
	#footernaw .amrwidget img,
	.floatwidgets .amrwidget img {
		-ms-transform: translate(0, -50%); /* IE 9 */
    	-webkit-transform: translate(0,-50%); /* Safari */
    	transform: translate(0, -50%)
	}
	#footernaw .KVbeoordelingen .beoordelingWidget,
	.floatwidgets .KVbeoordelingen .beoordelingWidget { padding: 8px 10px; }
	#footernaw .KVbeoordelingen .beoordelingWidget span.cijfer,
	.floatwidgets .KVbeoordelingen .beoordelingWidget span.cijfer {
		padding: 15px 3px 35px 0px!important;
	}
	.et_pb_scroll_top.et-pb-icon { bottom: 155px;}
}


@media screen and (max-width: 480px) {
	#footernaw .KVbeoordelingen { margin-top: 1em; transform: scale(1); left: 0px; }
	#footernaw .KVbeoordelingen h3 { display: none; }
	#footernaw.KVbeoordelingen .beoordelingWidget span.cijfer {
		padding: 15px 3px 35px 0px!important;
	}
	
	#footernaw .amrwidget img  {
		-ms-transform: translate(0, 0%); /* IE 9 */
    	-webkit-transform: translate(0,0%); /* Safari */
    	transform: translate(0, 0%);
	}
	#footernaw .amrwidget, #footernaw .KVbeoordelingen { display: block; }
	.floatwidgets .amrwidget, .floatwidgets .KVbeoordelingen { display: none; }
}

/* AUTOCOMMERCE WIDGETS */
/*------------------------------------------------------- */

#carslider { margin-bottom: 4em;  }
#carslider h2 { display: none; }

.AutoCommerceAvdwWidget { text-align: center; }
.AutoCommerceAvdwWidget h3.widget-title { display: none; }
body .AutoCommerceAvdwWidget ul { padding: 0 0 1.6em 0; padding-left: 0!important;}
.AutoCommerceAvdwWidget ul li { 
	background: #2c3c51;
	box-sizing: border-box; 
	width: 32%; 
	padding: 0px; 
	vertical-align: top;
	border-radius: 0 0 20px 20px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	transform: scale(1);
	-webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

@media screen and (max-width: 960px) {
	.AutoCommerceAvdwWidget ul li { 
		width: 48%;
	}
}

@media screen and (max-width: 767px) {
	.AutoCommerceAvdwWidget ul li { 
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
    .AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel, 
	.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering {
        text-align: left!important;
    }
}

.AutoCommerceAvdwWidget ul li:hover { 
	transform: scale(1.05);
}

.AutoCommerceAvdwWidget ul li .avdwfoto img { margin-top: 0px!important; }

.AutoCommerceAvdwWidget ul li .avdwgegevens {
    padding: 12px 30px 20px 30px !important;
	margin-top: 10px;
}
.AutoCommerceAvdwWidget ul li .avdwgegevens { color: #ffffff; text-transform: uppercase;  text-align: left; }
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel strong { 
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; 
	font-weight: 600; 
	text-transform: capitalize; 
}
.AutoCommerceAvdwWidget ul li .avdwgegevens { font-weight: 300; }
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering { margin-top: -10px; margin-bottom: 10px;}
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering em { 
	font-family: 'Museo Slab', Helvetica, Arial, Lucida, sans-serif; 
	color: #00B6CA!important; 
	text-transform: capitalize; 
	font-size: 0.8em; 
}

.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs { font-size: 1.2em; color: #ffffff; display: inline-block; text-align: left; width: 50%; }
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs strong { font-weight: 600; }
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs em {font-style: normal; }
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs .prijslabel { display: none;}
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar,
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand { 
	display: inline-block; 
	text-align: center; 
	font-size: 0.8em;
	font-weight: bold;
}

.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar {width: 20%; }
.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand {width: 25%; }


#minizoeker h3 { displaY: none; }
#minizoeker label { display: none; }

#minizoeker select, #minizoeker input {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
}

#minizoeker select {
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
	background-image: url('https://api.autosoft.eu/autosoft/ac_plugin/assets/images/icons/formselect.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
	border-radius: 50px;
	padding: .3em 1.2em;
    font-size: 16px;
    line-height: 1.6em;
}

#minizoeker input[type=button] {
    width: auto;
	float: right;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600 !important;
    padding-top: 1.2em !important;
    padding-right: 2em !important;
    padding-bottom: 1.2em !important;
    padding-left: 2em !important;
    background-color: #00B6CA;
}

#minizoeker input[type=button]:hover,
#minizoeker input[type=button]:focus {
	background-color: #E50068;
}

/* AUTOCOMMERCE */
/*------------------------------------------------------- */
:root {
	--ACprimary:	#14263E!important; /* color accent */
    --ACsecondary:	#E50068!important;
	--ACmaincolor:	#14263E!important; /* color accent */
	--ACimgpadding: 66%!important;
	--ACshade: 		#333333!important;
	--ACfontfamily: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	--ACtextcolor: 	#ffffff!important;
	--ACbordercolor: #14263E!important;
	--ACaccentfont: 'Museo Slab', Georgia, Times New Roman, serif;
	--ACaccentcolor: #00B6CA!important;
	--ACaccentdark: #2c3c51!important;
}

#asac-container .asacnav { padding-bottom: 20px!important; }
#asac-container .asacnav span { color: #ffffff!important; }
#asac-container .asacnav a { background: #E50068; color: #ffffff; border-radius: 50px; padding: 5px 12px; }
#asac-container .asacnav a:hover,
#asac-container .asacnav a.activePage { background: #ffffff; color: #E50068; }
#asac-container .asacnav a.nav-arrow:hover { color: #E50068; }

#asac-container .asac-wrap .sort,
#asac-container .asac-wrap .showfilter { 
	display: inline-block!important; 
	width: 49%; padding: 1em 0px;
	margin-top: -2em;
}

#asac-container .asac-wrap .sort { text-align: left!important;}
#asac-container .asac-wrap .sort option { text-align: left!important;}
#asac-container .asac-wrap .showfilter {text-align: right!important; }
#asac-container .asac-wrap .sort label,
#asac-container .asac-wrap .showfilter label {color: #FFFFFF; font-weight: bold; }
#asac-container .asac-wrap .showfilter label { cursor: pointer; background: #E50068; border-radius: 50px; padding: 0.4em 1.4em!important; }

@media screen and (max-width: 960px) {
	body #asac-container .asac-wrap .sort { text-align: center!important; padding-top: 2.5em!important;  }
	body #asac-container .asac-wrap .showfilter {text-align: center!important;  margin-top: 1em;}
}

@media screen and (max-width: 600px) {
	#asac-container .asac-wrap .sort, 
	#asac-container .asac-wrap .showfilter { display: block!important; width: 100%; }
	body #asac-container .asac-wrap .sort { text-align: center!important; padding-top: 2.5em!important;  }
	body #asac-container .asac-wrap .showfilter {text-align: center!important;  margin-top: 1em;}
}


#asac-container .asac-wrap .sort select,
#asac-container form .searchoption select { border-radius: 20px; }
#asac-container form .searchoption select,
#asac-container form .searchoption select option { color: #14263E; }

#asac-container form.asac-form { max-height: 100vh!important; opacity: 1; }
#asac-container form.asac-form.verbergen { max-height: 0px!important; overflow: hidden; opacity: 0;  }

#asac-container form.asac-form {
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}


#asac-container form .searchoption.carsearch,
#asac-container .AC-zoekopdracht-container { 
    flex: 0 0 100%;
    order: 100;
	text-align: center;
}

#asac-container form .searchoption.carsearch span,
#asac-container .AC-zoekopdracht-container { display: flex; align-items: center; justify-content: space-between;}
#asac-container form .searchoption.carsearch span span,
#asac-container .AC-zoekopdracht-text { flex: 0 0 75%;}
#asac-container form .searchoption.carsearch .search-button,
#asac-container .AC-zoekopdracht-container .search-button { 
	background: #E50068; 
	color: #ffffff; 
	border-radius: 50px; 
	display: block;
	text-align: center;
	padding: 0.4em 1.4em!important;
	flex: 0 0 20%;
	order: 10;
	cursor: pointer;
}
#asac-container form .searchoption.carsearch .search-button:hover,
#asac-container .AC-zoekopdracht-container .search-button:hover {
	transform: none;
}



@media screen and (min-width: 1200px) {
	#asac-container .asac-wrap { /*max-width: 1600px;*/ max-width: 1280px; }
}

@media screen and (max-width: 960px) {
	#asac-container .asac-wrap { max-width: 94%; }
	#asac-container form .searchoption.carsearch span,
	#asac-container .AC-zoekopdracht-container { flex-direction: column; }
	#asac-container .AC-zoekopdracht-text { text-align: center; margin-left: 0!important; }
	#asac-container form .searchoption.carsearch .search-button,
	#asac-container .AC-zoekopdracht-container .search-button { margin-top: 1em; }
	
	#asac-container form.asac-form { max-height: 0px!important; overflow: hidden; opacity: 0; }
	#asac-container form.asac-form.verbergen { max-height: 100vh!important; overflow: initial;; opacity: 1;  }
}

@media screen and (min-width: 600px) {
	#asac-container form.asac-form { max-width: 1080px; margin: 0 auto; }
	#asac-container form.asac-form { max-width: 1600px; margin: 0 auto; }
}
@media screen and (min-width: 601px) {
	#asac-container form .searchoption { flex: 1 1 calc(25% - (var(--ACgutter) / 2)); }
}
@media screen and (min-width: 981px) {
	#asac-container form .searchoption { flex: 1 1 calc(20% - (var(--ACgutter) / 2)); }
}

#asac-container form .searchoption.carpowerfrom,
#asac-container form .searchoption.carpowertill, 
#asac-container form .searchoption.carweightfrom, 
#asac-container form .searchoption.carseatsfrom, 
#asac-container form .searchoption.carbtw {
    display: flex!important;
}

#asac-container form .searchoption.carpricefrom { order: 51; }
#asac-container form .searchoption.carpriceto { order:52; }

#asac-container .asac-wrap .sort {
    display: block;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}
#asac-container .asac-wrap .sort select {
    padding: calc(20px / 8) calc(20px / 4); /* IE */
    padding: calc(var(--ACgutter)/8) calc(var(--ACgutter)/4);
    border: 1px solid #aaaaaa; /* IE */
    border: 1px solid var(--ACbordercolor);
    background: var(--ACaccentcolor);
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('https://api.autosoft.eu/autosoft/ac_plugin/assets/images/icons/formselect.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
#asac-container .asac-wrap .sort select option { text-align: center; }

/* list voertuig */
#asac-container #ACvehicles .ACvoertuig * { text-align: left; }
#asac-container #ACvehicles .ACvoertuig { padding: 0px; background: var(--ACaccentdark)!important; border-radius: 0 0 20px 20px; }

#asac-container.pro-alt #ACvehicles .ACvoertuig .ACmerkmodel,
#asac-container.pro-alt #ACvehicles .ACvoertuig .ACprijs,
#asac-container.pro-alt #ACvehicles .ACvoertuig:hover .ACmerkmodel,
#asac-container.pro-alt #ACvehicles .ACvoertuig:hover .ACprijs {
	color: var(--ACtextcolor);  
	background: transparent;
	box-shadow: none;
	font-size: 1.7em;
    font-weight: 600;
	width: 88%;
}

#asac-container.pro-alt #ACvehicles .ACvoertuig .ACmerkmodel { padding-top: 1em; padding-bottom: 0; margin-bottom: 0.8em; }
#asac-container.pro-alt #ACvehicles .ACvoertuig .ACmerkmodel span { max-width: 100%; color: var(--ACaccentcolor); font-family: var(--ACaccentfont); }


#asac-container #ACvehicles .ACvoertuig .ACprijs { padding-bottom: 1em!important; font-size: 2em!important; font-weight: 500; }
#asac-container #ACvehicles .ACvoertuig .ACprijs span { display: inline-block; opacity: 0.5; padding-left: 1.5em; font-size: 0.4em; }
#asac-container.pro-alt #ACvehicles .ACvoertuig .ACprijs span.maandbedrag { opacity: 1; display: inline-block; float: right; margin-top: 1.6em; font-size: 0.4em; }
#asac-container #ACvehicles .ACvoertuig .ACdata .basics { text-align: left; font-size: 0.7em; }
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.year:before,
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.mileage:before, 
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.fuel:before, 
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.type:before, 
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.transmission:before, 
#asac-container #ACvehicle a.wegenbelastinginfo {
    filter: invert(1);
    opacity: 0.5;
}

#asac-container.pro-alt #ACvehicles .ACvoertuig .ACprijs img.label,
#asac-container.pro-alt #ACvehicles .ACvoertuig .ACprijs img.napweblabel { font-size: 0; bottom: auto; }

#asac-container #ACvehicles .ACvoertuig:hover .ACfotoContainer {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#asac-container .ACfotoContainer .carousel-inner { background: transparent; }
#asac-container #ACvehicles .ACvoertuig .ACdata { background: transparent; }

@media screen and (min-width: 481px) and (max-width: 1024px) {
	#asac-container #ACvehicles .ACvoertuig .ACdata .basics { flex-basis: 50%; }
}


#asac-container .ACfotoContainer .carousel-control-next, 
#asac-container .ACfotoContainer .carousel-control-prev {
	background-color: #14263E;
	color: #ffffff;
    height:30px;
    width: 30px;
    padding: 8px;
    border-radius: 30px;
    margin-left: 10px;
    margin-right: 10px;
    top:12px;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
#asac-container .ACfotoContainer .carousel-control-next:hover, 
#asac-container .ACfotoContainer .carousel-control-prev:hover { background-color: #00B6CA;}

#asac-container .ACfotoContainer .carousel-control-next-icon,
#asac-container .ACfotoContainer .carousel-control-prev-icon { background-image: none!important; }

#asac-container .ACfotoContainer .carousel-control-next::before,
#asac-container .ACfotoContainer .carousel-control-prev::before { 
	background-image: url('images/arrow.png');
	background-size: contain;
	color: #ffffff;
	content: '';
	width: 14px;
	height: 14px;
	display: block;
}
#asac-container .ACfotoContainer .carousel-control-prev::before {
	transform: rotate(180deg);
}

#asac-container .ACfotoContainer .carousel-control-prev { left: auto; right: 36px; }
#asac-container .ACfotoContainer .carousel-control-next { right: 0; }

#occasionresults .novehiclesfound { text-align: center; }

/* VDP FIXES */

/* VDP STICKY FIX */
#page-container { overflow-y: visible!important; }
body.logged-in #page-container { overflow-y: visible!important; }

:root #ACvehicle {
	--ACfontfamily: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	--ACtextcolor: 	#ffffff!important;
	--ACbordercolor: #14263E!important;
	--ACaccentfont: 'Museo Slab', Georgia, Times New Roman, serif;
	--ACaccentcolor: #00B6CA!important;
	--ACaccentdark: #2c3c51!important;
}


#asac-container #ACvehicle .ACVDPforms form *,
#asac-container #ACvehicle .ACVDPforms form p,
#asac-container #ACvehicle .ACVDPforms form p strong,
#asac-container #ACvehicle .ACVDPforms form label,
#asac-container #ACvehicle .ACVDPforms form input,
#asac-container #ACvehicle .ACVDPforms form select,
#asac-container #ACvehicle .ACVDPforms form select option {
	color: var(--ACbordercolor)!important;
}

#asac-container #ACvehicle .ACVDPforms form  input[type="submit"] {
		color: var(--ACcolortext)!important;
}
#asac-container #ACvehicle .ACVDPforms form  input[type="submit"]:hover {
		color: var(--ACbordercolor)!important;
}
#asac-container.premium-UNI #ACvehicle .ACVDPhead { background: var(--ACaccentdark); }
#asac-container.premium-UNI #ACvehicle .ACVDPaktietekst, 
#asac-container.premium-UNI #ACvehicle .ACVDPoptions .ACVDP-content, 
#asac-container.premium-UNI #ACvehicle .ACVDPvehicledetail .ACVDP-content, 
#asac-container.premium-UNI #ACvehicle .ACVDPelektrisch .ACVDP-content,
#asac-container.premium-UNI #ACvehicle .ACVDP-content .afleverpakketitem, 
#asac-container.premium-UNI #ACvehicle .ACVDPextrapics,
#asac-container #ACvehicle .ACVDPpics .ACfoto img, 
#asac-container:not(.pro) .owl-stage-outer,
#asac-container.premium-UNI #ACVDPsalesfloater  { background: transparent; }

#asac-container.premium-UNI #ACvehicle .ACVDPextrapics { padding: 10px;}

#asac-container #ACvehicles .ACvoertuig .ACdata .basics.mileage:before, 
#asac-container #ACvehicle .ACVDPdetails .basics.mileage:before,
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.fuel:before, 
#asac-container #ACvehicle .ACVDPdetails .basics.fuel:before,
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.type:before, 
#asac-container #ACvehicle .ACVDPdetails .basics.type:before,
#asac-container #ACvehicles .ACvoertuig .ACdata .basics.transmission:before, 
#asac-container #ACvehicle .ACVDPdetails .basics.transmission:before,
#asac-container #ACvehicle a.wegenbelastinginfo {
	filter: invert(1);
	opacity: 0.5;
}

#asac-container.premium-UNI #ACvehicle .ACconferencelinks a span {
	filter: invert(1);
	opacity: 0.8;
}
#asac-container.premium-UNI #ACvehicle .ACconferencelinks a:hover span {
	filter: invert(1);
	opacity: 1;
}

#asac-container.premium-UNI #ACvehicle .ACVDPaside { background: var(--ACaccentdark); }
#asac-container #ACvehicle p.VDPtitle { font-family: var(--ACaccentfont); color: var(--ACaccentcolor); }

#asac-container #ACvehicle p.VDPsubtitle, 
#asac-container #ACvehicle p strong { color: var(--ACtextcolor)!important; }

#asac-container.premium-UNI #ACvehicle .ACmerkmodel { color: var(--ACtxtcolor); }
#asac-container.premium-UNI #ACvehicle .ACmerkmodel span { font-family: var(--ACaccentfont); color: var(--ACaccentcolor); }
#asac-container #ACvehicle .ACVDPhead .ACprijs { color: var(--ACtextcolor); }

#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht .ACVDPdetailswrap ul li:before { color: var(--ACaccentcolor); }


#asac-container.premium-UNI #ACvehicle .detailtable ul { padding-left: 0!important; }

#asac-container.premium-UNI #ACvehicle .harmonica label {
	border: 2px solid transparent;
    border-bottom: 1px solid var(--ACbordercolor);
}
#asac-container.premium-UNI #ACvehicle .harmonica input[type=radio] + label:after, 
#asac-container.premium-UNI #ACvehicle .harmonica input[type=checkbox] + label:after {
	background: var(--ACaccentcolor);
	line-height: 19px!important;
}

#asac-container #ACvehicle .ACVDPcta input#ACVDPformcallme:checked ~ .ACVDPforms.callme, 
#asac-container #ACvehicle .ACVDPcta input#ACVDPformoffer:checked ~ .ACVDPforms.offer, 
#asac-container #ACvehicle .ACVDPcta input#ACVDPformtestdrive:checked ~ .ACVDPforms.testdrive, 
#asac-container #ACvehicle .ACVDPcta input#ACVDPformcontact:checked ~ .ACVDPforms.carcontact {
    top: 20%;
}

#asac-container.premium-UNI #ACvehicle .ACVDPhead {	padding: 1.4em 0.8em;}
#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACprijs { width: 32.8%; }
#asac-container.premium-UNI #ACvehicle #main_images { display: block; }


#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht .ACVDPdetailswrap ul {
	padding-left: 0!important;
}
#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht .ACVDPdetailswrap ul li {
	font-size: 0.9em;
	font-weight: bold;
}
#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht .ACVDPdetailswrap ul li:before {
	font-weight: normal;
	font-size: 1.4em;
}

#asac-container.premium-UNI #ACvehicle .ACVDPoptions .ACVDP-content .optionslist ul {
	padding-left: 1em!important;
}
#asac-container.premium-UNI #ACvehicle .ACVDPoptions .ACVDP-content .optionslist ul li:before {
   	background: var(--ACaccentcolor);
}

@media screen and (max-width: 480px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACprijs { width: 32%; }
	#asac-container.premium-UNI #ACvehicle .detailtable ul { 
	    -webkit-column-count: 2;
    	-moz-column-count: 2;
    	column-count: 2;
	}
}
@media screen and (max-width: 980px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACVDPdetails.main { padding: 0; }
}

@media screen and (min-width: 980px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead {
    	flex-basis: 50%;
    	-ms-flex: 0 1 calc(50% - var(--ACgutter));
    	flex: 0 1 calc(50% - var(--ACgutter));
		position: -webkit-sticky;
		position: sticky;
		top: 110px;
		z-index: 10;
		border: 1px solid var(--ACbordercolor);
		border-radius: 10px;
	}
	
	#asac-container.premium-UNI #ACvehicle .ACVDPcarousel,
	#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht,
	#asac-container.premium-UNI #ACvehicle .ACVDPdescription,
	#asac-container.premium-UNI #ACvehicle .ACVDPdetails,
	#asac-container.premium-UNI #ACvehicle .ACVDPaktietekst, 
	#asac-container.premium-UNI #ACvehicle .ACVDPfinanciering,
	#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren,
	#asac-container.premium-UNI #ACvehicle .harmonica { 
		flex-basis: 50%; 
		-ms-flex: 0 1 50%;
    	flex: 0 1 50%;
		max-width: 50%; 
		margin-left: 4px;  /* float clear */
	}
	
	#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht .ACVDPdetailswrap ul {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		 column-count: 3;
	}
	
	#asac-container.premium-UNI #ACvehicle .ACVDPoptions .ACVDP-content .optionslist {
		-webkit-column-count: 3;
   		-moz-column-count: 3;
		column-count: 3;
	}
	
	#asac-container.premium-UNI #ACvehicle .ACmerkmodel,
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACprijs {
		padding: 0 10px;
		padding: 0 calc(var(--ACgutter) / 2 );	
	}
	
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACprijs { width: 32%; }

}
	
@media screen and (min-width: 1400px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead {
    	flex-basis: 35%;
    	-ms-flex: 0 1 calc(35% - var(--ACgutter));
		flex: 0 1 calc(35% - var(--ACgutter));
	}
	#asac-container.premium-UNI #ACvehicle .ACVDPcarousel,
	#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht,
	#asac-container.premium-UNI #ACvehicle .ACVDPdescription,
	#asac-container.premium-UNI #ACvehicle .ACVDPdetails,
	#asac-container.premium-UNI #ACvehicle .ACVDPaktietekst,
	#asac-container.premium-UNI #ACvehicle .ACVDPfinanciering,
	#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren,
	#asac-container.premium-UNI #ACvehicle .harmonica { 
		flex-basis: 65%; 
		-ms-flex: 0 1 65%;
    	flex: 0 1 65%;
		max-width: 65%; 
	}
	#asac-container.premium-UNI #ACvehicle .ACVDPuitgelicht .ACVDPdetailswrap ul {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		 column-count: 3;
	}
}

#asac-container.premium-UNI #ACvehicle .ACVDPdescription .descwrap label.descreadmore:before {
    background-image: url('images/arrow.png');
	background-size: contain;
	background-color: var(--ACaccentcolor);
	border: 3px solid var(--ACaccentcolor);
	color: #ffffff;
	content: '';
	padding: 8px;
    border-radius: 30px;
}
#asac-container.premium-UNI #ACvehicle .ACVDPdescription .descwrap label.descreadmore:hover:before {
	background-color: var(--ACsecondary) ;
	border: 3px solid var(--ACsecondary) ;
}

#asac-container.premium-UNI #ACvehicle #ACinfoModal .ACvoertuigInfoModal {
	background:  var(--ACaccentdark);
	border-radius: 20px;	
}
#asac-container.premium-UNI #ACvehicle .ACvoertuigInfoModal label:after {
	background-color: var(--ACaccentcolor);
}
#asac-container.premium-UNI #ACvehicle .ACvoertuigInfoModal label:hover:after {
	background-color: var(--ACsecondary);
}
	
#asac-container.premium-UNI #ACvehicleFooter { padding-top: 20px;  }

#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACVDPdetails {
		flex-basis: 100%; 
		-ms-flex: 0 1 100%;
    	flex: 0 1 100%;
		max-width: 100%;
		margin-right: 0; 
}

@media screen and (max-width: 1590px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACprijs { font-size: 1.2em; }
}

@media screen and (min-width: 1591px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACprijs { font-size: 1.4em; }
}

@media screen and (min-width: 821px) and (max-width: 1024px ) {
	#asac-container.premium-UNI #ACvehicle .ACVDPhead { padding: 1.4em 0.2em; }
	#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACmerkmodel {
    	font-size: 1.7em;
    	line-height: 1.2em;
	}
}

#asac-container.premium-UNI #ACvehicle .ACVDPhead .ACVDPdetailswrap { margin-bottom: 0; }
#asac-container.premium-UNI #ACvehicle .ACVDPcta label.ACctalink { display: none!important; }

#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink { 
	border-radius: 50px; 
	padding: 10px 10px;
	text-transform: none; 
    font-size: 0.9em;
	font-weight: 600;
}

#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink:after,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink:after { display: none; }

#asac-container.premium-UNI #ACvehicle .ACVDPhead label,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink { border: 1px solid var(--ACbordercolor)!important; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.testdrive { background: var(--ACmaincolor)!important; color: var(--ACcolortext); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.reserveren { background: #4CBB17!important; color: var(--ACcolortext); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.insurance { background: var(--ACmaincolor)!important; color: var(--ACcolortext); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.offerte { background: var(--ACsecondary)!important; color: var(--ACcolortext); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.video { background: #333333!important; color: var(--ACcolortext); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.check { background: var(--ACcolortext)!important; color: var(--ACmaincolor); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.tips { background: #666666!important; color: var(--ACcolortext); }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.callus { background: #00B6CA!important; color: var(--ACcolortext); width: calc(100% - 20px); }


#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.reserveren:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.testdrive:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.offerte:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.insurance:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.video:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.check:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.tips:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.callus:hover { 
	background: #efefef!important; 
	color: var(--ACsecondary)!important; 
}

#asac-container.premium-UNI #ACvehicle .ACVDPhead .detailcta { display: flex; flex-flow: wrap;}
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.testdrive { order: 1; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.reserveren { order: 2; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.insurance { order: 3; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead label.ACctalink.offerte { order: 4; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.video { order: 5; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.check { order: 6; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.tips { order: 7; }
#asac-container.premium-UNI #ACvehicle .ACVDPhead a.ACctalink.callus { order: 8; }

#asac-container.premium-UNI .asac-wrap a.financiering-button { width: 95%; text-transform: uppercase; color: var(--ACmaincolor)!important; }
#asac-container.premium-UNI #ACvehicle .ACVDPfinanciering {padding: 0.4em;}
#asac-container.premium-UNI #ACvehicle .ACVDPfinanciering > div { 
	border: 5px solid #ffffff; 
	border-radius: 10px; 
	padding: 6px;
	background: #ffffff;
}

#asac-container.premium-UNI #ACvehicle .ACVDPcarousel .owl-carousel { height: auto!important; }
#asac-container:not(.pro) .owl-stage-outer {
    border: 1px solid var(--ACaccentdark);
}

#asac-container.premium-UNI .owl-item a img { position: relative; }
#asac-container.premium-UNI .owl-theme .owl-nav button.owl-next, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-next, 
#asac-container.premium-UNI .owl-theme .owl-nav button.owl-prev, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-prev {
	background-color: #14263E;
	color: #ffffff;
    height:30px;
    width: 30px;
    padding: 8px;
    border-radius: 30px;
    margin-left: 10px;
    margin-right: 20px;
    top: auto;
	bottom:12px;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#asac-container.premium-UNI .owl-theme .owl-nav button.owl-prev, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-prev {
	left: auto;
	right: 40px;
}

#asac-container.premium-UNI .owl-theme .owl-nav button.owl-next:hover, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-next:hover, 
#asac-container.premium-UNI .owl-theme .owl-nav button.owl-prev:hover, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-prev:hover { background-color: #00B6CA;}

#asac-container.premium-UNI .owl-theme .owl-nav button.owl-next::after, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-next::after,
#asac-container.premium-UNI .owl-theme .owl-nav button.owl-prev::after, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-prev::after { display: none!important; }

#asac-container.premium-UNI .owl-theme .owl-nav button.owl-next:before, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-next:before,
#asac-container.premium-UNI .owl-theme .owl-nav button.owl-prev:before, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-prev::before { 
	background-image: url('images/arrow.png');
	background-size: contain;
	color: #ffffff;
	content: '';
	width: 14px;
	height: 14px;
	display: block;
}
#asac-container.premium-UNI .owl-theme .owl-nav button.owl-prev:before, 
#asac-container.premium-UNI .owl-theme .owl-stage-outer button.owl-prev::before {
	transform: rotate(180deg);
}


#asac-container.premium-UNI #ACvehicle .ACVDPextrapics { margin: 0; display: block!important; }
#asac-container.premium-UNI #ACvehicle .ACVDPextrapics .owl-theme .owl-nav button.owl-next,
#asac-container.premium-UNI #ACvehicle .ACVDPextrapics .owl-theme .owl-nav button.owl-prev {
	display: none;
}

@media screen and (max-width: 480px) {
	#asac-container #ACvehicle .ACVDPextrapics .owl-carousel .owl-item { width: 20vw!important;	}
}

#asac-container.premium-UNI #ACvehicle .ACVDPextrapics .owl-item img { 
	opacity: 0.50!important; 
	border: 1px solid transparent!important; 
}

#asac-container.premium-UNI #ACvehicle .ACVDPextrapics .owl-item img:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPextrapics .owl-item.current img { 
	opacity: 1!important; 
	border: 1px solid #E50068!important; 
	cursor: pointer; 
}

#asac-container.premium-UNI #ACvehicle .ACVDPdescription,
#asac-container.premium-UNI #ACvehicle .ACVDPdetails { order: 5;}
#asac-container.premium-UNI #ACvehicle .ACVDPoptions { order: 6;}
#asac-container.premium-UNI #ACvehicle .ACVDPvehicledetail { order: 7;}
#asac-container.premium-UNI #ACvehicle .ACVDPelektrisch { order: 8;}
#asac-container.premium-UNI #ACvehicle .ACVDPpakketten{ order: 9;}
#asac-container.premium-UNI #ACvehicle .ACVDPfinanciering { order: 10;}
#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren { order: 11; padding: 0.8em; }

#asac-container.premium-UNI #ACvehicle .ACVDPdescription .descwrap label.descbutton,
#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren .labelswrap a.descbutton { display: inline-block; }
#asac-container.premium-UNI #ACvehicle .ACVDPdescription .ACVDPaside { margin-top: var(--AClineheight); border-radius: 10px; }

#asac-container.premium-UNI #ACvehicle .ACVDPaktietekst { order: 1000; border-radius: 10px; background: var(--ACaccentdark); }
#asac-container.premium-UNI #ACvehicle .ACVDPaktietekst p { font-size: 1em; text-align: left!important; color: var(--ACtextcolor)!important; }

#asac-container.premium-UNI #ACvehicle .ACVDPdescription .descwrap label.descbutton,
#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren .labelswrap a.descbutton,
#asac-container.premium-UNI #ACvehicle .ACVDPdetails label { 
	border: none!important;
	background:#00B6CA!important;
	color: var(--ACcolortext);
	padding: 10px 20px;
	border-radius: 50px; 
	font-weight: normal!important;
	font-size: 1.2em;
	text-transform: uppercase;
} 
#asac-container.premium-UNI #ACvehicle .ACVDPdetails label:after { display: none; }
#asac-container.premium-UNI #ACvehicle .ACVDPdescription .descwrap label.descbutton:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren .labelswrap a.descbutton:hover,
#asac-container.premium-UNI #ACvehicle .ACVDPdetails label:hover { 
	background: var(--ACaccentdark)!important;
} 

#asac-container.premium-UNI #ACvehicle .ACVDPverzekeren .labelswrap a.descbutton {
	margin-top: 2em;
	-webkit-transition: all .2s;
    -o-transition: all .2s;
	transition: all .2s;
}

@media screen and (min-width: 1200px) {
	#asac-container.premium-UNI #ACvehicle .ACVDPdescription .descwrap label.descbutton { display: none; }
}

#asac-container.premium-UNI #ACvehicle #reserveringform p.VDPtitle { margin-bottom: 0.2em; }
#asac-container.premium-UNI #ACvehicle #reserveringform label a { color: var(--ACmaincolor); text-decoration: underline; }
#asac-container.premium-UNI #ACvehicle #reserveringform label a:hover { color: var(--ACsecondary); text-decoration: none; }
#asac-container.premium-UNI #ACvehicle #reserveringform label#reserverings_form_prijs { max-width: 18%; margin-left: 2%; }

#asac-container.premium-UNI #ACVDPsalesprofile strong { 
	display: block; 
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 1em;
	color: var(--ACtextcolor);
}

#asac-container.premium-UNI #ACVDPsalesprofile .profileholder { 
	width: 124px; 
	height: 86px; 
	margin-bottom: 24px;
	border-radius: 5px;
}

#asac-container.premium-UNI #ACVDPsalesprofile .profilecontent a { font-weight: normal; }
#asac-container.premium-UNI #ACVDPsalesprofile .profilecontent a:hover { color: var(--ACaccentcolor); }

@media screen and (min-width: 801px) and (max-width: 1024px) {
	#asac-container.premium-UNI #ACVDPsalesprofile .profileholder { 
		width: 116px;
    	height: 86px;
    	margin-bottom: 20px;
	}
}

#asac-container.premium-UNI #ACVDPsalesprofile .profilecontent {
	white-space: nowrap;
	padding: calc(var(--ACgutter) / 2) calc(var(--ACgutter) / 4);
	padding-left: 0;
}

#asac-container.premium-UNI #ACVDPsalesprofile img.profileicon {
	width: 24px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px!important;
	margin-top: 2px!important;
	margin-bottom: 5px!important;
}

#asac-container.premium-UNI #ACVDPsalesprofile .printnaw { display: none!important; }


/* VERGELIJKER */
#vergelijkings-paneel {
	padding: 10px;
    background: var(--ACmaincolor);
	border: 1px solid var(--ACaccentcolor);
	border-radius: 10px;
    position: fixed;
    left: 30px;
	bottom: 30px;
    z-index: 10;
    max-width: 400px;
	left: 65px;
	bottom: 60px;
}
#vergelijkings-paneel.collapsed {
	 left: 30px;
	bottom: 20px;
}

#asac-container .asac-wrap #vergelijkings-paneel * {
	color: var(--ACcolortext);
}

.vergelijkings-header {
	background-color: transparent;
	padding: 0!important;
	padding-left: 3px;
	margin-bottom: 0.5em!important;
	border-bottom: none!important;
}
.vergelijkings-header:hover {
    background-color: transparent;
}
#vergelijkings-paneel .vergelijkings-teller #aantalVoertuigen { 
	display: none; 
}

#vergelijkings-paneel .vergelijkings-item { 
	padding: 3px !important;
	margin-bottom: 5px;
	background: transparent;
	border-radius: 10px;
}
#vergelijkings-paneel .vergelijkings-item:hover { 
	background: #033A52;
}

#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info {
	padding: 0 10px;
	position: relative;
}

#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info .vergelijkings-verwijder-button  {
    background-color: var(--ACsecondary) !important;
    border-radius: 100px!important;
    padding: 0px !important;
	position: absolute;
    top: -3px!important;
    right: -3px!important;
    width: 24px!important;
    height: 24px!important;
    text-align: center !important;
	font-family: var(--ACfontsize);
	line-height:20px !important;
}
#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info .vergelijkings-verwijder-button i {
    font-family: var(--ACfontfamily);
    font-weight: bold !important;
    font-style: normal;
    color: #ffffff;
}
#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info .verlijkings-info-header {
	line-height: 1em!important;
	width: 90%;
}
#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info .verlijkings-info-header .vergelijkings-voertuig { font-size: 0.9em; }
#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info p#vergelijkingBouwjaar { display: none; }
#asac-container .asac-wrap #vergelijkings-paneel .vergelijkings-item-info p.vergelijkings-prijs {
	display: inline-block;
    background: red;
    position: relative;
    right: -10px;
    float: right;
    padding: 0px 10px;
    font-weight: bold;
	border-radius: 10px;
	background: var(--ACmaincolor);
	color: var(--ACaccentcolor);
}

#vergelijkings-paneel.collapsed { background: var(--ACsecondary); }
#vergelijkings-paneel.collapsed .vergelijkings-header { margin-bottom:0!important; }
#vergelijkings-paneel.collapsed .vergelijkings-item { display: none; }
#vergelijkings-paneel.collapsed .vergelijkings-teller #aantalVoertuigen {  display: flex; border-radius: 20px; margin-right: 10px;  }

@media screen and (max-width: 960px) {
	#vergelijkings-paneel { 
		padding: 0px;
    	background: transparent;
		border: none;
	}
	#vergelijkings-paneel .vergelijkings-header {display: none;}
	#vergelijkings-paneel .vergelijkings-item {display: none;}
}


button.vergelijkings-add-button {
	cursor: pointer; 
	font-weight: 400!important;
	font-size: 0.85em!important;
	/* background-color: var(--ACshade2)!important; */
	/* border-radius: 50px!important; */
	/* margin-top: -10px !important; */
	background-color: transparent!important;
	margin-top: 0px!important;
	width: auto!important;
    position: absolute;
    /*top: 0; */
	right: 0;
    z-index: 10;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

button.vergelijkings-add-button::before {
	content: '\2713';
	text-align: center;
    font-size: 1.2em !important;
	line-height: 0.9em;
	margin-right: 0.4em;
	color: transparent;
    display: inline-block;
    width: 0.9em !important;
    height: 0.9em !important;
    vertical-align: middle;
	margin-bottom: 2px;
    border: 1px solid white;
    border-radius: 1em;
}

button.vergelijkings-add-button:hover {
	cursor: pointer; 
	/*background-color: var(--ACsecondary)!important;*/
	background-color: transparent!important;
}

button.vergelijkings-add-button:hover::before {
	background: var(--ACaccentcolor); 
}

button.vergelijkings-add-button:disabled,
button.vergelijkings-add-button[disabled] {
	/*background-color: #14263E!important;*/
	opacity: 1!important;
    cursor: not-allowed !important
}

button.vergelijkings-add-button:disabled::before,
button.vergelijkings-add-button:disabled:hover::before,
button.vergelijkings-add-button[disabled]:hover::before{
	/*content: '\2713';*/
	/*color: var(--ACsecondary)!important;*/
	/*font-weight: bold!important;*/
	/*font-size: 1.4em!important;*/
	border: 1px solid transparent;
	background: var(--ACsecondary);
}

.vergelijkings-footer {
    pointer-events: none;
	position: fixed;
    z-index: 100;
    bottom: 10px;
	bottom: 0px;
	left: 0;
	width: 100%;
	text-align: center!important;
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Safari */
	transform: translate(0%, -50%);
}

.vergelijkings-footer button.start-vergelijking {
	cursor: pointer; 
	pointer-events: initial;
	width: auto!important;
	background-color: var(--ACsecondary)!important;
	border-radius: 50px!important;
	padding: 0.5em 2em !important;
    font-weight: 700 !important;
    font-size: 1.2em !important;
	-webkit-box-shadow: 0 0 12px 0 var(--ACshade);
}

#vergelijkingsContent {
    height: 70vh !important;
	max-width: 90vw !important;
	border-radius: 20px;
	padding: 0!important;
    top: 50%; left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Safari */
	transform: translate(-50%, -50%);
	overflow: hidden!important;
	-webkit-box-shadow: 0 0 40px 0 #14263E;
	box-shadow: 0 0 40px 0 #14263E;
}

@media screen and (max-width: 1024px) {
	#vergelijkingsContent { height: 60vh !important; }
}

@media screen and (max-width: 960px) {
	#vergelijkingsContent {	height: 70vh !important; max-width: 80vw !important;}
}


#vergelijkingsContent button#sluitVergelijking { 
	background-color: #00B6CA!important;
	border-radius: 100px;
	padding: 0px!important;
	top: 4px; right: 4px;
	width: 40px; height: 40px;
    line-height: 40px!important;
    text-align: center !important;
	font-size: 1.5em!important;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#vergelijkingsContent button#sluitVergelijking:hover { 
	 background-color: var(--ACsecondary)!important;
}

#vergelijkingsContent .vergelijkingsheader h1 {display: none;}
#vergelijkingsContent .vergelijkingsheader { height: 180px; padding: 15px; }

#vergelijkingsContent .vergelijkingsheader .car-grid {
	display: flex!important;
 	width: 100%;        /* horizontally fills available space */
	flex-wrap: nowrap;  /* never wrap to next line */
	gap: 10px;  
}

#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card {
	flex: 1 1 0;        /* grow to fill, can shrink */
  	min-width: 0;       /* allow shrinking below content width without overflow */
    background: #fafafa;
}
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card:first-child {
	flex: 0 0 250px;    /* don't grow, don't shrink below 250px, base 250px */
  	min-width: 250px;
}

#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card { font-size: 0!important; overflow: visible; }
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .auto-acties { position: absolute; }
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card img { max-height: 150px!important; }
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .vergelijkings-car-info { bottom: 0px; padding: 5px; }
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .vergelijkings-car-info * { color: #ffffff!important;  text-shadow: 0 0 10px #000000; }
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .vergelijkings-car-info h2 { line-height: 1em!important; }
#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .vergelijkings-car-info p { font-weight: bold!important; }

#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .auto-acties button.verwijder-voertuig-btn  { 
	background-color: var(--ACsecondary)!important;
	border-radius: 100px;
	padding: 0px!important;
	top: -6px; left: -8px;
	width: 24px; height: 24px;
    text-align: center !important;
}

#vergelijkingsContent .vergelijkingsheader .car-grid .auto-card .auto-acties button.verwijder-voertuig-btn i {
	font-family: var(--ACfontfamily);
	line-height: 24px!important;
	font-size: 0.9em!important;
	font-weight: bold !important;
	font-style: normal;
	color: #ffffff;
}

#vergelijkingsContent .vergelijkingstabelwrap { height: calc(100% - 180px); overflow-y:scroll; }
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel { margin-top: 0!important; }
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel table.vergelijking { table-layout: fixed; }
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel table.vergelijking th, 
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel table.vergelijking td {
	min-width: unset!important; max-width: unset!important;
	white-space: break-spaces; vertical-align: top;
	color: #000000!important
}
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel table.vergelijking th:first-child, 
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel table.vergelijking td:first-child { font-weight: bold!important; }
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel .first-col { width: 250px; /* first column fixed */}
#vergelijkingsContent .vergelijkingstabelwrap .vergelijkings-tabel  .auto-col { width: auto; /* rest will share remaining space equally */ }


/* ZOEKOPDRACHT */
.overlay:not(.ac-popup) .popup div { color: #000000; }
.overlay:not(.ac-popup) .popup h2 { display: none; }
.overlay:not(.ac-popup) .popup h3 { font-weight: 700; }
.overlay:not(.ac-popup) .popup {
    background: white;
    padding: 20px;
    border-radius: 0px!important;
    max-width: 50%;
    width: 90%;
}

#toast { 
	top: 40%;
	right: 50%;
	transform: translate(50%, 0);
}

@media screen and (max-width: 960px) {
	.overlay:not(.ac-popup) .popup {
    	max-width: 90%!important;
    	width: 90%!important;
		max-height: 70vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}	
}

@media screen and (max-width: 690px) {
	.overlay:not(.ac-popup) .popup > div { flex-direction: column; }
	.overlay:not(.ac-popup) .popup div div { margin: 0 0!important; }
	
}

/* autointel*/
body .wpcf7 form>div.trackingfields {
	font-size: 0!important;
	line-height: 0!important;
	padding: 0!important;
	width: 0!important;
	height: 0px!important;
	margin-bottom: 0!important;
}
.trackingfields * {
	background-color: transparent!important;
	border: none!important;
	color: transparent!important;
	font-size: 0!important;
	line-height: 0!important;
	padding: 0!important;
	width: 0!important;
	height: 0!important;
	visibility: hidden!important;
}

/* EXPORT PAGE */
body:not(.et-fb) .langelement { display: none; }

#langtoggler { text-align: center!important;}
#langtoggler .et_pb_button_module_wrapper { display: inline-block!important; }

#langtoggler .et_pb_button_module_wrapper .et_pb_button {
	padding-top: 0.2em !important;
    padding-right: 1em !important;
    padding-bottom: 0.2em !important;
    padding-left: 1em !important;
}

.et_pb_button.langbutton_opened { background-color: #e50068!important; }
.et_pb_button.langbutton_closed { background-color: #00b6ca!important; }
.et_pb_button.langbutton_opened:hover,
.et_pb_button.langbutton_closed:hover { background-color: #14263E!important;}


/*DISABLE NEWEST FEATURES */
@media all and (max-width: 767px) {
/*#asac-container form .searchoption.carsearch { display: none!important; }*/
button.vergelijkings-add-button { display: none!important; }
#vergelijkings-paneel { display: none!important; }
}