<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("normalize.css");
@import url("fancybox.css");
@import url("pikaday.css");

@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../fonts/ProximaNova-Black.woff') format('woff'),
  url('../fonts/ProximaNova-Black.woff2') format('woff2'),
  url('../fonts/ProximaNova-Black.eot'),
  url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ProximaNova-Black.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'proxima_novabold';
  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
  url('../fonts/ProximaNova-Bold.woff') format('woff'),
  url('../fonts/ProximaNova-Bold.eot'),
  url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ProximaNova-Bold.otf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.woff') format('woff'),
  url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
  url('../fonts/ProximaNova-Regular.eot'),
  url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ProximaNova-Regular.otf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
  color: #002554;
  font-family: 'ProximaNova-Regular';
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 99px;
}

h1 { font-size: 34px; font-weight: 700; font-family: 'proxima_novabold';}
h2, .big-h { font-size: 34px; font-weight: 700; font-family: 'proxima_novabold'; }
h3, .big-m { font-size: 20px; }
h5 { font-size: 16px; font-family: 'proxima_novabold'; margin-bottom: 5px; }

a:hover { color: #00a5ce; }
p { margin-bottom: 1rem; }

p a { color: #002554; text-decoration: underline; }

ol { list-style-type: decimal; margin-left: 25px; }

.font-bold { font-weight: 300; }
.font-bold, strong, nav a { font-family: 'proxima_novabold'; }
.font-big { font-size: 58px; line-height: 61px; }

time { opacity: .7; }

.mb-290 { margin-bottom: 290px; }
.-mt-290 { margin-top: -290px; }
.-mb-7 { margin-bottom: -7px; }
.mt-1-5 { margin-top: 6px; }
.md\:mt-170 { margin-top: 120px; }

.filepond--drop-label { background: #e2e8f0; border-radius: 5px; }

.max-line-1 {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.mt-15 { margin-top: 5px; }
.max-h-40vh { max-height: 40vh; }
.row-span-8 { grid-row: span 8/span 8; }

.opacity-40 { opacity: .4; }

.z-999 { z-index: 999; }

.m-content { margin-top: 88px; }

/* Review */

.fnYhjx { padding: 0 !important; float: left; }
.fOGtJl { display: none !important; }
.jRGTjS { display: inline-block !important; margin-left: 15px; padding-top: 5px; }
.btmxSM { background: #e2e8f0 !important; }
.djXUQz { color: #022554 !important; text-decoration: underline; }
.iBiJkF { padding: 1.5rem !important; }
.es-review-content-text { color: #022554 !important; font-family: 'ProximaNova-Regular'; font-size: 16px; }
.elfsight-app-a1a0fb2c-003f-4b1c-bec1-f0ae185239ac {border-radius: 5px; border: 1px solid #e2e8f0; box-shadow: 0 0px 18px -13px rgb(236 238 242), 0 2px 11px -4px rgb(236 238 242) !important; font-family: 'ProximaNova-Regular'; }

/* Cookiebot */

.CookiebotWidget-main-logo, #CybotCookiebotDialogPoweredbyCybot { display: none !important; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background: #00a5ce !important; border-color: #00a5ce !important; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { border-color: #00a5c2 !important; }
#CookiebotWidget .CookiebotWidget-consent-details button, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a { color: #00a5ce !important; }
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill: #00a5ce !important; }
.CookieDeclaration { display: none; }

.warning {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 12px;
  font-size: 16px;
  background-color: rgba(252, 248, 227, 1);
  border-color: rgba(177, 161, 129, 1);
  color: rgba(138, 109, 59, 1);
  display: block;
}

.scoop {
  background: #002554;
  position: fixed;
  top: 88px;
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  font-weight: 700;
  z-index: 99999;
}
.scoop a { color: #fff; }

.blackfriday {
  background: #000;
  position: fixed;
  top: 88px;
  width: 100%;
  padding: 15px;
  color: #fff;
  z-index: 99999;
}

.box-vrienden {
  background: url(../images/head-vrienden-2.jpg) center;
  background-size: cover;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
}

.content-page { max-width: 50rem; margin: auto; }
.content-page ul { list-style: inside; }

.blocks { padding: 120px 15px; }
.blocks-news { color: #fff; }
.blocks-news input { color: #002554; border: 0; }
/*.blocks-user { background: linear-gradient( to right, #e2e8f0 60%, #fff 40%); padding: 90px 15px; }*/
/*.blocks-users { width: calc(100% / 2 + 1260px / 2); margin: 90px 0 180px auto; max-width: calc(100% / 2 + 1260px / 2); }*/
.blocks-users { width: calc(100%/2 + 1280px/2); display: flex; justify-content: flex-end; }
.blocks-users img {
  width: 110%;
  object-fit: cover;
  height: calc(70vh - 160px);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.blocks-contact { background: #e2e8f0 url(../images/contact.jpg); background-size: cover; border-radius: 3px; }
.blocks-footer { color: #fff; background: #e2e8f0 url(../images/bg-footer.jpg) center; background-size: cover; }
.blocks-tfa-car {
  color: #fff;
  background: #e2e8f0 url(../images/bg-tfa-car.jpg) center;
  background-size: cover;
  overflow: hidden;
}
.blocks-tfa-car .font-bold { line-height: 25px; }

.blocks-bf-car { background: #000; color: #fff; padding: 30px 30px 20px; }
.blocks-bf-car:hover { opacity: .8; }

.blocks-action-car {
  color: #fff; 
  background: #e2e8f0 url(../images/bg-action-car.jpg) center;
  background-size: cover;
  overflow: hidden;
}
.blocks-action-car .font-bold { line-height: 25px; }

.blocks-brands img {
  width: 100%;
  max-width: 90px;
  height: 90px;
  object-fit: contain;
  justify-content: center;
}

#car-price { display: none; }
#car-price label { border-top: 1px solid #ddd; }
#car-price:checked ~ .car-price-list { display: none; }

#car-merken { display: none; }
#car-merken:not(:checked) ~ .car-merken-list { display: none; }
#car-merken:checked ~ .car-merken-list { display: block; }

/*#car-merken { display: none; }
#car-merken:not(:checked) ~ .car-merken-list { overflow: hidden; height: 240px; }
#car-merken:checked ~ .car-merken-list { display: block; }
#car-merken:checked ~ .filter-list-hide { display: none; }
#car-merken:not(:checked) ~ .filter-list-show { display: none; }
*/
#car-fuel { display: none; }
#car-fuel label { border-top: 1px solid #ddd; }
#car-fuel:not(:checked) ~ .car-fuel-list { display: block; }
#car-fuel:checked ~ .car-fuel-list { display: none; }

#car-month { display: none; }
#car-month label { border-top: 1px solid #ddd; }
#car-month:checked ~ .car-month-list { display: none; }
#car-month:not(:checked) ~ .car-month-list { display: block; }

#car-year { display: none; }
#car-year label { border-top: 1px solid #ddd; }
#car-year:not(:checked) ~ .car-year-list { display: none; }
#car-year:checked ~ .car-year-list { display: block; }

#car-trans { display: none; }
#car-trans label { border-top: 1px solid #ddd; }
#car-trans:not(:checked) ~ .car-trans-list { display: none; }
#car-trans:checked ~ .car-trans-list { display: block; }

#car-body { display: none; }
#car-body label { border-top: 1px solid #ddd; }
#car-body:not(:checked) ~ .car-body-list { display: none; }
#car-body:checked ~ .car-body-list { display: block; }

#car-color { display: none; }
#car-color label { border-top: 1px solid #ddd; }
#car-color:not(:checked) ~ .car-color-list { display: none; }
#car-color:checked ~ .car-color-list { display: block; }

#car-km { display: none; }
#car-km label { border-top: 1px solid #ddd; }
#car-km:not(:checked) ~ .car-km-list { display: none; }
#car-km:checked ~ .car-km-list { display: block; }

#car-car { display: none; }
#car-car label { border-top: 1px solid #ddd; }
#car-car:checked ~ .car-car-list { display: none; }
#car-car:not(:checked) ~ .car-car-list { display: block; }

#car-mod { display: none; }
#car-mod label { border-top: 1px solid #ddd; }
#car-mod:checked ~ .car-mod-list { display: none; }
#car-mod:not(:checked) ~ .car-mod-list { display: block; }

#car-min { display: none; }
#car-min label { border-top: 1px solid #ddd; }
#car-min:not(:checked) ~ .car-min-list { display: none; }
#car-min:checked ~ .car-min-list { display: block; }

#car-con { display: none; }
#car-con label { border-top: 1px solid #ddd; }
#car-con:not(:checked) ~ .car-con-list { display: none; }
#car-con:checked ~ .car-con-list { display: block; }

#car-labels { display: none; }
#car-labels label { border-top: 1px solid #ddd; }
#car-labels:not(:checked) ~ .car-labels-list { display: none; }
#car-labels:checked ~ .car-labels-list { display: block; }

#car-virtual-cars { display: none; }
#car-virtual-cars label { border-top: 1px solid #ddd; }
#car-virtual-cars:not(:checked) ~ .car-virtual_cars-list { display: block; }
#car-virtual-cars:checked ~ .car-virtual_cars-list { display: none; }

#deposit-amount { display: none; }
#deposit-amount:not(:checked) ~ .deposit-amount-list { display: none; }
#deposit-amount:checked ~ .deposit-amount-list { display: block; }

.filter-range input[type=range] {
  height: 38px;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
}
.filter-range input[type=range]:focus { outline: none; }
.filter-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: #edf2f7;
  border-radius: 3px;
}
.filter-range input[type=range]::-webkit-slider-thumb {
  border: 3px solid #00a5ce;
  height: 25px;
  width: 25px;
  border-radius: 99px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
.filter-range input[type=range]:focus::-webkit-slider-runnable-track { background: #edf2f7; }
.filter-range input[type=renge]::-moz-range-track { background: red; }

.ms-choice&gt;div.icon-close { right: 30px !important; }

.label-filter-left { position: absolute; top: 8px; }
.label-filter-right { position: absolute; top: 8px; right: 65px; }

.slate-200 { color: #8fa0b2; }

.page-partner img {
  margin-right: 30px;
  margin-bottom: 30px;
  width: 25% !important;
  border-radius: 3px;
}

.ms-drop, .ms-choice { border: 0 !important; }

.ms-choice { padding: 18px !important; }
.ms-drop { padding: 15px !important; margin-top: 1px !important; }
.ms-choice span, .icon-close { margin-top: 5px; }


/* Dashboard */

.brd-dash { border: 2px solid #002554; }


/* Checkout */

.fill-light-blue { fill: #00a5ce; }

#hide3sec { animation: hideAnimation 0s ease-in 3s; animation-fill-mode: forwards; }

#show3sec {
  animation: showAnimation 0s ease-in 3s;
  animation-fill-mode: forwards;
  visibility: hidden;
  width: 0;
  height: 0;
}

#hide5sec { animation: hideAnimation 0s ease-in 5s; animation-fill-mode: forwards; }

#show5sec {
  animation: showAnimation 0s ease-in 5s;
  animation-fill-mode: forwards;
  visibility: hidden;
  width: 0;
  height: 0;
}

#hide6sec { animation: hideAnimation 0s ease-in 6s; animation-fill-mode: forwards; }

#show6sec {
  animation: showAnimation 0s ease-in 6s;
  animation-fill-mode: forwards;
  visibility: hidden;
  width: 0;
  height: 0;
}

#show7sectext {
  animation: textAnimation 0s ease-in 7s;
  animation-fill-mode: forwards;
  visibility: hidden;
}

@keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}

@keyframes showAnimation {
  to {
    visibility: visible;
    width: 1.5rem;
    height: 1.5rem;
  }
}

@keyframes textAnimation {
  to {
    visibility: visible;
  }
}


/* Frontend */

.bg-yellow { background: #FFB71B; }
.bg-blue { background: #002554; color: #fff; }
.bg-green { background: #84cc16; color: #fff; }
.bg-green:hover { background: #71af14; }
.bg-light-blue { background: #00a5ce; }
.bg-clean { background: #fff; color: #002554; }
.bg-clean:hover { background: #f6f6f6; }
.bg-light { background: #e2e8f0; }

.cl-light-blue { color: #00a5ce; }
a.cl-light-blue:hover { color: #002554; }
.hover\:cl-blue:hover { fill: #002554; opacity: .5; color: #002554; }
.cl-light { color: #e2e8f0; }

.cl-blue { color: #002554; }
.cl-white { color: #fff; }
.cl-light-yellow { color: #FFB71B; }

.text-grey { color: #e2e8f0;  }
.text-red-500 { font-size: 12px; }

.rounded, .wp-block-image img { border-radius: 5px; }

.one-line { overflow: hidden; white-space: nowrap; }

.bg-light-blue input { border: 0; }


/* Borders */

.brd-top { border-top: 1px solid #e2e8f0; }
.brd-bottom { border-bottom: 1px solid #e2e8f0; }


/* Tabs */

.tabs a { font-size: 21px; }
.tabs .bg-white { margin-top: -1px; }


/* Show scroll */

.bottomCart {
  position: fixed;
  bottom: 20px;
  width: 980px;
  z-index: 1;
  transition: all 1s;
  padding: 0 20px;
  background: #e2e8f0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.bottomCart.hide { opacity: 0; left: -100%; }
.bottomCart.show {
  opacity: 1;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  top: auto;
  max-width: 980px;
}


/* Buttons */

.btn {
  border-radius: 5px;
  border: 0;
  justify-content: center;
  padding: 10px 20px;
  font-family: 'proxima_novabold';
  transition: transform .15s;
  display: inline-block;
  cursor: pointer;
  box-shadow: 0 0px 18px -13px #e2e8f0, 0 2px 11px -4px #e2e8f0;
}

.btn:hover { transform: scale(.98); color: #002554; }
.bg-yellow.btn:hover { background: #f7b21a; }
.btn:focus { transform: scale(.9); }

.btn.bg-blue:hover { color: #fff !important; }

.btns-filter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  text-align: center;
}

.btn-arrow {
  background-image: url(../images/arrow-right.svg);
  background-position: center right 15px;
  background-repeat: no-repeat;
  background-size: 15px;
  text-align: left;
}

.modal { z-index: 99999999; }


/* #Mega Menu Styles */
.mega-menu {
  display: none;
  left: 0;
  z-index: 9999999999;
  position: absolute;
  text-align: left;
  width: 100%;
}
.mega-menu a p { font-family: 'ProximaNova-Regular'; }

.hoverable { position: static; }
.hoverable &gt; a:after {
  content: "\25BC";
  font-size: 10px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}
.hoverable li a { font-family: 'ProximaNova-Regular'; }

.hoverable:hover .mega-menu { display: block; }

.toggleable &gt; label:after {
  content: "\25BC";
  font-size: 10px;
  padding-left: 6px;
  position: relative;
  top: -1px;
}


/* Navigatie */

nav {
  background: #fff;
  width: 100%;
  z-index: 9999999;
  top: 0;
/*  box-shadow: 0 0px 38px -13px #e2e8f0, 0 2px 6px -4px #e2e8f0;*/
}

nav .w-full { z-index:9999 !important; }

.nav-menu { margin-top: 10px; }
.nav-menu .btn { margin: 11px 0px 23px 5px; }

.nav-user { top: 20px; right: 50px; position: fixed; }
.nav-ham {
  background: #fff;
  padding: 20px;
  width: 100%;
  top: 60px;
  z-index: 99999;
}
.nav-hamburger {
  color: #002554;
  position: absolute;
  right: 15px;
  top: 28px;
}

.nav-lang img { width: 22px; border-radius: 3px; }

.header { width: calc(100% / 2 + 1280px / 2); margin: 155px 0 210px auto; max-width: calc(100% / 2 + 1280px / 2); }
.header img {
  width: 110%;
  object-fit: cover;
/*  height: calc(90vh - 160px);*/
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.header .fnYhjx { background: transparent; }
.header .jRGTjS { margin-left: 0; margin-right: 15px; }
.header-icon { float: left; }

.min-h-header { height: 70vh; }


/* Search */

.search-box { position: relative; }
.search-box .clear { clear: both; margin-top: 20px; }
.search-box input { border-radius: 5px; }
.search-box &gt; div {
  background: #fff;
  padding: 15px;
  box-shadow: 0 0px 15px -1px rgb(0 0 0 / 20%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: fixed;
  top: 65px;
  left: 40%;
  z-index: 999;
  width: 485px;
}
.search-box ul, .search-box-company ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: white;
  height: 200px;
  overflow: auto
}
.search-box ul li, .search-box-company ul li { background: #fff; padding: 5px; }
.search-box ul li:hover, .search-box-company ul li:hover { cursor: pointer; font-weight: 700 }
.search-box ul li:nth-child(even), .search-box-company ul li:nth-child(even) { background: #f9fafb; padding: 5px; color: #002554; }

.search-box-company &gt; div {
  box-shadow: 0 0px 15px -1px rgb(0 0 0 / 20%);
  border-radius: 5px;
  margin-top: 15px;
  margin-right: 17px;
  margin-left: 29.3%;
}

.nav-search-box a.font-medium { font-family: 'ProximaNova-Regular'; }

.search-box-label { display: inline-block; width: 70px; }
.search-box-status span {
  display: inline-block;
  background: #002554;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  border-radius: 3px;
}

.search-box-status {
  display: block;
  width: 100%;
  border-top: 1px solid #e6e7eb;
  margin-top: 3px;
  font-size: 12px;
  opacity: .5;
  padding-top: 5px;
}


/* Partners */

.dealer-list { overflow-x: scroll; height: 500px; }
.dealer-list li { border-bottom: 1px solid #e2e8f0; padding: 10px 0; }
.dealer-list svg { color: #00a5ce; margin: 3px 5px 0 0; }


/* Card */

.card { border: 1px solid #e2e8f0; border-radius: 3px; padding: 20px; }
.card:hover { box-shadow: 0 0px 15px -1px rgb(0 0 0 / 20%); border-radius: 3px; transition: .2s; }


/* Box */

.box-usp { padding: 90px 10px 10px; color: #fff; }
.box-why { background: #e2e8f0; }
.box-why-icon {
  width: 90px;
  height: 90px;
  background: #002554;
  border-bottom-right-radius: 7px;
  padding: 15px;
  margin-bottom: 20px;
  margin-top: -80px;
  transform: skew(-7deg);
}


/* Filter */

.filter-mobile-container {
  position: fixed;
  z-index: 9999;
  background: #fff;
  width: 100%;
  padding: 10px;
  top: 82px;
  left: 0;
}

.filter-mobile-content { border-radius: 5px; padding: 30px 15px; margin-top: -18px; }

.filter-mobile {
  background: #e2e8f0;
  padding: 15px 15px 10px;
  border-radius: 3px;
  transition: 1.2s;
}
.filter-menu [type=checkbox], .filter-menu [type=radio] { margin: -4px 5px 0 0; }
.filter-menu label { cursor: pointer; }

@media (max-width: 768px) {
  .sm\:mt-36 { margin-top: 9rem; }
  .filter-mobile-content {
    background: #fff;
    position: fixed;
    border: 0;
    border-radius: 0;
    padding: 10px 10px 300px;
    margin-top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    top: 115px;
    z-index: 9999;
    overflow: auto;
  }
}

.align-super { vertical-align: super; }
.border-grey { border-radius: 5px; border: 1px solid #d5dae2; }

.filter-menu h5 {
  display: block;
  clear: both;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #e2e8f0;
}
.filter-menu .border-0 { border: 0; padding-top: 0; }

.filter-slide { background: #fff; border: 0; width: 6rem; }
.filter-slide-dot { border: 3px solid #00a5ce; background: #fff; }

.orderfly {
  position: fixed;
  top: 80px;
  width: 100%;
  padding: 15px 30px 10px;
  background: #fff;
  z-index: 1;
  transition:  all 1s;
  color: #002554;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}
.orderfly img { border: 1px solid #edeef2; }
.orderfly select { height: 43px; }
.hide { display: none; top: -80px; left: 0; }
.show { display: block; top: 80px; left: 0; }

input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
}

.succes-img img {
  border: 1px solid #e2e8f0;
  object-fit: cover;
  height: 260px;
  margin: auto;
  border-radius: 3px;
}

.confetti {
  position: absolute;
  top: 90px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 596px;
  overflow: hidden;
  pointer-events: none;
}

.confetti-piece {
  position: absolute;
  width: 6px;
  height: 10px;
  background: #FBBA23;
  top: -10px;
  opacity: 0;
}
.confetti-piece:nth-child(1) {
  left: 7%;
  transform: rotate(150deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 47ms;
  animation-duration: 370ms;
}
.confetti-piece:nth-child(2) {
  left: 14%;
  transform: rotate(-127deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 117ms;
  animation-duration: 531ms;
}
.confetti-piece:nth-child(3) {
  left: 21%;
  transform: rotate(-143deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 316ms;
  animation-duration: 428ms;
}
.confetti-piece:nth-child(4) {
  left: 28%;
  transform: rotate(-15deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 16ms;
  animation-duration: 672ms;
}
.confetti-piece:nth-child(5) {
  left: 35%;
  transform: rotate(-103deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 242ms;
  animation-duration: 584ms;
}
.confetti-piece:nth-child(6) {
  left: 42%;
  transform: rotate(74deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 210ms;
  animation-duration: 419ms;
}
.confetti-piece:nth-child(7) {
  left: 49%;
  transform: rotate(158deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 326ms;
  animation-duration: 516ms;
}
.confetti-piece:nth-child(8) {
  left: 56%;
  transform: rotate(-37deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 73ms;
  animation-duration: 358ms;
}
.confetti-piece:nth-child(9) {
  left: 63%;
  transform: rotate(-178deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 42ms;
  animation-duration: 438ms;
}
.confetti-piece:nth-child(10) {
  left: 70%;
  transform: rotate(106deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 252ms;
  animation-duration: 670ms;
}
.confetti-piece:nth-child(11) {
  left: 77%;
  transform: rotate(-88deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 342ms;
  animation-duration: 694ms;
}
.confetti-piece:nth-child(12) {
  left: 84%;
  transform: rotate(-124deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 234ms;
  animation-duration: 546ms;
}
.confetti-piece:nth-child(13) {
  left: 91%;
  transform: rotate(144deg);
  animation: makeItRain 700ms infinite ease-out;
  animation-delay: 241ms;
  animation-duration: 636ms;
}
.confetti-piece:nth-child(odd) {
  background: #65BB5C;
}
.confetti-piece:nth-child(even) {
  z-index: 1;
}
.confetti-piece:nth-child(4n) {
  width: 5px;
  height: 13px;
  animation-duration: 1400ms;
  background: #F23B14;
}
.confetti-piece:nth-child(3n) {
  width: 5px;
  height: 13px;
  animation-duration: 1750ms;
  animation-delay: 700ms;
}
.confetti-piece:nth-child(4n-7) {
  background: #2A2F6A;
}

@keyframes makeItRain {
  from {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    transform: translateY(96px);
  }
}

/* Carousel */

.carousel-open:checked + .carousel-item {
  position: relative;
  z-index: 999;
  opacity: 100;
  vertical-align: middle;
  height: 560px;
}
.carousel-item { -webkit-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; }

.carousel-item img {
  border: 1px solid #e2e8f0;
  object-fit: cover;
  height: 558px;
  border-radius: 3px;
  width: 100%;
}
.carousel-item a, summary { cursor: pointer; }
ol.carousel-images { margin-left: 0; }
.carousel-images::-webkit-scrollbar { width: 10px; border-radius: 3px; background: #e2e8f0; }
.carousel-images::-webkit-scrollbar-thumb {
  background-color: rgba(0, 37, 84, 1);
  background-image: url(../images/scroll.svg);
  background-size: 16%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  cursor: grab;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3,
#carousel-4:checked ~ .control-4,
#carousel-5:checked ~ .control-5,
#carousel-6:checked ~ .control-6 {
  display: none;
}

.carousel label:hover { background: #00a5ce; }
.carousel-thumb img { border-radius: 3px; object-fit: cover; }
.carousel-indicators {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}

.carousel-images {
  display: block;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-overflow-scrolling: touch;
}
.carousel-images li { display: inline-block; object-fit: cover; }
.carousel-images img {
  height: 90px;
  width: 120px;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid #edeef2;
  cursor: pointer;
}
.fancybox__container { z-index: 999999 !important }


/* Forms */

input, [type=checkbox], [type=radio], [type='email'] { border: 1px solid #d5dae2; border-radius: 3px; cursor: pointer; }
[type='checkbox']:checked, [type='radio']:checked, [type='checkbox']:focus, [type='radio']:focus { color: #002554; border: 0; }
[type='checkbox']:focus, [type='radio']:focus { --tw-ring-color: #fff; border: 1px solid #d5dae2; }

.search-field { background: rgba(255,255,255,0.9); border-radius: 3px; }
.search-field h2 { font-size: 27px; }
.search-field .btn { line-height: 20px; }
.search-field select { color: #002554; }

.filepond--root, .filepond--drop-label label { cursor: pointer !important; }
.filepond--root:hover .filepond--panel-root { background: #ddd !important; }
.filepond--root .filepond--drop-label span {
  background: url(../images/icon-upload.png);
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.filepond--root .filepond--assistant { background: none; }


/* Item */

.car { border-bottom-right-radius: 15px; position: relative; box-shadow: 0 0px 18px -13px #e2e8f0, 0 2px 11px -4px #e2e8f0; }
.car:hover { box-shadow: 0 0px 15px 3px #e2e8f0; border-bottom-right-radius: 15px; transition: .2s; }
.car a:hover { color: #002554; }
.car svg:hover { transform: scale(.98); }
.car svg:focus { transform: scale(.9); }

.car img {
  width: 100%;
  object-fit: cover;
  height: 210px;
  border-left: 1px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  border-top: 1px solid #e2e8f0;
}

.car-label {
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #e75f0a;
  color: #fff;
  right: -8px;
  font-family: 'proxima_novabold';
  font-size: 14px;
  margin-top: 20px;
  padding: 5px 20px 5px 15px;
  z-index: 1000;
}
.car-label::before {
  right: 0;
  width: 0;
  bottom: -4px;
  height: 0;
  content: "";
  z-index: 5;
  position: absolute;
  border-color: transparent transparent transparent #b04c0f;
  border-style: solid;
  border-width: 0 0 5px 8px;
}

.car-content {
  border-left: 1px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  border-bottom-right-radius: 15px;
}

.car-content .max-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.car-content .text-xs {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
}

.banner {
  background: #00a5ce;
  color: #fff;
  text-align: center;
  padding: 4px;
  width: 100%;
  position: absolute;
}

.badge {
  background: #00a5ce;
  color: #fff;
  border-radius: 100%;
  padding: 22px 5px;
  text-align: center;
  width: 110px;
  transform: rotate(15deg);
  line-height: 21px;
  position: absolute;
  right: 0;
  z-index: 9999;
  font-family: 'proxima_novabold';
}

.car-desc {
  border: 1px solid #e2e8f0;
  border-radius: 3px;
  padding: 30px;
  box-shadow: 0 0px 18px -13px #e2e8f0, 0 2px 11px -4px #e2e8f0;
}
.car-desc p { margin-bottom: 0; }

.car-specs dt, .cl-grey-500 { color: #a8abb8; }
.car-specs dd,
.car-specs dt {
  width: 50%;
  display: inline-block;
  padding: 10px 5px;
  border-bottom: 1px solid #e2e8f0;
}
.car-specs a { font-size: 16px; }
.car-specs-list { columns: 2; }
.car-specs-list li { padding: 10px 5px; border-bottom: 1px solid #e2e8f0;}

.car-card { background: #d5dae2; border-radius: 3px; padding: 20px; }

.shadow { box-shadow: 0 0px 18px -13px rgb(236 238 242), 0 2px 11px -4px rgb(236 238 242); }

/* Item checkout */

.car-checkout { border: 1px solid #e2e8f0; border-radius: 3px; }
.w-full.brd-bottom { overflow: hidden; }

.car-checkout-content { font-size: 15px; background: #f2f4f6; }
/*.car-checkout-content span { float: right; }*/

.pika-single {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%) !important;
  background: #e2e8f0 !important;
  border-radius: 3px;
  border: 0 !important;
  display: inline-block !important;
  margin-top: 15px;
  clear: both;
  font-family: 'ProximaNova-Regular' !important;
  font-size: 16px;
}
.pika-label { background: #e2e8f0 !important; color: #00a5ce !important; }
.is-disabled .pika-button { color: #002554 !important; border-radius: 3px !important; }
.pika-button {
  font-size: 16px !important;
  background: #fff !important;
  border-radius: 3px !important;
  text-align: center !important;
}
.pika-table td { padding: 3px !important; }
.pika-table th { color: #002554 !important; font-size: 16px !important; }
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button { background: #00a5ce !important; }
.is-selected .pika-button,
.has-event .pika-button { background: #FFB71B !important; box-shadow: none !important; }

.car-checkout-mob {
  display: none;
  position: fixed;
  bottom: 0;
  background: #fff;
  padding: 15px 5px 0;
}

.w-50 {
  width: 85px;
  border-radius: 3px;
  float: left;
  margin-right: 20px;
}

.switch {
  position: relative;
  float: left;
  width: 40px;
  height: 24px;
  margin-right: 10px;
}

.switch input { opacity: 0; width: 0; height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #002554;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider { background-color: #55b410; }
input:focus + .slider { box-shadow: 0 0 1px #55b410; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(16px); transform: translateX(16px); }


/* Rounded sliders */

.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }


/* WP */

.gutenberg__content p
.gutenberg__content ul
.gutenberg__content ol {
  font-size: 17px !important;
  line-height: 28px;
}
.gutenberg__content .has-background,
.gutenberg__content img,
.gutenberg__content iframe { border-radius: 3px; }
.gutenberg__content ul { margin: 15px 0 15px 15px; }
.gutenberg__content ul li::before {
  content: "Ã¢â‚¬Â¢";
  color: #00a5ce;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline {
  border: 1px solid #002554 !important;
  color: #002554 !important;
  font-size: 16px !important;
}
.gutenberg__content .wp-block-group.has-background { padding: 30px 30px 1px; }
.gutenberg__content ol { list-style-type: decimal; margin-left: 1rem; padding-left: 20px;}
.gutenberg__content h2 { font-size: 28px; }
.gutenberg__content h3 { font-weight: 700; }
.gutenberg__content h2,
.gutenberg__content h3,
.gutenberg__content h4 { color: #002554; margin: 30px 0 15px !important; }
.gutenberg__content h3 { font-weight: 700; margin-bottom: 24px; font-size: 21px; }
.gutenberg__content .wp-block-column.bg-light-blue { color: #fff; padding: 0 30px; }
.wp-block-buttons .wp-block-button.wp-block-button { text-align: center; }
.wp-block-button__link {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  font-weight: 700;
  border-radius: 3px !important;
  justify-content: center;
  padding: 10px 20px;
  font-family: 'proxima_novabold';
  transition: transform .2s;
  display: inline-block;
  cursor: pointer;
  background: #FFB71B !important;
  color: #002554 !important;
}
.gutenberg__content .wp-block-button__link:hover { transform: scale(.98); color: #002554; }
.gutenberg__content .wp-block-button__link:focus { transform: scale(.9); }
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline { border: 0; color: #002554; }
.gutenberg__content p { margin-bottom: 1em; }
.gutenberg__content .wp-block-quote { font-style: italic; }

.content-page .alignwide { margin-left: -80px; margin-right: -80px; }
.content-page .alignfull { margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width: 100vw; }
.alignfull img { width: 100vw; }

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline { color: #002554; border-color: #002554; }


/* Mailchimp */

.mc-modal-bg { z-index: 99999999 !important; }
.mc-modal { z-index: 99999999 !important; }


/* Blog */

.blog { box-shadow: 0 0px 18px -13px rgb(236 238 242), 0 2px 11px -4px rgb(236 238 242); border: 1px solid #e2e8f0; border-bottom-right-radius: 15px; }
.blog a { text-decoration: none; color: #002554; }
.blog img {
  width: 100%;
  object-fit: cover;
  height: 210px;
  background: url(../images/foto-recencies.jpg);
  background-size: cover;
  font-size: 0;
}
.blog-content p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-content h4 {
  font-size: 21px;
  overflow: hidden;
  min-height: 68px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-content p {
  overflow: hidden;
  min-height: 75px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}


/* Car select */

.car-contract-calculation-selector {
    background: white;
    padding: 5px 20px;
    cursor: pointer;
    text-align: center;
    width: 48.9%;
    border-radius: 5px;
}

.car-contract-calculation-selector:hover { background: #002554; color: #fff; }
.car-contract-calculation-selector_active { background: #FFB71B; }


/* Footer */

footer a:hover { color: #00a5ce; }


/* Responsive */

@media screen and (max-width: 1270px) {
  .header, .blocks-users { width: calc(100%/2 + 1020px/2); }
}

@media screen and (max-width: 720px) {
  body { margin-top: 112px; }
  h2 { line-height: 37px; }
  .blackfriday, .mc-banner { top: 90px !important; z-index: 99999 !important; }
  .blocks, .blocks-news { padding-top: 30px; padding-bottom: 30px; }
	.font-big { font-size: 31px; line-height: 34px; }
	.header, .blocks-users { padding: 50px 0; width: 100%; margin: 0; padding: 15px }
  .header img, .blocks-users img {
    order: 2;
    width: 110%;
    object-fit: cover;
/*    height: 150px;*/
/*    object-position: 0 -50px;*/
  }
  .scoop { top: 58px; font-size: 12px; }
  .m-content { margin-top: -34px; }
  .banner { font-size: 12px; }
  .box-why-icon, .box-why-home { margin-top: 0; }

  .search-box &gt; div { left: 0; width: 100%; top: 110px; }
  .car-contract-calculation-selector { width: 48.6%; }

  .page-partner img { width: 100% !important; }

  .search-field { width: 100%; }

  #car-merken:not(:checked) ~ .car-merken-list { overflow: hidden; height: 0; }
  #car-car:checked ~ .car-car-list, #car-month:checked ~ .car-month-list { display: block; }
  #car-car:not(:checked) ~ .car-car-list, #car-month:not(:checked) ~ .car-month-list, .bottomCart { display: none; }

  .car { margin-bottom: 15px; }

  .car-desc { padding: 15px; }
  .car-desc p { display: block; clear: both; }

  nav .bg-light { margin-top: 20px !important; }

  .carousel-open:checked + .carousel-item,
  .carousel-item img { height: 290px; }

  .car-specs-list { columns: 1 !important; }

  .w-104 { width: 104%; }
  .mt-96 { margin-top: 96px; }

  nav { height: 60px; }
  nav img { width: 120px; }
  nav .nav-hamburger { top: 20px; }

  .box-why svg { width: 60px; height: 60px; }
  .nav-menu {
    position: absolute;
    background: #e2e8f0;
    top: 70px;
    width: 100%;
    padding: 15px;
  }
  .blocks-brands { display: none; }
  .blocks-user { background: #e2e8f0; }

  .orderfly { top: 58px !important; padding: 15px !important; }
}
</pre></body></html>