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

@import url('https://fonts.googleapis.com/css?family=Dosis:400:600');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,600i,700');

/*Bebas Neue*/
@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeueBold.eot');
    src: url('fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueBold.woff2') format('woff2'),
        url('fonts/BebasNeueBold.woff') format('woff'),
        url('fonts/BebasNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:'futura';
    src: url('fonts/Futura-Std-Bold_19042.ttf') format('truetype');
    font-weight: bold;
    font-style:normal;
}

/*Proxima Nova*/
@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.woff') format('woff'),
        url('fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@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.woff') format('woff'),
        url('fonts/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@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.woff') format('woff'),
        url('fonts/ProximaNova-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

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

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

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

@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.woff') format('woff'),
        url('fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

@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.woff') format('woff'),
        url('fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@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.woff') format('woff'),
        url('fonts/ProximaNova-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


body {  font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7em; color: #676767; }


h1, h2, { font-size: 45px; font-weight: bold; line-height: 1.3em; text-align:center; color:#2c2c2c; width:600px; position:relative; padding-bottom:20px; font-family: 'Futura', sans-serif; font-weight: 600;}
.home1 h1, .home1 h2 {font-size: 40px; font-weight: bold; line-height: 1.3em; text-align:center; color:#2c2c2c; width:600px; margin:auto; position:relative; padding-bottom:20px; margin-bottom:30px; font-family: 'Futura', sans-serif;}
.home2 h1, .home2 h2 {font-size: 40px; font-weight: bold; line-height: 1.3em; text-align:center; color:#2c2c2c; width:600px; margin:auto; position:relative; padding-bottom:20px; margin-bottom:30px; font-family: 'Futura', sans-serif;  letter-spacing: 5px; z-index:2; margin-top:-100px;}
.home3 h1, .home3 h2 {font-size: 40px; font-weight: bold; line-height: 1.3em; text-align:center; color:#2c2c2c; width:435px; margin:auto; position:relative; padding-bottom:20px; margin-bottom:30px; font-family: 'Futura', sans-serif;  letter-spacing: 5px;}
h3 { font-size: 20px; font-weight: bold; line-height: 1em; font-family: 'Futura', sans-serif; }
h4 { font-size: 20px; font-weight: bold; line-height: 1em; color:#2c2c2c; text-align: left;}

h1:after {
    content:"";
    background:#c92129;
    bottom:0;
    left: calc(50% - 32.5px);
    height:3px;
    width:65px;
    position:absolute;
}

h4:after {
    content:"";
    background:#c92129;
    bottom:0;
    left:0%;
    height:3px;
    width:65px;
    position:absolute;
}
.post-2651 h4:after, .post-2641 h4:after, .post-2549 h4:after {display:none;}

 a { text-decoration:none; color: #bebebe; }
 p {font-family: 'Titillium Web', sans-serif;}
 .home1 p:after{content: url("images/arrow.png"); margin-left:5px; position: absolute; margin-top:2px;}
 .home1 p{font-family: 'Titillium Web', sans-serif; font-weight:600; font-style: italic; color: #bebebe;}

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


/*default layout*/


/* Buttons */
.mk_button {padding: 15px 20px; font-family: 'Futura', sans-serif; font-weight:400; background: #ce2929; border-radius: 5px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; transition: 200ms; -webkit-transition:200ms; }
.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; margin-top:3px; }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }
.mk_knop_inner {
    
}

.mk_knop {
    width:100%;
}

/* Header */
#top-header { background-color: #fff; width: 70%; text-align: center; margin: auto; } 
#main-header  { width:70%; text-align: center; margin: auto; }
#main-header .container {width:100%;}
#top-header .container {width:100%;}
.mobile-info {font-size:25px; font-weight:bold; margin-bottom: 50px; margin-top:25px;}
.mobile-info a {color:#ce2929;}
.mobile-info .mobile-bel {padding:50px;}
.mobile-info .mobile-mail {padding:50px;}
.mobile-info .mobile-bel i:before {        
    font-family: "Font Awesome 5 Free";
    color: #ce2929;
    margin-right: 5px;
    font-size: 25px;
}
.mobile-info .mobile-mail i:before {    
    font-family: "Font Awesome 5 Free";
    color: #ce2929;
    margin-right: 5px;
}
.mobile-info .sep {color:#ce2929; font-size:30px;}

/*Info*/
#mk-info { float: right; font-weight: 400; padding: 0 0 50px 0; margin-top:13px;}
#mk-info a { font-size: 15px; color: #000; text-decoration: none; }
.mk-info-email { background-color:#ce2929; color:white; padding:15px 20px; margin-right:0px; }
.mk-info-phone { font-weight: 500; color: #000; font-size: 15px; margin-right: -4px; background-color:#393939; color:white; padding:15px 20px; }
.mk-info-mobiel { font-weight: 700; color: #000; font-size: 18px; }
i.fa-phone { margin: 0 5px 0 10px; color: #000; font-size: 20px; }
i.fa-whatsapp { margin: 0 5px 0 10px; color: #000; font-size: 24px;}
.mk_telefoon { display: inline-block;}
@-moz-document url-prefix(){
	.mk_telefoon{width:149px; margin-right:-4px;}
}
.mk_mobiel { display: inline-block; }


/*logo*/
.mk_logo_container { width:50%!important; margin-top:-25px; height:auto!important; }
.mk_logo {  }


/* Menu */
.ubermenu.ubermenu-main { margin-right: -15px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #2c2c2c; font-size: 19px; font-family: 'Titillium Web', sans-serif;  padding: 10px 10px; font-weight:400!important; }
.ubermenu .ubermenu-target-text {  }
.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-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target, .ubermenu-main div, .ubermenu-main p, .ubermenu-main input {font-weight: 600!important;}
#main-header .ubermenu .ubermenu-item.ubermenu-item-level-0{padding:0px 15px;}
.ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop {top:48px!important; width:335px!important;}
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width { max-height: 999999px; width: auto!important; left:auto!important; margin-left:-15px;}
.ubermenu .ubermenu-submenu .ubermenu-column {float:none!important; transition: background 0.3s ease-out;}
.ubermenu .ubermenu-submenu .ubermenu-column:hover {background:#ce2929; transition: background 0.3s ease-in;}
.ubermenu .ubermenu-submenu .ubermenu-column:hover .ubermenu-target {color:#fff!important;}
.ubermenu-bound .ubermenu-submenu-type-mega {min-width: auto!important;}
.ubermenu .ubermenu-submenu .ubermenu-column .ubermenu-target:after { 
    opacity: 0;
    margin-left: -10px;
    position: absolute;
    transition: opacity 100ms ease-out;
    transition: margin 200ms ease-out;
    -webkit-transition: opacity 100ms ease-out;
    -webkit-transition: margin 200ms ease-out;
    content: "\f105";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-top:2px;
}
.ubermenu .ubermenu-submenu .ubermenu-column:hover .ubermenu-target:after { 
    opacity: 1;
    margin-left: 5px;
    transition: opacity 100ms ease-in;
    transition: margin 200ms ease-in;
    -webkit-transition: opacity 100ms ease-in;
    -webkit-transition: margin 200ms ease-in;
}

/* 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: #ce2929; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 100px; max-width: 100%; }

.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #8f207e !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }

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

.shiftnav .sub-menu li {border-bottom: 0 solid #1e2b50!important;}
.shiftnav .sub-menu li a.shiftnav-target {}
.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: #ce2929 !important;}
.shiftnav ul.shiftnav-menu li.menu-item .sub-menu .shiftnav-target { padding: 10px 25px 10px 40px !important; color:#2c2c2c; }
.shiftnav ul.shiftnav-menu li.menu-item .sub-menu .shiftnav-target:before {content: "";text-decoration: underline; margin-top: 12px; margin-left: -13px; height: 1px; background: #ce2929; position: absolute; width: 10px;}

.shiftnav-inner #mk-info {float: left; width: 100%; display: block; text-align: center; padding: 0; margin-top:50px;}
.shiftnav-inner #mk-info-email:before {content: "\f1d8"; font-family: "Font Awesome 5 Free"; color: #000000; margin-right:5px;}
.shiftnav-inner #mk-info-phone {font-weight: 600; color: #ce2929; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 600; color: #ce2929; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}


/* Slider */
.frontpageslider { background: #ffff; height: 620px; margin-top:50px;}
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; background-position-y:83%}
.frontpageslider h1 { font-size: 48.5px;  font-weight: bold; color: black; margin-top: 50px; line-height: 0.9em; }
.frontpageslider h1:after { display: none; }
.frontpageslider .subtitel {  color: #676767; float: left; font-size: 35px; font-weight: 300; margin-top: 10px; width: 50%; line-height: 1em;  }
.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; }
.frontslideroverlay { background-image: url('images/slideroverlay.png'); height: 550px; margin-top: -175px; position: relative; z-index: 1; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.slide-content { margin: 0 auto; max-width: 1200px; width: 70%; }
.slide-module { width: 70%;}

.frontpageslider .swiper-slide h1 { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.2s; opacity: 0; color:#fff; text-shadow: 2px 2px 5px #2c2c2c;  }
.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; font-style: italic; font-weight: bold; color:#fff; font-family: 'Titillium Web', sans-serif; padding-bottom:20px;}
.frontpageslider .swiper-slide .subtitel:after {content: ""; background: #c92129; bottom: 0; height: 3px; width: 65px; position: absolute; left:0;}
.frontpageslider .swiper-slide-active h1 { animation-name: fadeTop; opacity: 1; text-align:left; color:#fff; text-shadow: 2px 2px 5px #2c2c2c; font-family: 'Futura', sans-serif; line-height: 1.3em;}
.frontpageslider .swiper-slide-active .subtitel {animation-name: fadeLeft; opacity: 1; font-style: italic; color:#fff;  font-weight: bold; color:#fff; font-family: 'Titillium Web', sans-serif; }

/* Content */
.home1 { margin-top: -435px; z-index: 9; }
.home1 .mk_rij { max-width: 1200px; width: 80%; margin-bottom:50px;}
.home1 .mk_kolom:first-child { width: 60%; margin-right: 5%; }
.home1 .mk_kolom:nth-child(2) { ; padding: 20px 40px; width: 35%; background-color: #ce2929; color: #fff; text-align: center; margin-top: -215px; margin-bottom:75px;}
.home1 .mk_kolom:nth-child(2) h3 {margin-bottom:30px; color:#fff;}
.home1 h3 { color: #2c2c2c;     margin-top: 20px; }
.home1 img {position: relative; display: block;}

.home1 .mk_rij:first-child { }
.home1 .mk_kolom_1_4 {width:14%;}
.home1 .mk_kolom_1_4:last-child {transform: translate(-160%, -50%); padding:30px; width:22%;}
.home1 .mk_module { width: 100%; }
.home1 p {margin-top:-10px;}
.home1 h3 {font-size: 20px;}
.blokken_item .leesmeer:after{transition: margin 0.3s ease-out;}
.blokken_item:hover .leesmeer:after {margin-left:10px; transition: margin 0.3s ease-in;}
.blokken_item img {bottom:0; transition: bottom 0.3s ease-out; } 
.blokken_item:hover img { bottom:20px; transition: bottom 0.3s ease-in;}
.blokken_item:active img { animation: spin 0.1s ease-in-out;}

.ubermenu.ubermenu-main {font-family: 'Titillium Web', sans-serif;}
.ubermenu .ubermenu-item.ubermenu-item-level-0{border: 2px solid transparent;}
.ubermenu .ubermenu-item.ubermenu-item-level-0:hover{border:2px solid #ce2929; transition: border 0.5s ease-in-out; border-radius: 5px;}
.ubermenu-main .uber-menu-3 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{background:none!important;}
.ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target{color:#2c2c2c;}
.home2 .mk_module { width: 100%; float:none; margin-bottom:0px;}
.home2 .mk_rij {background:#f0f0f0;}
.home2 .mk_rij:first-child {background:#ffffff; margin-bottom:75px;/* margin-top:-150px;*/}
.home2 .mk_button {
    position: relative;
    margin-left: 43%;
    top: 50%;
    background:none;
    color:#2c2c2c;
    border:2px solid #2c2c2c;
    font-weight: bold;
    font-family: 'Futura', sans-serif; 
}
.home2 .mk_kolom_1_1 .mk_titel .mk_titel_inner{/*margin-top:-150px;*/}
.home2 .mk_knop_inner {
    margin: 75px 0;
}

.home2 .mk_button:after {
    color:#2c2c2c;
}
.home2 a img { display: block; margin: auto; float: left; transform: scale(1); transform-origin: center; transition: transform 0.15s ease-out;}
.home2 a img:hover { transform: scale(1.1); transform-origin: center; transition: transform 0.25s ease-in; z-index: 99;}
.post-69 .projectitems{text-align: center;}
.projectitems {text-align:left; width:60%; margin:0 auto; margin-top:-75px;}
.projectitem {display: inline-block; width:24.7%; height:275px; z-index: 2; position: relative; margin-bottom: -4px; background-size:cover; background-position: center center}
.projectitem img{height: 100%; min-width: 100%; max-height: 100%; object-fit: cover;}
.projectitem:hover { transform: scale(1.1); transform-origin: center; transition: transform 0.25s ease-in; z-index: 99;} 
.projectitem:hover .projectitem_overlay img { opacity: 0.8; display:block; -webkit-animation-name:fade; -webkit-animation-duration:0.3s; animation-name: fade; animation-duration: 0.3s;transform: scale(1); transform-origin: center; transition: transform 0.25s ease-in; z-index: 99;}
.projectitem_overlay img { height:275px; display:none; transform: scale(1); transform-origin: center; transition: transform 0.15s ease-out; box-shadow: 0 4px 8px 0 rgba(206, 41, 41, 0.4), 0 6px 20px 0 rgba(206, 41, 41, 0.4); opacity:0;}


@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}
@-webkit-keyframes fade { 
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.2; }
  60% { opacity: 0.4; }
  80% { opacity: 0.6; }
  100% { opacity: 0.8; }
}

@keyframes fade {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.2; }
  60% { opacity: 0.4; }
  80% { opacity: 0.6; }
  100% { opacity: 0.8; }
}
.projectitem_name {
    position: absolute;
    margin-top: 100px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Futura', sans-serif;
    display:none;
    cursor:pointer;
    z-index: 100;
    justify-content: center;
    width:100%;
    align-items: center;
}
.projectitem_name:after {
    content: url(images/cirkelpijl.png);
    margin-top: 55px;
    position: absolute;
    transition: padding 0.15s ease-out;
    width:70px;
    padding-left:0;
}
.projectitem_name:hover:after{ width:70px; padding-left:20px; transition:padding 0.15s ease-in;}
.projectitem_name:hover .projectitem_overlay img{box-shadow: 0 4px 8px 0 rgba(206, 41, 41, 0.4), 0 6px 20px 0 rgba(206, 41, 41, 0.4);}
.projectitem:hover .projectitem_name{display:flex; -webkit-animation-name:fadeIn; -webkit-animation-duration:0.5s; animation-name: fadeIn; animation-duration: 0.5s;}
.projectitem_overlay {width:100%;}
.post-69 .owl-carousel {display:none!important;}
.post-69 .projectitems{margin-bottom: 75px;}

.home3 h1,.home3 h2 {
    left:15%;
    margin-top:-2%;
    margin-bottom:4%;
}
.home3 p {width:50%;}

.home3 .mk_module {margin-top:-30px; width:100%;}
.home3 .mk_titel_inner {margin-top:30px;}


.recensie_afbeelding{width:50%; display: inline-block; float:left; margin-right:-18%;}
.recensie_afbeelding img {min-height:550px; object-fit: cover;}
.recensie{margin-top:100px;}
#footer-info{color:#fff!important;}
#footer-info a {color:#fff!important;}
.swiper-slide {background-color:#fff;}
.swiper-pagination {position: absolute; right:22%;}

/*.mk_afbeelding {
    width:200px;
    height:200px;
    float:left;
    margin-bottom:50px;
}*/


.blokken_items  { text-align: center; }
.blokken_item { display: block; float: left; width: 33.3%; }
.leesmeer {  font-family: 'Titillium Web', sans-serif;  font-weight: 600;  font-style: italic; color: #bebebe; }
.leesmeer:after { content: url("images/arrow.png"); margin-left:5px; position: absolute; margin-top:2px; }

/* Klanten Vertellen Beoordelingen */
.beoordeling-wrap {width: 100%; float: left; border: 1px solid #d3d3d3; margin-bottom: 26px; position: relative; height: 200px;}
.gemiddelde-wrap {background-color: #0b4fa1; 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;}

.sterren {height:26px; width:130px; display: inline-block;  position:absolute; margin-left:75px; margin-top:30px;}
.sterren .empty {background:url("images/Ster_leeg_klein.png") repeat-x; width:100%; height:100%; position:absolute; top:0; left:0;}
.sterren .filled {background:url("images/Ster_vol_klein.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}
.naam {display:none;}

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


/* Vervolgpagina */
.post-2724 h2 {font-size:25px; color:#2c2c2c; padding:20px 0;}
.post-2722 h2 {font-size:25px; color:#2c2c2c; padding:20px 0;}
.post-2724 .entry-content {width:70%; max-width:1200px; margin:50px auto; border-top: 1px solid #eeeeee;}
.post-2722 .entry-content {width:70%; max-width:1200px; margin:50px auto; border-top: 1px solid #eeeeee; }
.post-2817 .entry-content {width:70%; max-width:1200px; margin:50px auto; border-top: 1px solid #eeeeee; }
.post-234 .entry-content { width:70%; max-width:1200px; margin:50px auto; border-top: 1px solid #eeeeee; }
.post-2 {max-width: 1200px; position: relative; margin:auto; width:70%; }
.post-2 .mk_sectie:nth-of-type(1) h1 { font-size: 25px; font-weight: bold; line-height: 1.3em; text-align:left; color:#2c2c2c; width:600px; position:relative; padding-bottom:10px; font-family: 'Futura', sans-serif; font-weight: 600; }
.post-2 .mk_module{width:100%;}
.post-2 .entry-content{border-top:1px solid #eeeeee; margin-top:50px; padding:30px 0;}
.post-2 .contact1 .mk_rij{width:100%;}
.post-2 h1:after {
    content:"";
    background:#c92129;
    bottom:0;
    left:0%;
    height:3px;
    width:65px;
    position:absolute;
}
.post-2 .mk_kolom_1_2 {width:50%;}
body .post-2 .gform_wrapper textarea {background:#eeeeee!important;}
.post-2 .mk_module {width:100%;}
.post-2 .gform_wrapper .top_label li.gfield.berichtvak {color:#000;}
.post-2 .gform_wrapper ul.gform_fields li.gfield{ padding-right:0px;}
.post-2 .gform_wrapper ul.gform_fields li.gfield:last-child{width:100%; margin-right:-16px;}
.post-2 .gform_wrapper .top_label li.gfield.gf_inline{ float:none; display:inline-block; margin:0; width:33.3%;}
.post-2 .gform_validation_error li#field_3_4 {height:120px;}
.post-2 .gform_wrapper.gform_validation_error .top_label li.gfield.gf_inline {float:left!important;}
.post-2 .gform_wrapper .top_label input.small{margin-bottom:20px; width:100%; background:#eeeeee;}
.post-2 .gform_wrapper ul.gform_fields li.gfield .ginput_container{margin-right:16px;}
.post-2 .gform_wrapper ul.gform_fields li.gfield .ginput_container:last-child{}

.post-2 .gform_wrapper .mk_button{border:2px solid #ce2929; margin-bottom:30px;}
.post-2 .gform_wrapper .mk_button:hover{border:2px solid #ce2929;}
.post-2 .mk_button{color:#ce2929; background:#fff;}
.post-2 .mk_button:after{color:#ce2929;}

.post-2549{width:70%; text-align: center; margin: auto; max-width:1200px;}
.post-2549 .entry-content {border-top:1px solid #eeeeee; margin-top:50px;}
.post-2549 .mk_module {width:100%;}
.post-2549 .projectitems{width:100%; margin-top:50px;}
.post-2549 .projectitem {margin-bottom:-5px;}
.post-2549 h1{text-align:left; font-size: 25px; padding-bottom:10px; font-family: 'Futura', sans-serif; color: #2c2c2c; margin-bottom:25px;}
.post-2549 h1:after {left:0%;}
.post-2549 img {
    display: block;
    float: left;
    transform: scale(1);
    transform-origin: center;
    transition: transform 0.15s ease-out;
}
.post-2549 .projectitem_overlay img {display:none;}
.post-2549 img:hover {
    box-shadow: 0 4px 8px 0 rgba(206, 41, 41, 0.4), 0 6px 20px 0 rgba(206, 41, 41, 0.4);
    transform: scale(1.1);
    transform-origin: center;
    transition: transform 0.25s ease-in;
    z-index: 99;}
.post-2549 .projectitems{margin-bottom:50px;}
.post-2549 .projectitem:hover{z-index: 99; position: relative;}
.post-2549 .projectitem_name:hover:after{ padding-left:20px; width:40px; transition:width 0.15s ease-in; transition: padding 0.15s ease-in;}
.post-2549 .projectitem_name:after{ 
    content: url(images/cirkelpijl.png);
    margin-top: 55px;
    position: absolute;
    transition: width 0.15s ease-out;
    width:40px;
    padding-left:0;
    transition: padding 0.15s ease-out;
}
.post-2549 .projectitem_name {
    position: absolute;
    margin-top: 100px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Futura', sans-serif;
    display:none;
    cursor:pointer;
    justify-content: center;
    width:100%;
    align-items: center;
    text-align: center;
}

.post-2549 .owl-carousel {display:none!important;}

.post-2641 .mk_acf:before{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#f0f0f0;
    margin-top:20%;
}
.post-2641 .entry-content {border-top: 1px solid #eeeeee; margin-top: 50px;}
.post-2641{text-align: left; margin: auto;}
.post-2641 .mk_rij{width:70%; max-width:1200px;}
.post-2641 .mk_rij:nth-child(2){width:100%; max-width: 100%; background:#ce2929; text-align: center; margin: auto; position: relative;}
.post-2641 .mk_rij:nth-child(2) h1 {color:#fff; font-size:32px; margin-top:50px; font-family: 'Futura', sans-serif; letter-spacing: 5px;}
.post-2641 .mk_rij:nth-child(2) .mk_button {border: 1px solid #fff; margin:50px 0;}
.post-2641 .ubermenu.ubermenu-main{float:none; text-align: center; margin: auto;}
.post-2641 .mk_module {width:100%;}
.post-2641 .mk_knop {margin:50px 0 70px 0;}
.post-2641 h1 {margin-bottom: 25px;}

.vervolgpagina h1{text-align: left; font-size: 25px; padding-bottom: 10px; font-family: 'Futura', sans-serif; color: #2c2c2c;}
.vervolgpagina h1:after {left:0%; top:40px;}
.vervolgpagina .mk_rij:nth-child(2) h1 {text-align: center;}
.single-project .vervolgpagina h1 {text-align: center;}

.post-2622 .mk_sectie:nth-of-type(2) h1 { font-size: 20px; font-weight: bold; line-height: 1.3em; text-align:left; color:#2c2c2c; width:600px; position:relative; padding-bottom:10px; font-family: 'Futura', sans-serif; font-weight: 600; width:105px; padding:15px; }
.post-2622 .mk_module{width:100%;}
.post-2622 .entry-content{border-top:1px solid #eeeeee; margin-top:50px;}
.post-2622 .contact1 .mk_rij{width:70%;}
.post-2622  .mk_sectie:nth-of-type(2) h1{background: #f0f0f0;}
.post-2622  .mk_sectie:nth-of-type(2) h1:after {display: none;}
.post-2622 .mk_kolom_1_2 {width:50%;}
.post-2622 .mk_module {width:100%;}
.post-2622 .mk_rij {width:70%; max-width:1200px;}
.post-2622 .mk_rij:nth-child(2) {background: #f0f0f0; padding: 50px; margin-bottom:20px;}
.post-2622 .mk_afbeelding{margin-top:50px;}
.post-2622 img {width:100%; margin-bottom:50px;}
.post-2622 .mk_acf:before{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#f0f0f0;
    margin-top:25%;
}
.post-2622 .mk_rij:nth-child(4){width:100%; max-width: 100%; background:#ce2929; text-align: center; margin: auto; position: relative;}
.post-2622 .mk_rij:nth-child(4) h1 {color:#fff; font-size:25px; margin-top:50px; font-family: 'Futura', sans-serif; letter-spacing: 5px; text-align: center; background:unset; width:100%;}
.post-2622 .mk_rij:nth-child(4) .mk_button {border: 1px solid #fff; margin:50px 0;}
.post-2622 .mk_knop {margin:50px 0 70px 0;}

.post-2651 .mk_sectie:nth-of-type(1) h1 { font-size: 25px; font-weight: bold; line-height: 1.3em; text-align:left; color:#2c2c2c; width:600px; position:relative; padding-bottom:10px; font-family: 'Futura', sans-serif; font-weight: 600; }
.post-2651 .mk_module{width:100%;}
.post-2651 .entry-content{border-top:1px solid #eeeeee; margin-top:50px; padding:0px 0;}
.post-2651 .contact1 .mk_rij{width:70%;}
.post-2651 h1:after {
    content:"";
    background:#c92129;
    bottom:0;
    left:0%;
    height:3px;
    width:65px;
    position:absolute;
}
.post-2651 .mk_kolom_1_2 {width:50%;}
.post-2651 .mk_module {width:100%;}
.post-2651 .mk_rij {width:70%; max-width:1200px;}
.post-2651 .mk_rij:last-child { }
.post-2651 .mk_afbeelding{margin-top:50px;}
.post-2651 img {width:100%; margin-bottom:50px;}
.post-2651 .diensten-menu .diensten-menu-item:first-child{width:25%;}
.post-2651 .diensten-menu .diensten-menu-item:last-child{width:25%;}
.post-2651 .mk_acf:before{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#f0f0f0;
    margin-top:20%;
}
.post-2651 .mk_rij:nth-child(2){width:100%; max-width: 100%; background:#ce2929; text-align: center; margin: auto; position: relative;}
.post-2651 .mk_rij:nth-child(2) h1 {color:#fff; font-size:25px; margin-top:50px; font-family: 'Futura', sans-serif; letter-spacing: 5px; text-align: center; background:unset; width:100%;}
.post-2651 .mk_rij:nth-child(2) .mk_button {border: 1px solid #fff; margin:50px 0;}
.post-2651 .mk_knop {margin:50px 0 70px 0;}

/*Diensten Menu*/
.diensten-menu {width: 100%; text-align: center;}
.diensten-menu .diensten-menu-item {list-style-type: none; text-decoration: none; float:left; width:20%; font-size: 19px; font-weight: 600; padding:15px; }
.diensten-menu .diensten-menu-item a {color:#2c2c2c!important; font-family: 'Futura', sans-serif; text-transform: uppercase;}
.diensten-menu .diensten-menu-item:first-child{width:18%;}
.diensten-menu .diensten-menu-item:last-child{width:22%;}
.diensten-menu .diensten-menu-item:hover{border:none;  background:#f0f0f0; transition: background 0.3s ease-in; cursor: pointer; }
.active {background:#f0f0f0;}
.bn-contentfull {margin-top:-30px;}
.bn-contentleft{background:#f0f0f0; margin-bottom:50px;}
.tekstvak1 {width:50%; float:left; background: #f0f0f0; padding: 50px;}
.tekstvak2 {width:50%; float:right; background: #f0f0f0; padding: 50px;}
/*Diensten gallerij*/
.hoofdafbeelding{width:50%;}
.hoofdafbeelding a{float:left;}
.hoofdafbeelding img {object-fit:cover;width: 100%; transform: scale(1); transform-origin: center; transition: transform 0.15s ease-out; height: auto; max-height:397px; margin-top: 5px;}
.hoofdafbeelding img:hover{box-shadow: 0 4px 8px 0 rgba(206, 41, 41, 0.4), 0 6px 20px 0 rgba(206, 41, 41, 0.4); transform: scale(1.1); transform-origin: center; transition: transform 0.25s ease-in; z-index: 99; position: relative;}
.alleafbeeldingen{width:50%; float:right; padding-top:3px; margin-bottom: 50px; padding-left: 2px;}
.alleafbeeldingen .afbeelding img{width:49.3%; float:left; margin:2px}
.alleafbeeldingen .afbeelding img:hover{box-shadow: 0 4px 8px 0 rgba(206, 41, 41, 0.4), 0 6px 20px 0 rgba(206, 41, 41, 0.4); transform: scale(1.1); transform-origin: center; transition: transform 0.25s ease-in; z-index: 99; position: relative;}
.afbeelding img {transform: scale(1); transform-origin: center; transition: transform 0.15s ease-out;}

/* 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.gf_bericht { /*height:200px;*/ }
.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 input[type=email], .gform_wrapper input[type=tel], .gform_wrapper select, .gform_wrapper textarea {color:#fff;font-family: 'Titillium Web', sans-serif; border: 0px solid #e2e2e2;background: #da5c5c; padding: 15px; border-radius: 0px; display: block; width: 100%; font-size: 15px;}
.post-2 .gform_wrapper input[type=text], .post-2 .gform_wrapper input[type=email], .post-2 .gform_wrapper input[type=tel], .gform_wrapper select, .gform_wrapper textarea {color:#000;}
.gform_wrapper input[type=text]:hover, .gform_wrapper input[type=email]:hover, .gform_wrapper input[type=tel]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {}
.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .mk_button {padding: 10px 35px 10px 35px !important; cursor: pointer; border: 2px solid #ffffff; margin:0 auto;}
.gform_wrapper .mk_button:hover { }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 0px; color:#fff;}
.gform_validation_error .validation_error {padding-left:0px; padding-bottom:30px; color:#fff;}
.post-2 .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 0px; color:#c92129;}
.post-2 .gform_validation_error .validation_error {padding-left:0px; padding-bottom:30px; color:#c92129;}
.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 0 0;}
.gform_wrapper .validation_message{font-weight: 400 !important;}
.post-69 .gform_wrapper textarea {max-height:150px; font-family: 'Titillium Web', sans-serif; color:#fff;}
.post-69 input::-webkit-input-placeholder { color: #fff!important; font-style: italic!important;}
.post-69 input:-moz-placeholder { /* FF 4-18 */ color: #fff!important; font-style: italic!important;}
.post-69 input::-moz-placeholder { /* FF 19+ */ color: #fff!important; font-style: italic!important;}
.post-69 input:-ms-input-placeholder { /* IE 10+ */ color: #fff!important; font-style: italic!important;}
.post-2 input::-webkit-input-placeholder { color:#2c2c2c;}
.post-2 input:-moz-placeholder { /* FF 4-18 */ color: #2c2c2c;}
.post-2 input::-moz-placeholder { /* FF 19+ */ color: #2c2c2c;}
.post-2 input:-ms-input-placeholder {/* IE 10+ */ color: #2c2c2c;}
.post-69 .gform_wrapper textarea::-webkit-input-placeholder {color:#fff; font-style: italic!important;}
.post-69 .gform_wrapper textarea:-moz-placeholder {color:#fff; font-style: italic!important;}
.post-69 .gform_wrapper textarea::-moz-placeholder {color:#fff; font-style: italic!important;}
.post-69 .gform_wrapper textarea:-ms-input-placeholder {color:#fff; font-style: italic!important;}
.post-2 .gform_wrapper textarea::-webkit-input-placeholder {color:#2c2c2c;}
.post-2 .gform_wrapper textarea:-moz-placeholder {color:#2c2c2c;}
.post-2 .gform_wrapper textarea::-moz-placeholder {color:#2c2c2c;}
.post-2 .gform_wrapper textarea:-ms-input-placeholder {color:#2c2c2c;}
/* Project single page */
.entry-content { }
.project {border-top: 1px solid #eeeeee; margin-top:50px;}
.project .entry-content {padding: 30px 0 0 0; margin:auto; }
.project_title {
    font-size: 20px;
    line-height: 1.3em;
    text-align: left;
    color: #2c2c2c;
    position: relative;
    padding-bottom: 10px;
    font-family: 'Futura', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 15px;
    background:#f0f0f0;
    text-transform: uppercase;
}
.project h1:after {display:none;}
.project p {background:#f0f0f0; padding:50px; }
.project .mk_rij {width:70%; max-width:1200px;}
.project .mk_rij:last-child {    
    width: 100%;
    max-width: 100%;
    background: #ce2929;
    text-align: center;
    margin: auto;
    position: relative;
    margin-top:50px;
}
.project .mk_kolom {
    margin-right: 0%;
    float: left;
    min-height: 1px;
}
.project .mk_kolom_1_1 {width:100%;}
.project .mk_titel {margin-bottom: 10px; text-transform: uppercase;}
.project .mk_module {width: 100%;}
.project .mk_rij:last-child h1 {
    color: #fff;
    font-size: 25px;
    margin-top: 50px;
    font-family: 'Futura', sans-serif;
    letter-spacing: 5px;
}
.project .mk_knop {margin: 50px 0 70px 0;}
.project .mk_knop .mk_knop_inner a {
    padding: 15px 20px;
    background: #ce2929;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    transition: 200ms;
    -webkit-transition: 200ms;
    border: 1px solid #fff;
    margin: 50px 0;
}
.project .mk_knop .mk_knop_inner a: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;
}
.project .mk_knop .mk_knop_inner a:hover { padding: 15px 40px 15px 20px; }
.project .mk_knop .mk_knop_inner a:hover:after  { opacity: 1; margin-left: 10px; }
.project .alleafbeeldingen {margin-bottom:0px;}
.project .hoofdafbeelding {margin-top:50px;}
.owl-next:before {color:#000!important;}
.owl-prev:before {color:#000!important;}
.owl-carousel {width:75%; margin:auto;}
.owl-carousel .owl-stage-outer {margin-top:50px;}

/* Footer */
#main-footer { background-color: #2e2d2c; }
#footer-bottom { background-color: #242323; 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: #504f4f; text-align: left; }
#footer-info a { color: #504f4f; }
#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; }
.mk_footer4 { position: absolute; margin-top:10%; margin-left:10%;}
.mk_footer4 h4 {color:#fff; position: relative; padding-bottom:20px; font-family: 'Futura', sans-serif;}
.footer_content {margin-top:-30px;}
.footer_info  { float: left; width:auto; margin-top: 30px; color:#fff;font-family: 'Titillium Web', sans-serif; }
.footer_info_1 { width:245px; width: auto; float: left; margin-right: 20px;}
.footer_info_2 { width:245px; width: auto; float: left; margin-right: 20px; }
.footer_maps {width:50%; margin-bottom:-7px;}
.footer_gegevens {width:30%;position:relative;}
.footer_social {float:right; margin-top:-55px; }
.footer_social a img {width:54px; margin: 0 25px 0 0;}
.gm-style .place-card-large {display: none!important;}
.place-card {display: none!important;}
.gm-style {display: none!important;}
#jstcache {display: none!important;}
table.cookielawinfo-classic {margin:auto;}

.certificaat { float: left; clear: left; margin-top: 10px; }
.certificaat a { color: #fff;  text-decoration: underline; }
.certificaat img {max-height:100px;}
.certificaat a:hover { text-decoration: none; }

.mk_footer a { position: relative; } 

@media only screen and (max-width: 1800px) {
    .post-2641 .mk_acf:before{margin-top:25%;}
    .post-2651 .mk_acf:before{margin-top:25%;}
}
@media only screen and (max-width: 1700px) {
    .alleafbeeldingen .afbeelding img {margin:1px;}
}

@media only screen and (max-width: 1600px) {
    .post-2641 .mk_acf:before{margin-top:30%;}
    .post-2651 .mk_acf:before{margin-top:30%;}
    .naam {margin-top:-75px!important;}
    .home3 p {margin-bottom:50px;}
    .projectitem { width:225px; height:225px;}
    .projectitem img {width:225px; height:225px;}
    .projectitem_name { margin-top:75px;}
    .post-2549 .projectitem_name { margin-top:75px;}
    .footer_social {float:left; margin-top:31px; }
    .home2 .mk_button {margin-left:42%;}
}

@media only screen and (max-width: 1500px) {
    .mk_logo_container { width:450px!important; margin-top:-15px; height:auto!important; margin-top: 0px; }
}

@media only screen and (max-width: 1400px) {
    .post-2641 .mk_acf:before{margin-top:35%;}
    .post-2651 .mk_acf:before{margin-top:35%;}
    .sterren{margin-top:25px; margin-left:50px;}
    .home1 .mk_kolom_1_4:last-child {transform: translate(-130%, -50%);}
    .home3 h1 {left:25%; margin-top:-4%; }
    .naam {right:30%; margin-top:0px; margin-left:0!important;}
    .home3 h1 {left:14%; margin-top:1%; margin-bottom:1%;}
    .recensie {position: relative; margin-top:100px; margin:auto; left:4%;}
    .home3 p {padding:50px; padding-top:75px;}
    .home2 .mk_button {margin-left:41%;}
    .mk_logo_container {width: 400px!important;}
    .recensie_afbeelding img {min-height:435px;}


    .footer_social { position: absolute; right: 0; top: -46px; }
}
@media only screen and (max-width: 1200px) {
    .post-2641 .mk_acf:before{margin-top:40%;}
    .post-2651 .mk_acf:before{margin-top:40%;}
    .post-69 h3{font-size:18px;}
    .mk_logo_container {width: 325px!important;}

    .footer_info_2 { clear: left; }
}

@media only screen and (max-width: 1024px) {
    #top-header {width:80%;}
    .home1 .mk_kolom_1_4:last-child {width:25%;}
    .home1 .mk_kolom_1_4 { width: 15%;}
    .home1 .mk_rij {margin-top:0px;}
    .home2 .mk_button {margin-left:39%;}
    .home3 p {margin-bottom:50px; width:80%; text-align: left;}
    .recensie_afbeelding {display:none;}
    .home3 h1, h2 {left:0%;}
    .recensie {text-align:center; left:0;}
    .naam{right:20%; margin-top:-80px!important;}
    #footer-info {text-align:center; float: none;}
    #footer-info:nth-child(2){float:none; text-align: center;}
    .post-2641 .mk_acf:before{margin-top:45%;}
    .post-2651 .mk_acf:before{margin-top:45%;}
    .post-2651 .diensten-menu .diensten-menu-item:first-child{width:30%;}
    .post-2651 .diensten-menu .diensten-menu-item:last-child{width:30%;}
    .swiper-pagination {right:18%;}
    .post-2641 .diensten-menu .diensten-menu-item{font-size:15px;}
    #main-header{width:80%;}
    .home3 h1 {left:0%; margin-top:0%; }
    .post-2549 h1 {text-align: center;}
    .post-2549 h4 {text-align: center;}
    .post-2549 h1:after {left: calc(50% - 32.5px);}
    .post-2549 .projectitems {text-align: center;}
    .post-2 { width:80%; }
    .home1 .mk_rij {margin-bottom:30px;}
    .post-69 h1, .post-69 h2{ margin-top:50px;} 
    .home2 h1 { margin-top:-50px;}
    .post-2641 .mk_rij {width:80%;}
    .post-2622 .mk_rij {width:80%;}
    .post-2651 .mk_rij {width:80%;}
    .post-2549 {width:80%;}
    .projectitems {width:90%;}
    .footer_social {float:none; }
    .footer_social a img {margin: 25px 25px 0 0;}
    .footer_social { top: 41px; }
    .alleafbeeldingen {padding-top:5px;}
    .project .mk_rij {width:80%;}
    .mk_logo_container { margin-top: 0px;}
    .post-2641 .mk_rij:nth-child(2) h1 {line-height: 1.5em;}
}

@media only screen and (max-width: 980px) {
    #main-header{display:none;}
	.post-2641 .diensten-menu .diensten-menu-item{font-size:19px;}
	.mk_kolom { width: 100%; margin-bottom: 30px; }
	.mk_kolom:last-child { margin-bottom: 0; }
	.mk_logo_container {margin-top:-45px; left:-10%; z-index: 100;}
	.frontpageslider { height: 420px; }
	.slide-content { margin-top: 10vw; }
	.frontpageslider h1 { font-size: 40px; text-indent: 0px; }
	.frontpageslider .subtitel { width: 100%; }
    .frontslideroverlay {margin-top:-80px; height:200px;}
    .projectitems {width:80%;}
    .ubermenu-responsive-toggle {display:none!important;}
    .ubermenu.ubermenu-main{display: none!important;}
    body.admin-bar #shiftnav-toggle-main {top:0px; height:100px;}
    #shiftnav-toggle-main-button {padding:25px 10px !important;}
    #shiftnav-toggle-main {z-index:99 !important;}
    .home1 {margin-top:-150px;}
    .home1 .mk_kolom_1_4:last-child {width:34%; transform: translate(-145%,-50%);}
    .home1 .mk_kolom_1_4 { width: 21%; transform: translate(-240%,0%);}
    .post-2 .mk_sectie:nth-of-type(1) { padding-top: 30px;}
    #mk-info { display:none; }
    #footer-info { text-align: center; width: 100%; }
    #footer-info:nth-child(1) { padding-bottom: 0; }
    .home3 p{margin-left:0%;}
    .footer_info {width:100%;margin-top:0;}
    .footer_info_1 {width:50%; margin: 0 auto; float: none;}
    .footer_info_2 {width:50%; margin: 0 auto; float: none;}
    .footer_info { padding: 20px 0; }
    .certificaat { margin: 0 auto; float: none; }
    .mk_footer4 {position: unset; margin-top:0%;margin-left:0%;text-align:center;}
    .mk_footer:last-child{margin-bottom:30px;}
    .footer_content{margin-top:-31px;}
    .footer_social {width:100%; }
    .footer_social a img {margin:auto; margin-top:25px;}
    .footer_social { position: relative; top: 0; float: left; margin-top: 0; }
    .certificaat {text-align: center; margin-top: 10px; }
    .certificaat img { display: inline-block; }
    h4:after{left:45.5%;}
    .mk_logo {max-width:80%;}
    .post-2549 {width:90%;}
    .diensten-menu .diensten-menu-item {width:25%;}
    .diensten-menu .diensten-menu-item:first-child {width:25%;}
    .diensten-menu .diensten-menu-item:last-child {width:30%;}
    .post-2641 .mk_rij {width:90%;}
    .post-2651 .mk_rij {width:90%;}
    .post-2 .contact1 .mk_rij {width:90%;}
    .post-2641 .mk_acf:before{margin-top:70%;}
    .post-2651 .mk_acf:before{margin-top:60%;}
    .home1 .mk_kolom:nth-child(2) {width:100%; margin-top:0px;}
    .home1 .mk_kolom:first-child {width:100%; margin-right:0;}
    .home1 .mk_kolom:nth-child(2) {margin-bottom:0px;}
    .alleafbeeldingen .afbeelding img {margin: 1px;}
    .alleafbeeldingen {padding-left:0px;}
    .post-2 { width:100%; }
    .project .mk_rij {width:90%;}
    .project { margin-top: 0px;}
    .projectitem {width:100%}
    .post-2549 .owl-carousel {display:block!important;}
    .post-69 .owl-carousel {display:block!important;}
    .verbergen {display:none;}
    .post-69 .projectitems{margin-bottom: 0px; margin-top:0px;}
    .home2 .mk_rij:first-child {margin-bottom:0px;}
    .home2 h1 {margin-top:0px!important;}
    .projectitem_name {}
    .mk_footer4 h4 {text-align: center;}
    .project_title {text-align: center!important; display: block;}

    .post-2724 .entry-content {margin-top:0px;}
    .post-2722 .entry-content {margin-top:0px;}
    .post-234 .entry-content {margin-top:0px;}

    .gform_wrapper .mk_button {width:50%;}
}

@media only screen and (max-width: 768px) {
    .home2 .mk_button{margin-left:36%;}
    .home2 h1 { margin-top:0px;}
    .frontpageslider {margin-top:0px;}
    .home3 h1 {margin-bottom:50px;}
    .post-2641 .entry-content {margin-top:0px;}
    .post-2651 .entry-content {margin-top:0px;}
    .post-2622 .entry-content {margin-top:0px;}
    .post-2549 .entry-content {margin-top:0px;}
    .post-2 .entry-content {margin-top:0px;}
    .alleafbeeldingen .afbeelding img {width:49%;}
    .projectitem_name {}
    .post-2549 .projectitem_name {}
}

@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; }
    .home1 .mk_rij:first-child {margin-top:-200px;}
    .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; } 
    .post-2641 .mk_acf:before{margin-top:50%;}
    .post-2651 .mk_acf:before{margin-top:50%;}
    .home1 .mk_kolom_1_4 {width:33%; padding:5px; text-align: center; margin: auto; transform: translate(0%,0%); left:0; top:0;}
	.home1 .mk_kolom_1_4:last-child{width:100%; transform: translate(0%,0%); margin-bottom:50px;}
	.post-69 .mk_sectie{width: 90%; position: relative; margin: auto;}
    .home2 .mk_button{margin-left:0; top:0; transform: translate(0,0);}
    .home2 .mk_rij{width:112%; margin-left:-6%;}
    .home2 .mk_knop_inner{text-align: center;}
    .naam{position: relative!important; text-align: center!important; right:auto; margin:auto!important; margin-top:-75px!important; max-width:300px!important;}
    .sterren{}
    .swiper-pagination{right:3%;}
    .home3 p{margin-left:0; width:100%; padding: 50px 50px; padding-top: 75px;}
    .frontslideroverlay{margin-top:-45px; height:250px;}
    .frontpageslider .swiper-slide h1{font-size:6vw; text-align: center;}
    .frontpageslider h1 {text-indent:0px;}
    .slide-module{width:100%; text-align: center; margin: auto; position: relative;}
    .post-2622 .mk_rij {width:90%;}
    .post-2622 .mk_rij:last-child{padding:10px;}
    .post-2622 .mk_kolom_1_2{width:100%;}
    .post-2651 .diensten-menu .diensten-menu-item:first-child{width:50%;}
    .post-2651 .diensten-menu .diensten-menu-item:last-child{width:50%;}
    h4:after {left:45%;}
    .post-2651 .mk_acf:before{margin-top:90%;}
    .post-2641 .mk_acf:before{margin-top:85%;}
    .diensten-menu .diensten-menu-item:last-child{width:41%;}
    .frontpageslider .swiper-slide .subtitel:after {left:43%;}
    .hoofdafbeelding{width:100%;}
    .hoofdafbeelding img {padding: 0 0 0 0;}
    .alleafbeeldingen {width:100%; padding:0px;}
    .alleafbeeldingen .afbeelding img {padding:0px 0px 0px 0; width:49%; margin:1px;}
    .post-2549 .projectitem_name {}
    .post-2549 .projectitem_name:after {}
    .project p {padding:15px; }
    .mobile-info .mobile-bel {padding:25px;}
    .mobile-info .mobile-mail {padding:25px;}
    .shiftnav-main-toggle-content img {max-height:80px;}
    .project_title {}
}
@media only screen and (max-width: 570px) {
    .post-69 h3{font-size:16px;}
    .projectitem_name {}
    .post-2549 .projectitem_name {}
    .home1 img {width:90%;}

    .gform_wrapper .mk_button {width:unset;}
}

@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; }
    .home1 .mk_rij {width: 100%; margin-top:-80px;}
    .home1 .mk_kolom_1_4 {width:33%; padding:5px; text-align: center; margin: auto; transform: translate(0%,0%); left:0; top:0;}
	.home1 .mk_kolom_1_4:last-child{width:100%; transform: translate(0%,0%);}

    .frontpageslider {height:265px;}
	.frontslideroverlay{margin-top:-45px; height:100px;}
    .frontpageslider .swiper-slide .subtitel {padding-bottom:10px;}
    .frontpageslider .swiper-slide .subtitel:after {left:0;}
    .post-2 .mk_sectie:nth-of-type(1) { margin-bottom: 0px; }
    .post-69 .mk_sectie{width: 90%; position: relative; margin: auto;}
    .post-69 h3{font-size:12px;}
    .post-69 h1, h2{margin:0px 0; width:100%; font-size: 30px; margin-top:50px;} 
    .mk_footer3 .tekst, .mk_footer3 .afbeelding { width: 100%; margin-right: 0; }
    .mk_footer3 .tekst { margin-bottom: 30px; }
    .home1 .mk_rij:first-child {margin-top:-80px;}
    #footer-info span { display: block; }
    #footer-info .sep { display: none; }
    .post-2641 .mk_acf:before{margin-top:170%;}
    .vervolgpagina h1, .vervolgpagina h4{text-align: center;}
    .vervolgpagina h1:after {left:calc(50% - 32.5px); top:40px;}
    .vervolgpagina h4 {margin-bottom:30px;}
    .post-2622 h1:after {top:50px;}
    .post-2622 .mk_sectie:nth-of-type(2) h1 {padding:15px 15px 15px 0;}
    .post-2622 .mk_rij:nth-child(2) {padding:0;}
    .post-2651 .mk_acf:before{margin-top:140%;}
    .post-2549 h1 {margin-bottom:25px;}
    .mk_logo_container{margin-top:-15%;}
    .frontpageslider .swiper-slide h1{font-size:7vw; text-align: left;}
    .frontpageslider h1 {text-indent:0px;}
    .slide-module{width:100%; text-align: left; margin: auto; position: relative;}
    .projectitems {width:100%;}
    .home2 .mk_button{left:0; top:0; transform: translate(0,0);}
    .home2 .mk_rij{width:112%; margin-left:-6%;}
    .home2 .mk_knop_inner{text-align: center;}
    .home3 p{margin-left:0; width:100%; padding: 50px 20px; padding-top: 75px;}
    .naam{position: relative!important; text-align: center!important; right:auto; margin:auto!important; margin-top:-75px!important; max-width:250px!important; padding: 15px 30px!important;}
    .sterren{margin-top:15px; margin-left:17px;}
    .swiper-pagination{}
    .post-2 .mk_kolom_1_2 {width:100%;}
    .post-2 h1:after {left:0%;}
    .post-2 h1 {margin-bottom:30px;}
    .diensten-menu .diensten-menu-item{width:50%;}
    .diensten-menu .diensten-menu-item:first-child{width:50%;}
    .diensten-menu .diensten-menu-item:last-child{width:100%;}
    .hoofdafbeelding{width:100%;}
    .hoofdafbeelding img {padding: 0 0 0 0;}
    .alleafbeeldingen {width:100%; padding:0px;}
    .alleafbeeldingen .afbeelding img {padding:0px 0px 0px 0; width:49%; margin:1px;}
    .tekstvak1{padding:10px; width:100%;}
    .tekstvak2{padding:10px; width:100%;}
    .post-2641 .main-footer {margin-top:50px;}
    h4:after {left:40%;}
    .post-2622 .mk_rij {width:90%;}
    .post-2622 .mk_rij:last-child{padding:10px;}
    .post-2622 .mk_kolom_1_2{width:100%;}
    .post-2651 .diensten-menu .diensten-menu-item:first-child{width:50%;}
    .post-2651 .diensten-menu .diensten-menu-item:last-child{width:50%;}
    .post-2651 .mk_sectie:nth-of-type(1) h1 {width:unset; text-align: center; margin-bottom:25px;}
    .recensie-titel {margin-bottom:50px;}
    .home2 h1 {margin-bottom:50px;}
    .home3 h1:after {left: calc(50% - 32.5px);}
    .home1 .mk_kolom:nth-child(2) h3 {font-size:16px;}
    .mk_footer4 h4 {margin-bottom:30px;}
    .post-2641 .mk_rij:nth-child(2) h1 {font-size:20px;}
    .shiftnav-main-toggle-content img {max-width:80%;}
    .projectitem_name {}
    .post-2549 .projectitem_name {}
    .owl-prev {left:-40px;}
    .owl-next{right:-40px;}
    .project_title {display: block;}

    .post-2724 h2 {font-size:25px; color:#2c2c2c; padding:20px 0;}
    .post-2724 .entry-content {width:90%; }
    .post-2722 .entry-content {width:90%; }
    .post-2722 h1:after {top:65px;}
    .post-234 .entry-content {width:90%; }
    .post-234 h1 {margin-bottom: 25px;}
    .vervolgpagina .mk_titel {float: none; margin: auto;}
}

@media only screen and (max-width: 411px) {
    .frontslideroverlay {height:125px;}
}

@media only screen and (max-width: 400px) {
	.naam{position: relative!important; text-align: center!important; right:auto; margin:auto!important; margin-top:-75px!important;}
}

@media only screen and (max-width: 320px) {
    .home3 p {padding:50px 50px;}
    #shiftnav-toggle-main-button {padding:20px 25px !important;}
}

.whatsappme { position: fixed; left: 20px; bottom: 20px; z-index: 999; cursor: pointer; display: flex; flex-direction: row; align-items: center; }
.whatsappme img { width: 65px; }
.whatsappme .inner { background-color: #ce2929; padding: 5px 25px 5px 45px; margin: 0px 0px 0px -30px; z-index: -1; color: white; font-weight: bolder; text-transform: uppercase; border-radius: 30px; }

@media screen and (max-width: 640px) {
    .whatsappme .inner { display: none; }
}