@import url('flaticon.css');
body {
  margin: 0;
  font-family: 'Didact Gothic', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857;
  color: #444444;
  text-align: left;
  background-color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}
.h5, .h6, h5, h6 {
  font-weight: 500;
}

a {
  color: #013356;
  text-decoration: none;
  background-color: transparent
}
a:hover {
  color: #5396CA;
  text-decoration: underline
}
.btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #555;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.42857;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.btn-lg {
  font-size: 1.5rem;
  line-height: 1.42857;
  border-radius: .5rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (max-width:575.98px) {
    .btn-lg {
      font-size: 1.2rem;
      line-height: 1.42857;
    }
}
.btn-lg .mx-4 {transition: all .15s ease-in-out;}
.btn-lg:hover .mx-4 {margin-left: 2.3rem!important; margin-right: .7rem!important;}
#dnn_ctr5465_HtmlModule_lblContent .btn-lg {margin-top:-55px;z-index:2;position: relative;}
#dnn_ctr5465_HtmlModule_lblContent iframe {border-radius: 0.5rem;}

.btn-primary {
  background-color: #DE1037;border-color: #DE1037;
}
.btn-primary:hover {
  background-color: #DE1037;border-color: #DE1037;
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 16, 55, .5)
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #DE1037;border-color: #DE1037;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: #DE1037;border-color: #DE1037;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 16, 55, .5);
}

.btn-wit {
  background-color: #fff;border-color: #fff;color: #013356;
}
.greepitem .btn-wit {white-space: nowrap!important;}
.greepitem,
.greepitem img {outline: none!important;}
@media (min-width: 768px) and (max-width: 1199.98px) { .greepitem .btn-lg {font-size: 80%;} }
@media (min-width: 768px) and (max-width: 991.98px) { .greepitem .btn-lg img {display: none;} }

.btn-wit:hover {
  background-color: #fff;border-color: #fff;color: #5396CA;
}
.btn-wit.focus, .btn-wit:focus {
  box-shadow: none;
}
.btn-wit.disabled, .btn-wit:disabled {
  background-color: #fff;border-color: #fff;
}
.btn-wit:not(:disabled):not(.disabled).active, .btn-wit:not(:disabled):not(.disabled):active, .show > .btn-wit.dropdown-toggle {
  background-color: #fff;border-color: #fff;
}
.btn-wit:not(:disabled):not(.disabled).active:focus, .btn-wit:not(:disabled):not(.disabled):active:focus, .show > .btn-wit.dropdown-toggle:focus {
  box-shadow: none;
}

h1 {font-size: 2rem;color: #5396CA;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
h2 {font-size: 2rem;font-style: italic;color: #013356;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
h3 {font-size: 1.75rem;font-style: italic;color: #013356;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
footer h3 {font-size: 110%;color: #fff;margin-top: 8px;}
h4 {font-size: 1.75rem;color: #013356;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
h5 {font-size: 1.5rem;color: #013356;margin-top: 18px;}
.greepitem h5 {font-weight: 700;}
.greepitem.slick-center h5 {font-style: italic; font-size: 150%;}
h6 {font-size: 1.125rem;color: #000B13;margin-top: 18px;margin-bottom: .6875rem;}

@media (min-width:576px) {
}
@media (min-width:768px) {
h1 {font-size: 2.5rem;color: #5396CA;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
h2 {font-size: 2.5rem;font-style: italic;color: #013356;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
h3 {font-size: 1.85rem;font-style: italic;color: #013356;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
footer h3 {font-size: 110%;color: #fff;margin-top: 8px;}
h4 {font-size: 1.85rem;color: #013356;margin-top: 22px;margin-bottom: 11px;text-transform: none;}
h5 {font-size: 1.5rem;color: #013356;margin-top: 18px;}
h6 {font-size: 1.125rem;color: #000B13;margin-top: 18px;margin-bottom: .6875rem;}
}
@media (min-width:992px) {
    h1 {font-size: 3rem;margin-top: 22px;margin-bottom: 11px;}
    h2 {font-size: 3rem;font-style: italic;color: #013356;margin-top: 22px;margin-bottom: 11px;}
    h3 {font-size: 1.85rem;margin-top: 22px;margin-bottom: 11px;}
    footer h3 {font-size: 110%;margin-top: 8px;}
    h4 {font-size: 1.85rem;margin-top: 22px;margin-bottom: 11px;}
    h5 {font-size: 1.5rem;margin-top: 18px;}
    h6 {font-size: 1.125rem;margin-top: 18px;margin-bottom: .6875rem;}
}
@media (min-width:1200px) {
    h1 {font-size: 3.375rem;margin-top: 22px;margin-bottom: 11px;}
    h2 {font-size: 3.375rem;font-style: italic;color: #013356;margin-top: 22px;margin-bottom: 11px;}
    h3 {font-size: 2rem;margin-top: 22px;margin-bottom: 11px;}
    footer h3 {font-size: 110%;margin-top: 8px;}
    h4 {font-size: 2rem;margin-top: 22px;margin-bottom: 11px;}
    h5 {font-size: 1.5rem;margin-top: 18px;}
    h6 {font-size: 1.125rem;margin-top: 18px;margin-bottom: .6875rem;}
}
.tab-3033 .container-fluid.ly-header-pane {}
@media all {
    header {
        background: transparent!important;
        width: 100%;
        position: relative;
        top:0;
        z-index: 800
    }
    .tab-3033 header {
        position: absolute;
    }
    header .container-fluid {padding-top: 30px;}
    body.va-layout-full header {
        box-shadow: none;
    }
    body, li p, p, .DnnModule ul {
    font-size: 1.1245rem;
    line-height: 1.6em;
    }
    ul,ol,p {
    margin-bottom: .6875rem;
    }
    a, a:visited {
    text-decoration: underline;
    color: #013356;
    }
    a:hover {
    color: #5396CA;
    text-decoration: underline;
    }
    #breadcrumb a, #breadcrumb a:visited {text-decoration: none;}
    #breadcrumb a:hover {text-decoration: underline;}
    h1, h2, h3 {
    font-weight: 700;
    }
    #nav-desktop {}
    .navbar .ly-nav-main li a {
    text-decoration: none;
    color: #013356;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    text-transform: none;
    margin: 0 0 0 8px;
    padding: 10px 12px;
    border: 0 solid transparent;
    transition: color .5s;
    position: relative;
    font-weight: 700
    }
    .navbar .ly-nav-main li.nav-item.telefoon {
    padding-left: 80px;position: relative;color: #013356;
    }
    .navbar .ly-nav-main li.nav-item.telefoon h6 {
    text-decoration: none;
    color: #013356;
    font-size: 15px;
    text-transform: none;
    transition: color .5s;
    font-weight: 500;
    margin-top: 10px;
    }
    .navbar .ly-nav-main li.nav-item.telefoon i,
    .navbar .ly-nav-main li.nav-item.telefoon svg{position:absolute;left:30px;top:50%;margin-top:-12px;}
    .navbar .ly-nav-main li a:focus, .navbar .ly-nav-main li a:hover {
    color: #013356;
    border-bottom: 3px solid #013356;
    }
    .navbar .ly-nav-main li a:focus:after, .navbar .ly-nav-main li a:hover:after {
    width:0!important;
    }
    .navbar .ly-nav-main li.active > a:after {
    width: 0;
    }
    .navbar .ly-nav-main li a:after {
    background: #013356;
    }
    .navbar .ly-nav-main li.active > a, .navbar .ly-nav-main li.active > a:focus, .navbar .ly-nav-main li.active > a:hover {
    color: #013356;
        border-bottom: 3px solid #013356;
    }
    .ly-close:after, .ly-close:before {
    background-color: #013356
    }
    .sidr-open .ly-nav-mobile-trigger:after, .sidr-open .ly-nav-mobile-trigger:before {
    border-color: #013356
    }
    .sidr {
    background: #013356;
    }
    .ly-nav-mobile > li > ul > li {
    border-bottom: 1px solid #013356;
    }
    #nav-icon span {
    background: #013356;
    }
    .ly-nav-sub > li > ul > li {
    border-bottom: 1px solid #013356;
    }
    a.ly-top {
    bottom: 20px;
    right: 25px;
    background-color: #013356;
    color: #fff;
    overflow: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: .3s;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    font-size: 35px;
    opacity: 0;
    z-index: 100;
    text-align: center;
    transition: opacity .5s;
    pointer-events: none
    }
    body.va-layout-full footer {
    background-color: #013356;
    height: auto;
    }
    footer .container-fluid {
    background: #013356;
    padding-top: 75px;
    padding-bottom: 25px
    }
    footer .ly-nav-sub li a {
    text-decoration: none;
    transition: color .4s;
    color: #fff;
    }
    footer .ly-nav-sub > li > .ly-linkwrapper > a {
    text-decoration: none;
    display: block;
    padding: 5px 10px 5px 0;
    font-size: 16px
    }
    footer .ly-nav-sub > li.active > .ly-linkwrapper > a, footer .ly-nav-sub > li > .ly-linkwrapper > a:hover {
    color: #f2f2f2;text-decoration: underline;
    }
    footer a:hover{text-decoration: underline;}
}
@media (min-width:768px) {
    .ly-logo {width: 220px;transition: all 0.2s ease-in-out;}
}
@media (min-width:992px) {
    header .container-fluid {padding-top: 60px;}
    .ly-logo {padding-top: 30px;}
}
@media (max-width:1070px) {
    #nav-desktop {margin-right: -40px;}
    header .container-fluid-clearfix {overflow-x: hidden}
    .navbar .ly-nav-main li.nav-item.telefoon {
    padding-left: 40px;
    }
    .navbar .ly-nav-main li.nav-item.telefoon i,
    .navbar .ly-nav-main li.nav-item.telefoon svg{position:absolute;left:15px;top:50%;margin-top:-12px;}
}
@media (min-width:1325px) {
    .ly-logo {width: auto;}
}
@media (min-width:1200px) {
  body.va-layout-full .container-fluid {
    max-width: 1600px;
  }
}
.hometrio { margin-top: -100px; margin-bottom: 50px;}
.duostuk,
.triostuk {
transition: all .2s ease-in-out;
background-color: #fff;
-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,41,0.66);
-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,41,0.66);
box-shadow: 0px 0px 23px -8px rgba(0,0,41,0.66);
border-radius: 8px;
}
.duostuk:hover,
.triostuk:hover {
-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,41,1);
-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,41,1);
box-shadow: 0px 0px 23px -8px rgba(0,0,41,1);
}
.duostuk {color: #013356;}
.triostuk a,
.triostuk a:hover {text-decoration: none; display: block;position: relative;}
.triostuk a img.icontriostuk{position: absolute; max-height: 40px;}
.triostuk a h4{padding-left: 65px;}
@media (min-width:576px) {
}
@media (min-width:768px) {
    .hometrio { margin-top: -150px; margin-bottom: 150px;}
    .triostuk a img.icontriostuk{position: relative; max-height:none;}
    .triostuk a h4{padding-left: 0px;}
}
@media (min-width:992px) {
    .hometrio { margin-top: -250px; margin-bottom: 175px;}
}
@media (min-width:1200px) {
    .triostuk:hover h4{background:url("/Portals/63/Skins/VanDalen/assets/img/pijl-rechts-blauw.png") no-repeat right 50%;}
    .hometrio { margin-top: -350px; margin-bottom: 200px;}
}

.subpagina {
transition: all .2s ease-in-out;
background-color: #fff;
-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,41,0.66);
-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,41,0.66);
box-shadow: 0px 0px 23px -8px rgba(0,0,41,0.66);
border-radius: 8px;
}
.subpagina:hover {
-webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,41,1);
-moz-box-shadow: 0px 0px 23px -8px rgba(0,0,41,1);
box-shadow: 0px 0px 23px -8px rgba(0,0,41,1);
}
.subpagina a,
.subpagina a:hover {text-decoration: none; display: block;position: relative;}
.subpagina a img.iconsubpagina{position: absolute; max-height: 40px;}
.subpagina a h4{padding-left: 65px;}
@media (max-width:767px) {
    .subpagina:hover {background-color: #f2f2f2;}
}
@media (min-width:768px) {
    .subpagina a img.iconsubpagina{position: relative; max-height:none;}
    .subpagina a h4{padding-left: 0px;}
    .subpagina a{}
}
@media (min-width:1200px) {
    .subpagina:hover h4{background:url("/Portals/63/Skins/VanDalen/assets/img/pijl-rechts-blauw.png") no-repeat right 50%;}
}



#dnn_MiddleLeftPane .quicklinks {padding-right: 100px; text-align: right;}
#dnn_MiddleLeftPane .quicklinks i{position: absolute; right: 30px; top: 10px;color: #013356;}
#dnn_MiddleRightPane .quicklinks {padding-left: 100px;}
#dnn_MiddleRightPane .quicklinks i{position: absolute; left: 30px; top: 10px;color: #013356;}
.quicklinks {position: relative;}
.row.middlepanes {background: url("/Portals/63/Skins/VanDalen/assets/img/bg/middlepane.png") no-repeat;background-size: auto 100%, cover;}
@media (max-width:991.98px) {
    #dnn_MiddleLeftPane .quicklinks {padding-right: 0; text-align: center;}
    #dnn_MiddleLeftPane .quicklinks i{position: relative; right: auto; top: auto; text-align: center;}
    #dnn_MiddleRightPane .quicklinks {padding-left: 0; text-align: center;}
    #dnn_MiddleRightPane .quicklinks i{position: relative; left: auto; top: auto; text-align: center;}
}
#content .greepholdermaster .container-fluid.ly-content {
    min-height: inherit;padding-top: 0;padding-bottom: 0;
}

.greepholdertop {margin-top: 60px;position: relative; line-height: 0; margin-bottom: -1px;padding: 0; display: block;/*background: url("/Portals/63/Skins/VanDalen/assets/img/bg/bg_slider-t.svg") no-repeat center bottom;background-size: 100% 100%;*/}
.greepholderbottom {margin-bottom: 120px;position: relative;line-height: 0;padding: 0;display: block;margin-top: -1px;/*background: url("/Portals/63/Skins/VanDalen/assets/img/bg/bg_slider-b.svg") no-repeat center bottom;background-size: 100% 100%;*/}
.greepholdertop img{display: block;vertical-align: bottom;}
.greepholderbottom img{display: block;}
.greepholder {background-color: #F7F8FB; padding: 10px 0;}

.reviewholder .DNNModuleContent .container-fluid {width: 100%; max-width: 100%;}
.adresholdertop {display: none;position: relative; line-height: 0; margin: 0;padding: 0;vertical-align: bottom;}
.adresholdertop img{display: block;vertical-align: bottom; margin-bottom: -1px;}
@media (max-width:500px) {
    .adresholdertop img{margin-bottom: -8px;}
}
.tab-3052 .adresholdertop,
.tab-3033 .adresholdertop {display: block;/*background: url("/Portals/63/Skins/VanDalen/assets/img/bg/bg_curve-adressen.svg") no-repeat center bottom;background-size: 100% 100%;*/}

.adresholder {padding: 0px; background-color:transparent}
.tab-3052 .adresholder,
.tab-3033 .adresholder {margin-bottom: 0; padding: 10px 0px 100px 0px; background-color: #F7F8FB;}
#dnn_BottomLeftPane h4 {text-align: right; margin-bottom: 1.5rem;}
#dnn_BottomLeftPane h5,
#dnn_BottomLeftPane p {text-align: right;position: relative;}
#dnn_BottomLeftPane h5.Adres:after {position: absolute; content: "\f108"; right: 30px; top: 0px;color: #013356;font-family: Flaticon;font-size: 30px;}
#dnn_BottomLeftPane h5.Telefoon:after {position: absolute; content: "\f104"; right: 30px; top: 0px;color: #013356;font-family: Flaticon;font-size: 30px;}
#dnn_BottomLeftPane h5.Mail:after {position: absolute; content: "\f109"; right: 30px; top: 0px;color: #013356;font-family: Flaticon;font-size: 30px;}

#dnn_BottomRightPane h4 {text-align: left; margin-bottom: 1.5rem;}
#dnn_BottomRightPane h5,
#dnn_BottomRightPane p {padding-left: 100px;position: relative;}
#dnn_BottomRightPane h5.Adres:after {position: absolute; content: "\f108"; left: 30px; top: 0px;color: #013356;font-family: Flaticon;font-size: 30px;}
#dnn_BottomRightPane h5.Telefoon:after {position: absolute; content: "\f104"; left: 30px; top: 0px;color: #013356;font-family: Flaticon;font-size: 30px;}
#dnn_BottomRightPane h5.Mail:after {position: absolute; content: "\f109"; left: 30px; top: 0px;color: #013356;font-family: Flaticon;font-size: 30px;}

@media (max-width:991.98px) {
    #dnn_BottomLeftPane h5:after {display: none;}
    #dnn_BottomLeftPane h5,
    #dnn_BottomLeftPane p {padding-right: 50px;}
    #dnn_BottomLeftPane .quicklinks i{position: relative; right: auto; top: auto; text-align: center;}
    #dnn_BottomRightPane h5:after {left: -30px!important;}
    #dnn_BottomRightPane h5,
    #dnn_BottomRightPane p {padding-left: 50px;}
    #dnn_BottomRightPane .quicklinks i{position: relative; left: auto; top: auto; text-align: center;}
}
@media (max-width:575.98px) {
    #dnn_BottomLeftPane h5,
    #dnn_BottomLeftPane p {padding-right: 0px;}
    #dnn_BottomRightPane h5:after {display: none;}
    #dnn_BottomRightPane h5,
    #dnn_BottomRightPane p {padding-left: 0px;}
    .adresholdertop img{height: 30px!important;}
}
.model-selector{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.car-row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.slider__item {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;text-align: left}
.slider__controls-wrapper.is-top-45,
.slider__accessible-helper {display: none;}
.slider__list {list-style: none;display: flex;flex-wrap: wrap;padding-left: 0;justify-content: center !important;}
.slider__item .picture__image {max-width: 100%; height: auto}
.picture-text__picture-wrapper {text-align: center}
.picture-text__text-wrapper {}
.picture-text__text-wrapper .picture-text__text{margin: 0 auto;}
.picture-text__text-wrapper .picture-text__list{margin: 0 auto;}
.picture-text__text-wrapper .picture-text__cta{margin: 0 auto;}

@media (min-width:576px) {

}
@media (min-width:768px) {
.slider__item {flex: 0 0 50%;max-width: 50%;}
}
@media (min-width:992px) {

}
@media (min-width:1200px) {
.slider__item {flex: 0 0 33.3333%;max-width: 33.3333%;text-align: left}
}

span.ActiemodelFalse{display: none;}
span.ActiemodelTrue{display: inline-block; font-weight: 700;}

.klantreacties .carousel-indicators {
    position: absolute;
    left:0;
    right: auto;
    top:-30px;
    bottom: auto;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none
}
.klantreacties .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ccc;
    background-clip: padding-box;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    opacity: .8;
    transition: opacity .6s ease
}
.klantreacties .carousel-indicators li:hover {background-color: #013356;}
.klantreacties .carousel-indicators li.active {background-color: #013356;opacity: .9;}

/*FORMS*/
.LiveForm.Default {
    font-family:inherit!important;
    font-size: inherit!important;
}
.LiveForm.Default td,
.LiveForm.Default th,
.LiveForm.Default table,
.LiveForm.Default .Field input,
.LiveForm.Default .Field select,
.LiveForm.Default .Field textarea,
.LiveForm.Default .Field button {
    font-family: inherit!important;
}
/*//*/
.tab-3056 #content .container-fluid.ly-content {min-height: auto}
.slider__item.element__click_datalayer {}