@import "reset.css";
@import "menu.css";
html {  -webkit-text-size-adjust: none;}
body{background-color:#fafafa;color:#333;font-family:Open Sans, Arial;font-size:15px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#23aae2;}
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:#23aae2;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:#23aae2;}

/*header
******************/
#top {background-color:#fff;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:#23aae2;color:#fff;font-family:Poppins,arial;text-decoration:none;text-transform:uppercase;border:1px solid #23aae2;font-weight:600;font-size:12px;}
.afspraak a:hover {background-color:transparent;color:#23aae2;-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:30px 0;border-bottom:1px solid #e0e0e0;background-color:#23aae2;}
#logo2 {text-align:center;padding:8px 0px 9px 0;}

#slideshow {position:relative;z-index:1;background-color:#fff;border-bottom:1px solid #e0e0e0;}
#nieuws {background:#fff;width:1160px;margin-left:auto;margin-right:auto;margin-top:-130px;position:relative;padding:34px 40px;text-align:center;box-sizing:border-box;}
.nieuws {text-transform:uppercase;color:#999;letter-spacing:1px;font-size:12px;margin-bottom:10px;display:block;}
.nieTitel {font-family:Poppins,arial;font-size:24px;color:#000;text-decoration:none;margin-bottom:10px;line-height:normal;display:block;font-weight:700;}
.nieKorteTekst {margin-bottom:30px;font-size:14px;line-height:19px;padding:0 20px;}
.leesmeer a {background:#23aae2;color:#fff;display:inline-block;padding:7px 20px;text-transform:uppercase;font-size:12px;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;text-decoration:none;line-height:normal;}
.leesmeer a:hover {opacity:.8;text-decoration:none;}

#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;} 

/*main content -> menu & content
*********************************/
#main {width:100%;line-height:24px;margin:50px 0;}
#contenthome {float:left;width:50%;margin-right:10%;}

#content {width:100%;}
#contentleft {float:left;width:45%;margin-right:10%;}
#contentright {float:right;width:45%;}

#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:#23aae2;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%;}

.nieuwsbericht {margin-bottom:50px;}

.parent8 a {float:left;width:11.625%;margin-left:1%;display:block;}
.parent8 a img {width:100%;margin-bottom:10px;height:auto !important;}
.parent8 a:first-child, .parent8 a:nth-child(8n+1) {margin-left:0;}

.parent9 a {float:left;width:11.625%;margin-left:1%;display:block;}
.parent9 a img {width:100%;margin-bottom:10px;height:auto !important;}
.parent9 a:first-child, .parent9 a:nth-child(8n+1) {margin-left:0;}

.parent11 a {float:left;width:11.625%;margin-left:1%;display:block;}
.parent11 a img {width:100%;margin-bottom:10px;height:auto !important;}
.parent11 a:first-child, .parent11 a:nth-child(8n+1) {margin-left:0;}

.parent12 a {float:left;width:11.625%;margin-left:1%;display:block;}
.parent12 a img {width:100%;margin-bottom:10px;height:auto !important;}
.parent12 a:first-child, .parent12 a:nth-child(8n+1) {margin-left:0;}

.parent13 a {float:left;width:11.625%;margin-left:1%;display:block;}
.parent13 a img {width:100%;margin-bottom:10px;height:auto !important;}
.parent13 a:first-child, .parent13 a:nth-child(8n+1) {margin-left:0;}

.grid-6 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
.sectiongrid {margin-bottom: 40px;}

@media screen and (max-width: 1130px) {
	
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
	/*GRID 5 MOET JE NAAR 6 KOLOMMEN BRENGEN OM TE VERDELEN TUSSEN 3 & 2*/
	.grid-5 {grid: auto / repeat(6, 1fr);}
	.grid-5 div {grid-column: span 2;}
	.grid-5 div:nth-child(5n), .grid-5 div:nth-child(5n-1) {grid-column: span 3;}
	.grid-4					{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
	.grid-3					{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width: 850px) {
	
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width: 640px) {
	
	.grid-6 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	.grid-5 {grid: auto / repeat(1, 1fr);grid-column-gap: 0;}	
	.grid-4 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	.grid-3 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	.grid-2 {display: grid;grid-gap: 20px;grid-template-columns: repeat(1,1fr);}
	
}

/*footer top
****************/
#footer {padding:60px 0px;background-color:#fff;border-top:1px solid #e0e0e0;line-height:24px;}
#footer a {color:#000;text-decoration:underline;}
#logofoot {text-align:center;padding:30px 0;}
.tel {text-decoration:none !important;}
#fct {position:absolute;left:0px;top:0px;}
#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 {position:absolute;right:0px;top:0px;text-align:right;}
a.tel{text-decoration:none;}
.navB{display:none;}

.required 				{color: #FF0000;}
.field_heading 			{font-weight: bold;padding-top: 10px;}
.field_row 				{display:flex;}
.field_title 			{flex:1;}
.field_input 			{flex:2;}
.field_checkbox 		{width: 100%;margin-bottom:10px;}
.field_title2 			{width:100%;margin-bottom:10px;}
.field_input2 			{width:100%;margin-bottom:10px;}
input[type='checkbox'] 	{width:auto;}
input[type='radio'] 	{width:auto;}
.textarea				{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family:Work Sans, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:#23aae2;color:#fff;border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;font-size:15px;border-radius: 8px;}
.gdpr					{font-size:10px;line-height: normal;}