/* Your custom css */


::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
::selection      { color: #000 !important;  background: #b3d4fd !important; } 
p::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
p::selection      { color: #000 !important;  background: #b3d4fd !important; } 

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyreadventor-bold-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('fonts/texgyreadventor-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('fonts/texgyreadventor-italic-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:'MuseoSans-500';
	src:url("fonts/30E95E_2_0.eot");
	src:url("fonts/30E95E_2_0.eot?#iefix") format("embedded-opentype"),url("fonts/30E95E_2_0.woff2") format("woff2"),url("fonts/30E95E_2_0.woff") format("woff"),url("fonts/30E95E_2_0.ttf") format("truetype")
}




/* --- ALGEMEEN --- */
p, .mk-text-block  { color: #2c2c2c !important; font-family: 'MuseoSans-500', Arial, Tahoma !important; font-size: 15px !important; line-height: 22px !important; letter-spacing: 0px !important; } 
.mk-fancy-title, .widgettitle, h1, h2, h3, h4, h5, h6  { font-family: 'texgyreadventorbold', Arial, Tahoma !important; }

.widgettitle { font-size: 18px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 0px !important; color: #6d8fa6 !important; margin-bottom: 0px !important; }
.textwidget, .textwidget p { font-size: 14px !important; line-height: 21px !important; }
.textwidget p a { color: #2c2c2c !important; }
.textwidget p a:hover { color: #6d8fa6 !important; }

.text-wit { padding: 0 170px; }
.text-wit p { color: #fff !important; font-size: 18px !important; line-height: 25px !important; }
.mk-text-block ul { margin-top: -18px !important; }





/* --- HEADER --- */
.header-logo  { padding: 8px 0 !important; }
.mk-header-nav-container { background: #6d8fa8; }
.mk-header-nav-container a:hover, .header-style-2 .main-navigation-ul>li.menu-item a:hover { color: #2c2c2c !important; }

.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link, .main-navigation-ul li.menu-item a, .sub-menu a, .mk-header-nav-container a { font-family: 'texgyreadventorregular', Arial, Tahoma !important; letter-spacing: 1px !important; }
.header-style-2.a-sticky .menu-item i._mi, .header-style-2.a-sticky .menu-item img._mi { display: none !important; }
.header-style-2.a-sticky a { color: #6d8fa8 !important; }

..mk-classic-menu-wrapper { padding: 3px 0 !important; }
.mk-responsive-nav>li { border: none !important;; padding: 12px 0 !important; }
.mk-responsive-nav>li:hover, .mk-responsive-nav li a:hover { background: #fff !important; }
.mk-responsive-nav { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 15px 0; }
.mk-responsive-nav .mk-nav-arrow { top: -6px; }
.mk-responsive-nav .sub-menu { padding-top: 5px !important; border-top: none !important;  }
.mk-responsive-nav .sub-menu li { padding: 5px 0 !important; }

.mk-responsive-nav li a {
border: none !important;
text-align: center !important; 
color: #6d8fa6 !important; 
display: block;
padding: 0px 30px 0px 0px !important;
line-height: 1;
}

.mk-responsive-nav li a:hover { color: #2c2c2c !important; }




/* --- SLIDER --- */
.slider-text { background:  rgba(109, 143, 166, 0.9); color: #fff !important; padding: 30px 20px 30px 30px !important;  position: absolute; right: 0px; }
.slider-text p { color: #fff !important; }
.slider-text h2 { color: #fff !important; font-size: 24px !important; text-transform: none !important; }




/* --- BUTTON --- */
.mk-button--dimension-outline { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #6d8fa8 !important; 
font-family: 'MuseoSans-500', Arial, Tahoma !important;  
font-size: 15px !important; 
font-weight: 400 !important; 
padding: 15px 30px 14px 23px !important; 	-webkit-transition: all .4s linear;	-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear;	
letter-spacing: 0px; 
}

.mk-button--dimension-flat { 
background: none !important; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fff !important; 
font-family: 'MuseoSans-500', Arial, Tahoma !important;  
font-size: 15px !important; 
font-weight: 400 !important; 
padding: 15px 30px 14px 23px !important; 	-webkit-transition: all .4s linear;	-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear;	
letter-spacing: 0px; 
}

.mk-button--dimension-flat:hover { background: #fff !important; color: #6d8fa8 !important; }
.mk-button--dimension-flat:hover.mk-button--icon { color: #6d8fa8 !important; }

.mk-button--icon { position: relative; float: right; font-size: 13px !important; top: 1px !important; left: 20px !important; }
.mk-button .mk-button--icon svg { font-size: 13px !important; }

.button-wit { border-color: #fff !important; color: #fff !important; background: none !important; 	-webkit-transition: all .4s linear; -moz-transition: all .4s linear; 	-o-transition: all .4s linear; 	-ms-transition: all .4s linear;	transition: all .4s linear;	}
.button-wit .mk-button--dimension-outline { border: 1px solid #fff !important; }
.button-wit a, .button-wit .mk-button--icon, .button-wit .mk-button--icon svg { color: #fff !important; }
.button-geen-border { border: none !important; }



/* --- CAROUSEL SLIDER --- */
.mk-flex-slides li { width: 186px !important; }
.mk-flex-slides li { background: #fff; margin: 0 12px !important; padding: 18px 7px; }




/* --- FOOTER --- */
.widgettitle { padding-bottom: 20px !important; }
#mk-footer { background: #f4f4f4 !important; }
#sub-footer .mk-footer-copyright, .mk-footer-copyright, #mk-footer .mk-footer-copyright { float:none !important; display:block !important; text-align:center !important; font-family: 'MuseoSans-500', Arial, Tahoma !important;  font-weight: 700 !important; }

#sub-footer, .mk-footer-copyright { background: #6d8fa8 !important; }
.mk-footer-copyright a { color: #fff !important; }
.mk-footer-copyright a:hover { color: #2c2c2c !important; }
.mk-footer-copyright span { margin: 0 5px; font-weight: 700; color: #2c2c2c !important; }

.links { width: 52%; position: relative; float: left; display: block; padding-right: 10px; } 
.rechts { width: 44%; position: relative; float: left; display: block; } 
.rechts img { width: 38px; margin: 12px 6px 0 0; }
.rechts img:hover { opacity: 0.9; }
img.keurmerk { width: 145px !important; }








/* -------------- Contactformulier -------------- */

.wpcf7 p, .wpcf7 span { font-size: 15px !important; color: #2c2c2c !important; }

.wpcf7 .wpcf7-text, .wpcf7 textarea, .wpcf7dtx-dynamictext, .wpcf7-dynamictext, textarea, input[type=text], input[type=email], input[type=url], input[type=password] { 
	border: 2px solid #dfdfdf !important;
	width: 100% !important; 
	position: relative;
	padding: 9px 7px !important; 
	background: #fff !important;
	font-size: 15px !important;
	color: #000 !important;
	margin-top: 2px !important; 
}

.wpcf7-select { width: 100% !important; margin-top: 6px !important; }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus  {	border: 2px solid #6d8fa6 !important; }
.wpcf7 textarea { height: 120px !important; }

body input[placeholder].wpcf7-not-valid, body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid { border: 2px solid #ba0b24 !important; }

body span.wpcf7-not-valid-tip {
display: block !important;
color: #ba0b24 !important;
border: none !important;
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 !important;
margin-top: 2px !important;
background: none !important;
font-size: 15px !important;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
background: none !important; 
}

div.wpcf7-mail-sent-ok {	border: none !important; 	color: #7cac34 !important; 	position: relative; left: -20px; font-weight: 700; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #7cac34 !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700; }
div.wpcf7-spam-blocked {	border: none !important; 	color: #ba0b24 !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}
div.wpcf7-validation-errors {	border: none !important; 	color: #ba0b24 !important;	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { font-size: 15px !important; }

textarea, input[type=text], input[type=email], input[type=url], input[type=password] {
	border: 1px solid #acacac !important;
	padding: 9px 7px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

input[type="tel"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { 	-webkit-appearance: none; 	-moz-appearance: none; }
.wpcf7-form-control-wrap { width: 100% !important; }


.wpcf7-submit {
-webkit-border-radius: 5px;
color: #6d8fa8 !important; 
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #6d8fa8 !important; 
font-family: 'MuseoSans-500', Arial, Tahoma !important;  
font-size: 15px !important; 
font-weight: 400 !important; 
padding: 14px 40px 11px 40px !important; 	
-webkit-transition: all .4s linear;	
-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear;	
letter-spacing: 0px; 
margin-top: 15px; 
text-transform: lowercase !important; 
}
 
.wpcf7-submit:hover { background: #6d8fa8 !important; color: #fff !important; }









@media only screen and (min-width : 320px) and (max-width : 767px) {
/* Styles */

#theme-page { margin-top: 0px !important; }
.fit-logo-img a img { margin-top: 10px !important; max-height: 125% !important; }
.mk-footer-copyright { padding-top: 35px !important; }
.sub-copyright { padding: 10px 0 !important; }
#sub-footer .mk-footer-copyright, .mk-footer-copyright, #mk-footer .mk-footer-copyright { font-weight: 400 !important; letter-spacing: 0px; }
.vc_col-sm-6 { margin-bottom: 100px !important; }
.vc_col-sm-6 .text-center { text-align: left !important; float: left !important; display: inline; }
.text-wit { padding: 0px; }

#mk-footer .mk-col-1-2 { margin-bottom: 30px; position: relative; float: left; display: inline; }
#mk-footer .mk-col-1-2 #text-2 img { width: 31% !important; }
 }




/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#theme-page { margin-top: -14px !important; }
.fit-logo-img a img { margin-top: 10px !important; max-height: 125% !important; }
 }



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#sub-footer .mk-footer-copyright, .mk-footer-copyright, #mk-footer .mk-footer-copyright { font-weight: 400 !important; letter-spacing: 0px; }
.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link, .main-navigation-ul li.menu-item a, .sub-menu a, .mk-header-nav-container a { letter-spacing: 0px !important; font-size: 13px !important; } }




/* Kleine screens (portrait) ----------- */
@media only screen and (min-width : 960px) and (max-width : 1160px) {
#theme-page { margin-top: 30px !important; }
#menu-menu li { margin-right: -17px !important; }
.menu-item i._mi, .menu-item img._mi { width: 29px; height: 29px; margin-bottom: 6px; }
#mk-footer .mk-col-1-2 #text-2 img { width: 31% !important; }
}




@media only screen and (min-width : 960px) and (max-width : 1050px) {
.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link, .main-navigation-ul li.menu-item a, .sub-menu a, .mk-header-nav-container a {  font-size: 13px !important; }
#menu-menu li { margin-right: -20px !important; } #mk-footer .mk-col-1-2 #text-2 img { width: 31% !important; } }



@media only screen and (min-width : 767px) and (max-width : 960px) { #mk-footer .mk-col-1-2 #text-2 img { width: 31% !important; } }