/* CSS Document */
@font-face {
    font-family: 'melius';
    src: url('/includes/font/kirvy-bold-webfont.woff2') format('woff2'),
         url('/includes/font/kirvy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'black';
    src: url('/includes/font/roboto-black-webfont.woff2') format('woff2'),
         url('/includes/font/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

/* basis elementen */
html, body{font-family: 'regular';color:rgba(95,92,91,1);padding:0;margin:0;width:100%;height:100%;line-height:1.5em;font-size:1em;letter-spacing:0.05em}
#container{width:100%;height:100%;margin:0 auto;padding:0}

.clear{float:none;clear:both;width:100%;height:1px;margin:0 auto}
.full{width:100%;height:auto;margin:0 auto}
.copyrights, 
.wrapper{width:90%;max-width:1020px;padding:2.5%;height:auto;margin:0 auto}

/* elementen die geanimeerd moeten worden */
a, .header, .header img.logo, .header img.logo1, #menu, #menu a, #menu a i, .referenties .box .logo 
{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear}

/* elementen die uitgesloten zijn van animatie */
#container
{-webkit-transition:all .0s linear;-moz-transition:all .0s linear;-o-transition:all .0s linear}

/* basis tekst stijlen */	
h1,h2,h3,h4,h5{color:rgba(0,147,141,1);font-family:'melius';font-weight:normal;line-height:1em;font-size:2em;font-style:normal;text-transform:lowercase;letter-spacing:0em;margin-bottom:25px}
h1, h2{margin-bottom:50px}
melius{color:rgba(0,147,141,1);font-family:'melius';font-weight:normal;line-height:1em;font-style:normal;text-transform:lowercase;letter-spacing:0em}
strong{text-transform:uppercase;font-family:'bold';font-weight:normal;line-height:1em;font-style:normal}

a{font-family:'bold';color:rgba(0,147,147,1);text-decoration:none;text-transform:uppercase}
a:hover{color:rgba(0,0,0,1)}

::selection{color:rgba(255,255,255,1);background:rgba(0,147,147,1) /* Safari */}
::-moz-selection{color:rgba(255,255,255,1);background:rgba(0,147,147,1) /* Firefox */}

/* menu */
#menu{position:relative;display:block;width:100%;padding:20px 0px 20px 0px;height:50px;text-align:center;top:0;z-index:999;background-color:rgba(0,147,147,1)}
#menu a{color:rgba(255,255,255,0.5);display:inline-block;width:100px;height:auto;line-height:0.5em;margin:0 auto;font-size:0.8em;font-family:'melius';text-transform:lowercase;font-weight:normal}
#menu a i{display:block;margin:0 auto;border:2px solid rgba(255,255,255,0.5);width:35px;height:35px;border-radius:35px;line-height:35px;font-size:1.5em;text-align:center}
#menu a:hover{color:rgba(255,255,255,1)}
#menu a:hover i{border:2px solid rgba(255,255,255,1)}

/* header */
.header_bg{height:75vh;background-image:url('/img/bg_basis.jpg');background-position:center center;background-size:cover}
.header{text-align:center;height:75vh;display:flex;flex-direction: column;justify-content:center; align-items: center;background-color:rgba(0,147,141,0)}
.header .wrapper{display:block;position: relative;width:100%;height:100%;max-width:644px;max-height:332px;margin:0 auto;text-align:center;padding:0%}
.header .wrapper img.logo{position:absolute;top:0;left:0;width:100%;max-width:644px;z-index:666}
.header .wrapper img.logo1{position:absolute;top:0;left:0;width:100%;max-width:644px;z-index:555;opacity:0}

/* content */
.content{padding:50px 0px 50px 0px}
.content blockquote{font-family:'bold';font-size:1.2em;line-height:1.5em;margin:0px;padding:0px}
.content .treffers{display:block;float:right;width:200px;height:auto;margin:0px 0px 0px 50px}
.content .treffers img.bas{display:block;width:200px;height:200px;border-radius:100px;margin-bottom:20px}
.content .treffers .quote{display:block;text-align:center;color:rgba(0,147,141,1);font-family:'melius'}
.content .treffers .naam{display:block;padding-left:75px;text-align:center;font-family:'regular';font-size:0.7em}
.content .kernwaarden{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap }
.content .kernwaarden .kern{display:block;width:30%;padding:0;margin-bottom:50px;height:auto}
.content .kernwaarden .kern i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:1.5em;background-color:rgba(0,147,141,1);color:rgba(255,255,255,1)}
.content .kernwaarden .kern melius{position:absolute;padding-left:15px;display:inline-block;width:auto;height:50px;line-height:50px;text-align:left;font-size:1.5em;color:rgba(0,147,141,1)}
.content .kernwaarden .kern .seperator{margin:5px 0 0px 0;width:100%;height:5px;display:block;border-radius:1em;background-color:rgba(0,147,141,0)}

/* payoff*/
.payoff_bg{height:75vh;background-image:url('/img/bg_payoff.jpg');background-position:center center;background-size:cover}
.payoff_bg2{height:75vh;background-image:url('/img/bg_payoff2.jpg');background-position:center center;background-size:cover}
.payoff{text-align:center;height:75vh;display:flex;flex-direction: column;justify-content:center; align-items: center;background-color:rgba(0,147,147,0.8)}
.payoff melius{font-size:4em;color:rgba(255,255,255,1)}
.payoff i{margin:0 auto;font-size:8em;color:rgba(255,255,255,1)}

/* referenties */
.referenties{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap }
.referenties .box{display:block;width:22.5%;padding:0;margin-bottom:50px;height:auto;word-wrap:break-word;font-size:0.8em}
.referenties .box .logo{border:1px solid rgba(0,0,0,0.2);position:relative;display:block;width:90%;padding:2.5%;height:150px;max-height:150px;border-radius:0.5em;background-size:80%;background-position:center center;background-repeat:no-repeat;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}
.referenties .box .logo:hover{filter:none;-webkit-filter:grayscale(0%);border:1px solid rgba(0,147,141,1)}
/* .referenties .box i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:1.5em;background-color:rgba(0,147,141,1);color:rgba(255,255,255,1)} */
.referenties .box melius{position:absolute;padding-left:15px;display:inline-block;height:50px;line-height:50px;text-align:left;font-size:1.5em;color:rgba(0,147,141,1);word-wrap: break-word;max-width:30%;width:100%}
.referenties .box .seperator{position:relative;width:100%;height:10px;display:block;border-radius:1em;background-color:rgba(0,147,141,0)}
.referenties .box .extrainfo{display:inline-block;background-color:rgba(255,255,255,1);text-transform:uppercase;margin-right:10px;font-size:0.7em;height:20px;line-height:20px;padding:0px 5px 0px 5px}
.referenties .box .meerinfo{color:rgba(0,147,141,1);display:inline-block;padding:0px 0px 0px 0px}
.referenties .box .meerinfo:hover{color:rgba(255,255,255,1);background-color:rgba(0,147,141,1);padding:0px 0px 0px 10px}
.referenties .box i{display:inline-block;transform:rotate(90deg) }

.referentielogo{position:relative;float:right;display:block;margin-left:25px}
.extrainfo{display:inline-block;background-color:rgba(0,0,0,0.1);text-transform:uppercase;margin-right:10px;font-size:0.7em;height:20px;line-height:20px;padding:0px 5px 0px 5px}
.extrainfo_label{display:inline-block;background-color:rgba(220,0,0,1);color:rgba(255,255,255,1);text-transform:uppercase;font-size:0.7em;height:20px;line-height:20px;padding:0px 5px 0px 5px}
#text_full .back_button{width:auto;display:inline-block;background-color:rgba(0,167,209,1);color:rgba(255,255,255,1);text-decoration:none;text-transform:uppercase;font-size:1em;height:25px;line-height:25px;padding:0px 5px 0px 5px}
#text_full .back_button:hover{background-color:rgba(255,0,102,1);color:rgba(255,255,255,1)}

/* footer */
.footer_bg{background-image:url('/img/bg_footer.jpg');background-position:center center;background-size:cover}
.footer{font-size:0.8em;background-color:rgba(0,147,147,0.8);color:rgba(255,255,255,0.8);padding-top:25px}
.footer .wrapper{display:flex;flex-direction:row;justify-content:space-between;}
.footer h4{font-size:2em;margin-bottom:0.5em;color:rgba(255,255,255,1)}
.footer melius{color:rgba(255,255,255,1);font-size:1.1em}
.footer strong{color:rgba(255,255,255,1);width:40px;display:inline-block}
.footer a{color:rgba(255,255,255,1);display:inline-block;padding:0px 0px 0px 0px}
.footer a:hover{color:rgba(0,147,147,1);background-color:rgba(255,255,255,1);padding:0px 5px 0px 5px}
.footer a.social{display:inline-block;width:35px;height:35px;line-height:33px;border-radius:35px;text-align:center;color:rgba(255,255,255,1);background-color:rgba(0,147,141,0);font-size:2em}
.footer a.social:hover{color:rgba(0,147,141,1);background-color:rgba(255,255,255,1);padding:0px 0px 0px 0px}
.footer .wrapper .coll{flex:1}
.footer .wrapper .coll2{flex:2;padding:0px 2% 0px 2%}
.footer .wrapper .coll3{flex:1}
.footer .copyrights{text-align:left}

/* formulier */
form#contactformulier {margin-left: 0px;margin-bottom: 30px;margin-right: 0px;margin-top: 0px;width:90%;clear: both}
form#contactformulier label {line-height: 1.50;font-size: 0.8em}
form#contactformulier label magenta{display:inline-block;color:rgba(255,0,102,1);background-color:rgba(255,255,255,1);padding:5px}
form#contactformulier input{font-family:'regular';border-color:#cccccc;border-style: solid;line-height: normal;width: 100%;color: rgba(0,147,141,1);font-size: 1em;padding: 7px;border-width: 1px;border-radius: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;-moz-box-sizing: border-box;box-sizing: border-box;height: 30px}
form#contactformulier textarea {font-family:'regular';border-color:#cccccc;border-style: solid;line-height: 22px;width: 100%;color: rgba(0,147,141,1);font-size: 1.1em;padding: 7px;border-width: 1px;border-radius: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;margin-bottom: 15px;height: 120px;-moz-box-sizing: border-box;box-sizing: border-box}
form#contactformulier fieldset { margin-bottom: 10px; padding: 0px; border-width: 0px }
form#contactformulier :focus {outline:0;outline:none}
form#contactformulier #human {height: 0px;width: 0px;visibility:hidden;display:none}
.msg-green {color: rgba(0,255,0,1);background-color:rgba(255,255,255,1);padding:5px 10px 5px 10px;display:inline-block;width:auto}
.msg-red {color: rgba(255,0,0,1);background-color:rgba(255,255,255,1);padding:5px 10px 5px 10px;display:inline-block;width:auto}
.btn {padding:5px 5px 5px 5px;text-decoration: none;color:rgba(255,255,255,1);font-family:'melius';text-transform:lowercase;font-weight: normal;font-size: .85em;background: rgba(255,255,255,0);border:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;cursor:pointer}
.btn:hover {color:rgba(0,147,141,1);background:rgba(255,255,255,1);border:none;padding:5px 10px 5px 10px}
form#contactformulier .info{width:75%;float:right;font-size:0.8em}
form#contactformulier ssl{width:auto;display:inline-block;background-color:rgba(255,255,255,1);border-radius:1.5em;padding:0px 10px 0px 7px;font-size:1em;color:rgba(0,150,0,1)}

#menu_mobile{display:none}
#mobilemenu{display:none}

@media  only screen and (max-device-width: 800px)  and (orientation: landscape) {

	.header_bg{height:100vh;background-image:url('/img/bg_basis.jpg');background-position:center center;background-size:cover}
	.header{text-align:center;height:100vh;display:flex;flex-direction: column;justify-content:center; align-items: center;background-color:rgba(0,147,141,0)}
	.header .wrapper{display:block;position: relative;width:80%;height:100%;max-width:644px;max-height:332px;margin:0 auto;text-align:center;padding:0%;z-index:444}
	.header .wrapper img.logo{position:absolute;top:10px;left:0;width:100%;max-width:644px;z-index:444}
	.header .wrapper img.logo1{position:absolute;top:10px;left:0;width:100%;max-width:644px;z-index:333;opacity:0}

	h1,h2,h3,h4,h5{color:rgba(0,147,141,1);font-family:'melius';text-align:left;font-weight:normal;line-height:1em;font-size:2em;font-style:normal;text-transform:lowercase;letter-spacing:0em;margin-bottom:25px}
	
	.payoff melius{font-size:2.5em;color:rgba(255,255,255,1)}
	.payoff i{margin:0 auto;font-size:5em;color:rgba(255,255,255,1)}
	
	/* menu */
	#dicht{display:none;color:rgba(255,255,255,1)}
	#menu_mobile{display:block;position:fixed;top:0px;left:10px;padding:0px;z-index:999999999;background-color:rgba(95,92,91,1);width:50px;height:50px;text-align:center;line-height:50px}
	#menu_mobile #open_close {display:block;color:rgba(255,255,255,1);z-index:999;font-size:2em}
	
	#menu{display:none}
	
	#mobilemenu{position:fixed;display:none;flex-direction:column;justify-content:center;width:100%;padding:0px 0px 0px 0px;height:100vh;top:0;z-index:8888888;background-color:rgba(0,147,141,0.9)}
	#mobilemenu a{color:rgba(255,255,255,1);display:block;text-align:center;width:100%;height:auto;line-height:1.5em;margin:0 auto;font-size:2em;font-family:'melius';text-transform:lowercase;font-weight:normal}
	#mobilemenu a:hover{color:rgba(255,255,255,1)}
	
	/* content */
	.content{padding:0px 0px 50px 0px;font-size:0.7em;line-height:1.5em}
	.content quote{font-family:'bold';font-size:1.2em;line-height:1.5em}
	.content p{font-family:'regular';font-size:0.7em;line-height:1.5em}
	.content .treffers{display:block;float:right;width:150px;height:auto;margin-left:50px}
	.content .treffers img.bas{display:block;width:150px;height:150px;border-radius:100px;margin-bottom:20px}
	.content .treffers .quote{display:block;text-align:center;color:rgba(0,147,141,1);font-family:'melius'}
	.content .treffers .naam{display:block;padding-left:50px;text-align:center;font-family:'regular';font-size:0.7em}
	.content .kernwaarden{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap }
	.content .kernwaarden .kern{display:block;width:48%;padding:0;margin-bottom:25px;height:auto}
	.content .kernwaarden .kern i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:2em;background-color:rgba(0,147,141,1);color:rgba(255,255,255,1)}
	.content .kernwaarden .kern melius{position:absolute;padding-left:15px;display:inline-block;width:auto;height:50px;line-height:50px;text-align:left;font-size:1.5em;color:rgba(0,147,141,1)}
	.content .kernwaarden .kern .seperator{margin:5px 0 0px 0;width:90%;height:5px;display:block;border-radius:1em;background-color:rgba(0,147,141,0)}
	
	/* referenties */
	.referenties{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap }
	.referenties .box{display:block;width:48%;padding:0;margin-bottom:50px;height:auto;word-wrap:break-word;font-size:1.5em}
	.referenties .box .logo{border:1px solid rgba(0,0,0,0.2);position:relative;display:block;width:90%;padding:2.5%;height:200px;max-height:150px;border-radius:0.5em;background-size:70%;background-position:center center;background-repeat:no-repeat;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}
	.referenties .box .logo:hover{filter:none;-webkit-filter:grayscale(0%);border:1px solid rgba(0,147,141,1)}
	/* .referenties .box i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:1.5em;background-color:rgba(0,147,141,1);color:rgba(255,255,255,1)} */
	.referenties .box melius{position:absolute;padding-left:15px;display:inline-block;height:50px;line-height:50px;text-align:left;font-size:1.5em;color:rgba(0,147,141,1);word-wrap: break-word;max-width:30%;width:100%}
	.referenties .box .seperator{position:relative;width:100%;height:10px;display:block;border-radius:1em;background-color:rgba(0,147,141,0)}
	.referenties .box .extrainfo{display:inline-block;background-color:rgba(255,255,255,1);text-transform:uppercase;margin-right:10px;font-size:0.7em;height:20px;line-height:20px;padding:0px 5px 0px 5px}
	.referenties .box .meerinfo{color:rgba(0,147,141,1);display:inline-block;padding:0px 0px 0px 0px}
	.referenties .box .meerinfo:hover{color:rgba(255,255,255,1);background-color:rgba(0,147,141,1);padding:0px 0px 0px 10px}
	.referenties .box i{display:inline-block;transform:rotate(90deg) }
	
	/* footer */
	.footer_bg{background-image:url('/img/bg_footer.jpg');background-position:center center;background-size:cover}
	.footer{font-size:0.8em;background-color:rgba(0,147,147,0.8);color:rgba(255,255,255,0.8);padding-top:25px}
	.footer .wrapper{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}
	.footer h4{text-align:left;font-size:2em;margin-bottom:0.5em;color:rgba(255,255,255,1)}
	.footer melius{color:rgba(255,255,255,1);font-size:1.1em}
	.footer strong{color:rgba(255,255,255,1);width:40px;display:inline-block}
	.footer a{color:rgba(255,255,255,1);display:inline-block;padding:0px 0px 0px 0px}
	.footer a:hover{color:rgba(0,147,147,1);background-color:rgba(255,255,255,1);padding:0px 5px 0px 5px}
	.footer a.social{display:inline-block;width:35px;height:35px;line-height:33px;border-radius:35px;text-align:center;color:rgba(255,255,255,1);background-color:rgba(0,147,141,0);font-size:2em}
	.footer a.social:hover{color:rgba(0,147,141,1);background-color:rgba(255,255,255,1);padding:0px 0px 0px 0px}
	.footer .wrapper .coll{flex:1;width:25%}
	.footer .wrapper .coll2{flex:2;width:75%;padding:0px}
	.footer .wrapper .coll3{display:none;flex:none}
	.footer .copyrights{text-align:center;font-size:0.8em}
	
	form#contactformulier {margin-left: 0px;margin-bottom: 30px;margin-right: 0px;margin-top: 0px;width:100%;clear: both}
	form#contactformulier label {line-height: 1.50;font-size: 0.8em}
	form#contactformulier label magenta{display:inline-block;color:rgba(255,0,102,1);background-color:rgba(255,255,255,1);padding:5px}
	form#contactformulier input{font-family:'regular';border-color:#cccccc;border-style: solid;line-height: normal;width: 100%;color: rgba(0,147,141,1);font-size: 1em;padding: 7px;border-width: 1px;border-radius: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;-moz-box-sizing: border-box;box-sizing: border-box;height: 30px}
	form#contactformulier textarea {font-family:'regular';border-color:#cccccc;border-style: solid;line-height: 22px;width: 100%;color: rgba(0,147,141,1);font-size: 1.1em;padding: 7px;border-width: 1px;border-radius: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;margin-bottom: 15px;height: 120px;-moz-box-sizing: border-box;box-sizing: border-box}
	form#contactformulier fieldset { margin-bottom: 10px; padding: 0px; border-width: 0px }
	form#contactformulier :focus {outline:0;outline:none}
	form#contactformulier #human {height: 0px;width: 0px;visibility:hidden;display:none}
	.msg-green {color: rgba(0,255,0,1);background-color:rgba(255,255,255,1);padding:5px 10px 5px 10px;display:inline-block;width:auto}
	.msg-red {color: rgba(255,0,0,1);background-color:rgba(255,255,255,1);padding:5px 10px 5px 10px;display:inline-block;width:auto}
	.btn {margin:0 auto;display:block;padding:5px 5px 5px 5px;text-decoration: none;color:rgba(0,147,141,1);font-family:'melius';text-transform:lowercase;font-weight: normal;font-size: .85em;background: rgba(255,255,255,1);border:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;cursor:pointer}
	.btn:hover {color:rgba(0,147,141,1);background:rgba(255,255,255,1);border:none;padding:5px 10px 5px 10px}
	form#contactformulier .info{width:100%;float:none;font-size:0.8em}
	form#contactformulier ssl{width:auto;display:inline-block;background-color:rgba(255,255,255,1);border-radius:1.5em;padding:0px 10px 0px 7px;font-size:0.8em;color:rgba(0,150,0,1)}

}

@media  only screen and (max-device-width: 800px)  and (orientation: portrait) {
	.header_bg{height:70vh;background-image:url('/img/bg_basis.jpg');background-position:center center;background-size:cover}
	.header{text-align:center;height:70vh;display:flex;flex-direction: column;justify-content:center; align-items: center;background-color:rgba(0,147,141,0)}
	.header .wrapper{display:block;position: relative;width:80%;height:100%;max-width:644px;max-height:332px;margin:0 auto;text-align:center;padding:0%;z-index:444}
	.header .wrapper img.logo{position:absolute;top:75px;left:0;width:100%;max-width:644px;z-index:444}
	.header .wrapper img.logo1{position:absolute;top:75px;left:0;width:100%;max-width:644px;z-index:333;opacity:0}

	h1,h2,h3,h4,h5{color:rgba(0,147,141,1);font-family:'melius';text-align:center;font-weight:normal;line-height:1em;font-size:2em;font-style:normal;text-transform:lowercase;letter-spacing:0em;margin-bottom:25px}
	
	.payoff melius{font-size:2.5em;color:rgba(255,255,255,1)}
	.payoff i{margin:0 auto;font-size:5em;color:rgba(255,255,255,1)}
	
	/* menu */
	
	#dicht{display:none;color:rgba(255,255,255,1)}
	#menu_mobile{display:block;position:fixed;top:0px;left:10px;padding:0px;z-index:999999999;background-color:rgba(95,92,91,1);width:50px;height:50px;text-align:center;line-height:50px}
	#menu_mobile #open_close {display:block;color:rgba(255,255,255,1);z-index:999;font-size:2em}
	
	#menu{display:none}
	
	#mobilemenu{position:fixed;display:none;flex-direction:column;justify-content:center;width:100%;padding:0px 0px 0px 0px;height:100vh;top:0;z-index:8888888;background-color:rgba(0,147,141,0.9)}
	#mobilemenu a{color:rgba(255,255,255,1);display:block;text-align:center;width:100%;height:auto;line-height:2.5em;margin:0 auto;font-size:2em;font-family:'melius';text-transform:lowercase;font-weight:normal}
	#mobilemenu a:hover{color:rgba(255,255,255,1)}
	
	/* content */
	.content{padding:0px 0px 50px 0px}
	.content quote{font-family:'bold';font-size:1.2em;line-height:1.5em}
	.content .treffers{display:block;float:none;width:200px;height:auto;margin-left:50px}
	.content .treffers img.bas{display:block;width:200px;height:200px;border-radius:100px;margin-bottom:20px}
	.content .treffers .quote{display:block;text-align:center;color:rgba(0,147,141,1);font-family:'melius'}
	.content .treffers .naam{display:block;padding-left:75px;text-align:center;font-family:'regular';font-size:0.7em}
	.content .kernwaarden{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap }
	.content .kernwaarden .kern{display:block;width:100%;padding:0;margin-bottom:25px;height:auto}
	.content .kernwaarden .kern i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:1.5em;background-color:rgba(0,147,141,1);color:rgba(255,255,255,1)}
	.content .kernwaarden .kern melius{position:absolute;padding-left:15px;display:inline-block;width:auto;height:50px;line-height:50px;text-align:left;font-size:1.5em;color:rgba(0,147,141,1)}
	.content .kernwaarden .kern .seperator{margin:5px 0 0px 0;width:90%;height:5px;display:block;border-radius:1em;background-color:rgba(0,147,141,0)}
	
	/* referenties */
	.referenties{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap }
	.referenties .box{display:block;width:100%;padding:0;margin-bottom:50px;height:auto;word-wrap:break-word;font-size:0.8em}
	.referenties .box .logo{border:1px solid rgba(0,0,0,0.2);position:relative;display:block;width:90%;padding:2.5%;height:200px;max-height:150px;border-radius:0.5em;background-size:70%;background-position:center center;background-repeat:no-repeat;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}
	.referenties .box .logo:hover{filter:none;-webkit-filter:grayscale(0%);border:1px solid rgba(0,147,141,1)}
	/* .referenties .box i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:1.5em;background-color:rgba(0,147,141,1);color:rgba(255,255,255,1)} */
	.referenties .box melius{position:absolute;padding-left:15px;display:inline-block;height:50px;line-height:50px;text-align:left;font-size:1.5em;color:rgba(0,147,141,1);word-wrap: break-word;max-width:30%;width:100%}
	.referenties .box .seperator{position:relative;width:100%;height:10px;display:block;border-radius:1em;background-color:rgba(0,147,141,0)}
	.referenties .box .extrainfo{display:inline-block;background-color:rgba(255,255,255,1);text-transform:uppercase;margin-right:10px;font-size:0.7em;height:20px;line-height:20px;padding:0px 5px 0px 5px}
	.referenties .box .meerinfo{color:rgba(0,147,141,1);display:inline-block;padding:0px 0px 0px 0px}
	.referenties .box .meerinfo:hover{color:rgba(255,255,255,1);background-color:rgba(0,147,141,1);padding:0px 0px 0px 10px}
	.referenties .box i{display:inline-block;transform:rotate(90deg) }
	
	/* footer */
	.footer_bg{background-image:url('/img/bg_footer.jpg');background-position:center center;background-size:cover}
	.footer{font-size:0.8em;background-color:rgba(0,147,147,0.8);color:rgba(255,255,255,0.8);padding-top:25px}
	.footer .wrapper{display:flex;flex-direction:column;justify-content:center}
	.footer h4{text-align:left;font-size:2em;margin-bottom:0.5em;color:rgba(255,255,255,1)}
	.footer melius{color:rgba(255,255,255,1);font-size:1.1em}
	.footer strong{color:rgba(255,255,255,1);width:40px;display:inline-block}
	.footer a{color:rgba(255,255,255,1);display:inline-block;padding:0px 0px 0px 0px}
	.footer a:hover{color:rgba(0,147,147,1);background-color:rgba(255,255,255,1);padding:0px 5px 0px 5px}
	.footer a.social{display:inline-block;width:35px;height:35px;line-height:33px;border-radius:35px;text-align:center;color:rgba(255,255,255,1);background-color:rgba(0,147,141,0);font-size:2em}
	.footer a.social:hover{color:rgba(0,147,141,1);background-color:rgba(255,255,255,1);padding:0px 0px 0px 0px}
	.footer .wrapper .coll{flex:1}
	.footer .wrapper .coll2{flex:2;padding:0px 2% 0px 2%}
	.footer .wrapper .coll3{flex:1}
	.footer .copyrights{text-align:center;font-size:0.8em}
	
	form#contactformulier {margin-left: 0px;margin-bottom: 30px;margin-right: 0px;margin-top: 0px;width:100%;clear: both}
	form#contactformulier label {line-height: 1.50;font-size: 0.8em}
	form#contactformulier label magenta{display:inline-block;color:rgba(255,0,102,1);background-color:rgba(255,255,255,1);padding:5px}
	form#contactformulier input{font-family:'regular';border-color:#cccccc;border-style: solid;line-height: normal;width: 100%;color: rgba(0,147,141,1);font-size: 1em;padding: 7px;border-width: 1px;border-radius: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;-moz-box-sizing: border-box;box-sizing: border-box;height: 30px}
	form#contactformulier textarea {font-family:'regular';border-color:#cccccc;border-style: solid;line-height: 22px;width: 100%;color: rgba(0,147,141,1);font-size: 1.1em;padding: 7px;border-width: 1px;border-radius: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;margin-bottom: 15px;height: 120px;-moz-box-sizing: border-box;box-sizing: border-box}
	form#contactformulier fieldset { margin-bottom: 10px; padding: 0px; border-width: 0px }
	form#contactformulier :focus {outline:0;outline:none}
	form#contactformulier #human {height: 0px;width: 0px;visibility:hidden;display:none}
	.msg-green {color: rgba(0,255,0,1);background-color:rgba(255,255,255,1);padding:5px 10px 5px 10px;display:inline-block;width:auto}
	.msg-red {color: rgba(255,0,0,1);background-color:rgba(255,255,255,1);padding:5px 10px 5px 10px;display:inline-block;width:auto}
	.btn {margin:0 auto;display:block;padding:5px 5px 5px 5px;text-decoration: none;color:rgba(0,147,141,1);font-family:'melius';text-transform:lowercase;font-weight: normal;font-size: .85em;background: rgba(255,255,255,1);border:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;cursor:pointer}
	.btn:hover {color:rgba(0,147,141,1);background:rgba(255,255,255,1);border:none;padding:5px 10px 5px 10px}
	form#contactformulier .info{width:100%;float:none;font-size:0.8em}
	form#contactformulier ssl{width:auto;display:inline-block;background-color:rgba(255,255,255,1);border-radius:1.5em;padding:0px 10px 0px 7px;font-size:0.8em;color:rgba(0,150,0,1)}


}