/*
 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.6.0
 Text Domain:  MKTheme-child
*/



@import url("style-theme.css");


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

/* font-family: 'Montserrat', sans-serif; */


body {  font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3em; color: #000; }


#cookie-notice .cn-button { background-color: #007fb6; }

a { text-decoration: none; color: inherit; }

#mk-main-area { overflow: hidden; padding-top: 0px !important; }


/* Header */
#full_header { background-color: transparent; position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; transition: 500ms; -webkit-transition: 500ms; }
#full_header .mk_rij { padding: 15px 0; transition: 500ms; -webkit-transition: 500ms;  }

body.paginascroll  #full_header { background-color: rgba(0, 127, 182, 0.7); }
body.paginascroll  #full_header .mk_rij { padding: 7px 0; }

#top_header { float: right; width: calc(100% - 200px); }
#menu_header { float: right; width: calc(100% - 200px); }

body.logged-in.admin-bar #full_header { top: 32px; }
@media screen and (max-width:782px) { body.logged-in.admin-bar #full_header { top: 46px; } } 


/*Info*/
#mk-info { float: right; font-weight: 400; color: #000; padding: 5px 0; }

#mk-info .mk_email, #mk-info .mk_telefoon { display: inline-block; font-size: 15px; }
#mk-info .mk_email a, #mk-info .mk_telefoon a {  color: inherit; text-decoration: none;}

#mk-info .mk_telefoon a::before { content: url('images/tel.svg'); display: inline-block; width: 20px; position: relative; top: 2px; margin-right: 10px; }
#mk-info .mk_email a::before { content: url('images/email.svg'); display: inline-block; width: 20px; position: relative; top: 0px; margin-right: 10px; }

#mk-info .mk_telefoon + .mk_email, #mk-info .mk_email + .mk_telefoon { margin-left: 20px; }


/*logo*/
#mk_logo_holder { width: 200px; float: left; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.mk_logo { max-width: 100%; }


/* Menu */
.ubermenu.ubermenu-main { margin-right: -10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 { padding: 0 1px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #fff; text-shadow: 2px 2px 5px rgb(0 0 0); font-size: 16px; text-transform: none; font-family: 'Montserrat', sans-serif; padding: 7px 10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,  .ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target { background-color: #202964; }

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


.ubermenu.ubermenu-main #menu-item-256.ubermenu-item-level-0 > .ubermenu-target { background-color: #f07e12; }


/* 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% - 20px); }
.ubermenu-target-title::after { bottom: 0px; background: #ffd600;  height: 7px; 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; }



.menu-dienstenmenu-container { float: left; width: 100%; text-align: right; margin-top: 2px; }
.menu-dienstenmenu-container ul li { list-style: none; display: inline-flex; }
.menu-dienstenmenu-container ul li a { color: #fff; text-shadow: 2px 2px 5px rgb(0 0 0); font-size: 16px; text-transform: none; font-family: 'Montserrat', sans-serif; padding: 7px 10px; }
.menu-dienstenmenu-container ul li a:hover, .menu-dienstenmenu-container ul li.current-menu-item a, .menu-dienstenmenu-container ul li.current_page_item a { background-color: #202964;  }



/* Shiftnav */
body { padding-top:0; }

#shiftnav-toggle-main { display: none !important; }
#shiftnav-toggle-main-button { display: none; float: right; font-size: 25px; padding: 10px 10px !important; margin-right: -10px; }


.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 50px; max-width: 80%; }

.shiftnav::after { display: none !important; }
.shiftnav { z-index: 99999999 !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #202964 !important; }
.shiftnav .shiftnav-menu-image { text-align: center; padding: 25px 70px !important; background-color: #202964; }
.shiftnav .shiftnav-menu-image img { margin: 0 auto; max-width: 200px !important; }

/* menu */
.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: #202964; 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: #007fb6 !important;}

/* submenu */
.shiftnav .sub-menu li {border-bottom: 0 !important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #202964;}
.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: #007fb6 !important;}
.shiftnav ul.shiftnav-menu li.menu-item .sub-menu .shiftnav-target { padding: 10px 25px 10px 35px !important; }

/* after menu */
.shiftnav-inner #mk-info {float: left; width: 100%; display: block; text-align: center; padding: 20px 0; color: #000;}
.shiftnav-inner #mk-info > div {float: left; width: 100%; display: block; margin: 0 !important; }
.shiftnav-inner #mk-info .mk_telefoon a::before { content: url('images/tel.svg'); }
.shiftnav-inner #mk-info .mk_email a::before { content: url('images/email.svg'); }
.shiftnav-inner #mk-info .mk_telefoon +  .mk_email, .shiftnav-inner #mk-info .mk_email + .mk_telefoon { margin-top: 10px !important; }

.shiftnav-inner iframe {display: block;}

/* animatie */
#shiftnav-main ul.shiftnav-menu li.menu-item { opacity: 0; animation-name: inherit; -webkit-animation-name: inherit;  animation-timing-function: ease-in-out; animation-fill-mode: both; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; }
#shiftnav-main.shiftnav-open-target ul.shiftnav-menu li.menu-item { opacity: 1; animation-name: fadeRight; -webkit-animation-name: fadeRight;  }

#shiftnav-main .shiftnav_contentaftermenu { opacity: 0; animation-name: inherit; -webkit-animation-name: inherit;  animation-timing-function: ease-in-out; animation-fill-mode: both; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; }
#shiftnav-main.shiftnav-open-target .shiftnav_contentaftermenu { opacity: 1; animation-name: fadeRight; -webkit-animation-name: fadeRight;  }


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



/* hamburger */
.hamburger { outline: none;padding: 15px 15px;display: block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
/* .hamburger:hover {opacity: 0.7; } */

.shiftnav-open .hamburger:hover , .hamburger.is-active:hover { opacity: 0.7; }

.hamburger-box { width: 40px; height: 24px; display: block; position: relative; }
  
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute;  transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";  display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

/* alle pagina's */
body .hamburger-inner, body .hamburger-inner::before, body .hamburger-inner::after {  background-color: #fff;  }

.shiftnav-open .hamburger-inner, .hamburger.is-active .hamburger-inner,
.shiftnav-open .hamburger-inner::before, .hamburger.is-active .hamburger-inner::before,
.shiftnav-open .hamburger-inner::after, .hamburger.is-active .hamburger-inner::after { background-color: #fff; }


.shiftnav-inner .hamburger-inner, .shiftnav-inner .hamburger-inner::before, .shiftnav-inner .hamburger-inner::after {  background-color: #fff !important;  }

      
/* Niet de voorpagina */
body:not(.home) .hamburger-inner, body:not(.home) .hamburger-inner::before, body:not(.home) .hamburger-inner::after { background-color: #fff; }


/* alle pagina's + scrollen + open! */
body.paginascroll .shiftnav-open .hamburger-inner, 
body.paginascroll .shiftnav-open .hamburger-inner::before,
body.paginascroll .shiftnav-open .hamburger-inner::after { background-color: #fff; }

body.paginascroll .hamburger-inner,  body.paginascroll .hamburger-inner::before,  body.paginascroll .hamburger-inner::after { background-color: #fff; } 


/* .shiftnavclosebutton .hamburger-inner,
.shiftnavclosebutton .hamburger-inner::before,
.shiftnavclosebutton .hamburger-inner::after { background-color: #fff !important; } */

/*  Collapse */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s;  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
.shiftnav-open .hamburger--collapse .hamburger-inner, .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.shiftnav-open .hamburger--collapse  .hamburger-inner::after, .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.shiftnav-open .hamburger--collapse .hamburger-inner::before, .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }


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


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

    .ubermenu-responsive-toggle,
    .ubermenu.ubermenu-main { display: none !important; }

    .menu-dienstenmenu-container { display: none !important; }

    #shiftnav-toggle-main-button { display: block; float: right; }
}


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

    #shiftnav-main { width: 100% !important; max-width: 100% !important;
    
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    
    }

    .shiftnav-open #shiftnav-main.shiftnav-open-target {

        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    #shiftnav_content { display: none; }

    body.shiftnav-open  { overflow-y: hidden !important; }


    /* shiftnavclosebutton */
    .shiftnavclosebutton { display: block; position: absolute; top: 10px; left: 10px; z-index: 99; }
    .shiftnavclosebutton #shiftnav-toggle-main-button { display: block; padding: 10px !important; line-height: 0px; }


    /* shiftnav-nav */
    .shiftnav-nav { text-align: center; }
}










/* Slider */
.frontpageslider { background: transparent; height: 620px; overflow: inherit; }
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; }
.frontpageslider h1 { font-size: 68px;  font-weight: 400; color: #fff; line-height: 1em; }
.frontpageslider h1:after { display: none; }
.frontpageslider .subtitel {  color: #fff; float: left; font-size: 30px; font-weight: 300; margin-top: 10px; width: 100%; line-height: 1em; max-height: 60px; overflow: hidden; }

.frontpageslider .mk_knop { margin-top: 20px; }

.frontpageslider .figuur { position: absolute; opacity: 0.85; bottom: 0; z-index: -1; width: 90vw;  max-width: 100vw; min-width: 1400px;  }
.frontpageslider .sliderachtergrond { position: absolute; top: 0; left: 48%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 96%; max-width: 1920px; }
.frontpageslider .sliderachtergrond .header_bg_img { width: 100%; }
.frontpageslider .sliderachtergrond .header_bg_shape { position: absolute; bottom: -6px; width: calc(100% + 10px); max-width: calc(100% + 10px); }

@media only screen and (min-width: 1920px) { .frontpageslider .sliderachtergrond { left: 0%; transform: none; -webkit-transform: none; } }

.frontpageslider .mk_rij { height: 100%; } 
.frontpageslider .slide-content { margin: 0 auto; max-width: 1200px; width: 80%; height: 100%; }
.frontpageslider .slide-module { width: 100%; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.frontpageslider .slide-module .inner { padding-left: 18vw; padding-bottom: 40px; padding-right: 5vw; }

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

.frontpageslider .swiper-pagination { bottom: calc( 50% - 50px ); width: 80%; max-width: 1260px; margin: 0 auto; left: auto; position: relative; text-align: left; padding-left: 4vw; }
.frontpageslider .swiper-pagination-bullet { background-color: #c5d5e6; opacity: 1; width: 14px; height: 14px; }
.frontpageslider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #202964; }




/* Content */


/* Vervolgpagina */


/*Team foto*/
.onsteam {  padding-bottom: 0 !important; overflow: hidden; }
.onsteam .mk_rij { padding-bottom: 0 !important; }
.onsteamtitel { text-align: center; font-size: 35px; font-weight: 700; line-height: 1.7em; }

.uw_adviseurs { text-align: center; padding: 10px 20px; background-color: #202964; color: #fff; position: relative; z-index: 99; }


/*Team foto*/
.ons_team {text-align: center; position: relative; margin-top: 20px; margin-bottom: -10px; width: 100%; }
.ons_team .medewerker {   display: inline-block; position: relative; transition:filter 1s, opacity 1s, transform 0.5s;}

/* .ons_team .medewerker:not(:first-child) {margin-left: -9%;} */

.ons_team .medewerker { width: 16% !important; z-index: 1; margin-left: -6% !important; }
/* .ons_team .medewerker:nth-child(2) { width: 16.8%; z-index: 2; margin-left: -5.5%; }
.ons_team .medewerker:nth-child(3) { width: 16%; z-index: 3; margin-left: -8.2%; }
.ons_team .medewerker:nth-child(4) { width: 15.4%; z-index: 2;  margin-left: -5%; }
.ons_team .medewerker:nth-child(5) { width: 15.4%; z-index: 2; margin-left: -7%; } */


.ons_team .medewerker.active { z-index: 10; }


.ons_team .medewerker .info { opacity: 0; transition: 500ms; -webkit-transition: 500ms; position: absolute; left:20px; bottom: 10px; border-radius:0px; background: #fff; z-index: 9999; padding: 10px 20px !important; height: auto !important; line-height: 1.2em;}
.ons_team .medewerker .info span {  display: block; white-space: nowrap; }
.ons_team .medewerker .info span.functie { font-size: 14px; font-style: italic; }
.ons_team .medewerker.active .info { opacity: 1; bottom: 40px; }
.ons_team .medewerker .naam {color:#000; font-size: 17px; font-weight: 500;  display:block;}
.ons_team .medewerker .functie {color:#000; font-size: 15px; display:block;}
.ons_team .medewerker img {vertical-align: bottom;}
.ons_team .medewerker.inactive {filter: grayscale(1); opacity: 1;}


/*Team Mobile*/
.ons_team_mobile { display: none !important; }
.ons_team_mobile .medewerker .info { display: none; }
.ons_team_mobile .medewerker .image img { height: 350px; width: auto; margin: 0 auto; }
.ons_team_mobile .owl-prev { left: -20px; top: calc(50% - 26px); }
.ons_team_mobile .owl-next { right: -20px; top: calc(50% - 26px); }
.ons_team_mobile .owl-prev::before { font-size: 40px; }
.ons_team_mobile .owl-next::before { font-size: 40px; }

.ons_team_mobile .medewerker .info_outer { position: absolute; bottom: 40px; width: 60%; text-align: center; }
.ons_team_mobile .medewerker .info { position: absolute; z-index: 99; bottom: 23px; left: 0; display: inline-block; border-radius: 0px; background: #fff; z-index: 9999; padding: 10px 20px !important; height: auto !important; line-height: 1.2em; }
.ons_team_mobile .medewerker .info span {  display: block; white-space: nowrap; }
.ons_team_mobile .medewerker .info span.functie { font-size: 14px; font-style: italic; }
.ons_team_mobile .medewerker .naam {color:#000; font-size: 17px; font-weight: 500; display:block;}
.ons_team_mobile .medewerker .functie {color:#000; font-size: 15px; display:block;}







/* verzekering_overzicht */
.verzekering_overzicht  { float: left; width: 100%; padding-top: 20px; }
.verzekering_overzicht .verzekering_categorie { float: left; width: 100%; }
.verzekering_overzicht .overzicht_titel { width: 250px; float: left; text-align: center; font-size: 18px; padding: 8px 25px; color: #fff; background: #007fb6; }
.verzekering_overzicht .overzicht_items { width: calc(100% - 250px - 30px); float: right; padding-bottom: 50px; padding-top: 8px; margin-bottom: 50px; border-bottom: 1px solid #fff; }
.verzekering_overzicht .overzicht_items .item { float: left; width: 33.333%; position: relative; margin: 5px 0; }
.verzekering_overzicht .overzicht_items .item::before { content: url('images/arrow.svg'); display: inline-block; width: 20px; margin-right: 10px; width: 12px; }
.verzekering_overzicht .overzicht_items .item::before { content: url('images/arrow.svg'); display: inline-block; width: 20px; margin-right: 10px; width: 12px; }
.verzekering_overzicht .overzicht_items .item .name { display: inline; }
.verzekering_overzicht .overzicht_items .item .content { position: absolute; top: 100%; left: 0; z-index: 999; opacity: 0; visibility: hidden; transition: 200ms; -webkit-transition: 200ms; background-color: #007fb6; padding: 15px; }
.verzekering_overzicht .overzicht_items .item:hover .content { opacity: 1; visibility: visible; }
.verzekering_overzicht .overzicht_items .item .content .knop { margin-top: 10px; font-size: 16px; color: #fff; background: #f07e12; padding: 6px 15px; border: 2px solid #f07e12; border-radius: 0px; float: left; text-decoration: none; text-transform: none; transition: 200ms; -webkit-transition: 200ms; }


/* slider_referentie */
.slider_referentie .item { text-align: center; padding: 30px; background-color: #fff; display: block; color: #202964; }
.slider_referentie .item .titel { font-size: 20px; padding-bottom: 10px; color: #007fb6; }
.slider_referentie .item .content { padding-bottom: 10px; }



.mk_sectie.bottomline > .mk_rij:last-child::before { content: ""; display: block; left: 0; bottom: -75px; height: 1px; width: 100%; background-color: #007fb6; position: absolute; }


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

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

.gform_wrapper input[type=email], .gform_wrapper input[type=tel],
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea { font-family: 'Montserrat', sans-serif; outline: none !important; line-height: 1.7em !important; border: 1px solid #e2e2e2;background: #f7f7f7; padding: 10px 15px !important; border-radius: 0px; display: block; width: 100% !important; font-size: 16px !important;}
.gform_wrapper input[type=email]:hover, .gform_wrapper input[type=tel]:hover,
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .mk_button { background-image: url('images/paper-plane.svg'); background-repeat: no-repeat; background-size: 20px; background-position:  calc(100% - 20px) center; padding: 8px 55px 8px 25px !important; cursor: pointer; border: 2px solid #f07e12; float: right; margin: 0 !important; font-size: 18px; font-family: 'Montserrat', sans-serif; }
.gform_wrapper .mk_button:hover { padding: 8px 65px 8px 25px !important; border: 2px solid #f07e12; background-image: url('images/paper-plane2.svg'); }


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

#ui-datepicker-div { margin-top: 0 !important; }
body div#ui-datepicker-div[style] {  margin-top: 5px !important; }



.gform_wrapper .gform_fields .gfield.gf_aanhef_name { width: calc(100% - 100px ); clear: none !important; }
.gform_wrapper .gform_fields .gfield.gf_aanhef { width:  100px; clear: none !important; }

.gform_wrapper .gfield.gf_aanhef .gfield_radio { margin: 0;  margin-left: -8px; }
.gform_wrapper .gfield.gf_aanhef .gfield_radio li { float: left; width: 50%; margin: 0; }
.gform_wrapper .gfield.gf_aanhef .gfield_radio li input[type=radio] { visibility: hidden; position: absolute; }
.gform_wrapper .gfield.gf_aanhef .gfield_radio li input[type=radio]+label { cursor: pointer; font-size: 20px; margin: 0; width: 100%; height: 49px; color: #000; text-align: center; padding-top: 10px; background-color: #fff; }
.gform_wrapper .gfield.gf_aanhef .gfield_radio li input[type=radio]:checked+label { background-color: #007fb6; color: #fff; }




/* 2.5 */
.gform_wrapper.gravity-theme .gform_fields { display: block !important; grid-row-gap: 0px !important; padding: 0; width: calc(100% + 16px) !important; }

.gform_wrapper.gravity-theme .gfield.gf_aanhef .gfield_radio .gchoice { float: left; width: 48%; margin: 0; }
.gform_wrapper.gravity-theme .gfield.gf_aanhef .gfield_radio .gchoice:first-child { margin-right: 4%; }
.gform_wrapper.gravity-theme .gfield.gf_aanhef .gfield_radio .gchoice input[type=radio] { visibility: hidden; position: absolute; }
.gform_wrapper.gravity-theme .gfield.gf_aanhef .gfield_radio .gchoice input[type=radio]+label { cursor: pointer; max-width: 100%; font-size: 20px; margin: 0; width: 100%; height: 49px; color: #000; text-align: center; padding-top: 10px; background-color: #fff; }
.gform_wrapper.gravity-theme .gfield.gf_aanhef .gfield_radio .gchoice input[type=radio]:checked+label { background-color: #007fb6; color: #fff; }


.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large { }
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label { display: none;; }


.gform_legacy_markup_wrapper div.validation_error h2 {  color: #fff !important; }
.gform_legacy_markup_wrapper .validation_message { color: #fff !important; }


/* Footer */
#main-footer { background-color:transparent; position: relative; color: #fff; float: left; width: 100%; }
#main-footer .mk_titel {padding-bottom: 10px; }
#main-footer::before { content: url("images/figuur3.svg"); display: block; width: 200vw; position: absolute; z-index: 1; right: 5vw; top: 0; }
#main-footer .mk_sectie { padding: 50px 0 !important; }
#main-footer .mk_sectie .mk_kolom_1_1 { width: calc(100% + 20px); margin: -10px; }

#main-footer .mk_sectie.footerblok { background-color: #202964; z-index: 99; }



/* footer bloks */
.mk_footer:nth-child(n) { width: calc(20% - 20px); margin: 10px; float: left; color: #fff; }

.mk_footer ul.menu li { list-style: none; }
.mk_footer ul.menu li a:hover { text-decoration: underline; }

.mk_footer .gegevens a:hover { text-decoration: underline; } 

.mk_footer .extralink { padding-top: 15px; display: block; }
.mk_footer .extralink:hover { text-decoration: underline; }

/* #footer-bottom */
#footer_bottom { background-color: #202964; padding: 15px 0 15px 0; font-size: 15px; z-index: 99; position: relative; }
#footer_bottom .mk_rij { padding: 0 !important; }
#footer_bottom .inner { float: left; width: calc(100% + 20px); margin: 0 -10px -10px -10px; }

/* footer_info */
.footer_info { float: none; display: inline-block; text-align: left; color: #fff; opacity: 0.8; margin: 0 10px 10px 10px; }
.footer_info a { color: #fff; }
.footer_info a:not(:last-child) { margin-right: 15px; }
.footer_info:last-child { float: right; }

.footer_info img { display: inline-block; margin-left: 10px; margin-bottom: -10px; }

.footer_info .sep { margin-left: 22px; }


/* footer links */
.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; }


/* socials */
.socials { text-align: center; font-size: 20px; }
.socials a { display: inline-block; position: relative; margin: 2px; width: 35px; height: 35px; color: #fff; background-color: #007fb6; border-radius: 100px; transition: 200ms; -webkit-transition: 200ms;}
.socials a:hover, .socials a:focus { color: #007fb6; background-color: #fff; }
.socials i { position: absolute; line-height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }



/* overzicht_history */
.overzicht_history .item { float: left; padding: 50px; background-color: #007fb6; position: relative; }
.overzicht_history .item .mk_kolom_1_2:nth-child(1)::before { z-index: 9; content: url('images/arrowhistory.svg'); width: 160px; top: -99px; left: 10px; display: block; position: absolute; }
.overzicht_history .item .mk_kolom_1_2:nth-child(1)  { position: relative; }
.overzicht_history .item .titel { color: #202964; font-weight: 900; }
.overzicht_history .item .content { color: #fff; }
.overzicht_history .item .jaartal {   color: #fff; font-size: 90px; line-height: 1em; }
.overzicht_history .item .jaartal_bg { opacity: 0.1; font-size: 350px; z-index: 0; color: #fff; position: absolute;top: 50%; left: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.overzicht_history .item .afbeelding { margin-top: -40px; margin-bottom: -40px; }
.overzicht_history .item .afbeelding img { margin: 0 auto; }

.overzicht_history .item .afbeelding.fotokader { max-width: 400px; float: none; margin: -40px auto; border: 14px solid #fff; padding-bottom: 10px; background-color: #fff; transform: rotateZ(-3deg); -webkit-transform: rotateZ(-3deg); box-shadow: 4px 4px 10px rgb(0, 0, 0); }
.overzicht_history .item .afbeelding.fotokader .inner { position: relative; }
.overzicht_history .item .afbeelding.fotokader .inner::before { content: ""; width: 100%; height: 100%; box-shadow: inset 0 1px 4px rgba(0,0,0,0.5); display: block; position: absolute; }

.overzicht_history .item:not(:last-child) { margin-bottom: 100px; }
.overzicht_history .item:nth-child(even) .mk_kolom_1_2:nth-child(1) { float: right; margin-right: 0; }
.overzicht_history .item:nth-child(even) .jaartal_bg  { left: auto; right: 20px; }

.overzicht_history .item:nth-child(even) .afbeelding.fotokader  { transform: rotateZ(2deg); -webkit-transform: rotateZ(2deg); }



/* login */
.login { float: left; width: calc(100% + 30px); margin: -15px; padding-top: 30px; }
.login .logo { padding: 20px; float: left; width: calc(33.333% - 30px); margin: 15px; background-color: #fff; position: relative; }
.login .logo img { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.login .omschrijving { opacity: 0; transition: 200ms; -webkit-transition: 200ms; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 127, 182, 0.8); }
.login .omschrijving span { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.login .logo:hover .omschrijving { opacity: 1;}




/* meestgestelde vragen */
#questionsearch { background-image: url('images/search.svg'); background-repeat: no-repeat; background-size: 21px; background-position: calc(100% - 20px) center; background-color: #007fb6; color: #fff; outline: none; border: 0; padding: 10px 20px; width: 100%; max-width: 500px; font-size: 18px; line-height: 1.4em; margin-bottom: 30px; }
#questionsearch::placeholder, #questionsearch::-webkit-input-placeholder { color: #fff; font-weight: 300; }

.meestgesteldevragen_view .item { margin-bottom: 15px; }
.meestgesteldevragen_view .titel { background-color: #007fb6; width: 100%; cursor: pointer; padding: 10px 20px; font-size: 18px; line-height: 1.7em; display: inline-block; }
.meestgesteldevragen_view .titel::before { content: url('images/arrow.svg'); display: inline-block; width: 15px; margin-right: 10px }
.meestgesteldevragen_view .content { background-color: #fff; color: #202964; opacity: 0; overflow: hidden; padding: 0 20px; position: absolute; visibility: hidden; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }

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


/* 
.voorpagina .meestgesteldevragen_view .item { margin-bottom: 15px }
.voorpagina .meestgesteldevragen_view .titel { background-color: #fff; border-radius: 5px; }
.voorpagina .meestgesteldevragen_view .item.active .titel { border-radius: 5px 5px 0 0; }
.voorpagina .meestgesteldevragen_view .content { background-color: #2daae1; color: #fff; border-radius: 0 0 5px 5px; }

.voorpagina .meestgesteldevragen_view .titel:after { content:  url('images/rightblauw.svg');display: inline-block; width: 22px; color: inherit; opacity: 1; margin-left: 10px; position: relative; top: 2px; transition: 200ms; -webkit-transition:200ms;  }
.voorpagina .meestgesteldevragen_view .titel:hover:after  { margin-left: 20px; }
.voorpagina .meestgesteldevragen_view .item.active .titel:after { transform: rotateZ(90deg); } */

@media only screen and (max-width: 767px) {
    /* meestgesteldevragen_view  */
    .meestgesteldevragen_view .item.set { transition: 0ms; -webkit-transition: 0ms; -ms-transition: 0ms; }
    .meestgesteldevragen_view .item .content {  transition: 0ms; -webkit-transition: 0ms; -ms-transition: 0ms; }
}




/* meldschade */
#meldschade { margin-bottom: 20px; width: 100%; float: left; }
#meldschade .gform_footer  { display: none; }

#meldschade.overige .gform_footer, 
#meldschade.voertuig .gform_footer { display: block; }


#overige { display: none; }
#meldschade.overige #overige { display: block; float: left;  width: 100%; padding-top: 30px; }

#schadevoertuig { display: none; }
#meldschade.voertuig #schadevoertuig  { display: block; float: left;  width: 100%; padding-top: 30px; }

#glasschade { display: none; }
#meldschade.glasschade #glasschade  { display: block; float: left;  width: 100%; padding-top: 30px; }


#meldschade .links { float: left;  width: 100%; padding-top:20px; }
#meldschade .mk_button { font-weight: 300; clear: left; margin: 3px 0; }
#meldschade .mk_button:hover { color: #f07e12 !important; text-decoration: none !important;  }


.gform_wrapper .gform_validation_errors > h2 { font-size: 18px !important; }



#mainmelding { background-color: #fff; height: 42px; transition: 500ms; -webkit-transition: 500ms; overflow: hidden; }
#mainmelding .mk_rij { padding: 10px 0; }
#mainmelding .close { display: none; cursor: pointer; float: right; background-color: #f07e12; padding: 10px; border-radius: 100px; color: #fff; line-height: 1em; padding: 7px 10px; margin: -4px 0; }
#mainmelding .mk_rij::before { content: "i"; cursor: pointer; float: left; display: inline-block; background-color: #f07e12;  padding: 10px; border-radius: 100px; color: #fff; line-height: 1em; padding: 7px 13px; margin: -4px 20px -4px 0; }

.paginascroll #mainmelding {height: 0px; }


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

    .frontpageslider h1 { font-size: 4vw; }
    .frontpageslider .figuur { left: -5vw; }

    .verzekering_overzicht .overzicht_items .item { width: 50%; }
}

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

    .mk_sectie.blokken .mk_kolom:nth-child(n) { width: 48%; margin-right: 4%; margin-bottom: 4%; }
    .mk_sectie.blokken .mk_kolom:nth-child(2n+2) { margin-right: 0%; }
    .mk_sectie.blokken { margin-bottom: -4%; }

    .mk_sectie.blokken.driediensten .mk_kolom:nth-child(n) { width: 48%; margin-right: 4%;  }
    .mk_sectie.blokken.driediensten .mk_kolom:nth-child(2n+2) { margin-right: 0%; }


    .frontpageslider .slide-module .inner { padding-left: 10vw; padding-right: 0; padding-bottom: 80px; }
    .frontpageslider .swiper-pagination { padding-left: 10vw; bottom: calc( 50% - 90px ); }


    .verzekering_overzicht .overzicht_titel { width: 100%; }
    .verzekering_overzicht .overzicht_items { width: 100%; }

}

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


    .frontpageslider .figuur { left: -10vw; }
    .frontpageslider .mk_rij { padding: 0 !important;  }
    

    
    /* footer */
    .mk_footer:nth-child(n) { width: calc(50% - 30px); } 
    .mk_footer .socials { text-align: left; }
    

    .mk_sectie.bottomline > .mk_rij:last-child::before { bottom: -30px } 


    .login .logo { width: calc(50% - 30px); }
    .login .logo:nth-child(2n+3) { clear: left; }


    #mainmelding {height: auto; }


    .overzicht_history .item .afbeelding { margin: 0 auto -100px auto !important; }
    .overzicht_history .item:not(:last-child) { margin-bottom: 170px; }
    .overzicht_history .item:last-child { margin-bottom: 50px; }
}

@media only screen and (max-width: 767px) {
    
    /* #footer-bottom */
    #footer-bottom { padding: 15px 0; }
    #footer-info:nth-child(n) { text-align: center; width: 100%; padding-bottom: 0; margin: 0; }


    .mk_sectie:not(.full) .mk_rij { padding-left: 20px; padding-right: 20px; }


    #main-footer { background-color: #eaf1f9; }
    #main-footer::before { display: none; }

    .frontpageslider { overflow: hidden; height: 500px; }
    .frontpageslider .figuur { display: none; }
    .frontpageslider .slide-module { padding-top: 50px; }
    .frontpageslider .slide-module .inner { padding: 0 !important; }
    .frontpageslider .sliderachtergrond::before { content: ""; display: block; width: 100%; height: 100%; background-color: #007fb6; opacity: 0.85; position: absolute; top: 0; left: 0; }
    .frontpageslider .sliderachtergrond { height: 100%; min-width: 100%; width: auto; left: 50%;  }
    .frontpageslider .sliderachtergrond img { max-width: 300%; height: 130%; }

    .frontpageslider .sliderachtergrond .header_bg_shape { display: none; }

    .frontpageslider .swiper-pagination { padding: 0 !important; width: 90%; bottom: 50px;}
    .frontpageslider .subtitel { height: auto !important; max-height: inherit !important;}
    .frontpageslider h1 { height: auto !important; max-height: inherit !important;}


    .mk_sectie.header .header_bg { width: 100%; left: 50%; }
}

@media only screen and (max-width: 640px) {
    /* Titels */
    h1, h2 { font-size: 8vw; }

    .gform_wrapper ul.gform_fields li.gfield { width: 100%; }

    .frontpageslider h1 { font-size: 8vw; }
    .frontpageslider .subtitel { font-size: 20px; }

    .mk_sectie.blokken .mk_kolom:nth-child(n) { width: 100%; margin-right: 0%; }

    .mk_sectie.blokken.driediensten .mk_kolom:nth-child(n) { width: 100%; margin-right: 0%;  }

    .verzekering_overzicht .overzicht_items .item { width: 100%; }

    /* .ons_team */
    .ons_team { display: none; }
    .ons_team_mobile { display: block !important; }


    .login .logo { width: calc(100% - 30px); clear: left; }
}

@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 */
    .mk_footer:nth-child(n) { width: calc(100% - 30px); } 

    .mk_sectie.rij_lightblauw .mk_kolom_1_1 { padding-left: 0px; }

    .frontpageslider .slide-module .inner { padding: 0 0  30px 0 !important; }


    .overzicht_history .item { padding: 50px 20px; }
    .overzicht_history .item .afbeelding.fotokader { width: 120%; position: relative; left: -10%; }

}