@charset "utf-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
/*-- Grid configuration --*/
.clear {
	clear: both;
}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .tw12, .tw1, .tw2, .tw3, .tw4, .tw5, .tw6, .tw7, .tw8, .mw12, .mw1, .mw2, .mw3, .mw4 {
	width: 100%;
	float: left;
	display: inline;
	margin: 0 auto;
	float: left;
	padding: 10px;
}
/*-- Grid maten --*/

.w12 {
	max-width: 100%;
}
.w11 {
	max-width: 91.66666667%;
}
.w10 {
	max-width: 83.33333333%;
}
.w9 {
	max-width: 75%;
}
.w8 {
	max-width: 66.66666667%;
}
.w7 {
	max-width: 58.33333333%;
}
.w6 {
	max-width: 50%;
}
.w5 {
	max-width: 41.66666667%;
}
.w4 {
	max-width: 33.33333333%;
}
.w3 {
	max-width: 25%;
}
.w2 {
	max-width: 16.66666667%;
}
.w1 {
	max-width: 8.33333333%;
}

 @media (min-width: 0px) and (max-width: 768px) {
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12, .tw1, .tw2, .tw3, .tw4, .tw5, .tw6, .tw7, .tw8 {
	max-width: 100%;
}
.mw4 {
	max-width: 100%;
}
.mw3 {
	max-width: 75%;
}
.mw2 {
	max-width: 50%;
}
.mw1 {
	max-width: 25%;
    margin-left: -3%;
}
     
.mw-hidden {
	display: none;
}
.mw-show {
	display: block;
}
}
 @media (min-width: 769px) and (max-width: 992px) {
.tw8 {
	max-width: 100%;
}
.tw7 {
	max-width: 87.5%;
}
.tw6 {
	max-width: 75%;
}
.tw5 {
	max-width: 62.5%;
}
.tw4 {
	max-width: 50%;
}
.tw3 {
	max-width: 37.5%;
}
.tw2 {
	max-width: 25%;
}
.tw1 {
	max-width: 12.5%;
}
.tw-hidden {
	display: none;
}
.tw-show {
	display: block;
}
}
 @media (min-width: 993px)  {
.w-hidden {
	display: none;
}
.w-show {
	display: block;
}
}
/*-- menu instellingen --*/
#nav {
	opacity: 0;	
	overflow: hidden;
	-webkit-transition: all 1500ms ease-out;
    -moz-transition: all 1500ms ease-out;
    -o-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
#nav.open {
	opacity: 1;	
}
@media (max-width: 768px) {
.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}
.nav-collapse li {
	width: 100%;
	display: block;
}
.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.nav-collapse.opened {
	max-height: 9999px;
}
}
 @media screen and (min-width: 769px) {
.js .nav-collapse {
	position: relative;
	max-height: none;
}
#nav-toggle {
	display: none;
}
.has-sub:hover .has-sub ul {
	display: block;
}
.show {
	display: block;
}
}