/*
 Theme Name:   Mediakanjers
 Theme URI:    http://www.mediakanjers.nl
 Description:  MKTheme Child Theme
 Author:       Mediakanjers
 Author URI:   http://www.mediakanjers.nl
 Template:     MKTheme
 Version:      1.5.1
 Text Domain:  MKTheme-child
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Varela+Round&display=swap');

body {  font-family: 'Raleway'; font-size: 15px; font-weight: 400; line-height: 1.7em; color: #000; }

h1 { font-size: 30px; font-weight: bold; line-height: 1.2em; font-family: 'Varela Round'; }
h2 { font-size: 30px; font-weight: bold; line-height: 1.2em; font-family: 'Varela Round'; }
h3 { font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: 'Varela Round'; }
h4 { font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: 'Varela Round'; }

h1:after { content: ""; width: 45px; height: 5px; background-color: #e51e20; margin: 20px 0 0 0; display: block; border-radius: 1px; }
h2:after { content: ""; width: 35px; height: 4px; background-color: #e51e20; margin: 20px 0 0 0; display: block; border-radius: 1px; }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }

p { padding-bottom: 1em; } p:last-child { padding-bottom: 0; }
.mk_builder p { padding: 0; } .mk_builder p:empty { padding: 0 !important; }
.mk_builder .mk_sectie p { padding-bottom: 1.8em; } .mk_builder .mk_sectie p:last-child { padding-bottom: 0; }


#mk-main-area { overflow: hidden; }


.entry-content ul { list-style: none; padding-left: 30px; }
.entry-content ul li { position: relative; }
.entry-content ul li::before { position: absolute; content: url('images/ulchecked.svg'); width: 20px; left: -30px; }

.entry-content ul li em { font-size: 12px; line-height: 1.4em; display: block; padding-bottom: 6px; }


/* Template : Buttons */
.mk_button { font-size: 15px; color: #fff; background: #2067c0; padding: 12px 20px; border-radius: 10px; float: left;  text-decoration: none; text-transform: none;  transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 12px 20px; text-decoration: none; }
.mk_button:after { content: "\f061";  font-family: "Font Awesome 5 Free"; font-weight: 600; color: inherit; opacity: 1; margin-left: 10px; position: relative; transition: 200ms; -webkit-transition:200ms;  }
.mk_button:hover:after  { opacity: 1; margin-left: 20px; }

.mk_knop.android .mk_button:before { content: url('images/android.svg'); display: inline-block; width: 20px; position: relative; top: 5px; margin-right: 10px; margin-top: -5px; }
.mk_knop.iphone .mk_button:before { content: url('images/apple.svg'); display: inline-block; width: 20px; position: relative; top: 5px; margin-right: 10px; margin-top: -5px; }



/* Template : mk_sectie classes */
.mk_sectie { padding: 50px 0; }
.mk_module { margin-bottom: 30px; } .mk_module:last-child { margin-bottom: 0; }

.mk_sectie.klein .mk_rij { max-width: 900px; }
.mk_sectie.small .mk_rij { max-width: 500px; }

.mk_sectie.center .mk_rij { text-align: center; }
.mk_sectie.center .mk_rij .mk_knop_inner { display: inline-block; }
.mk_sectie.center .mk_rij img { margin: 0 auto; }
.mk_sectie.center h1:after, .mk_sectie.center h2:after { margin: 20px auto 0 auto; }

.mk_sectie.light { background-color: #f2f2f2; }
.mk_sectie.blauw { background-color: #001e62; color:#fff; }
.mk_sectie.blauw h1, .mk_sectie.blauw h2 { color:#fff; }

.mk_sectie.nopadding, .mk_sectie.nopadding > .mk_rij { padding:0; }
.mk_sectie.nopaddingtop, .mk_sectie.nopaddingtop > .mk_rij { padding-top: 0; }
.mk_sectie.nopaddingbottom, .mk_sectie.nopaddingbottom > .mk_rij { padding-bottom: 0; }

.mk_sectie.textright .mk_kolom:first-child { text-align: right; }

.mk_sectie.volledige_breedte > .mk_rij { width: 100%; max-width: 100%; }

.mk_sectie.omdraaien .mk_kolom_1_2:nth-child(1) { float: right; margin-right: 0; }

.mk_sectie.googlemapskaart { padding: 0; }
.mk_sectie.googlemapskaart .mk_rij { padding: 0; width: 100%; max-width: 100%; }
.mk_sectie.googlemapskaart .mk_rij iframe { width: 100%; height: 500px; display: block; }

.mk_sectie.iconsbottom { height: 100px; background-size: initial; background-image: url('images/iconsbottom.png') !important; background-position: center; background-repeat: no-repeat; }

.mk_sectie.app { background-size: cover; background-position: center; padding: 80px 0; overflow: hidden; }
.mk_sectie.app .mk_module { width: 32.25%; margin-right: 67%; position: relative; z-index: 9; }
.mk_sectie.app .mk_module.appright { width: 47.25%; margin: 0; float: right; font-size: 30px; font-weight: bold; line-height: 1.2em; font-family: 'Varela Round'; }
.mk_sectie.app .mk_module.mk_knop { margin-bottom: 15px; }
.mk_sectie.app .mk_afbeelding { position: absolute; z-index: 1; bottom: -100px; left: 14%; width: 50%; }
.mk_sectie.app .appright .mk_tekst_inner { display: block; max-width: 375px; margin: 0 auto; }

.mk_sectie.border .mk_rij:before { content: ""; display: block; width: 4px; height: 90%; border-radius: 10px; position: absolute; top: 5%; left:calc(50% - 2px); background-color: #d0d0d0; }
.mk_sectie.border .mk_kolom_1_2:nth-child(2) { padding-left: 20px; }

.mk_sectie.europa ul { list-style: disc; padding-left: 14px; line-height: 2em; }
.mk_sectie.europa ul li::before { display: none !important; }
.mk_sectie.europa ul li::marker { font-size: 10px; position: relative; top: -2px; left: -4px; }

.mk_sectie.hide { display: none; }


/* Template : module classes */
.mk_module.half { width: 48%; margin-right: 4%; }
.mk_module.half:nth-of-type(2n+2) { margin-right: 0%; }

.mk_tekst.ulhalf { width: auto; padding-right: 30px; margin-bottom: 0px; }
.mk_tekst.ulhalf + .mk_module:not(.ulhalf) { clear: left; }
.mk_tekst.ulhalf:nth-of-type(2n+2) { margin-bottom: 30px; }


.mk_tekst.groot { font-size: 20px; line-height: 1.7em; }

.mk_knop.auto { width: auto; padding-right: 10px; margin-bottom: 15px; }
.mk_knop.auto + .mk_module:not(.auto) { clear: left; }

.mk_bestand.auto { width: auto; padding-right: 10px; margin-bottom: 15px; }
.mk_bestand.auto + .mk_module:not(.auto) { clear: left; }

.mk_code.video .mk_code_inner { padding-top: 56%; position: relative; }
.mk_code.video .mk_code_inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mk_titel.noafter h1:after, .mk_titel.noafter h2:after, .mk_titel.noafter h3:after { display: none; }



/* Template : header class */
.mk_sectie.header { padding-top: 170px; height: 460px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.mk_sectie.header .mk_kolom_1_1 { width: 47.25%; }
.mk_sectie.header h1 { font-size: 45px; }
.mk_sectie.header.meer { height: auto; } 
.mk_sectie.header.notekst .mk_rij { position: static; }
.mk_sectie.header.notekst .mk_kolom_1_1 { position: absolute; bottom: 65px; }


.mk_sectie.header.contact .mk_kolom_1_2:nth-child(2) .mk_kolom_inner { background-color: #fff; padding: 40px; border-radius: 10px; margin-bottom: -171px; position: relative; z-index: 1;  width: 100%;  }

/* lees meer */
.mk_sectie.header .mk_kolom.active .mk_kolom_inner { max-height: 184px; overflow: hidden; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms;  }

.mk_sectie.header .mk_kolom .mk_header_leesmeer { display: none; }
.mk_sectie.header .mk_kolom.active .mk_header_leesmeer { display: block; cursor: pointer; color: #e51e20; font-weight: 700; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.mk_sectie.header .mk_kolom.active .mk_header_leesmeer:hover { text-decoration: underline; }
.mk_sectie.header .mk_kolom.active.open .mk_header_leesmeer { opacity: 0; height: 0; padding: 0; margin: 0; }

.mk_sectie.header .mk_kolom .mk_kolom_inner { float: left; }


/* Template : voorpaginaheader class */
.mk_sectie.voorpaginaheader { padding-top: 170px; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; }
.mk_sectie.voorpaginaheader h1 { font-size: 45px; }
.mk_sectie.voorpaginaheader:after { background-repeat: no-repeat;  content: ""; background-image: url('images/kaarteuropa2.png'); width: 1094px; height: 1361px; position: absolute;  bottom: -50px; background-position: bottom right; background-size: contain;  } 
.mk_sectie.voorpaginaheader:before { background-repeat: no-repeat;  content: ""; background-image: url('images/powsgifloop.gif'); width: 465px; height: 553px; position: absolute; z-index: 9;  bottom: 126px; background-position: bottom right; background-size: contain; }


@media only screen and (min-width: 1851px) {
    .mk_sectie.voorpaginaheader:after { right: 0; }
    .mk_sectie.voorpaginaheader:before { right: 265px; }
}

@media only screen and (max-width: 1850px) {
    .mk_sectie.voorpaginaheader:after { left: calc(50% - 547px + 400px); right: auto; }
    .mk_sectie.voorpaginaheader:before { left: calc(50% - 232px + 450px); right: auto;  }
}


/* Header */
#full-header { position: absolute; width: 100%; top:0; left:0; z-index: 99999; }
.admin-bar #full-header { margin-top: 32px !important; }

#top-header { background-color: transparent; padding-bottom: 10px; } 
#main-header  { background-color: transparent; }


/*Info*/
#mk-info { float: right; font-weight: 400; padding: 15px 25px; background-image: url('images/shadow.png'); background-position: center; background-size: 100% 100%; }
#mk-info a { font-size: 15px; color: #000; text-decoration: none; }

#mk-info .mk-info-email { font-weight: 400; color: #000; font-size: 16px;  }
#mk-info .mk-info-phone { font-weight: 400; color: #000; font-size: 16px;  }
#mk-info .mk-info-mobiel { font-weight: 400; color: #000; font-size: 16px;  }

#mk-info .sep { margin: 0 10px; }

 #mk-info .mk_email { display: inline-block; }
#mk-info .mk_telefoon { display: inline-block; }
#mk-info .mk_mobiel { display: inline-block; }

.inloggen { color: #fff; background-color: #2067c0; float: right; padding: 13px 20px 10px; border-radius: 0 0 10px 10px; position: relative; transition: 200ms; -webkit-transition:200ms;  }
.inloggen .content { text-align: center; transform: translateY(-100%); -webkit-transform: translateY(-100%); z-index: 1; display: block; opacity: 0; position: absolute; top: 50px; background-color: #2067c0; left: 0; width: 100%; padding: 10px 20px 20px; color: #fff; transition: 200ms; -webkit-transition:200ms; }
.inloggen .content a { color: #fff; }
.inloggen .content span { margin: 0 5px; }
.inloggen .titel:before { content: url('images/person.svg'); display: inline-block; margin-right: 5px; position: relative; top: 4px; width: 20px; }
.inloggen .titel:after { content: "\f061";  font-family: "Font Awesome 5 Free"; font-weight: 600; color: inherit; opacity: 1; margin-left: 15px; position: relative; transition: 200ms; -webkit-transition:200ms;  }

.inloggen:hover { border-radius: 0;  }
.inloggen:hover .content { opacity: 1; display: block; position: absolute; z-index: 999; border-radius: 0 0 10px 10px; transform: translateY(-0%); -webkit-transform: translateY(-0%) }
/* .inloggen:hover .titel:after  { opacity: 1; margin-left: 20px; } */



/*logo*/
.mk_logo_container { width: 250px !important; }
.mk_logo {  }


/* Menu */
.ubermenu.ubermenu-main { background-color: #fff !important;  padding: 0 15px; border-radius: 10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #000; font-size: 16px; text-transform: none; font-family: 'Raleway'; padding: 18px 12px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,  .ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target {   }

.ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target { padding: 20px 15px 20px 10px; }
.ubermenu.ubermenu-main.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator { right: 0px; }

/* Menu after */
.ubermenu-target:hover .ubermenu-target-title::after, .ubermenu-current_page_item .ubermenu-target-title::after, 
.ubermenu-current-menu-item .ubermenu-target-title::after { width: calc(100% - 24px); }
.ubermenu-target-title::after { bottom: 0px; background: #e51e20;  height: 4px; width: 0; position: absolute; content: ""; display: inline-block; left: 0; right: 0; margin: auto; transition: 200ms; -webkit-transition: 200ms; }


/* Menu Submenu */
.ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-target { background-color: #fff; }
.ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-target:hover, .ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-current_page_item .ubermenu-target { background-color: #eaeaea; }
.ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-target .ubermenu-target-title::after { display: none; }



/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; padding: 0 !important; }
#shiftnav-toggle-main-button { font-size: 25px; padding: 20px 10px !important; display: none !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #b4b4b4; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 8px 0px !important; position: relative !important; }
.shiftnav-main-toggle-content img { max-height: 50px; max-width: 80%; width: 200px; float: none; display: inline-block; }
.shiftnav-toggle-main-block { float: left;  }
/* #shiftnav-toggle-main a { max-width: 1200px; width: 80%; margin: 0 auto; display: block; } */

.shiftnav:after { display: none !important; }
.shiftnav { z-index: 99999999 !important; box-shadow: 0 0 5px rgba(0,0,0,0.4); background-color: #f2f2f2 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #b4b4b4 !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }
.shiftnav .shiftnav-menu-image img { margin: 0 auto; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 !important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target { padding: 10px 25px !important; color: #000; background-color: #fff !important; border-top: 0 !important; border-bottom: 0 !important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #2067c0 !important;}

.shiftnav .sub-menu li {border-bottom: 0 !important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #000;}
.shiftnav ul.sub-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.sub-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #2067c0 !important;}
.shiftnav ul.shiftnav-menu li.menu-item .sub-menu .shiftnav-target { padding: 10px 25px 10px 35px !important; }

.shiftnav-inner #mk-info {float: left; width: 100%; display: block; text-align: center; padding: 20px 0;}
.shiftnav-inner #mk-info-phone:before { content: url('images/tel.svg'); width: 20px; display: inline-block;  margin-right: 10px; position: relative; top: 1px; }
.shiftnav-inner #mk-info-email:before { content: url('images/email.svg'); width: 20px; display: inline-block;  margin-right: 10px; position: relative; top: 1px; }
.shiftnav-inner #mk-info-phone {font-weight: 400; color: #000; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 400; color: #000; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}

.shiftnav-logo { width: 100%; display: block; text-align: center; }
.shiftnav-tel:before { content: url('images/tel.svg'); width: 34px; display: inline-block; margin-right: 10px; position: relative; top: 0px; margin-top: 15px; }
.shiftnav-tel  { width: 80px; height: 66px; position: absolute; left: 0; z-index: 9; top: 0; }

.lidwordennav:before { content: url('images/lidworden.svg'); width: 30px; display: inline-block; margin-right: 10px; position: relative; top: 3px; }



/* Slider */
.frontpageslider { background: #ffff; height: 620px; }
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; }
.frontpageslider h1 { font-size: 88px;  font-weight: bold; color: #b4b4b4; line-height: 1em; }
.frontpageslider h1:after { display: none; }
.frontpageslider .subtitel {  color: #e3e3e3; float: left; font-size: 30px; font-weight: 300; margin-top: 10px; width: 50%; line-height: 1em;  }

.frontpageslider .centeren { display: block; width: 70%; margin: 0 auto; text-align: center; }
.frontpageslider .centeren .et_pb_column { width: 100%; }
.frontpageslider .centeren .subtitel { float: none; display: inline-block; }

.frontpageslider .slide-content { margin: 0 auto; max-width: 1200px; width: 80%; margin-top: 200px; }
.frontpageslider .slide-module { width: 70%; }

.frontpageslider .swiper-slide h1 { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.2s; opacity: 0 }
.frontpageslider .swiper-slide .subtitel { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.6s; opacity: 0 }
.frontpageslider .swiper-slide-active h1 { animation-name: fadeTop; opacity: 1; }
.frontpageslider .swiper-slide-active .subtitel {animation-name: fadeLeft; opacity: 1; }

.frontslideroverlay { display: none; background-image: initial; height: 136px; margin-top: -136px; position: relative; z-index: 9; background-position: center bottom; }

/* Content */

#opzeggen, #opzeggen2 { border-radius: 10px; cursor:pointer; padding: 10px; max-width: 250px; width: 100%; margin: 0 auto; background:#2067c0; color: #fff; font-weight: 600; text-align: center; }

.opzeggenformulieren { overflow: hidden; opacity: 1; float: left; width: 100%; height: auto; max-height: 0px; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }
.opzeggenformulieren.active { opacity: 1; max-height: 500px; }
.opzeggenformulieren a { float:left; padding: 10px; border-radius: 10px; width: 100%; margin: 0 auto; background:#2067c0; color: #fff; font-weight: 600; text-align: center; margin-top: 10px;}


/* Kijk en vergelijk */
.vanaf { background-color: #fff; height: 215px; float:left; margin-right: 4%; margin-bottom: 20px; font-size: 15px; width: 48%; padding: 10px 20px; box-shadow: 0px 0px 10px #ccc; border-radius: 15px; text-align: center; }
.vanaf:nth-child(2n+2) { margin-right: 0; }

.vanaf_image { height: 105px; max-height: 105px; margin-bottom: 15px; }
.vanaf_image img { margin: 0 auto; }

.vanaf_vanaf { text-transform: none; font-weight: 400; line-height: 10px; line-height: 14px; }
.vanaf_prijs { font-weight: 600; font-size: 15px; line-height: 24px; }
.vanaf_prijs span { color: #e51e20; font-weight: 600; font-size: 15px;  }
.vanaf_info { font-size: 13px; color: #000;line-height: 20px; } 






/* searchitem */
#zoekresultaten { margin-bottom: 30px; float: left; width: 100%; }

.search-profiel { float: left; width: 100%; }

.searchitem { width: 31%; float: left; margin-top: 1%; margin-bottom: 1%; margin-right: 2%; background-color: #fff; padding: 20px; border-radius: 10px; font-size: 20px; line-height: 1.4em; }
.searchitem:nth-child(3n+3) { margin-right: 0%; }
.searchitem:nth-child(3n+4) { clear: left; }

.searchitem .titel { font-weight: 700; font-size: 16px; max-height: 56px; overflow: hidden; }
.searchitem .afstand { font-weight: 700; font-size: 17px; color: #a5a5a5;}
.searchitem .afbeelding { margin-top: 30px; }
.searchitem .afbeelding img { border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); max-height: 210px; }
.searchitem .mk_button { margin-top: 30px; padding-top: 8px; padding-bottom: 8px; }

.searchitem .adres, .searchitem .tel { font-size: 15px; }

.searchagain { float: left; width: 100%; text-align: center; margin-bottom: 30px; line-height: 1.2em; }
.searchagain .searchspan {width: 100%; max-width: 1000px;margin: 0 auto; display: inline-block; }
.searchagain h2 { margin-bottom: 20px; }
.searchagain h2::after { display: none !important; }
.searchagain .searchbutton  { border: 0; cursor: pointer; line-height: 1.2em; }
.searchadress { outline: none; float: left; border: 5px solid #000; width: calc(100% - 150px); background-color: #fff; padding: 7px 20px; font-size: 15px; border-radius: 10px 0 0 10px; margin-right: -10px; line-height: 1.2em; }



/* vragen en antwoorden */
.vragen_en_antwoorden .vragen_menu { width: 335px; margin-right: 60px; float: left; }
.vragen_en_antwoorden .antwoorden { width: calc(100% - 395px); float: left; }

.vragen_en_antwoorden .antwoorden  .item { margin-bottom: 15px; }
.vragen_en_antwoorden .antwoorden  .item .titel { border-radius: 10px; background-color: #fff; cursor: pointer; padding: 15px 20px; font-size: 20px; line-height: 1.7em; display: inline-block; }
.vragen_en_antwoorden .antwoorden  .item .content {  opacity: 0; overflow: hidden; padding: 0 20px; position: absolute; visibility: hidden; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.vragen_en_antwoorden .antwoorden  .item .content .close { float: right; cursor: pointer; }
.vragen_en_antwoorden .antwoorden  .item .content .close:after {  font-size: 20px; content: "\f060";  font-family: "Font Awesome 5 Free"; font-weight: 600; color: #2067c0; opacity: 1; margin-left: 10px; position: relative; transition: 200ms; -webkit-transition:200ms; }

.vragen_en_antwoorden .antwoorden  .item.set .content { position: relative; max-height: 0; padding: 0 20px;  }
.vragen_en_antwoorden .antwoorden  .item.set.active .content { visibility: visible; padding: 20px; opacity: 1; }

.vragen_en_antwoorden .antwoorden  .item .titel:after { content: "\f061";  font-family: "Font Awesome 5 Free"; font-weight: 600; color: #2067c0; opacity: 1; margin-left: 10px; position: relative; transition: 200ms; -webkit-transition:200ms;  }
.vragen_en_antwoorden .antwoorden  .item.set.active .titel::after { opacity: 0; }

.vragen_en_antwoorden .antwoorden  .item.set { transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.vragen_en_antwoorden .antwoorden  .item.set.active { background-color: #fff; border-radius: 10px; }

.vragen_en_antwoorden .antwoorden  .item.hide { display: none !important; }

.vragen_menu .titel { margin-bottom: 30px; }
.vragen_menu .inner .item { cursor: pointer; font-size: 20px; line-height: 1.8em; margin-bottom: 10px; color: #8a8a8a; font-weight: 400; transition: 200ms; -webkit-transition:200ms;  }
.vragen_menu .inner .item:after { content: "\f061";  font-family: "Font Awesome 5 Free"; font-weight: 600; color: #2067c0; opacity: 0; margin-left: 10px; position: relative; transition: 200ms; -webkit-transition:200ms;  }

.vragen_menu .inner .item:hover, .vragen_menu .inner .item.active { color: #2067c0; font-weight: 700; }
.vragen_menu .inner .item:hover:after, .vragen_menu .inner .item.active:after { margin-left: 20px; opacity: 1; }


/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0; display: none;}
.gform_wrapper ul.gform_fields { padding: 0; width: calc(100% + 16px); }

.gform_wrapper ul.gform_fields li.gfield { margin-top:0; margin-bottom: 16px; float: left; clear: none; width: 50%; padding-right: 16px; list-style: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_full { width: 100%; clear: both; }
.gform_wrapper ul.gform_fields li.gfield.gf_third { width: 33.33%;  }
.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_label .gfield_label { display: block; }
.gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0; }

.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 0;background: #f2f2f2; padding: 15px !important; line-height: 1.7em !important; border-radius: 5px; display: block; width: 100% !important; font-size: 16px !important;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 0;}

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .mk_button {padding: 15px 20px 15px 20px !important; cursor: pointer; border: 0; float: right; margin-right: 0 !important; margin-bottom: 0 !important; line-height: 1.4em !important; }
.gform_wrapper .mk_button:hover { padding: 15px 20px 15px 20px !important; border: 0;  }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 15px;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin: 0 15px;}
.gform_wrapper .validation_message{font-weight: 400 !important;}

textarea, input, select { -webkit-appearance: none; }




/* Footer */
#main-footer { background-color: #fff; }
#main-footer .mk_sectie { padding-bottom: 0; display: none; }

.mk_footer { width: 25%; float: left; color: #fff; }
.mk_footer { margin-bottom: 30px; }
.mk_footer:last-child { margin-bottom: 0; }

/* #footer-bottom */
#footer-bottom { background-color: #fff; padding: 15px 0 15px 0; font-size: 14px; color: #000; }
#footer-bottom .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }

/* footerlinks */
#footer-info { float: none !important; display: inline-block; padding-bottom: 0px; text-align: left; color: #000; opacity: 0.8; width: 100%; }
#footer-info a { color: #000; }
#footer-info:last-child { font-weight:700; }

.footer_links a { display: inline-block; }
.footer_links a:after { content: "|"; display: block; float: right; margin-left: 5px; margin-right: 1px; }
.footer_links a:last-child:after { display: none; }


#footer-bottom .socials { float: right; padding-top: 10px; }
.socials a { margin-right: 5px;  display: inline-block; }
.socials a:last-child { margin-right: 0; }
.socials a img { width: 27px; height: 27px; }

.footerapplinks { float: right; display: none; }
.footerapplinks .mk_button:after { display: none !important; }
.footerapplinks .mk_button { padding: 8px 20px; }
.footerapplinks div { display: inline-block; }
.footerapplinks .titel { position: relative; bottom: 17px; margin-right: 10px; }



/*sidemenu*/
.sidemenu { position: fixed; left: 0; top: 25%; margin-left: -150px; z-index: 999; }
.sidemenu a{ transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -moz-transition: 500ms; }

.sidemenu .item1 { width: 216px; display: block; background-color: #fcc512; color: #fff; padding: 16px 20px 13px; font-size: 17px; border-radius: 0 10px 10px 0; }
.sidemenu .item1:before { content: url('images/telwit.svg'); display: block; width: 27px; float: right; margin-bottom: -4px; }
.sidemenu .item1:hover { transform: translateX(150px); -webkit-transform: translateX(150px); -ms-transform: translateX(150px); -moz-transform: translateX(150px); }

.sidemenu .item2 { width: 216px; display: block; background-color: #43d954; color: #fff; padding: 16px 20px 13px; font-size: 17px; border-radius: 0 10px 10px 0; }
.sidemenu .item2:before { content: url('images/whatsapp-wit.svg'); display: block; width: 23.5px; float: right; margin-bottom: -4px; }
.sidemenu .item2:hover { transform: translateX(150px); -webkit-transform: translateX(150px); -ms-transform: translateX(150px); -moz-transform: translateX(150px); }

.sidemenu .item3 { width: 216px; display: block; background-color: #e51e20; color: #fff; padding: 16px 20px 13px; font-size: 17px; border-radius: 0 10px 10px 0; }
.sidemenu .item3:before { content: url('images/alarm.svg'); display: block; width: 27px; float: right; margin-bottom: -4px; }
.sidemenu .item3:hover { transform: translateX(150px); -webkit-transform: translateX(150px); -ms-transform: translateX(150px); -moz-transform: translateX(150px); }

.sidemenu i { font-size: 25px; margin-right: 20px; margin-top: 2px; }
.sidemenu span { font-weight: 400; float: left; }
.sidemenu span.mobiel { display: none; }


/* footermenu */
.footermenu { display: none; border-top:1px solid #e3dede; position: fixed; bottom: 0; width: 100%; z-index: 999; background-color: #fff; }
.footermenu { transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -o-transition: 500ms;
    /* transform: translateY(65px); -webkit-transform: translateY(65px); -ms-transform: translateY(65px); -o-transform: translateY(65px); */
 }

.footermenu a { transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -moz-transition: 500ms;
    width: 33.33% ; float: left; height: 65px; padding: 5px 10px ; text-align: center; }
    .footermenu a.item2 { border-left: 1px solid #e3dede; border-right: 1px solid #e3dede; } 

.footermenu .item1:before { content: url('images/lidworden.svg'); width: 30px; }
.footermenu .item2:before { content: url('images/vragen.svg'); width: 25px; }
.footermenu .item3:before { content: url('images/whatsapp-rood.svg'); width: 22px; }

.footermenu a:before { padding-top: 5px; display: block; margin: 0 auto; height: 30px !important; }
.footermenu span { display: block; font-size: 14px; width: 100%; text-align: center; line-height: 1em; }

.leerbedrijf { float: right; }
.leerbedrijf img { display: inline-block; float: right ; height: 45px }
.leerbedrijf span { display: inline-block; padding: 12px; }

#footer-bottom  .mk_kolom_1_2:nth-child(1) { width: calc(94.5% - 200px); }
#footer-bottom  .mk_kolom_1_2:nth-child(2) { width: 200px; }
#footer-bottom  .mk_kolom_1_2:nth-child(3) { display: none; }



/* klantvertellen_kofferbak */
.klantvertellen_kofferbak { float:right; padding-top: 165px; position: relative; padding-right: 30px; }
.klantvertellen_kofferbak .gemiddelde { width: 125px; height: 125px;text-align: center; background-color: #fed01b; border-radius: 1000px; font-family: 'Varela Round';  line-height: 1em; padding: 20px 0; }
.klantvertellen_kofferbak .gemiddelde .cijfer { font-size: 40px; padding-bottom: 10px; line-height: 1em; }

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

    .klantvertellen_kofferbak { padding-top: 5vw; padding-right: calc(200px - 10vw); }
}


@media only screen and (max-width: 1500px) {
    /* .mk_sectie.app .mk_afbeelding { left: 8%; } */
    .mk_sectie.app .appright .mk_tekst_inner { float: right; }
}

@media only screen and (max-width: 1400px) {
    .mk_logo_container { margin-top: -60px; width: 180px !important;}
}

@media only screen and (max-width: 1200px) {
    /* autobedrijf zoeken */
    .searchitem:nth-child(n) { width: 48%; margin-right: 4%; clear: none; }
    .searchitem:nth-child(2n+2) { margin-right: 0%; }
    .searchitem:nth-child(2n+3) { clear: left; }


    /* app */
    .mk_sectie.app .mk_module.appright { float: left; }
    .mk_sectie.app .appright .mk_tekst_inner { float: left; }
    .mk_sectie.app .mk_afbeelding { left:50%; bottom: -80px; }
    .mk_sectie.app .mk_module { width: 47.25%;  }
    .mk_sectie.app .mk_module.mk_knop.iphone { margin-bottom: 30px; }

    .klantvertellen_kofferbak { padding-top: 0; padding-right: 20px; }
}

@media only screen and (max-width: 1050px) {
    #top-header .container, #main-header .container { width: 90%; }
    .mk_logo_container { left: 5.6%; }
}

@media only screen and (max-width: 980px) {
    /* fix theme */
    .mk_kolom_1_4:nth-child(-n+2) { margin-bottom: 30px; }

    /* Header */
    #main-header { display: none; }
    #mk-info { padding: 0; }
    #full-header { display: none; }

    /* Slider */
	.frontpageslider { height: 420px; }
	.slide-content { margin-top: 10vw; }
	.frontpageslider h1 { font-size: 55px; }
	.frontpageslider .subtitel { width: 100%; }

    /* content */
    
    /* footer */
    #footer-info { text-align: center; width: 100%; }
    #footer-info:nth-child(1) { padding-bottom: 0; }
    #footer-bottom .socials { width: 100%; text-align: center; padding:0; padding-bottom: 10px; }
    .footerapplinks { width: 100%; text-align: center; }
    #footer-bottom .mk_kolom_1_2:nth-child(1) { margin-bottom: 15px; }
    #footer-bottom .mk_kolom_1_2:nth-child(n) { width: 100%; text-align: center; }
    .leerbedrijf  { display: inline-block; float: none;}


    /* templatefix */
    .mk_sectie { padding: 30px 0; }

    /* template */
    .mk_sectie.border .mk_rij:before { display: none; }
    .mk_sectie.border .mk_kolom_1_2:nth-child(2) { padding-left: 0px; }

    .mk_sectie.app .mk_module { width: 58.25%; }
    .mk_sectie.app .mk_afbeelding { left: 29%; width: 82.25%; }

    .mk_sectie.mobilepaddingbottom { padding-bottom: 0; }
    .mk_sectie.mobilepaddingtop { padding-top: 0; }


    /* header */
    .mk_sectie.header { padding-top: 30px; height: auto; }
    .mk_sectie.header .mk_kolom_1_1 { width: 70%; }
    .mk_sectie.header.contact .mk_kolom_1_2:nth-child(2) { margin: 0; text-align: center; }
    .mk_sectie.header.contact .mk_kolom_1_2:nth-child(2) .mk_kolom_inner { float: none; display: inline-block;}
    .mk_sectie.header .mk_sectie_inner:before { content: ""; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }

    .mk_sectie.header.contact + .mk_sectie .mk_rij { margin-top: 130px; }


    /* .mk_sectie.voorpaginaheader */
    .mk_sectie.voorpaginaheader { padding-top: 30px; background-size: auto; }

    .mk_sectie.voorpaginaheader::after { margin-top: -500px; left: auto; right: auto; bottom: 0; display: block; width: 100%; position: relative; background-position: -100px bottom; background-size: auto; margin-bottom: -50px; }
    .mk_sectie.voorpaginaheader::before { left: 260px; bottom: 175px }

    .voorpaginaheader .mk_rij .mk_kolom_1_2 { max-width: 500px; }
    .voorpaginaheader .mk_rij:last-child { position: relative; z-index: 99; }


    /* vraag en antwoord */
    .vragen_en_antwoorden .vragen_menu { width: 100%; margin-right: 0px; margin-bottom: 60px; }
    .vragen_en_antwoorden .antwoorden { width: 100%; }
    .vragen_en_antwoorden .antwoorden .item.set { transition: 0ms; -webkit-transition: 0ms; -ms-transition: 0ms; }
    .vragen_en_antwoorden .antwoorden  .item .content {  transition: 0ms; -webkit-transition: 0ms; -ms-transition: 0ms; }



    .klantvertellen_kofferbak { display: none; }
}

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

    /* Slider */
    .slide-module { width: 100%; }
    .frontpageslider .swiper-slide h1 { font-size: 10vw; }
    .frontpageslider .swiper-slide .subtitel { font-size: 5.5vw; }

    /* footer */
    .mk_footer { width: 100%; }
   
    #footer-info .mail { display: block; }
    #footer-info .sep:nth-of-type(2) { display: none; } 


    /* template */
    .mk_sectie.app { padding-top: 50px; }
    

    /* .mk_sectie.voorpaginaheader */
    .mk_sectie.voorpaginaheader::after { margin-bottom: -100px; background-position: center bottom; margin-top: -540px; }
    .mk_sectie.voorpaginaheader::before { bottom: 125px; left: calc(50% - 186px); }
    .voorpaginaheader .mk_rij:last-child { position: relative; z-index: 99; }
    .voorpaginaheader .mk_rij:last-child .mk_tekst_inner { max-width: 80%; }


    /* .vragen_en_antwoorden .antwoorden .item .titel */
    .vragen_en_antwoorden .antwoorden .item .titel { width: 100%; }


    .sidemenu { margin-left: -157px; }
}

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

    .mk_rij, #footer-bottom .container { width: 90%; }

    /* Titels */
    h1, h2 { font-size: 8vw; }

    .blog-afbeelding { max-width: 100%; margin-left: 0; text-align: center; width: 100%; margin-bottom: 15px; }


    /* nav */
    .shiftnav-main-toggle-content img { max-height: 42px; width: 168px; }
    #shiftnav-toggle-main { border-bottom:1px solid #e3dede;  }
    .shiftnav-tel { width: 75px; height: 58px; }
    .shiftnav-tel::before { width: 32px;  margin-top: 13px;}

    /* template */
    /* header */
    .mk_sectie.header .mk_kolom_1_1 { width: 80%; } 
    .mk_sectie.header h1 { font-size: 10vw; }

    /* .mk_sectie.voorpaginaheader */
    .mk_sectie.voorpaginaheader::after { background-size: 860px; height: 1200px; }
    .mk_sectie.voorpaginaheader::before { bottom: 83px; left: calc(50% - 148px); width: 370px; }

    .mk_sectie.voorpaginaheader h1 { font-size: 10vw; }


    /* autobedrijf zoeken */
    .searchitem:nth-child(n) { width: 100%; margin-right: 0%; clear: none; }
    .searchagain .searchbutton { width: 100%; }
    .searchadress { width: 100%; border-radius: 10px; margin-bottom: 10px; }


    /* form */
    .gform_wrapper ul.gform_fields li.gfield  { width: 100% !important; }

    /* sidemenu */
    /* .sidemenu { display: none; } */

    .sidemenu { top: auto; bottom: 0; width: 100%; margin:0; text-align: center; }
    .sidemenu a { width: 33.33% !important; float: left; height: 60px; padding: 10px 15px !important; border-radius: 0 !important; }
    .sidemenu a:hover { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -moz-transform: translateX(0) !important; }
    .sidemenu a:before { width: 20px !important; float: none !important; display: inline-block !important; height: 20px !important; margin: 0 !important; }
    .sidemenu span { display: block; font-size: 14px; width: 100%; text-align: center; line-height: 1em; }
    .sidemenu span.mobiel { display: block; }
    .sidemenu span.desktop { display: none; }

    .sidemenu { transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -o-transition: 500ms;
        transform: translateY(60px); -webkit-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); }
    .sidemenu { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
    
    .input_active .sidemenu { position: static; }
    
    #main-footer { margin-bottom: 60px; }
    .input_active #main-footer { margin-bottom: 0px; } 



    /* footermenu */
    /* .footermenu { display: block; }
    .input_active .footermenu { position: static; }
    #main-footer { margin-bottom: 65px; }
    .input_active #main-footer { margin-bottom: 0px; } */
}

@media only screen and (max-width: 550px) {
    .vanaf { width: 100%; margin-right: 0; padding: 0px 20px; }

    .mk_sectie.app { padding: 50px 0; }
    .mk_sectie.app .mk_module { width: 100%; margin-right: 0; }
    .mk_sectie.app .mk_module.appright { width: 100%; }
    .mk_sectie.app .mk_afbeelding { position: relative; left:0; margin-top: -50px; }

    /*  */
    .footerapplinks .titel { width: 100%; bottom: 5px; }
}

@media only screen and (max-width: 479px) {
    /* Header */
    #mk-info { line-height: 1.4em; float: none; }
    .mk_telefoon  .mk-info-tekst { display: block; }
    .mk_mobiel .mk-info-tekst { display: none; }
    .mk_telefoon, .mk_email, .mk_mobiel { width: 100%; text-align: center; }
    .mk-info-phone { margin-right: 0px; }


    /* Footer */
    #footer-info span { display: block; }
    #footer-info .sep { display: none; }


    /* .mk_sectie.voorpaginaheader */
    .voorpaginaheader .mk_rij:last-child .mk_tekst_inner { max-width: 90%; }


    /* template */
    /* header */
    .mk_sectie.header .mk_kolom_1_1 { width: 100%; } 
}




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

    .mk_sectie.header.contact .mk_kolom_1_2:nth-child(2) .mk_kolom_inner { padding: 30px 20px; }
}









/* Klanten Vertellen Recensies */
.recensies.et_pb_section, .recensies .et_pb_row { padding-bottom: 0 !important; }
.recensies .et_pb_column { margin-bottom: 0; }
.klantvertellen_logo { position: absolute; margin-top: -156px; margin-left: 11vw; }
.klantvertellen_gem { position: absolute; top: 26px; right: 25px; font-size: 25px; }
.beoordeling-wrap {width: 100%; float: left; background-color: #fff; margin-bottom: 26px; position: relative; height: auto; border-radius: 10px; }
.gemiddelde-wrap {background-color: #2067c0; color: #fff; text-align: center; float: left; width: 15%; height: 100%; border-radius: 10px 0 0 10px; }
.content-wrap {float: left; width: 85%; padding-left: 23px; padding-top: 15px; position: relative;}
.gemcijfer {font-size: 74px; font-weight: 600; line-height: 143px;}
.cijfers-wrap {background: #f6f6f6; width: 100%; float: left; padding: 15px 23px; width: 85%; position: absolute; bottom: 0; right: 0;}
.aanbeveling {border-top: 1px solid rgba(255,255,255,0.2); padding: 13px; line-height: 1em;}

.beoordeling-wrap .sterren {height:25px; width:150px; position: absolute; top:20px; right:24px;}
.beoordeling-wrap .sterren .empty {background:url("images/star-empty.png") repeat-x; width:100%; height:100%; position:absolute; top:0; left:0;}
.beoordeling-wrap .sterren .filled {background:url("images/star-filled.png") repeat-x; width:0%; height:100%; position:absolute; top:0; left:0; transition:3s; transition-delay: 500ms;}
.beoordeling-wrap .cijfers-wrap .cijfer {display: inline-block; padding:0px 28px; border-right: 1px solid #0b4fa1;}
.beoordeling-wrap .cijfers-wrap .cijfer:first-child {padding-left:0;}
.beoordeling-wrap .cijfers-wrap .cijfer:last-child {border-right:none}
.beoordeling-wrap .naam {font-weight:600; display: inline-block;}
.beoordeling-wrap .datum {    display: inline-block;
    left: 35%;
    position: absolute;}
.beoordeling-wrap .ervaring {padding-top: 10px; overflow-y: auto; height: 114px; padding-right: 20px;}

.gem-beoordeling {background: #d3dfee; color: #2067c0; font-weight: 600; text-transform: uppercase; padding: 18px; overflow: hidden;}
.gem-beoordeling p {display: inline;}
.beoordeel-btn {background: #2067c0; color: #fff; font-weight: 600; text-transform: uppercase; padding: 18px; overflow: hidden;}
.beoordeel-btn img {
    margin-left: 8px;
    vertical-align: middle;
}

@media only screen and (max-width: 1400px) {
    .gemcijfer { font-size: 60px; }
}

@media only screen and (max-width: 1200px) {
    .gemiddelde-wrap { width: 18%; }
    .content-wrap { width: 82%; }
}

@media only screen and (max-width: 980px) {
    .recensies { padding-top: 20px !important; }
    .recensies .et_pb_module { margin-bottom: 0 !important; }
    .klantvertellen_logo { margin-left: 21vw; }
    .beoordeling-wrap .datum { position: initial; width: 100%; }
    .beoordeling-wrap .ervaring { height: 93px; } 
    .gemcijfer { font-size: 40px; }
    .content-wrap { width: 100%; }
}


@media only screen and (max-width: 768px) {
    .gemcijfer {font-size: 33px; line-height: 82px;}
    .beoordeling-wrap .datum {left: 0; position: relative; padding-left: 5px;}
    .beoordeling-wrap .cijfers-wrap .cijfer {display: block; padding: 0; border-right: 0 solid #0b4fa1;}
    .beoordeling-wrap {height: auto;}
    .beoordeling-wrap .sterren {display: none;}
    .beoordeling-wrap .ervaring {height: auto; padding-bottom: 20px;}

    .gemiddelde-wrap {width: 100%; height: auto; border-radius: 10px 10px 0 0;}
    .cijfers-wrap {width: 100%; position: relative;}
    .gemcijfer { font-size: 50px; }

    .gem-beoordeling {width: 50%;display: inline-block;text-align: center;}
    .beoordeel-btn {width: 50%;display: inline-block;text-align: center;}
    .post-wrap .image {float: none; width: 100%; overflow: hidden; padding-left: 0; padding-bottom: 20px;}
}

@media only screen and (max-width: 479px) {
    .gemcijfer {font-size: 33px; line-height: 82px;}
    .beoordeling-wrap .datum {left: 0; position: relative; padding-left: 5px;}
    .beoordeling-wrap .cijfers-wrap .cijfer {display: block; padding: 0; border-right: 0 solid #0b4fa1;}
    .beoordeling-wrap {height: auto;}
    .beoordeling-wrap .sterren {display: none;}
    .beoordeling-wrap .ervaring {height: auto; padding-bottom: 20px;}

    .gemiddelde-wrap {width: 100%; height: auto;}
    .cijfers-wrap {width: 100%; position: relative;}
    .gem-beoordeling {width: 100%;display: inline-block;text-align: center;}
    .beoordeel-btn {width: 100%;display: inline-block;text-align: center;}
}



.beoordeling-slider .gemcijfer { display: none !important; }
.beoordeling-slider .sterren {height:25px; width:150px; position: absolute; top:0px; right:5px;}
.beoordeling-slider .sterren .empty {background:url("images/star-empty.png") repeat-x; width:100%; height:100%; position:absolute; top:0; left:0;}
.beoordeling-slider .sterren .filled {background:url("images/star-filled.png") repeat-x; width:0%; height:100%; position:absolute; top:0; left:0; max-width: 0%; -webkit-transition-delay: 200ms; transition-delay: 200ms; transition:1000ms; -webkit-transition:1000ms; }
.beoordeling-slider .cijfers-wrap .cijfer {display: inline-block; padding:0px 28px; border-right: 1px solid #0b4fa1;}
.beoordeling-slider .cijfers-wrap .cijfer:first-child {padding-left:0;}
.beoordeling-slider .cijfers-wrap .cijfer:last-child {border-right:none}
.beoordeling-slider .content { padding-top: 7px; }
.beoordeling-slider .naam {font-weight:600; display: inline-block;}
.beoordeling-slider .datum { display: inline-block; left: 35%; position: absolute;}
.beoordeling-slider .ervaring {padding-top: 10px; }
.beoordeling-slider .item { text-decoration: none !important; }
.beoordeling-slider .leesmeer { font-weight:700; }
.beoordeling-slider .leesmeer:after {  content: "\f105";  font-family: "Font Awesome 5 Free"; top: 1px; font-weight: 600; color: inherit; opacity: 1; margin-left: 2px; position: relative; transition: 200ms; -webkit-transition:200ms; }
.beoordeling-slider .item:hover .leesmeer:after {margin-left: 10px; }

.beoordeling-slider .owl-item.center .sterren .filled { max-width: 100%;}

.beoordeling-slider .owl-prev { position: absolute; left: -30px; top: calc(50% - 30px); }
.beoordeling-slider .owl-next { position: absolute; right: -30px; top: calc(50% - 30px); }

.beoordeling-slider .owl-prev:before { opacity: 0.2; content: ""; display: block; background-image: url('images/arrowleft.svg'); width: 14px; height: 60px; background-repeat: no-repeat; background-size: contain; background-position: center; }
.beoordeling-slider .owl-next:before { opacity: 0.2; content: ""; display: block; background-image: url('images/arrowright.svg'); width: 14px; height: 60px; background-repeat: no-repeat; background-size: contain; background-position: center; }



/* beoordeling-klantvertellen */
.beoordeling-klantvertellen { position: relative; padding-top: 30px; margin-top: 30px; }
.beoordeling-klantvertellen::before { content: ""; position: absolute; left: 0; top: 0; display: block; background-color: #d0d0d0; width: 100%; height: 4px; border-radius: 10px; }
.beoordeling-klantvertellen .gemiddelde { display: inline-block; position: relative; width: 50%; float: left; }
.beoordeling-klantvertellen .gemiddelde .cijfer { position: absolute; left: 150px; top: 46px; font-size: 38px; width: 80px; text-align: center; }

.beoordeling-klantvertellen .tekst { float: right; width: 50%; padding-top: 86px; font-size: 16px; line-height: 1.4em; padding-left: 20px; } 


@media only screen and (max-width: 1400px) {
    /* .beoordeling-klantvertellen .gemiddelde .cijfer { left: 57%; top: 27%; } */
    .beoordeling-klantvertellen { text-align: center;  }
    .beoordeling-klantvertellen .gemiddelde { width: auto; padding-bottom: 20px; float: none; }
    .beoordeling-klantvertellen .tekst { width: 100%; padding: 0; font-size: 20px;  }
    .beoordeling-klantvertellen .tekst span { max-width: 415px; float: none; display: inline-block; }
    .mk_knop.reviews { width: 100%; text-align: center; }
    .mk_knop_inner { display: inline-block; }
}

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

}

@media only screen and (max-width: 640px) {
    .beoordeling-slider .naam { width: 100%; text-align: center; }
    .beoordeling-slider .sterren { position: relative; right: 0; display: block; margin: 0 auto; }
    .beoordeling-slider .item { padding: 0 30px; display: block; }
    .beoordeling-slider .owl-prev { left:0; }
    .beoordeling-slider .owl-next { right:0; }
    .beoordeling-slider .ervaring { text-align: center; }
    .beoordeling-klantvertellen { text-align: center; }
    
}



.navhamburger { float:right; position: absolute; right: -5px; top: 0; }


.navhamburger svg {  width: 80px; height: 66px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.navhamburger path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 25px;
  stroke-linecap: round;
  stroke: #e51e20;
  stroke-dashoffset: 0px;
}
.navhamburger path#top,
.navhamburger path#bottom {
  stroke-dasharray: 240px 950px;
}
.navhamburger path#middle {
  stroke-dasharray: 240px 240px;
}
/* .hellosvg.cross path#top,
.hellosvg.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.hellosvg.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
} */


.shiftnav-open .navhamburger path#top,
.shiftnav-open .navhamburger path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.shiftnav-open .navhamburger path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}

@media only screen and (max-width: 640px) {
.navhamburger svg { width: 75px; height: 58px; }
}

/* popup */
.popup-logistica { position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding-top: 150px; z-index: 99999999; background-color: rgba(0,0,0,0.3);}
.popup-logistica .popup-inner { display: inline-block;  max-width: 800px; position: relative;}
.popup-logistica .popup-inner h4 {color: #8D1745; text-transform: inherit; margin-bottom: 15px;}
.popup-logistica .popup-inner p { font-size: 13px; line-height: 1.4em; padding-bottom: 1.5em;}
.popup-logistica .popup-inner .popup-color-p { padding-bottom: 0px; color: #79C9D5; font-weight: bolder;}
.popup-logistica .popup-close { position: absolute; right: 25px; top: 10px; z-index: 9 ;cursor: pointer; }
.popup-logistica .popup-close img { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: 200ms; -webkit-transition: 200ms; width: 20px; height: 20px; }
.popup-logistica .popup-close:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.popup-logistica .popup-image img.mobile { display: none; }
.popup-logistica.open { display: block !important; }


.popup-logistica { opacity: 0; animation-name: inherit; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.1s; }
.popup-logistica.open { animation-name: fade; }

.popup-logistica .popup-inner { opacity: 0; animation-name: inherit; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.3s; }
.popup-logistica.open .popup-inner { animation-name: fadebottom; }


@-webkit-keyframes fadebottom{0%{opacity:0;-webkit-transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadebottom{0%{opacity:0;-moz-transform:translateY(10%)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadebottom{0%{opacity:0;-o-transform:translateY(10%)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadebottom{0%{opacity:0;transform:translateY(10%)}100%{opacity:1;transform:translateX(0)}}

@-webkit-keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@keyframes fade {0%{opacity:0;}100%{opacity:1;}}

@media screen and (max-width: 640px) {
    .popup-logistica { right: 0%; width: 100%; margin: auto;}
    .popup-logistica .popup-inner {max-width: 100%; width: 100%; }
    .popup-logistica .popup-inner img {max-width: 100%; width: 100%; }
}