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

@import url("style-woo.css");
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Staatliches');
@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-RegularIt.eot');
    src: url('fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-RegularIt.woff2') format('woff2'),
        url('fonts/ProximaNova-RegularIt.woff') format('woff'),
        url('fonts/ProximaNova-RegularIt.ttf') format('truetype'),
        url('fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNovaT-Thin.eot');
    src: url('fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('fonts/ProximaNovaT-Thin.woff') format('woff'),
        url('fonts/ProximaNovaT-Thin.ttf') format('truetype'),
        url('fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ExtrabldIt.eot');
    src: url('fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
        url('fonts/ProximaNova-ExtrabldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-ExtrabldIt.svg#ProximaNova-ExtrabldIt') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ThinIt.eot');
    src: url('fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-ThinIt.woff2') format('woff2'),
        url('fonts/ProximaNova-ThinIt.woff') format('woff'),
        url('fonts/ProximaNova-ThinIt.ttf') format('truetype'),
        url('fonts/ProximaNova-ThinIt.svg#ProximaNova-ThinIt') format('svg');
    font-weight: 100;
    font-style: italic;
}

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

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BoldIt.eot');
    src: url('fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-BoldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BoldIt.woff') format('woff'),
        url('fonts/ProximaNova-BoldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BlackIt.eot');
    src: url('fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-BlackIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BlackIt.woff') format('woff'),
        url('fonts/ProximaNova-BlackIt.ttf') format('truetype'),
        url('fonts/ProximaNova-BlackIt.svg#ProximaNova-BlackIt') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-SemiboldIt.eot');
    src: url('fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-SemiboldIt.woff') format('woff'),
        url('fonts/ProximaNova-SemiboldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Extrabld.eot');
    src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('fonts/ProximaNova-Extrabld.ttf') format('truetype'),
        url('fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Semibold.eot');
    src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('fonts/ProximaNova-Semibold.woff') format('woff'),
        url('fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff'),
        url('fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}



html {scroll-behavior: smooth}
body {font-family: 'Proxima Nova';font-size: 17px;font-weight: 400;line-height: 1.9em;color: #000;/* overflow: hidden; */}


h1 {font-size: 92px; font-weight: 400; line-height: 1em; font-family: Staatliches; color: #739397; letter-spacing: 2px;}
h2 {font-size: 81px;font-weight: 400;line-height: 1em;font-family: Staatliches;color: #e0b284;letter-spacing: 2px;}
h3 {font-size: 39px;font-weight: 400;line-height: 1em;font-family: Staatliches;color: #bfbfbf;letter-spacing: 2px;padding-bottom: 6px;}
h4 {font-size: 20px; font-weight: 400; line-height: 1em; font-family: Staatliches;}

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

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


/*default layout*/
.vervolgpagina .mk_sectie:nth-of-type(1) {  }
.vervolgpagina .mk_sectie:nth-of-type(1) h1 {  }
.vervolgpagina .mk_sectie:nth-of-type(1):after {  }


/* Buttons */
.mk_button {padding: 15px 20px;background: #e0b284;border-radius: 0;color: #fff;text-decoration: none;text-transform: uppercase;font-size: 21px;transition: 200ms;display: inline-block;-webkit-transition:200ms;font-family: "Staatliches";}
.mk_button:hover { padding: 15px 40px 15px 20px; }
.mk_button:after { opacity: 0; margin-left: -10px; position: absolute; transition: 200ms; -webkit-transition:200ms; content: "\f105"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }


/* Header */
#top-header {background-color: #fff;font-family: "Raleway";font-size: 20.3px;} 
#main-header  {background-color: #fff;font-family: "Raleway";position: relative;padding-bottom: 19px;}
#main-header:after {content:url(images/white-bg-border-bottom.png);position: absolute;bottom: -20px;left: 0;width: 100%;z-index: 10;}
.fullheader {overflow: hidden;}
/*Info*/
#mk-info { float: right; font-weight: 400; padding: 22px 0; }
#mk-info a { font-size: 15px; color: #000; text-decoration: none; }

#mk-info .mk-info-email { font-weight: 700; color: #000; font-size: 18px; }
#mk-info .mk-info-phone {font-weight: 700;color: #739397;font-size: 20.3px;margin-right: 0;}
#mk-info .mk-info-mobiel { font-weight: 700; color: #000; font-size: 18px; }

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

#mk-info i.fa-phone { margin: 0 5px 0 10px; color: #000; font-size: 20px; }
#mk-info i.fa-whatsapp { margin: 0 5px 0 10px; color: #000; font-size: 24px;}
#mk-info i.fa-paper-plane { margin: 0 5px 0 10px; color: #000; font-size: 20px; }


/*logo*/
.mk_logo_container {height: calc(100% + 72px) !important;width: auto!important;margin-top: -51px;z-index: 15;}
.mk_logo {height: 100%;width: auto;}


/* Menu */
.ubermenu.ubermenu-main { margin-right: -15px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {color: #030304;font-size: 18.8px;text-transform: none;font-family: "Raleway";padding: 8px 10px;}
.ubermenu .ubermenu-target-text {  }
.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; }
.ubermenu .ubermenu-current-menu-item .ubermenu-target-text:after {width:100%;height:2px;content:"";background-color: #739397;display: block;margin-top: 5px; transition: 300ms;  transform: translateY(0px) scale(1) !important;}
.ubermenu .ubermenu-target-text:after {width:100%;height:2px;content:"";background-color: #739397;display: block;margin-top: 5px; transform: translateY(10px) scale(0); transition: 300ms;}
.ubermenu .ubermenu-target-text:hover:after { transform: translateY(0px) scale(1);}
/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; }
#shiftnav-toggle-main-button { font-size: 35px; padding: 27px 10px !important; }
#shiftnav-toggle-main-button i:before {content: "\f0c9";font-family: "Font Awesome 5 Free";color: #739397;font-weight: 900;}
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img {float: left;max-height: 65px;max-width: min-content;}

.shiftnav { z-index: 99999999 !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 ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 solid #b4b4b4!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target {padding: 10px 25px !important;color: #000000;background-color: #fff !important;border-top: 0 !important;border-bottom: 0 solid #b4b4b4!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: #739397 !important;}

.shiftnav .sub-menu li {border-bottom: 0 solid #b4b4b4!important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #b4b4b4;}
.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: #b4b4b4 !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-email:before {content: "\f1d8"; font-family: "Font Awesome 5 Free"; color: #000; margin-right: 5px; font-size: 20px;}
.shiftnav-inner #mk-info-phone {font-weight: 600; color: #b4b4b4; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 600; color: #b4b4b4; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}


/* Slider */
.frontpageslider {background: #ffff;height: 610px;}
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; }
.frontpageslider h1 {color: #739397; line-height: 1em;font-family: "Staatliches";letter-spacing: 4px;margin-bottom: 21px;}
.frontpageslider .subtitel {font-size: 44px; color: rgba(0, 0, 0, 0.25);line-height: 0.9em;font-family: "Staatliches";letter-spacing: 2px;}
.frontpageslider .et_pb_column  { width: 70%; margin-left: -40px; }
.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; }
.slide-content {margin: 0 auto;max-width: 1200px;width: 80%;margin-top: 112px;}
.slide-content {animation: fadeToRight 2s ease-out 200ms;}

.slide-content p {    background-image: url(images/slide-text-bg.svg);
    color: #fff;
    max-width: 510px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 59px 85px;
    line-height: 1.9em;
    background-position: top left;}

@keyframes fadeToRight {
    from {transform: translateX(-200px); opacity: 0;}
    to {transform: translateX(0px); opacity: 1;}
  }

/* Content */
.usps-sectie {
    padding: 50px 0 115px 0;
}
.usps-sectie .mk_rij {display: flex; justify-content: space-between}
.usps-sectie .usp {background-image: url(images/orangecheck.svg);padding: 0 78px;background-position: top 8px left;background-repeat: no-repeat;background-size: 55px;padding-top: 0;}
.usps-sectie .usp:last-child {padding-right: 0;}

.home0 {background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(230,230,230,1) 55%, rgba(255,255,255,1) 70%);padding-bottom: 50px;}
.home0 .title {font-size: 81px; color: #e0b284; font-family: "Staatliches"; line-height: 1em;}
.home0 .subtitle {font-size: 44px; color: rgba(0, 0, 0, 0.25); line-height: 0.9em; font-family: "Staatliches"; letter-spacing: 2px;}
.home0 .mk_afbeelding {margin-top: 0; position: absolute; z-index: 10; top: -98px;}

.home1 {background-image: url(images/home1bg.png);padding: 95px 0;margin-top: -20px;z-index: 9;background-repeat: repeat-x;background-size: cover;}
.home1 .mk_kolom {width: 14.1%;text-align: center;margin-right: 0;}
.home1 .mk_kolom img {display: inline-block;height: 78px;display: block;margin: auto;margin-bottom: 15px;}
.home1 .mk_kolom a {color: #fff;}

.home2 {background-image: url(images/home2bg.jpg);margin-top: -44px;z-index: 8;padding: 160px 0 0 0;background-size: cover;color:#fff;}
.home2 .mk_kolom:first-child img {margin:0 auto; margin-top: -120px;}

.home3 {background-image: url(images/white-bg-border-top.png), url(images/white-bg-border-top.png);background-position: top center, bottom center;background-repeat: repeat-x;background-size: auto;margin-top: -15px;z-index: 10;margin-bottom: -15px;padding: 110px 0 43px 0;}
.home3 h2 {width: 61%;font-size: 55.5px;}
.home3 h3 {font-size: 31px;}

.home4 {background-color: #f4f4f4;padding-top: 0;}
.home4 .mk_rij{padding-top: 0;}

.content-tabs { 

}

.content-tabs .tabs {width: 25%;float: left;}

.content-tabs .tabs .tab {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Staatliches;
    letter-spacing: 0.7px;
    padding: 25px 0 23px 33px;
    border-bottom: 2px solid #e0b284;
    transition: 250ms;
    cursor: pointer;
    display: block;
}

.content-tabs .tabs .tab.active {
    background: #e0b284;
    color: #fff;
}

.content-tabs .tabs .tab:last-child {border:none}

.content-tabs .content {width: 66%;float: right;position: absolute;right: 0; opacity: 0; transition: 250ms; transform: translateY(100px)}
.content-tabs .content.active {opacity: 1;transform: translateY(-0px);z-index: 11;display: block;}

.content-tabs .content .text {padding-top: 50px;}

.content-tabs .content .text a {display: block;font-weight: 600;}

.content-tabs .content .images {float: right;padding-left: 35px;margin-top: -80px;}

.content-tabs .content .images img { 

}

/* Productpagina */
.page-template-productpagina article .mk_sectie:first-of-type {background-color: #f4f4f4;}
.page-template-productpagina .entry-content {width: 50%; float: left; padding-right: 50px;}
.page-template-productpagina .entry-content h3 {padding-bottom: 30px;}
.page-template-productpagina .entry-image {width: 50%; float: left; padding-left: 50px;}
.page-template-productpagina .contact-sectie {background-color: #739397; text-align: center; }
.page-template-productpagina .contact-sectie h3 {color:#fff; padding-bottom: 20px;}

.page-template-productpagina .contact-sectie:before{content:url(images/blue-bg-border-top.png);position: absolute;top: -15px;left: 0;width: 100%;}
.page-template-productpagina .contact-sectie:after{content:url(images/blue-bg-border-top.png);position: absolute;bottom: -21px;left: 0;width: 100%;}

.page-template-productpagina .product-tabs {background-color: #739397; text-align: center; }
.page-template-productpagina .product-tabs:before{content:url(images/blue-bg-border-top.png);position: absolute;top: -15px;left: 0;width: 100%;}
.page-template-productpagina .product-tabs:after{content:url(images/blue-bg-border-top.png);position: absolute;bottom: -21px;left: 0;width: 100%;}

.page-template-productpagina .product-tabs h3 {color: #fff;}

.page-template-productpagina .product-tabs .tabs {margin-top: 20px; }
.page-template-productpagina .product-tabs .tabs .tab {display: inline-block;margin: 0 35px;color: #fff;font-weight: 600;cursor: pointer;border-bottom: 2px solid rgba(255, 255, 255, 0);}

.page-template-productpagina .product-tabs .tabs .tab i {opacity: 0; transition: 250ms; padding-left: 5px;}
.page-template-productpagina .product-tabs .tabs .tab:hover i{opacity: 1;}
.page-template-productpagina .product-tabs .tabs .tab.active {border-bottom:2px solid #fff;}
.page-template-productpagina .product-tabs .tabs .tab.active i{opacity: 1;transform: rotate(90deg);}
.page-template-productpagina .product-tab-content .image{float:right;width: 50%;padding-left: 50px;clear: right;}
/* Blog */
.mk_blog_sectie {  }
.blog #main-content .container:before { display: none; }
.blog #main-content .container { width: 100%; max-width: inherit; padding: 0;  }
.blog #left-area { width: 100%; padding: 0; }
.blogsection { float: left; width: 100%; }
.blogintro h1 { padding-top: 50px; padding-bottom: 0px; }
.blogrow { padding: 45px 0; float: left; width: 100%;}
.blogrow:nth-child(even) {background-color:#f3f3f3;}
.blogpost { width: 80%; max-width: 1200px; margin: 0 auto;}
.blogpost .content { padding: 30px 0 ; position: relative; min-height: 250px;}
.blogpost .title {font-size: 24px; font-weight: 600;}
.blogpost .date, .blogpost .time {font-size: 16px; font-weight: 500;}
.blogpost .intro {font-size: 16px; padding-top: 15px;}
.blogpost .image {width: 35%; height: 100%; padding-bottom: 15px; padding-left:30px; float: right; background-size: cover; background-position: center center;}
.blogpost .image { display: block; }
.blogbtn.mk_button {display:block; margin-top: 30px; }
.blogbtn.mk_button:hover {  }
.blogbtn.mk_button:after { }


/*Blog content template*/
.blog-content { width: 100%; float: left; }
.blog-titel {margin-bottom: 10px;}
.blog-datum {margin-bottom: 15px; font-weight: 600;}
.blog-afbeelding {float: right; margin-left: 32px; width: 40%;}
.blog-tekst ul {padding: 0 0 14px 1em !important;}




/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0; }
.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 .gfield_label { display: none; }
.gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0; }
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7; padding: 15px !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: 1px solid #ccc;}

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .mk_button {padding: 15px 20px 15px 20px !important; cursor: pointer; border: 0; }
.gform_wrapper .mk_button:hover { padding: 15px 40px 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: #739397;color:#fff;position: relative; }
#main-footer .mk_rij {background-image: url(images/footerlogo.png); background-position: right center; background-repeat: no-repeat;}
#main-footer a{color:#fff;position: relative;}
#main-footer:before {content:url(images/blue-bg-border-top.png);position: absolute;top: -15px;left: 0;width: 100%;}
#footer-bottom {background-color: #708f93;padding: 15px 0 5px 0;}
#footer-bottom .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }
#footer-info { float: left; padding-bottom: 10px; color: #666; text-align: left; color: #fff; }
#footer-info a { color: #fff; }
#footer-info:nth-child(2) { float: right; }

.mk_footer1, .mk_footer2, .mk_footer3, .mk_footer4 { width: 100%; float: left; }
.mk_footer { margin-bottom: 30px; }
.mk_footer:last-child { margin-bottom: 0; }

.mk_footer .footer_locatie { width: 30%; margin-right: 5%; float: left; }
.mk_footer .footer_locatie:last-child { margin-right: 0; }

.mk_footer3 .tekst { width: 47.5%; float: left; margin-right: 5%; }
.mk_footer3 .afbeelding { width: 47.5%; float: left; }




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

}

@media only screen and (max-width: 1300px) {
    .content-tabs .content .images {
    float: none;
    margin-top: 0;
}
.content-tabs .content {
    width: 100%;
    position: relative;
    display: none;
}

.page-template-productpagina .entry-content h1 {font-size: 65px;}

.page-template-productpagina .product-tabs .tabs .tab {width: 50%;margin: 0;float: left;margin-bottom: 20px;}
}

@media only screen and (max-width: 980px) {
    #main-header { display: none; }

	.frontpageslider {height: auto;}
	.slide-content { margin-top: 10vw; }
	.frontpageslider h1 { font-size: 55px; text-indent: -20px; }
	.frontpageslider .subtitel { width: 100%; }

    .vervolgpagina .mk_sectie:nth-of-type(1) { padding-top: 30px;}
    #mk-info { padding: 0; }

    #footer-info { text-align: center; width: 100%; }
    #footer-info:nth-child(1) { padding-bottom: 0; } 

    .usps-sectie .mk_rij {flex-direction: column;}
    .usps-sectie .usp {padding: 12px 0px 12px 70px;}

    .home0 .mk_afbeelding {top:0;position: relative;}
    .home1 .mk_kolom {width: 33.266%;}

    .content-tabs .tabs {
    width: 100%;
    margin-bottom: 40px;
}

.home0 {background:#fff!important}

.page-template-productpagina .entry-image{width: 100%;padding-left: 0;} 
.page-template-productpagina .entry-content {width: 100%;}
}

@media only screen and (max-width: 767px) {
	.owl-prev { left: -50px; }
	.owl-next { right: -50px; }
	.owl-prev::before { font-size: 50px; }
	.owl-next::before { font-size: 50px; }

    .slide-module { width: 100%; margin-left: 0px; }
    .frontpageslider .swiper-slide h1 { font-size: 10vw; }
    .frontpageslider .swiper-slide .subtitel { font-size: 5.5vw; }

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

    .mk_footer .footer_locatie { width: 100%; margin-bottom: 30px; }
    .mk_footer .footer_locatie:last-child { margin-bottom: 0px; }
   
    #footer-info .mail { display: block; }
    #footer-info .sep:nth-of-type(2) { display: none; } 

    .usps-sectie {padding:30px 0;}
    .home3 {padding-top: 30px;}
    .home3 h2 {width: 100%;}
}

@media only screen and (max-width: 640px) {
    #mk-info {float: none;}
    .blog-afbeelding { max-width: 100%; margin-left: 0; text-align: center; width: 100%; margin-bottom: 15px; }
    .slide-content p {max-width: 100%;
        padding: 30px;}
        #main-footer .mk_rij {background-image: none;}

        .page-template-productpagina .product-tabs .tabs .tab {width: 100%;}
}

@media only screen and (max-width: 479px) {
    .mk_telefoon  .mk-info-tekst { display: block; margin-bottom: 5px; }
    .mk_mobiel .mk-info-tekst { display: none; }
    .mk_telefoon { width: 100%; text-align: center; margin-bottom: 5px; }
    .mk_mobiel { width: 100%; text-align: center; }
    .mk-info-phone { margin-right: 0px; }

    .vervolgpagina .mk_sectie:nth-of-type(1) { margin-bottom: 0px; }

    .mk_footer3 .tekst, .mk_footer3 .afbeelding { width: 100%; margin-right: 0; }
    .mk_footer3 .tekst { margin-bottom: 30px; }

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

    .home1 .mk_kolom {width: 100%;}
}