@charset "UTF-8";

@import url("burger.css");

/* Fonts */
@font-face {
    font-family:'arvo_regular';
    src: url('../fonts/arvo-regular-webfont.woff2') format('woff2'),
         url('../fonts/arvo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'nexa_light';
    src: url('../fonts/nexa-light-webfont.woff2') format('woff2'),
         url('../fonts/nexa-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'nexa_regular';
    src: url('../fonts/nexa-regular-webfont.woff2') format('woff2'),
         url('../fonts/nexa-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'nexa_bold';
    src: url('../fonts/nexa-bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{--main-color:#002940;}
:root{--secundary-color:#28afaf;}

html,body{width:100%; height:100%;}

body{margin-top:62px; font-family:'arvo_regular'; font-weight:normal; color:var(--main-color);}
body.noScroll{overflow:hidden;}

.showCursor{cursor:pointer;}

.bg-main{background-color:var(--main-color);}
.bg-secundary{background-color:var(--secundary-color);}

.text-secundary{color:var(--secundary-color);}

a:link,a:hover,a:active,a:visited{text-decoration:none;}

h1,h2,h3,h4,h5{font-family:'nexa_bold'; font-weight:normal;}

hr{color:var(--secundary-color); opacity:1;}

.header{font-family:'nexa_light'; font-size:0;}
.header.active{box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);}
.header img{height:30px;}
.header ul{font-size:0;}
.header ul li{display:inline-block; font-size:16px; line-height:1;}
.header ul li:last-child{float:right;}
.header ul li a,.header ul li span{padding:37px 15px 37px 15px; display:inline-block; color:var(--main-color); transition:all .3s linear;}
.header ul li:first-child a{padding-left:0;}
.header ul li:last-child a{padding-right:0;}
.header ul li a:hover, .header ul li.active a, .header ul li span:hover, .header ul li.active span{color:var(--secundary-color);}

.header ul li ul{padding:37px 0 0 37px;}
.header ul li ul li:last-child{float:none;}
.header ul li:last-child ul li a{padding:0 10px 0 10px; display:inline-block; border-right:solid 1px var(--main-color);}
.header ul li:last-child ul li:first-child a{padding-left:0;}
.header ul li:last-child ul li:last-child a{padding-right:0; border:none;}

.subnavWrapper{height:0px; opacity:0; visibility:hidden; transition:opacity .3s linear, visibility .3s linear}
.subnavWrapper.active{height:auto; opacity:1; visibility:visible;}
.header ul.subNav li:last-child{float:none;}
.header ul.subNav li a{padding:20px 10px 20px 10px; color:#FFF; background-image:url("../img/icoSubnavInactive.svg"); background-size:18px 9px; background-position:top center; background-repeat:no-repeat;}
.header ul.subNav li:first-child a{padding-left:0;}
.header ul.subNav li:last-child a{padding-right:0;}
.header ul.subNav li a:hover, .header ul.subNav li.active a{color:var(--main-color); background-image:url("../img/icoSubnav.svg");}
.header ul.subNav.light li a:hover, .header ul.subNav.light li.active a{color:var(--secundary-color);}

/*.navBCI{width:702px;}*/

.navTouch{height:calc(100vh - 62px); left:0; bottom:0; z-index:1029; visibility:hidden; opacity:0; font-family:'nexa_light'; font-size:0; transition:all .5s linear;}
.navTouch.active{visibility:visible; opacity:1;}
.navTouch .d-table .d-table-row:last-child{height:0%;}
.navTouch ul li{padding:10px 0; font-size:20px; line-height:1;}
.navTouch ul li span{padding:0 0 10px 0; color:#FFF;}
.navTouch ul li ul li{padding:10px 0 10px 20px;}
.navTouch ul li ul li:last-child{padding-bottom:0;}
.navTouch .d-table .d-table-row:last-child ul li{padding:0 10px; display:inline-block; border-right:solid 1px #FFF;}
.navTouch .d-table .d-table-row:last-child ul li:last-child{border:none;}
.navTouch a{color:#FFF;}

.footer{font-family:'nexa_light';}
.footer hr{opacity:1; background-color:var(--secundary-color);}
.footer img{margin-top:-4px; width:30px;}
.footer ul{font-size:0;}
.footer ul li{display:block; font-size:16px; color:#567991;}
.footer ul li:first-child{padding-left:0;}
.footer ul li:first-child:before{padding-right:0; content:"";}
.footer ul li a{color:#567991;}
/*.footer ul li:last-child a{color:var(--secundary-color);}*/
.footer .social{line-height:1;}
.footer .social a{padding:8px 9px; color:#FFF; border-radius:50%; background-color:#567991;}

/*homepage*/
.fullscreen-video{height:calc(100vh - 62px);}
.fullscreen-video video{top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; transform: translateX(-50%) translateY(-50%);}
.fullscreen-video #arrow{bottom:0; font-size:24px; line-height:1;}
.fullscreen-video #arrow i{}

.homepageBlocks img{width:25px;}
.homepageBlocks a{color:var(--main-color);}
.homepageBlocks a i{color:var(--secundary-color); font-size:12px;}

/*content*/
/*
header tekst + afbeelding 50/50
.contentTitleBg{height:calc(100vh - 62px);}
.contentTitleBg .d-table-row{height:50%;}
*/
.contentTitleBg{height:calc(75vh - 62px);}
.contentTitleBg .d-table-row{height:50%;}
.contentTitleBg .d-table-row:last-child{height:25%;}
.contentTitleBg.noImg{height:calc(50vh - 62px);}
.contentTitleBg.noImg .d-table-row{height:100%;}
.contentTitle{background-size:auto 100%; background-position:right top; background-repeat:no-repeat;}
.contentBg{background-size:cover; background-position:center center;  background-repeat:no-repeat;}

.content p:last-child{margin-bottom:0;}

/*partners*/
.partner{position:relative; width:100%;}
.partner:after{content: ""; display: block; padding-bottom: 100%;}


/*team*/
.team{margin-top:0}
.team li{padding-top:50px; display:block;}
.team h3{font-family:'arvo_regular'; font-size:1.2rem;}


/*contact*/
#contactMap{height:450px; font-size:0;}
#mapOverlay img{margin-top:-32px; width:40px; height:auto; border-radius:20px; -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);}
#googleMap{margin-top:-110px; border:0;}

@media(min-width:768px){
.footer ul li{padding-left:15px; display:inline-block;}
.footer ul li:before{padding-right:15px; content:"•";}

/*team*/
.team{margin-top:-50px;}
.team li{margin-right:20%; padding-top:100px; width:40%; float:left;}
.team li:nth-child(2n+2){margin-right:0;}
}
@media(max-width:992px){
.subnavWrapper.active{display:none;}
}
@media(min-width:992px){
body{margin-top:90px;}

h1{font-size:2.3rem; line-height:1.6;}


.header img{height:50px;}

/*homepage*/
.fullscreen-video{height:calc(100vh - 90px);}

/*content*/
/*
header tekst + afbeelding 50/50
.contentTitleBg{height:calc(100vh - 90px);}
*/
.contentTitleBg{height:calc(75vh - 90px);}

/*team*/
.team{margin-top:-50px;}
.team li{margin-right:calc(25% / 2); padding-top:100px; width:25%;}
.team li:nth-child(2n+2){margin-right:calc(25% / 2);}
.team li:nth-child(3n+3){margin-right:0;}
}
@media(min-width:1200px){
h1{font-size:2.5rem; line-height:1.4;}

/*homepage*/
.fullscreen-video{font-size:1.2rem;}
h1.siteStart{font-size:5rem; line-height:1.2}

.homepageBlocks p{font-size:1.15rem;}
}
@media(min-width:1400px){
h1{font-size:3rem; line-height:1.4;}

/*homepage*/
.fullscreen-video{font-size:1.2rem;}
h1.siteStart{font-size:5rem;}

.homepageBlocks p{font-size:1.2rem;}

/*team*/
.team{margin-top:-50px;}
.team li{margin-right:calc(40% / 2); padding-top:100px; width:20%;}
.team li:nth-child(2n+2){margin-right:calc(40% / 2);}
.team li:nth-child(3n+3){margin-right:0;}
}