/*
 Theme Name:     Mediakanjers
 Theme URI:      http://www.mediakanjers.nl
 Description:    Website ontworpen door Mediakanjers
 Author:         Mediakanjers
 Author URI:     http://www.mediakanjers.nl
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");
@font-face {
	font-family: 'Avenir-Book';
	src: url('fonts/Avenir-Book.eot');
	src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Book.woff') format('woff'),
		url('fonts/Avenir-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#cookie-notice .cn-button { background: #9dc421; }

body, #top-header .container {font-weight: 400; }
body {font-family: 'Roboto', sans-serif;}

/* Buttons */
.et_pb_button  { background: #9dc421; color: #fff !important; font-family: 'Roboto', sans-serif;  border-radius: 30px; border:none; padding: 10px 50px 10px 30px !important;  line-height: 34px !important; font-size: 15px !important; text-transform: uppercase; }
.et_pb_button:hover { background: #9dc421 !important; color: #fff !important; padding: 10px 60px 10px 30px !important; border:0px !important; line-height: 34px !important;  }
.et_pb_button:after {  font-size: 29px; line-height: 32px; opacity: 1; margin-left: 0; }
.et_pb_button:hover:after {padding-left: 10px;  }

/* Contact info */
#et-info {float: right;}
#et-info-phone {position: relative;}
#et-info-email {position: relative;}
#et-info-email:hover, #et-info-phone:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.7;}
#et-info-phone:before {position: relative;margin-right: 5px; content: url("images/tel.png") !important;}
#et-info-email:before {position: relative;margin-right: 5px; content: url("images/mail.png") !important;}

/* Header */
.logo_container {height: 137px !important; position: relative !important;} 
#main-header {padding-top: 30px;}
.header-achtergrond { height: 615px; width: 100%; background: url(images/header.jpg) center no-repeat; margin-top: -167px; }
.header-achtergrond.ha-2 { background: url(images/header2.jpg) center no-repeat; }
.header-achtergrond-content { font-size: 30px; line-height: 38px; font-family: 'Roboto', sans-serif; color: #fff; max-width: 1200px; width: 80%; margin: auto; padding-right: 400px; padding-top: 236px; }
.header-achtergrond-content .bold { font-weight: 600; }
.header-achtergrond-content-small { font-size: 25px; }


#main-header.page_vervolg { background-color: inherit; box-shadow: none; }
.page_vervolg .container:before { display: none; }

/* Zijmenu */
.sidemenu {position: fixed; left: 0; top: 50%; transform:translateY(-50%); background: #fff; width:90px; padding:10px 20px; font-family: Roboto; box-shadow: 5px 5px 2.85px rgba(0, 0, 0, 0.18); z-index: 999999; }
.sidemenu .menuitem {display: block; color: #000; font-size: 12px; line-height: 1.2em; border-bottom:1px solid #b5b5b5; padding: 10px 0; position: relative; text-align: center;}
.sidemenu .menuitem:last-child {border-bottom:0px solid #b5b5b5; padding-bottom: 0;}
.sidemenu .menuitem img {display: block; padding-bottom: 8px; margin:auto;}
.sidemenu .klantenvertellen-gem {
    font-family: "Avenir-Book";
    position: absolute;
    top: 27px;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
/* Slider */
.slider-header { margin-top: -167px !important;}
/* .slider-subtext { font-size: 25px !important; } */

.slider-subtext{max-width: 750px; white-space: normal!important;}

.slider-pas { padding: 0 !important; margin: 120px 0;}
.slider-pas .et_pb_column { margin-top: -80px; margin-bottom: -70px !important; }
.slider-pas .rev_slider .tp-rightarrow { margin-right: -200px; width: 150px !important; height: 150px !important; }
.slider-pas .rev_slider .tp-leftarrow { margin-left: -200px; width: 150px !important; height: 150px !important; }
.slider-pas .rev_slider .uranus.tparrows:before { width: 150px !important; height: 150px !important; line-height: 150px !important; font-size: 150px !important; }
.slider-pas .rev_slider ul { border: 2px solid #000; }
.slider_titel { font-size: 24px !important; }

/* Tijdelijk */
.page-id-69 .diensten-menu {position: absolute; display: block; right: 0; top: 0; z-index: 999999; width: 58.75%; height: 1008px; background-image: url("images/menu-bg.png"); background-position: left bottom; background-size: cover;}
.page-id-69 #main-header {background: #000 !important;}
/*.page-id-69 #footer-bottom {position: fixed; padding: 15px 0 5px; background-color: #1f1f1f; bottom: 0; width: 100%; z-index: 999999;}*/


/* Content */
h1 {font-size: 2.0vw!important;}
h1:after { height: 10px; width: 50px; background: #9dc421; margin: 10px 0; display:block; content:"";}
.title_underline h2:after {height: 5px; width: 50px; background: #9dc421; margin: 10px 0; display:block; content:"";}

.onlyonmobile { display: none !important; }
.offmobile { display: block !important; }

.home1 h2 {font-size: 1.7vw!important; font-weight: 400; padding-bottom: 0;}
.home1 h2:after {content:url("images/arrow.png"); padding-left: 10px; display: inline-block; transform: rotate(-90deg) translateX(-6px);}

.home2 h2 {font-size: 1.7vw!important;}
.diensten-menu {display: none;}
.page-id-69 .diensten-menu { overflow: hidden; -webkit-transform-origin: top right; -webkit-transform: scale(0.85); transform-origin: top right; transform: scale(0.85); margin-bottom: 40px; position: absolute; display: block; right: 0; top: 0; z-index: 999999; width: 58.75%; height: 1076px; max-width: 1037px; background-image: url("images/dienstenbg.png"); background-position: left bottom; background-size: cover;}
.page-id-69 .diensten-menu-inner { transform: scale(0.88); -webkit-transform: scale(0.88);  margin-left: -72px; margin-top: 114px; }
.diensten-menu .dienst.positie-1 {top: 42px; position: absolute; left: 164px;}
.diensten-menu .dienst.positie-2 {top: 42px; position: absolute; left: 415px;}
.diensten-menu .dienst.positie-3 {top: 261px; position: absolute; left: 37px;}
.diensten-menu .dienst.positie-4 {top: 261px; position: absolute; left: 290px;}
.diensten-menu .dienst.positie-5 {top: 261px; position: absolute; left: 540px;}
.diensten-menu .dienst.positie-6 {top: 480px; position: absolute; left: 163px;}
.diensten-menu .dienst.positie-7 {top: 480px; position: absolute; left: 415px;}
.diensten-menu .dienst.positie-8 {top: 480px; position: absolute; left: 664px;}
.diensten-menu .dienst.positie-9 {top: 699px; position: absolute; left: 289px;}
.diensten-menu .dienst.positie-10 {top: 699px; position: absolute; left: 540px; }
.diensten-menu .dienst.positie-11 {top: 261px; position: absolute; left: 790px; }
.diensten-menu .dienst.positie-12 {top: 480px; position: absolute; left: 914px; }

.diensten-menu .dienst.auto-mobiel-nl .front, .diensten-menu .dienst.auto-mobiel-nl .back {background-image: url("images/blue.svg");}
.diensten-menu .dienst.pechonderwegservice-nl .front, .diensten-menu .dienst.pechonderwegservice-nl .back {background-image: url("images/red.svg");}
.diensten-menu .dienst.voordelig-onderhoud .front, .diensten-menu .dienst.voordelig-onderhoud .back {background-image: url("images/yellow.svg");}
.diensten-menu .dienst.hulp-op-afstand .front, .diensten-menu .dienst.hulp-op-afstand .back {background-image: url("images/purple.svg");}
.diensten-menu .dienst.autoprivilegepas-nl .front, .diensten-menu .dienst.autoprivilegepas-nl .back {background-image: url("images/orange.svg");}
.diensten-menu .dienst.safe-academy-nl .front, .diensten-menu .dienst.safe-academy-nl .back {background-image: url("images/green.svg");}
.diensten-menu .dienst.binnenkort-beschikbaar .front, .diensten-menu .dienst.binnenkort-beschikbaar .back {background-image: url("images/trans.svg");}
.diensten-menu .dienst.binnenkort-beschikbaar-2 .front, .diensten-menu .dienst.binnenkort-beschikbaar-2 .back {background-image: url("images/blueauto.svg");}
.diensten-menu .dienst.aanmelden-nieuwsbrief .front {background-image: url("images/white.svg");}
.diensten-menu .dienst.kooijman-automotive .front, .diensten-menu .dienst.blog .front, .diensten-menu .dienst.new-2 .front {background-image: url("images/greenfront.svg");}
.diensten-menu .dienst.kooijman-automotive .back, .diensten-menu .dienst.aanmelden-nieuwsbrief .back, .diensten-menu .dienst.blog .back, .diensten-menu .dienst.new-2 .back {background-image: url("images/greenback.svg");}
.diensten-menu .dienst.new-2 .front {background-image: url("images/greenback.svg");}
.diensten-menu .klant-contact-center  .front, .diensten-menu .klant-contact-center .back {background-image: url("images/paars.svg");}
.dienst-info[data-slug="binnenkort-beschikbaar-2"] .title {background-image: url("images/autogarantieicontje.png")!important;}

.diensten-menu .dienst.voordelig-onderhoud .front img { max-width: 177px; }

.diensten-menu .dienst h2 {color: #fff; font-size: 26px;}
.diensten-menu .dienst h3 {color: #fff; font-size: 17px;}

.diensten-menu .dienst {width: 239px; height: 276px; position: relative; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; text-align: center;}
.diensten-menu .dienst:hover .flipper {-webkit-transform: rotate3d(45,45,0,180deg); transform: rotate3d(45,45,0,180deg);}
.diensten-menu .dienst:hover .front { transform: rotateY(0deg); }

.diensten-menu .dienst, .diensten-menu .dienst .front, .diensten-menu .dienst .back {width: 239px; height: 276px;}

.diensten-menu .dienst .flipper {-webkit-transition: 0.4s; -webkit-transform-style: preserve-3d; -moz-transition: 0.4s; -moz-transform-style: preserve-3d; -o-transition: 0.4s; -o-transform-style: preserve-3d; transition: 0.4s; transform-style: preserve-3d; position: relative; height: 100%;}

.diensten-menu .dienst .front, .diensten-menu .dienst .back {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0;}

.diensten-menu .dienst .front {z-index: 2;}
.diensten-menu .dienst .back {-webkit-transform: rotateY(180deg) rotateZ(90deg); -moz-transform: rotateY(180deg) rotateZ(90deg); -o-transform: rotateY(180deg) rotateZ(90deg); transform: rotateY(180deg) rotateZ(90deg); padding-top: 100px;}

.dienstinfo-container {position: relative;}

.dienst-info {position: absolute;left: 0;top: 0;width: 100%;}


.partners-sectie {
    margin-top: 520px;
}
.mailchimp-sectie {
    margin-bottom:57px;
}

.mc4wp-form-fields input {
    border: none;
    padding: 22px;
    margin-top: 15px;
    margin-right:1%;
    font-size: 15px;
}

.mc4wp-form-fields input[type="email"]{
    width: 29%;
}
.mc4wp-form-fields input[type="text"]{
    width: 20%;
}

.mc4wp-alert.mc4wp-success{padding-top: 15px; font-weight: bold;}
.mc4wp-form-fields .et_pb_button {padding-left:25px!important; padding-right:25px!important; cursor:pointer;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .diensten-menu .dienst:hover .flipper { transform: rotateY(180deg);}

    .diensten-menu .dienst:hover .flipper { -webkit-transform: none; transform: none; }
    .diensten-menu .dienst .front { -webkit-transition: 0.4s; transition: 0.4s; }
    .diensten-menu .dienst:hover .front { opacity: 0; }
    .diensten-menu .dienst .back { -webkit-transform: none; transform: none; /*-webkit-transform: rotateY(180deg); transform: rotateY(180deg);*/ }
    .diensten-menu .dienst:hover .back { /*-webkit-transform: rotateY(180deg); transform: rotateY(180deg);*/ }
}

@-moz-document url-prefix() {
.diensten-menu .dienst .front img {transition:500ms;}
.diensten-menu .dienst:hover .front img {opacity:0;}
  }

.diensten-menu .logo img {position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}

.dienstinfo-container .title {z-index: 10; position: relative; color: #fff; padding: 30px 0; display: inline-block; background-repeat: no-repeat; background-position: left center; padding-left: 70px; font-size: 1.6vw;}

.dienstinfo-container .body {padding: 30px 0; width: 46%; margin-bottom: 40px;}

 .dienst-menu-mobiel .dienst {width: 50%; float: left; text-align: center; height: 375px; padding-top: 60px;}
 .dienst-menu-mobiel .dienst .image { padding-bottom: 40px;}
 .dienst-menu-mobiel .dienst .image img { max-height: 150px; width: auto; }
 .dienst-menu-mobiel .dienst h2{color:#fff; font-size: 30px; }
 .dienst-menu-mobiel .dienst h3{color:#fff; font-size: 24px; }

 .dienst-menu-mobiel .dienstcursor { cursor: pointer; padding: 0 10px; }

/* POPUP */
.dienst-content-mobiel { 
    position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999999999; background-color: rgba(0,0,0,0) !important;
    overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.dienst-content-mobiel.active_popup { background-color: rgba(0,0,0,.75) !important; }
.dienst-content-inner {     
    padding: 40px 30px; position: relative; display: block; width: 100%; max-width: 450px; margin: 0 auto; margin-top: 300px; background-color: #fff; height: auto; bottom: 0;  opacity: 0;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.active_popup .dienst-content-inner { opacity: 1; margin-top: 142px; }

.dienst-content-mobiel a:not(.meer) { color:#fff; text-decoration: underline; display: inline-block; }
.dienst-content-mobiel a.meer { background: #eee; padding: 10px 20px; border-radius: 20px; line-height: 20px; margin: 0 auto; text-align: center; display: block; width: 180px; margin-top: 20px; }

.active_popup { visibility:visible; }
.freeze { overflow-y: hidden; }

@media only screen and (max-width: 767px) {
    .dienst-content-mobiel { display: none; visibility:visible; float: left; color: #fff; padding: 20px 10%; width: 100%; text-align: left; margin: 0; position: relative; }
    .dienst-content-mobiel.active { display: block;  }
    .dienst-content-mobiel a.meer { background: #fff; padding: 10px 20px; border-radius: 20px; line-height: 20px; margin: 0 auto; text-align: center; display: block; width: 180px; margin-top: 20px; }
    .dienst-content-inner { margin: 0; padding:0; max-width: initial; opacity: 1; background-color: transparent; }
}


/* 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; border: 1px solid #d3d3d3; margin-bottom: 26px; position: relative; height: 200px;}
.gemiddelde-wrap {background-color: #9dc421; color: #fff; text-align: center; float: left; width: 15%; height: 100%;}
.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 #fff; padding: 13px;}

.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;}

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



 .inloggenvoorbedrijven {background-size: 50% 100%!important; background-color:#ebeaea!important}
 /* partners */
  .partners { float: left; width: 100%; }
 .partners-item { float: left; width: 25%;  }
 .partners-lijn { float: left; width: 1px; height: 70px; background: #999; margin: 0px 5%; }

 .titel_lijn { height: 10px; width: 50px; background: #9dc421; margin: 10px 0; }

 .pechhulp { width: 100%; float: left; background: #000; border-bottom: 10px solid #d1d1d1;   }
 .pechhulp_image { width: 100%; box-sizing: border-box; float: left; overflow: hidden; }
 .pechhulp_image img { vertical-align: middle; max-width: inherit; height: inherit; min-width: 100%; min-height: 100%; }
 .pechhulp_image_cover { height: 460px; overflow: hidden; width: 50%; float: left; }
 .pechhulp_content {width: 42%; box-sizing: border-box; padding: 40px; float: left; color: #fff; line-height: 30px; max-width: 631px; }
 .pechhulp_content h2 { color: #fff; }

 .voordelen_content { font-size: 24px; text-align: center; font-family: "Roboto" }
 .voordeel_item {display:inline-block; font-size: 16px; font-weight: 400; margin-right: 3%; }
 .voordeel_item:last-child { margin-right: 0; }
 .voordeel_item:before { content: "\f00c"; font-family: FontAwesome; color: #9dc421; font-size: 16px; margin-right: 10px; }

.imgtopminmargin img { margin-top: -80px; }

.page_vervolg h2 { font-size: 19px; font-weight: 600; }
.leerbedrijf {     width: 130px; position: fixed; text-align: center; bottom: 35%; right: 0%; background: #fff; padding: 10px; box-shadow: -3px 3px 0px #ddd; }

/* PechonderWeg */
.voordelen-carousel ul {padding: 0 !important;}
.voordelen-carousel li {list-style-type: none; padding: 0 10% 30px 10%; font-size:24px; height: 82px;}
.voordelen-carousel .owl-prev {position: absolute; left: 0; top: 0;}
.voordelen-carousel .owl-next {position: absolute; right: 0; top: 0;}
.voordelen-carousel .owl-dot {width: 10px; height: 10px; background: transparent; border-radius: 50%; display: inline-block; margin: 0 3px; border: 1px solid #fff; transition: 200ms;}
.voordelen-carousel .owl-dot.active {background: #9dc421;}
.voordelen-title{font-size: 2.1vw !important; font-weight:500;}

/* Grafity Forms opmaak */
.gform_wrapper .button {padding: 8px; cursor: pointer; transition: 0.15s ease-in-out;color: #fff;  background: #2f334f;}
.gform_wrapper .button:hover {background: #2f334f;}
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}

/* Voorwaarden pagina */
div#rev_slider_6_1_wrapper {height: 218px!important;}
div#rev_slider_6_1 {height: 218px!important;}
.voordelen-welkom {background: #9dc421; color: #fff; font-size: 16px; font-weight: 600; line-height: 2em; padding: 17px; float: left;}

.voordelen-welkom a {color:#171717; font-size:20px; }

/* Klanten vertellen */
.klantenvertellen-home {display:none;}
.page-id-69 .klantenvertellen-home, .page-id-69 .klantenvertellen-home {display:none;}
.klantenvertellen {top: 0; position: absolute; right: 0; z-index: 9999999;}

.klantenvertellen-wrapper {position: relative; z-index: 12!important;}

.logged-in .klantenvertellen-home .klantenvertellen {top:-32px;}

/* Autogarantie */
.autogarantie2 { border-bottom: 5px solid #d1d1d1; }
.autogarantie2 h2 { font-size: 2.0vw!important; text-align: center; }
.autogarantie2 .agvoordeel { width: 16.66%; float: left; padding: 0 10px; text-align: center;}
.autogarantie2 .agvoordeel img { } 
.autogarantie2 .agvtext { font-weight: 500; line-height: 22px; padding-top: 5px; padding-top: 11px; height: 55px; }
.autogarantie3 h2:after { height: 5px; width: 50px; background: #9dc421; margin: 10px 0; display:block; content:""; }
.autogarantie4 h2:after { height: 5px; width: 50px; background: #9dc421; margin: 10px 0; display:block; content:""; }
.autogarantie5 h2:after { height: 5px; width: 50px; background: #9dc421; margin: 10px 0; display:block; content:""; }

.autogarantie3 ul { padding-left: 25px; }
.autogarantie3 ul li { list-style-image: url('images/check.png'); }

.autogarantie5 ul { padding: 0; text-decoration: underline; }
.autogarantie5 ul li { list-style: none; }
.agbutton { background-color: transparent !important; color: #9dc421 !important; border:2px solid #9dc421; float: left; margin-right: 20px; }
.agbutton:hover { background-color: transparent !important; color: #9dc421 !important; border:2px solid #9dc421 !important; }

/* Blog pagina */
.kooijman-blog .container { padding-top: 20px !important; }
.blog .page_vervolg #left-area, .category .page_vervolg #left-area { width: 100%; padding-right: 0; }
.blog_line { height: 10px; width: 50px; background: #9dc421; margin: 10px 0; display: block; }
.nieuws_filter { padding: 20px 0; float: left; margin-bottom: 20px; width: 100%; margin-top: 0 !important; }
.nieuws_filter ul.categorychecklist { padding-left: 0 !important; padding-top: 10px !important; }
.nieuws_filter li { list-style: none; width: 25%; float: left; padding-left: 30px; margin-bottom: 20px; }
.nieuws_filter li input { width: 20px; height: 20px; position: absolute; margin-left: -65px; }
.nieuws_filter label:before { content: ' '; background: url('images/iconkooijman.png'); margin-top: -5px; width: 31px; height: 36px; display: block; float: left; margin-right: 5px; }
.nieuws_filter #post_category-1 label:before { background: url('images/iconkooijman.png'); }
.nieuws_filter #post_category-11 label:before { background: url('images/iconautomobiel.png'); }
.nieuws_filter #post_category-14 label:before { background: url('images/iconautoprivilegepas.png'); }
.nieuws_filter #post_category-17 label:before { background: url('images/iconautogarantie.png'); }
.nieuws_filter #post_category-15 label:before { background: url('images/iconblijvenontwikkelen.png'); }
.nieuws_filter #post_category-16 label:before { background: url('images/iconhulpopafstand.png'); }
.nieuws_filter #post_category-12 label:before { background: url('images/iconpechonderwegservice.png'); }
.nieuws_filter #post_category-13 label:before { background: url('images/iconvoordeligonderhoud.png'); }
.nieuws_filter #post_category-13 label:before { background: url('images/voordeligklein.png'); }
.nieuws_filter #post_category-18 label:before { background: url('images/logo_klantcontact.png'); }

/* voordeligklein.png */

.nieuwsarchief_post { width: 47.25%; margin-right: 5.5%; margin-bottom: 5.5%; float: left; border:5px solid #eaeaea; padding: 20px; min-height: 345px; }
.nieuwsarchief_post:nth-child(2n+2) { margin-right: 0%; }

.nieuwsarchief_post .na_image { float: left; width: 90px; height: 90px; background-color: #9dc421; background-image: url('images/cat-kooijman.png'); background-position: center; background-repeat: no-repeat; margin-top: -25px; margin-left: -25px; margin-right: 20px; }
.nieuwsarchief_post.onderhoud .na_image { background-image: url('images/cat-onderhoud.png');  background-color: #506b7a; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.nieuwsarchief_post.Pechonderwegservice .na_image {  background-image: url('images/cat-pechonderweg.png'); background-color: #e51e20; }
.nieuwsarchief_post.afstand .na_image { background-image: url('images/cat-hulpafstand.png'); background-color: #2b2e83; }
.nieuwsarchief_post.ontwikkelen .na_image { background-image: url('images/cat-blijvenontwikkelen.png'); background-color: #2fac66; }
.nieuwsarchief_post.Autogarantie .na_image { background-image: url('images/cat-autogarantie.png'); background-color: #1568c6; }
.nieuwsarchief_post.Auto-mobiel .na_image { background-image: url('images/cat-automobiel.png'); background-color: #0080c8; }
.nieuwsarchief_post.privilegepas .na_image { background-image: url('images/cat-privilegepas.png'); background-color: #ea5b0c; }

.nieuwsarchief_post h4.na_title { font-size: 22px; }
.nieuwsarchief_post .na_body { float: left; padding-top: 20px; width: 100%; }
.nieuwsarchief_post .na_btn { float: left; margin-top: 5px; text-transform: uppercase; font-weight: 600; font-size: 15px; }
.nieuwsarchief_post .na_btn:hover { text-decoration: underline; }
.nieuwsarchief_post .na_date { font-weight: 600; }
.na_btn_terug { margin-bottom: 20px; float: left; width: 100%; text-transform: uppercase; font-weight: 600; font-size: 15px; }
.na_btn_terug:hover { text-decoration: underline; }

#wpv-view-layout-968 { float: left; }
.blog .pagination { float: left; margin-top: -20px; margin-bottom: 20px; width: 100%; }
.pagination a { padding: 15px 20px; background: #9dc421; color: #fff; float: left; }
.pagination a:hover { background: #000; }

.nieuws_single .container { padding-top: 0 !important; margin-top: -40px; }
.nieuws_single .entry-title { margin-bottom:0 !important; max-width: 70%;}
.nieuws_single #full-area article { padding-bottom: 45px; float: left; margin-bottom: 0; }
.nieuws_single .et_post_meta_wrapper { width: 40%; float: right; margin-left: 15px; }
.nieuws_single .entry-content { padding-top: 0; }
#breadcrumbs { margin-bottom: 20px; }
.fb_share_button { margin-top: 20px; }

/* single blog fixs */
#post-1250 img { width: 100%; max-width: 180px; }


/* .diensten_links */
.diensten_links { float: left; width: calc(100% + 30px); margin: -15px; }
.diensten_links .item { float: left; width: calc(20% - 30px); margin: 15px; }



/* 404 */
.error404 #main-header{background:#000; padding-bottom:20px;}
.page404 { text-align:center; }
.page404 h1:after { margin: 0 auto; margin-bottom: 10px; margin-top: 10px; }
.page404 img { margin-bottom: 30px; }
.page404 a:hover { opacity: 0.7; }

/* Footer */
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}
#footer-info, #footer-info a { color: #fff; }
.page-id-69 #footer-bottom {position: fixed; padding: 15px 0 5px; background-color: #1f1f1f; bottom: 0; width: 100%; z-index: 999999;}
#footer-voorwaarden {float: right; display:none}
#footer-voorwaarden a{color:#fff; font-weight: 600;}
.page-id-638 #footer-voorwaarden {display: block}
.directcontact, .directcontact a{color:#9dc421 !important;}
#cookie-notice { z-index: 9999999 !important; }


/*Responsive*/
@media only screen and (max-width: 1590px) {
  .page-id-69 .diensten-menu { -webkit-transform: scale(0.77); transform: scale(0.77); transform-origin: top right; width: 65% !important;}
  .home1 h1 {float:left;}
  .home1 h2 {float:right;}

  .dienstinfo-container .body { width: 50%; }

  .klantvertellen_logo { margin-top: -151px; }
}

@media only screen and (max-width: 1440px) {
    .page-id-69 .diensten-menu { -webkit-transform: scale(0.7); transform: scale(0.7); width: 71% !important;}
    .voordeel_item { margin-right: 0%; width: 50%; text-align: left; }
    .header-achtergrond-content { padding-right: 26%; }

    .sidemenu { padding-top: 0; position: fixed; left: 0; top: auto; bottom:0;  right:0; width:100%; padding-bottom:0; transform:translateY(0%); border-top: 4px solid #9dc421; z-index: 99999999;}
    .sidemenu .menuitem {width: 16.66%; float: left; text-align: center; height: 80px; padding:10px 10px; border-bottom:0px;}
    .sidemenu .menuitem:last-child {border-bottom:0px solid #b5b5b5; padding: 10px 10px;}
    .sidemenu .menuitem img {height: 45px; width: auto;}

    #main-footer { margin-bottom: 84px; }
   /* .page-id-69 #footer-bottom { margin-bottom: 105px; }*/
    .page-id-69 .diensten-menu {margin-bottom: 200px; }

    .page-id-69 .sidemenu {margin-bottom: 30px; }
    .page-id-69 #footer-bottom { margin-bottom: 0px; z-index: 999999999; padding: 0; background: #ededed; color: #000; text-align: center; }
    .page-id-69 #footer-info { color: #000; width: 100%; text-align: center; font-size: 13px; padding: 2px 0; }
    .page-id-69 #footer-voorwaarden { color: #000; }
    .page-id-69 #footer-info, .page-id-69 #footer-info a { color: #000; }
    
    .sidemenu .klantenvertellen-gem {top: 21px; font-size: 13px;}

    .aanbeveling { font-size: 14px; line-height: 15px; }
}

@media only screen and (max-width: 1400px) {
    h1 {font-size: 2.1vw!important;}
    .home1 h2 {font-size: 1.5vw!important; padding-top: 5px;}
    .logo_container {height: 80px !important;}
    .home1 {padding-top: 5px!important; padding-bottom:5px!important;}
}

@media only screen and (max-width: 1300px) {
    .page-id-69 .diensten-menu {-webkit-transform: scale(0.66); transform: scale(0.66); width: 74% !important;}
    .dienstinfo-container .body { width: 49%; }

    .header-achtergrond-content {   }
    .header-achtergrond-content-small {  }
    .pechhulp_image img {margin-left: -200px;  }
    .pechhulp_image_cover { height: 500px; }

    .gemcijfer { font-size: 60px; }
    
}

@media only screen and (max-width: 1256px) {
    .page-id-69 .diensten-menu {width: 77% !important;}
    .slider-image-bord { left: auto !important; right: 34%; top: 45% !important; }
    .nieuws_filter li { width: 33%; }

    .autogarantie2 .agvoordeel { width: 33.3%; margin-bottom: 20px; margin-top: 10px; }
}

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

    #footer-bottom {position: relative;}
    
    
    .slider-pas .rev_slider .tp-rightarrow { margin-right: -120px; width: 100px !important; height: 100px !important; }
    .slider-pas .rev_slider .tp-leftarrow { margin-left: -120px; width: 100px !important; height: 100px !important; }
    .slider-pas .rev_slider .uranus.tparrows:before { width: 100px !important; height: 100px !important; line-height: 100px !important; font-size: 100px !important; }
    
    .page-id-69 #footer-bottom { z-index: 0; position: relative; }
    .page-id-69 .sidemenu {margin-bottom: 0px; }
}

@media only screen and (max-width: 1100px) {
    .home1 br { display: none; }
    .home1 h2:after { transform: rotate(0deg) translateX(-6px); padding-left: 15px;}
    .dienst-menu-mobiel {display: block !important;}
    .page-id-69 .diensten-menu {display: none !important;}
    .dienstinfo-container {display:none;}
    .dienstinfo-container .body {width: 100%;}
    .home1 .et_pb_column { width: 100%; }

	.header-achtergrond-content { font-size: 24px; padding-right: 24%; }
    .header-achtergrond-content-small { font-size: 20px; }
    
    .pechhulp_image_cover { height: 600px; }

    .nieuwsarchief_post h4.na_title { font-size: 20px; }

    .gemcijfer { font-size: 40px; }
    .aanbeveling { font-size: 12px;}
}
@media only screen and (max-width: 980px) {
    .logo_container { height: auto !important; }
    h1 {font-size: 4.1vw!important;}
    .home1 h2 {font-size: 3.3vw!important;}
    .home2 h2 { font-size: 3.1vw!important;}
    .home1 h1 {float:none;}
    .home1 h2 {float:none;}
    .autogarantie2 h2 {font-size: 25px !important; }

    .bord-sign .et_pb_column  { z-index: 99; max-width: 300px; float: right; margin-top: -218px; }

    .pechhulp { height: auto; }
    .pechhulp_image_cover { width: 100%; }
    .pechhulp_content { width: 100%; max-width: 100%; padding: 40px 10%; }
    .pechhulp_image img {margin-left: 0px;  }

    .imgtopminmargin img { margin-top:0; }
    .leerbedrijf { display: none; }

    .vervolg2 { background-size: 0 !important; background-color: #000 !important;}
    .vervolg2 .et_pb_text_2 { margin: 0px !important; }

    .slider-pas .rev_slider .tp-rightarrow { margin-right: -65px; width: 50px !important; height: 80px !important; }
    .slider-pas .rev_slider .tp-leftarrow { margin-left: -95px; width: 50px !important; height: 80px !important; }
    .slider-pas .rev_slider .uranus.tparrows:before { width: 80px !important; height: 80px !important; line-height: 80px !important; font-size: 80px !important; }

    .inloggenvoorbedrijven {background-color:#9dc421 !important; background-size: 0!important; }
    .inloggenvoorbedrijven * {text-align: center; }

    .nieuwsbrief-partners .et_pb_text_2 { margin-top: 0px!important; }
    .nieuwsbrief-partners .et_pb_column_2 { margin-bottom: 20px !important; }

    .footer_vervolg #footer-info { padding-bottom: 0px; }
    .footer_vervolg #footer-info span { float: none !important; }
    .footer_vervolg #footer-voorwaarden { padding-bottom: 10px;  width: 100%; text-align: center; }

    .mobielpadding { padding-top: 0 !important; z-index: 999; background: none; }
    .onlyonmobile { display: block !important; }
    .offmobile { display: none !important; }

    .nieuws_filter li { width: 50%; }
    .nieuwsarchief_post  { width: 100%; height: auto; min-height: initial; }
    .nieuwsarchief_post h4.na_title { font-size: 22px; } 
    .blog .pagination { padding-bottom: 20px; margin-top: 0px; }
 
    .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; }
}
@media only screen and (max-width: 840px) {
    .voordeel_item { width: 100%; padding-left: 25%; }
    #footer-info { font-size: 14px; }
}
@media only screen and (max-width: 778px) {
    
}
@media only screen and (max-width: 794px) {
    .slider-header {margin-top: -0 !important;}
    #main-header.page_vervolg {background: #000;}
    .buiten-slide-image { top:27% !important; }

    .kooijman-blog .container { padding-top: 0 !important; margin-top: -40px; }
}
@media only screen and (max-width: 767px) {
    .dienstinfo-container .title {font-size: 30px;}
    .dienst-menu-mobiel .dienst {width: 100%; padding-top: 30px; height: auto; padding-bottom: 20px;}
    .dienst-menu-mobiel .dienst .image { padding-bottom: 20px; }
    .dienst-menu-mobiel .dienst .image img { max-width: 100px; }
    .dienst-menu-mobiel .dienst h2 { font-size: 26px; }
    .dienst-menu-mobiel .dienst h3 { font-size: 20px; }

    .header-achtergrond-content {padding-right: 10%; line-height: 34px;}
    .header-achtergrond-content-small {font-size: 20px;}

    .pechhulp_image img {margin-left: -190px;}

    .slider-pas {padding: 30px !important; margin: 0;}
    .slider-pas .et_pb_column {margin-top: 0; margin-bottom: 0 !important;}
    .slider-pas .rev_slider .tp-rightarrow, .tp-leftarrow {display: none;}

    div#rev_slider_6_1_wrapper {height: 80px!important;}

    div#rev_slider_6_1 {height: 80px!important;}
    div#rev_slider_6_1 .tp-bgimg {background-size: cover!important;}

    .sidemenu {position: fixed; left: 0; top: auto; bottom:0;  right:0; width:100%; padding-bottom:0; transform:translateY(0%);}
    .sidemenu .menuitem { float: left; text-align: center; height: 95px; padding:10px 10px; border-bottom:0px solid #b5b5b5; position: relative;}
    .sidemenu .menuitem:last-child {border-bottom:0px solid #b5b5b5; padding: 10px 10px;}
    .sidemenu .menuitem img {height: 45px; width: auto;}


    .page-id-69 #footer-bottom {display:none;}
    .page-id-69 #footer-bottom {display:none;}

    #main-footer { margin-bottom: 99px; }
    .directcontact { width: 100%; display: inline-block; }
    .footer-streep { display: none; }
    .privacy-policy { display: block; }

    .voordelen-carousel li {font-size: 19px; height: auto; }
    .home1 h2:after { display: inline-block;}
    .mobielpadding { margin-top: -70px; }
    .recensies.mobielpadding { margin-top: -40px; }

    .diensten_outer,
    .nieuws_filter { margin-top: -25px; }
    #wpv-view-layout-968 { float: none; }

    .mc4wp-form-fields input[type="email"] { width: 48%; }
    .mc4wp-form-fields input[type="text"] { width: 48%; }
    .mc4wp-form-fields .et_pb_button { width: 100%; }

    .nieuws_single .et_post_meta_wrapper { width: 100%; margin: 0; }

    .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: 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: 640px) {
    .voordeel_item { padding-left: 0; }
    .header-achtergrond-content { padding-right: 5%; }
    .sidemenu .menuitem { width: 33.33%; height: 80px; }

    #main-footer { margin-bottom: 164px; }
    .et_pb_scroll_top.et-pb-icon { bottom: 200px; }

    .autogarantie2 .agvoordeel { width: 50%; }

    .nieuws_single .entry-title{max-width: 100%;}


    .diensten_links .item { width: calc(33.33% - 30px); }
    .diensten_links .item:nth-child(4) { clear: left; }
}

@media only screen and (max-width: 580px) {
    .slider-text {  top: 32%!important; }
    .voordelen-title{font-size: 3.7vw !important;}

    .nieuws_filter li { width: 100%; }
    .nieuws_single .entry-title{max-width: 100%;}

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

	.cookie-notice-container{display: none;}
    .dienst-menu-mobiel .dienst h2 { font-size: 8vw; }

    .bord-sign .et_pb_column  { max-width: 100%; float: inherit; margin-top: -80px; }

    #main-header { padding-top: 0; }
    #main-footer { margin-bottom: 62px; }
    .page-id-69 #main-footer { margin-bottom: 67px; }
    .fixedimg {display: none;}
    .logo_container {height: auto !important;}
    #logo {max-width: 100%!important;}
    .et_pb_text {max-width: 100%;}

    h1 {font-size: 7.1vw!important;}
    .home1 h2 {font-size: 5.3vw!important;}
    .home2 h2 {font-size: 6.1vw!important;}

    .header-achtergrond { margin-top: -181px;  }
    .header-achtergrond-content {  padding-right: 0%; font-size: 22px; line-height: 32px; }

    .voordeel_item { padding: 0px; }
    .sidemenu { padding: 0; }
    .sidemenu .menuitem {font-size: 10px; height: 58px;}
    .sidemenu .menuitem img { height: 40px; }
    .sidemenu .menuitem span { display: none; }

    .voordelen-carousel li {font-size: 16px;
        line-height: 1.3em;}
    .voordelen-carousel .owl-prev{top: 15px;}
    .voordelen-carousel .owl-next{top: 15px;}

    .page-id-638 .et_pb_text_8{margin-bottom: 0px !important;}

    .page-id-638 .eb_pb_button{padding: 10px 35px 10px 14px !important; line-height: 32px !important;}

    .mc4wp-form-fields input[type="email"] { width: 100%; }
    .mc4wp-form-fields input[type="text"] { width: 100%; }

    .et_pb_button { font-size: 14px !important; padding: 10px 45px 10px 20px !important; white-space: nowrap; }
    .et_pb_button:hover { padding: 10px 50px 10px 20px !important; }

    .rev_slider .tp-parallax-wrap a.rev-btn { font-size: 14px !important; padding: 12px 20px !important; }

    .nieuws_single .entry-title{max-width: 100%;}

    .nieuwsarchief_post .na_image { margin: 0; margin-bottom: 20px; width: 100%; height: 70px; }
    .nieuwsarchief_post h4.na_title { font-size: 20px; }

    .alignleft, .alignright { width: 100%; margin-top: 10px; }

    .recensies { padding-top: 0px !important; margin-top: -70px !important; }
    .klantvertellen_gem { width: 204px; text-align: center; margin: 0 auto !important; left: 0; right: 0px; padding-left: 122px; }
    .klantvertellen_logo { width: 204px; margin: 0 auto; position: relative; }

    .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;}

        .post-wrap .image {float: none; width: 100%; overflow: hidden; padding-left: 0; padding-bottom: 20px;}

        .tabs li {
            display: inline-block;
            padding: 20px;
            width: 100%;
        }
}
@media only screen and (max-width: 380px) {
    .mobielpadding { margin-top: -40px; }
}