/* 
	BACKSTAGE | CROSSFIT BOXMEER
	2018 - Cybox Backstage CMS
	www.cybox.nl        
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i,900,900i');


/* reset */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }
/* clearfix  */   .cf:before, .cf:after {     content: " "; /* 1 */     display: table; /* 2 */ }  .cf:after {     clear: both; }  /**  * For IE 6/7 only  * Include this rule to trigger hasLayout and contain floats.  */ .cf {     *zoom: 1; }
/** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch  */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#1e1f20}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


html,
body {
	margin:0;
	padding:0;
	/*height: 100%;*/
}
body {
    font-family:'Roboto', sans-serif;
    font-size: 1.1em;
    line-height: 1.7;
    background-image:url(../images/bg-image-02.jpg);
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
	color: #000;
    overflow-x: hidden;
    overflow-y: scroll;
}
body:after { position:fixed; top:0; left:0; width:100%; height:100%; content:""; z-index:-1; background-color:rgba(0,0,0,0.5); }

/* links */
a {
    text-decoration: none;   
    color:#2d295c;
}
a:hover {
    color: #666;
}


/* wrapper */
#wrapper {
	position: relative;
	min-height: 100%;
	box-sizing: border-box;
}


/* header */
#header {
	position:fixed;
    top:0;
    width:100%;
	height:150px;
    box-shadow:0px 5px 25px rgba(0,0,0,0.25);
    z-index:3;
    background-color:#343158;
    background-image:url(../images/header-bg.jpg);
}
#header #header-container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	height:100%;
	position: relative;	
}
#header #logo {
	width:190px; height:190px; 
	position: absolute;	left: 0; top:0;
}
#header #logo a {
	display: block; width: 100%; height: 100%;
	background-image: url('../images/logo-crossfit.png');
	background-size:100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#header #menu {
	position: absolute; right: 0; top: 50%;
	-webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#header #menu .cfj { display:none; }

#header #menu ul.small { float:right; margin-top:5px; }
#header #menu ul.small li a { margin-left:20px; font-size:14px; font-weight:400; /*text-transform:lowercase;*/ }

#header #menu ul li {
	float:  left;
}
#header #menu ul li a {
	display: block; 
	color:#fff;
    text-transform:uppercase;
	/*margin-left:40px;*/
	margin-left:30px;
	/*font-size:32px;*/
    font-size:26px;
	font-weight:700;
}
#header #menu ul li a:hover,
#header #menu ul li.active a {
	color:#f0900c;
}
#header #menu ul li.active a {
    -ms-transform:skewY(-3deg); -webkit-transform:skewY(-3deg); transform:skewY(-3deg);
}
#wrapper #header #menu-mobile {
	display: none;
}
/* language menu */
#langmenu {
    float: right;
    padding: .4em 0 .4em;  
}
#langmenu a {
    display: inline-block;
    float:left;
    opacity: .6;
    font-size: .9em;
    color: #666;
}
#langmenu a:hover, #langmenu a.active {
    opacity: 1;
	color: #ff8a00;
}
#langmenu a:not(:last-child) {
    margin-right: 8px;
}
#langmenu a img {
    display: block;   
}
/* language select */
#langswitch {
    padding: 5px 5px 5px 32px;
    color: #333;
    font-family: inherit;
    font-weight: 400;
    font-size: .9em;
    line-height: 1.4;
    background-color: #fff;
    background-image: url("/images/icons/language.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 1px dashed #000;
    margin-top: 4px;
}


/* submenu */
#content #submenu-trigger {
	display: none;
	padding:  10px 20px;
	background: #d5d5d5;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#content #submenu {
	background-color:#2d295c;
	width:100%; float: left; margin-bottom:60px; 
}
#content #submenu ul { margin:0; }
#content #submenu ul li { float:left; margin:0; border-right:1px solid rgba(255,255,255,0.15); list-style:none; }

#content #submenu ul li.section {
	padding: 10px 15px; font-size: 1em; background: #ccc; color: #666; font-weight: 300;
}
#content #submenu ul li a {
	display: block;
	padding:  10px 20px;
	font-size: 1em;
	color:#fff;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	position: relative;
}
#content #submenu ul li:hover a,
#content #submenu ul li.active a {
    background-color:rgba(255,255,255,0.15);
}
#content #submenu ul.subsub li a {
	padding-left: 3em
}
#content #submenu-trigger:after,
#content #submenu-trigger:after {
	background-color: rgba(220,220,220,0.5);
	background-image: url('../images/icons/arrow-down.svg');
}
#content #submenu-trigger.active:after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
#content #submenu-trigger,
#content #submenu ul li a:hover,  
#content #submenu ul li.subactive, 
#content #submenu ul li.active > a {

}
#content #submenu ul li a img {
    max-width:100%;
    opacity: 0.8;
    transition: opacity 150ms ease-in-out;
}
#content #submenu ul li a:hover img, 
#content #submenu ul li.active a img {    
    opacity: 1;
}
/** sub-submenu**/
#submenu ul.subsub {
    box-sizing:border-box;   
}
#submenu ul.subsub.hidden {
    display:none;
}


/* content */
#content {
    position:relative;
	/*min-height: 600px;*/
	max-width: 1200px; 
	width: 90%;
	margin: 3em auto;
    margin-top:calc(3em + 150px);
    z-index: 2;
}
#content.homepage { margin:0 auto; margin-top:150px; height:calc(100vh - 150px); min-height:0; }
#content.homepage .center { position:absolute; top:50%; left:50%; width:100%; color:#fff; text-align:center; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index: 3; }
#content.homepage .center a { color:#fff; }

#content.homepage .center h1 { margin-bottom:30px; padding:0; color:#fff; text-transform:uppercase; }
#content.homepage .center h1 span { font-size: 8vw; font-weight:900; font-style:italic; -ms-transform:skewY(-3deg); -webkit-transform:skewY(-3deg); transform:skewY(-3deg); text-shadow:8px 8px 5px rgba(0,0,0,0.25); line-height: .9; } 
/*#content.homepage .center h1 span:nth-of-type(1) { font-size:48px; font-weight:700; font-style:italic; letter-spacing:10px; text-shadow:4px 4px 0 rgba(0,0,0,0.25); }
#content.homepage .center h1 span:nth-of-type(1):after { display:block; margin:30px auto 45px auto; width:125px; height:4px; content:""; background-color:#fff; }
#content.homepage .center h1 span:nth-of-type(2) { font-size:96px; font-weight:900; font-style:italic;
    -ms-transform:skewY(-3deg); -webkit-transform:skewY(-3deg); transform:skewY(-3deg); text-shadow:8px 8px 0 rgba(0,0,0,0.25); }
#content.homepage .center h1 span:nth-of-type(2) br { display:none; }
#content.homepage .center h1 span:nth-of-type(2) a.open_dag { position:absolute; display:none; right:0; bottom:-55px; padding:15px 20px; font-size:18px; text-shadow:none; box-shadow:6px 6px 0 rgba(0,0,0,0.25); -webkit-transform:skewX(-10deg); transform:skewX(-10deg); background-color:#f0900c; }
#content.homepage .center h1 span:nth-of-type(2) a.open_dag:before { position:absolute; top:-6px; left:24px; width:18px; height:18px; content:""; -webkit-transform:rotate(45deg); transform:rotate(45deg); background-color:#f0900c; }
#content.homepage .center h1 span:nth-of-type(2) a.open_dag:after { position:relative; display:inline-block; top:2px; margin-left:10px; width:16px; height:16px; content:""; background-image:url(../images/icons/arrow-right.svg); background-position:center; background-size:100%; background-repeat:no-repeat; }
#content.homepage .center h1 span:nth-of-type(2) a.open_dag:hover,
#content.homepage .center h1 span:nth-of-type(2) a.open_dag:hover:before { background-color:#e27d08; }*/

#content.homepage .center h2 span { display:block; line-height:32px; }
#content.homepage .center h2 a { display:inline-block; margin-top:30px; padding:20px 30px; color:#f0900c; text-transform:uppercase; letter-spacing:4px; border:4px solid #f0900c; transition:all ease 0.05s; }
#content.homepage .center h2 a:hover { color:#fff; background-color:#f0900c; }

/* new carousel // march 2019 */
#backdrop-carousel {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	box-sizing: border-box;
	pointer-events: none;
	background: #1b1738;
}
#backdrop-carousel .slide {
	height: 100vh;
	overflow: hidden;
	position: relative;
	width: 100%;
	opacity: 0;
	transition: opacity 1000ms;
}
#backdrop-carousel.visible .slide {
	opacity: 1;
}
#backdrop-carousel .slide img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	min-height: 100%;
	min-width: 100%;
	opacity: 0.8;
}
#backdrop-carousel .owl-dots {
	position: absolute;
	left: 50%;
	top: 200px;
	transform: translateX(-50%);
	pointer-events: all;
}
#backdrop-carousel .owl-dots .owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #f0900c;
	border-radius: 10px;
	margin: 0 5px;
}
#backdrop-carousel .owl-dots .owl-dot.active {
	background: #fff;
}

#content .page_content {
    position:relative;
	float: left;
	width: 100%; 
    height:100%;
    padding:10%;
    box-sizing:border-box;
    background-color:#fff;
    z-index: 3;
}

#content.homepage .page_content { padding:0; background-color:transparent; }
#content.homepage .page_content .cfj { float:right; margin-top:20px; }

#content .page_content.hassubmenu {
	width: 70%;
	padding-left: 5%;
}
#content .page_content.hasmedia {
	width: 70%; 
	padding-right: 5%;
}
#content .page_content.hassubmenu.hasmedia {
	width: 40%; 
	padding-right: 5%;
}
#content .page_content p {
	margin-bottom:20px;
}
#content .page_content ul,
#content .page_content ol {
	margin: 20px 0;
}
#content .page_content ul li {
	list-style-type: disc; 
	margin-left: 20px;
}
#content .page_content ol li {
	list-style-type: decimal; 
	margin-left: 20px;
}
#content .page_content table {
	width: 100%; 
    border-bottom:1px solid #ddd;
}
#content .page_content table:last-of-type { border:none; }
#content .page_content table tr:nth-of-type(odd) {
}
#content .page_content table tr td {
	padding: 10px;
    box-sizing:border-box;
}
#content .page_content table tr td:first-of-type { width:200px; }
#content .page_content table tr td strong u { text-decoration:none; }


/* headlines */
#content .page_content h1 {
	font-size: 2.2em; 
	line-height: 1.2; 
	font-weight: 600;
	padding-bottom: 1em;
	color:#2d295c;
}
#content .page_content h2 {
	font-size: 1.3em;
	line-height: 1.2;  
	font-weight: bold;
	padding-bottom: 0.2em; 
}


/* downloads links */
#content .page_content .links {
	margin-top: 20px;
}
#content .page_content .links a,  #content .product .links a {
	display: block; 
	padding-left: 0px;
	color: #000;
}
#content .page_content .links a.link svg, #content .page_content .links a.file svg  {
	fill: #000db9;
	width: 16px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}


/* ### media on page ### */
#content .media {
	float: left;
	width: 100%;
}
#content .media a {
	position: relative; 
	display: block; 
	overflow: hidden; 
	margin-top: 2em;
	float: left;
	width: 32%;
	margin-right: 2%;
}
#content .media a:nth-of-type(3n+3) {
	margin-right: 0;
}
#content .media a img {
	width: 100%; display: block;
}
#content .media a.foto:hover:before, #content .fotoalbum a.foto:hover:before, 
#content .page_content .agenda .item a.foto:hover:before, 
#content .media a.video:before,
#content .media a.video:hover:before  {
	content: "";
	width: 48px; 
	height: 48px; 
	border-radius: 30px;
	background-color: #fff; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -24px; 
	margin-top: -24px;
	background-image: url('../images/icons/zoom.svg'); 
	background-size: 20px 20px; 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}
#content .media a.video:before,
#content .media a.video:hover:before {
	background-image: url('../images/icons/play.svg');
}
#content .media a.video:hover:before {
	background-color: #ccc;
}
.caption {
	display: block;
	padding: 10px 15px; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	box-sizing: border-box;
	background: #2d295c;
	color: #fff;
	position: absolute;
	left: 0; bottom: 0;
	opacity: 1;
	transition: opacity 300ms;
}
.media a:hover .caption {
	opacity: 0;
}



/* ### fotoalbum ### */
#content .page_content .fotoalbum {
	margin: 0px 0; 
	width: 101%; 
	margin-left: -1%;
}
#content .page_content .fotoalbum a {
	float: left;
	display: block; 
	position: relative;
	overflow:hidden; 
	width: 31.333%;
	margin: 1%;
}
#content .page_content .fotoalbum a.foto {
	width: 23%;
}
#content .page_content .fotoalbum a img {
	display: block;
	width: 100%;
}
#content .page_content a.back {
	font-weight: bold;
}



/* ### nieuws ### */
.news-overview .item {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-top: 2px solid rgba(0,0,0,0.2);
	padding-top: 2em;
}
.news-overview .item h2 a {
	color: #000;
}
.news-overview .item .image {
	float: right;
	margin-left: 3em;
	max-width: 100%;
}
.news-overview .item .image img {
	display: block;
	width: 100%;
}
.news-overview .item .date,
.news_item .date  {
	color: #666;
}
.news-overview .item .snippet {
	padding-top: 1em;
}
.news-overview .item a.leesmeer {
	white-space: nowrap;
	display: block;
	font-weight: bold;
}
.news-overview .item a.leesmeer:hover {
	/* hover */
}


/* ### agenda ### */
#content .page_content .agenda .item {
	background: #efefef;
	margin-bottom: 1em;
	padding: 1em; 
	border-radius: 3px;
    position: relative;
}
#content .page_content .agenda .item .spec {
	float: left; margin-right: 10px;
}	
#content .page_content .agenda .item .spec.date {
	font-weight: bold;
}
#content .page_content .agenda .item h2 {
	clear: left; 
	max-width: 100%; 
	padding-top: 0.3em; 
	padding-bottom: 0;
}
#content .page_content .agenda .item a.foto {
	float:  left; 
	width: 30%;
	position: relative;
	opacity: 0; 
	transition: opacity 400ms ease-in-out;
}
#content .page_content .agenda .item a.foto.on {
	opacity: 1;
}	
#content .page_content .agenda .item a.foto img {
	width: 100%;
}
#content .page_content .agenda .item .description {
	width: 60%;
	float: left; 
	margin-left: 10%;
}
/* if == toggle'able */
#content .page_content .agenda .item .content {
	display: none;
	padding: 2em; 
	background: #fff; 
	margin-top: 1em; 
	border-radius: 3px;
}
#content .page_content .agenda .item .toggle {
	/* display: none */
	width: 30px; 
	height: 30px; 
	float: right; 
	border-radius: 30px;
	background-color: #fff;
	background-image: url('../images/icons/arrow-down.svg'); 
	background-size: 12px 12px; 
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}	
#content .page_content .agenda .item .toggle:hover {
	cursor: pointer; 
	background-color: #ccc; 
}
#content .page_content .agenda .item .toggle.on {
	background-image: url('../images/icons/arrow-up.svg'); 
}
#content .page_content .agenda .item a.cta {
    display:block;
    color: white;
    background: #EE3A43;
    border-radius: 3px;
    padding: 0.7em 1em;
    position:absolute;
    top:1.5em;right:1.5em;
    cursor:pointer;
}
	

/* ### contact ### */
#content #contact {
	padding-bottom: 30px;
}
#content #contact form {
	width: 100%;
	position: relative;  
	padding-bottom: 20px;
}
#content #contact form .field {
	padding: 0px;
	padding-bottom: 20px;
	clear: both; 
    position: relative; 
    width: auto;
}
#content #contact form .field label {
	clear: both;
	display: block; 
	margin: 0; padding: 0;
}
#content #contact form .field.radio label, #content #contact form .field.checkbox label  {
    line-height: 1.7;
}
#content #contact form input, #content #contact form textarea, #content #contact form select {
	padding: 5px; 
	font-family: inherit; 
	font-size: inherit; 
	color: #333;
	border: 1px solid #ccc;
	width: 100%; 
	float: left;
	margin-top: 3px; 
	border-radius: 2px;
    box-sizing: border-box;
}
#content #contact form textarea {
	min-height: 150px; 
	max-height: 300px; 
	max-width: 100%; /* prevent freestyle scaling */
}
#content #contact form input[type=checkbox], #content #contact form input[type=radio] {
	width: auto; 
    padding: 0;
    margin: 0; 
    border: none;
    display: inline; 
    margin-right: 5px; 
    margin-top: 5px;
    height: 20px;
}
#content #contact form input.submit {
	clear: both;  padding: 10px 25px;
    margin-bottom: 20px; 
    cursor: pointer; 
    width: auto;
	background: #000; 
	color: #fff;  
	margin-top: 10px; 
	border: 0;
	-webkit-appearance: none;
}
#content #contact form input.submit:hover {
	cursor: pointer; 
	background: #000db9;
}
#content #contact form br { 
	display: none; 
}
#content #contact form  label.error {
    background: #ed2024; 
	color: #fff; 
	font-size: 0.9em; 
	width: auto; 
	text-align: center; 
	padding: 10px 15px!important;
	position: absolute; 
    bottom: -5px; 
    right: -10px;
    font-weight: normal!important;
    line-height:1.2;
    border-radius: 3px; 
    font-size: 13px;
}
#content #contact form  label.error:before {
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ed2024;
	position: absolute;
	left: 20px;
	top: -5px;
}
#content #contact div.field.bc {
    display: none;   
}
#map_canvas { position:absolute; top:0; right:0; width:50%; height:100%; clear: both; }


.bottom { margin:0 auto; margin-top:-1.5em; margin-bottom:3em; width:90%; max-width:1200px; text-align:right; }
.bottom.homepage { margin:0 auto; margin-top:30px; width:100%; text-align:center; }
.bottom .privacy a { color:#fff; text-decoration:underline; }
.bottom .privacy a:hover { text-decoration:none; }

.bottom #social-media-buttons { position:relative; display:inline-block; top:-2px; right:-1px; float:right; margin-left:20px; }
.bottom #social-media-buttons a { position:relative; display:inline-block; margin-left:5px; width:36px; height:36px; border-radius:50%; background-color:#fff; }
.bottom #social-media-buttons a:hover {background-color:rgba(255,255,255,0.8); }
.bottom #social-media-buttons a svg { position:absolute; top:50%; left:50%; width:16px; fill:#2d295c; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

.bottom .privacy { display:inline-block; }

.bottom.homepage #social-media-buttons { float:none; top:4px; right:0; margin-left:15px; vertical-align:middle; }

/* footer */
#footer {
    display:none;
	/* footer snap to bottom */
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;	
	height: 100px;		
}
#footer #footer-container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;	
	color: #000;
	padding-top: 25px;
	font-size: 0.9em;
}
#footer #footer-container a {
	color: #666;
}
#footer #footer-container a:hover {
	color: #333;
}
#footer #footer-container #social-media-buttons {
	float: right; 
	position: relative; 
	box-sizing: border-box;
	margin-top: 5px;
}
#footer #footer-container #social-media-buttons a {
	width: 40px; 
	height: 40px;
	border-radius: 35px;
	float: left; 
	background-color: #ccd2e7;	
	margin-left: 19px;
	position: relative;
}
#footer #footer-container #social-media-buttons a svg {
	display: block;
	fill: #000db9;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -8px;
}

#footer #footer-container #social-media-buttons a:hover {
	background-color: #efefef;
}
.cybox-tag {
	position: relative; 
	margin-top: 10px;
	width: 130px;
	font-size: 9px;
	white-space: nowrap;
	font-family: "Open Sans";
	font-style: italic;
	display: block;
	font-size: 11px;
}
.cybox-tag a {
	display: block;
	color: #000;
}
.cybox-tag svg {
	width: 55px; 
	display: inline-block;
	margin-left: 10px;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	fill: #000db9;
} 
.cybox-tag a:hover {
	cursor: #666;
}


/* mailstage */
#ms-succes {
    display:none;
}
#mailstage {
    width: 254px;
    margin:1em auto;
    
}

/* IE */
#oldiemsg {
	position: fixed; left: 0; top: 0; background: #e83f40;
	padding: 1%; width: 98%; color: #fff;
	font-family: inherit, sans-serif;
	font-size: 14px; line-height: 24px;
}
#oldiemsg a {
	color: #fff; text-decoration: underline;
}
#oldiemsg .close-oldiemsg {
	position: absolute; right: 1em; top: 1em; cursor: pointer; font-size: 16px;
}





/* disable selection */

#menu, #header, #submenu
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}



/* lesrooster */
.lesrooster-iframe {
	margin: 50px 0;
	margin-bottom: 0;
}
.lesrooster-iframe iframe {
	display: block;
	height: 1000px;
	box-shadow: 0px 0px 20px #ccc;
}
@media screen and (max-width: 900px) {

	.lesrooster-iframe iframe {
		display: block;
		height: 700px;
	}

}
.lesrooster-proefles {
	background: #000;
	padding: 50px;
	color: #fff;
	background-image: url('/images/header-bg.jpg');
	background-size: cover;
	background-position: bottom center;
	text-align: center;
}
.lesrooster-proefles h2 {
	margin-bottom: 1em;
}
.lesrooster-proefles a {
	color: #f0900c;
}


#homevideo {
	position: fixed;
	left: 0;
	top: 150px;
	width: 100%;
	height: calc(100% - 150px);
	z-index: 1;
	box-sizing: border-box;
	pointer-events: none;
	background: #1b1738;
	box-sizing: border-box;
}
#homevideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}