@import "reset.css";
@import "menu.css";
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Merriweather, Arial;font-size:14px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#997a35;}
a:hover{color:#000;}
b,strong{font-weight:bold;}

#map_canvas { border:0; margin:0; padding: 0; height:350px; width: 100%;position:relative;z-index:1; }
.box {min-width:160px;font-weight:400;overflow:hidden;line-height:21px;font-family:Open Sans,arial;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
#container {max-width:1920px;width:90%;margin:0 auto;background-color:#fff;-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.3);}
.wrapper {max-width: 1280px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 {max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}

@-webkit-keyframes scroll-inner {
    from {margin-top: 15%;}
    to {margin-top: 50%;}
}
@keyframes scroll-inner {
    from {margin-top: 15%;}
    to {margin-top: 50%;}
}
@-webkit-keyframes scroll-mouse {
    from {margin-top: 0;}
    to {margin-top: 15px;}
}
@keyframes scroll-mouse {
    from {margin-top: 0;}
    to {margin-top: 15px;}
}
div.mouse-container {position:absolute;bottom:75px;width:100%;text-align:center;display:block;z-index:999;}
div.mouse {position:relative;margin:0 auto;display:block;width:20px;height:35px;border:solid 2px #fff;border-radius:25px;-webkit-animation:scroll-mouse 1.5s;animation:scroll-mouse 1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
span.scroll-down {display:block;width:5px;height:5px;background:#fff;border-radius:50%;margin:15% auto auto auto;-webkit-animation: scroll-inner1.5s;animation:scroll-inner 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease;animation-timing-function:ease;}

/*page Title
**************/
h1 {color:#000;font-size:28px;line-height:normal;font-weight:700;font-family:Poppins,arial;text-transform:uppercase;}
h1:after {content:' ';display:block;width:63px;height:2px;margin:0 0 40px 0;background-color:#000;}
h2 {color:#997a35;font-size:18px;line-height:normal;font-weight:700;font-family:Poppins,arial;text-transform:uppercase;}
h2:after {content:' ';display:block;width:50px;height:1px;margin:0 0 20px 0;background-color:#997a35;}

/*header
******************/
#top {background-color:#fafafa;padding:10px 0;border-bottom:1px solid #e0e0e0;position:fixed;top:0px;left:0px;width:100%;z-index:9999;}
#height {height:58px;}
#header {width:100%;}
.headleft {float:left;}
.headright {float:right;}
.headleft2 {position:absolute;left:0px;top:0px;}
.headright2 {position:absolute;right:0px;top:0px;}
.afspraak a {display:block;padding:10px 15px;background-color:#997a35;color:#fff;font-family:Poppins,arial;text-decoration:none;text-transform:uppercase;border:1px solid #997a35;font-weight:600;font-size:12px;}
.afspraak a:hover {background-color:transparent;color:#997a35;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}
#logo {text-align:center;padding:50px 0;border-bottom:1px solid #e0e0e0;}
#logo2 {text-align:center;padding:8px 0px 9px 0;}

#navMob {display:none;}
#navigation {display:none;}
#mobile-header a {display:block;padding:10px 0;color:#404040;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:Poppins,arial;font-weight:600;} 

#slideshow {position:relative;}
.abs {position: absolute;width: 100%;left: 0px;z-index: 99;top: 50%;transform: translateY(-50%);}
.abs a {display: inline-block;padding:10px 15px;background-color:#997a35;color:#fff;font-family:Poppins,arial;text-decoration:none;border:1px solid #997a35;font-weight:600;font-size:24px;}

/*main content -> menu & content
*********************************/
#main {width:100%;line-height:24px;margin:50px 0;}
#contenthome {float:left;width:50%;margin-right:10%;}
#nieuws {float:left;width:40%;}
.nieuwsbericht {margin-bottom:50px;}
#content {width:100%;}
#contentleft {float:left;width:45%;margin-right:10%;}
#contentright {float:right;width:45%;}

#inleiding {margin-bottom:50px;}
#team {padding:60px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;position:relative;}
#background {position:absolute;top:0px;left:0px;width:40%;height:100%;background:url(../images/brillen.jpg) no-repeat center center;}
.teamleft {width:60%;float:right;}
.teampad {padding:0 50px;}
.teamright {float:right;width:35%;}
.col {margin-top:20px;text-align:center;}
.col:first-child {margin-top:0;}
.t2 {margin-left:0;}
.border {border:2px solid #eee;background-color:#fff;padding:20px;}
.teaFoto {width:150px;margin:0 auto;margin-bottom:20px;}

.teaTitel {font-family:Montserrat,arial;color:#3a3a3a;font-size:16px;text-transform:uppercase;margin-bottom:10px;}
.teaFunctie {color:#999;font-weight:400;}
.teaTitel a {color:#828282;}
.teaDivider {background-color:#997a35;height:2px;width:63px;margin:15px auto;}
.teaTekst {color:#777;}

#prodPic{float:left;width:35%;position:relative;margin-right:10%;}
#prodPic a {display:block;}
#prodPic img {width:100%;}
#prodShop{float:right;width:55%;}

#social {margin-bottom: 20px;}

.nieImgH {float:left;width:30%;margin-right:5%;}
.nieTekst {float:right;width:65%;}
.nieTitel a {font-family:Montserrat,arial;color:#997a35;font-size:14px;text-transform:none;margin:0 0 20px 0;display:block;}
.nieTxtH {color:#999;font-size:13px;}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*footer top
****************/
#footer {padding:60px 0px;background-color:#f8f8f8;border-top:1px solid #e0e0e0;line-height:24px;}
#footer a {color:#000;text-decoration:underline;}
#fct {float:left;}
#fct ul{margin:0px;list-style-type:none;}
#fct ul li{display:block;margin-bottom:3px;}
#fct ul li:last-child{margin-bottom:0px;}
#fct2 {float:right;text-align:right;}
a.tel{text-decoration:none;}
.navB{display:none;}