body {padding: 0px;margin: 0px;font-family: 'GothamBook';font-size: 12px;color: #333e48;line-height: 18px;background-color: #FFFFFF;}

.background {opacity: 0.00;height: 1960px;height: 1600px;min-width: 1000px;background-position: top center;overflow: hidden;background-repeat: no-repeat;background-size: cover;}
.background.background-small { height: 1160px; }
.background.background01 { background-image: url(../img/background/01.jpg); }
.background.background02 {background-image: url(../img/background/02.jpg);background-size: cover;}
.background.background03 { background-image: url(../img/background/03.jpg); }
.background.background04 {background-image: url(../img/background/04.jpg);}
.background.background05 { background-image: url(../img/background/05.jpg); }

.mobilepage {display:none;}



/* 

oranje: ff5000

*/


.leesmeer {color: #323f49;font-size: 9px;display: block;}
#submenu { opacity: 0.00; }
.subitem:hover { cursor: pointer; }
#data { display: none; opacity: 0.00; }

.preload { height: 0px !important; width: 0px !important; }

.container {margin: 0px auto;width: 1000px;position: relative;}

.site { position: relative; }
.site .header {min-width: 1000px;position: fixed;z-index: 300000000000000;left: 0px;width: 100%;height: 166px;margin-top: -37px;}
.site .navigatie {min-width: 1000px;position: absolute;top: 80px!important;left: 0px;width: 100%;height: 800px;}
.site .page {min-width: 1000px;position: absolute;top: 1160px;left: 0px;width: 100%;height: 900px;}

.header { background-image: url('../img/header.png'); background-repeat: no-repeat; background-position: calc(50% + 100px) 0px; }
.header .logo { display: none; position: absolute; left: 140px; top: 55px; }
.header .logo img { height: 60px; width: auto; }

.arrow {display: none;height: 55px;padding-top: 5px;width: auto;position: absolute;bottom: 86px;left: 161px;-webkit-transition: .1s ease-in-out;-moz-transition: .1s ease-in-out;-o-transition: .1s ease-in-out;transition: .1s ease-in-out;}
.arrow:hover { cursor: pointer;  }

.cross {height: 24px;width: auto;position: absolute;top: 100px;left: 175px;}

.navigatie { line-height: 15px; font-size: 13px; font-family: 'GothamBold'; color: #333e48; position: relative; }
.navigatie .menu { z-index: 9998; cursor: pointer; position: absolute; top: calc((600px / 2) - ((102px) / 2)); left: calc((1000px / 2) - ((102px) / 2)); border: 5px solid rgba(255, 255, 255, 0.50); border-radius: 999px; }
.navigatie .menu .menu-item {}
.navigatie .menu.menu-with-image { display: none;  top: calc((600px / 2) - ((280px) / 2)); left: calc((1000px / 2) - ((280px) / 2)); border: 5px solid rgba(255, 255, 255, 0.50); }
.navigatie .menu.menu-with-image .menu-icon { display: none; }
.navigatie .menu.menu-with-image .menu-inner { overflow: hidden; padding: 0px; }
.navigatie .menu.menu-with-image .menu-inner img { border-radius: 250px; overflow: hidden; float: left; }
.navigatie .menu.menu-with-image.open .menu-inner img {  }
.navigatie .menu:hover { border: 5px solid rgba(255, 255, 255, 1.00); } 
.navigatie .menu .menu-image { border-radius: 250px; overflow: hidden; padding: 10px; }
.navigatie .menu .menu-image img { border-radius: 250px; overflow: hidden; float: left; }
.navigatie .menu .menu-inner { background-color: #FFFFFF; border-radius: 250px; padding: 16px; margin: 8px; }
.navigatie .menu .menu-inner .menu-icon { height: 40px !important; width: 50px !important; margin-top: 5px; margin-bottom: 5px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; height: 44px; }
.navigatie .menu .menu-inner .menu-icon span {display: block;position: absolute;height: 3px;width: 40px;margin-left: 5px;background: #ff5000;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.navigatie .menu .menu-inner .menu-icon.open span {  }
.navigatie .menu .menu-inner .menu-icon span:nth-child(1) { top: 3px; }
.navigatie .menu .menu-inner .menu-icon span:nth-child(2),.menu-icon span:nth-child(3) { top: 18px; }
.navigatie .menu .menu-inner .menu-icon span:nth-child(4) { top: 33px; }
.navigatie .menu .menu-inner .menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.navigatie .menu .menu-inner .menu-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.navigatie .menu .menu-inner .menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.navigatie .menu .menu-inner .menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
.navigatie .menu-line { height: 2px; position: absolute; transform-origin: top left; z-index: 1; }
.navigatie .menu-line .line { height: 2px; background-color: rgba(255, 255, 255, 0.75); opacity: 0.00; }
.navigatie .menu-line .line:before { content: " "; height: 6px; width: 6px; border-radius: 6px; background-color: #FFFFFF; position: absolute; top: -2px; left: -2px; }
.navigatie .menu-line .line:after { content: " "; height: 6px; width: 6px; border-radius: 6px; background-color: #FFFFFF; position: absolute; top: -2px; right: -2px; }
.navigatie .menu-item { opacity: 0.00; z-index: 500; position: absolute; height: 376px; width: 376px; padding: 0px; }
.navigatie a { color:white; text-decoration: none; }
.navigatie p a { color: #333e48; text-decoration: none; }


.navigatie .menu-item:hover .menu-item-inner .menu-item-inner-circle { border: 5px solid rgba(255, 255, 255, 1.00); }  
.navigatie .menu-item .menu-item-inner {height: 100%;width: 100%;vertical-align: middle;text-align: center;}
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle {
        display: table;
        height: 100%;
        width: 100%;
        border: 5px solid rgba(255,255,255,0.5);
        padding: 15px;
        border-radius: 999px;
        -webkit-background-clip: padding-box;
/* for Safari */
        background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
}
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text {display: table-cell;vertical-align: middle;height: 100%;width: 100%;background-color: #FFFFFF;border-radius: 999px;padding: 0px;padding-top: 0px;}
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text p { display: none; margin: 0px; padding: 0px; text-align: center; color: #333e48; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .p {display: none;padding-top: 8px;}
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close { position: absolute; left: calc(100% / 2 - 15px); top: 90px;  height: 30px; width: 30px; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon { margin-top: 2px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; height: 44px; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #ff5000; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon.open span { height: 4px; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon span:nth-child(1) { top: 0px; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon span:nth-child(2),.menu-icon span:nth-child(3) { top: 18px; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon span:nth-child(4) { top: 36px; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.navigatie .menu-item .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text .menu-item-inner-circle-close .menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }



.navigatie .menu-item {}
.navigatie .menu-item.menu-item-1 { padding: 113px; left: calc((1000px / 2) - (376px / 2)); top: calc((600px / 2) - (376px / 2)); }
.navigatie .menu-item.menu-item-2 { padding: 113px; left: calc((1000px / 2) - (376px / 2)); top: calc((600px / 2) - (376px / 2)); }
.navigatie .menu-item.menu-item-3 { padding: 98px; left: calc((1000px / 2) - (376px / 2)); top: calc((600px / 2) - (376px / 2)); }
.navigatie .menu-item.menu-item-4 { padding: 121px; left: calc((1000px / 2) - (376px / 2)); top: calc((600px / 2) - (376px / 2)); }
.navigatie .menu-item.menu-item-5 { padding: 120px; left: calc((1000px / 2) - (376px / 2)); top: calc((600px / 2) - (376px / 2)); }
.navigatie .menu-item.menu-item-6 { padding: 98px; left: calc((1000px / 2) - (376px / 2)); top: calc((600px / 2) - (376px / 2)); }




.navigatie .menu-item.menu-item-6  .menu-item-inner-circle { padding: 5px; }
.navigatie .menu-item.menu-item-6 .img { overflow: hidden; }
.navigatie .menu-item.menu-item-6 img {border-radius: 160px;height: 160px;width: auto;float: left;}
.navigatie .menu-item.menu-item-6 { left: calc((1000px / 2) - (376px / 2) - 120px); top: calc((600px / 2) - (376px / 2) - 160px) ; }


.navigatie .menu-item.menu-item-1.menu-item-positie { left: calc((1000px / 2) - (376px / 2) - 404px); top: calc((600px / 2) - (376px / 2) - 85px); }
/*
.navigatie .menu-item.menu-item-2.menu-item-positie { left: calc((1000px / 2) - (376px / 2) + 300px); top: calc((600px / 2) - (376px / 2) - 225px); }
*/
.navigatie .menu-item.menu-item-2.menu-item-positie { left: calc((1000px / 2) - (376px / 2) + 300px); top: calc((600px / 2) - (376px / 2) - 150px); }
.navigatie .menu-item.menu-item-3.menu-item-positie { left: calc((1000px / 2) - (376px / 2) + 400px); top: calc((600px / 2) - (376px / 2) + 100px); }
.navigatie .menu-item.menu-item-4.menu-item-positie { left: calc((1000px / 2) - (376px / 2) + 150px); top: calc((600px / 2) - (376px / 2) + 300px); }
.navigatie .menu-item.menu-item-5.menu-item-positie { left: calc((1000px / 2) - (376px / 2) - 200px); top: calc((600px / 2) - (376px / 2) + 225px); }

.navigatie .menu-item.menu-item-active { padding: 0px; z-index: 8888; }
.navigatie .menu-item.menu-item-active .menu-item-inner .menu-item-inner-circle {display: table;height: 100%;width: 100%;border: 10px solid rgba(255, 80, 0, 0.69);padding: 10px;border-radius: 999px;}
.navigatie .menu-item:not(.menu-item-5).menu-item-active .menu-item-inner .menu-item-inner-circle h1 { text-transform: uppercase; color: #ff5000; font-weight: normal; font-size: 15px; line-height: 20px; }
.navigatie .menu-item:not(.menu-item-5).menu-item-active .menu-item-inner .menu-item-inner-circle h2 { text-transform: uppercase; color: #333e48; font-weight: normal; font-size: 12px; line-height: 16px; }
.navigatie .menu-item.menu-item-5.menu-item-active .menu-item-inner .menu-item-inner-circle h1 { font-size: 16px; line-height: 20px; color: #ff5000; font-weight: normal; font-size: 15px; line-height: 20px; }
.navigatie .menu-item.menu-item-5.menu-item-active .menu-item-inner .menu-item-inner-circle h2 { font-size: 13px !important; line-height: 20px; color: #333e48; font-weight: normal; font-size: 12px; line-height: 16px;  }
.menu-item-5 h2 {font-family: 'GothamBook'!important;
    font-size: 12px;
    color: #333e48;}
.menu-item-5 h2 a {text-decoration: underline;font-family: 'GothamBold';display: block;padding-top: 3px;color: #323f49;}
    
.navigatie .menu-item.menu-item-active .menu-item-inner .menu-item-inner-circle .menu-item-inner-circle-text {padding: 20px;}


p.p {  text-transform: uppercase; }

.page { overflow: hidden;  position: relative; }
.page .container {  }
.page .page-circle {margin-left: 125px;height: 750px;width: 750px;border-radius: 750px;overflow: hidden;border: 10px solid rgba(255, 255, 255, 0.30);padding: 30px;}
.page .page-circle .page-circle-inner { background-color: rgba(255, 255, 255, 0.90); height: 100%; width: 100%; border-radius: 900px; overflow: hidden;   }
.page .page-circle .page-circle-inner .page-circle-inner-left {float: left;height: 100%;width: 280px;padding: 0px 20px 0px 65px;}
.page .page-circle .page-circle-inner .page-circle-inner-left p {font-family: 'GothamBold';font-size: 12px;line-height: 20px;}
.page .page-circle .page-circle-inner .page-circle-inner-right {float: left;height: 100%;width: 390px;width: 370px;padding: 0px 25px 75px 0px;}

.page h1 {font-family: 'GothamBold';font-size: 24px;line-height: 26px;font-weight: normal;color: #333e48;margin-bottom: 24px;}
.page h1 span { color: #ff5000; }
.page p {  }

.table { display: table; height: 100%; width: 100%; }
.table .cell { display: table-cell; vertical-align: middle; text-align: left; height: 100%; width: 100%; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; 
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*

.menu-item-active { left: calc(50% - 188px) !important; top: calc(600px / 2 - 188px) !important; z-index: 9999 !important; } 
.menu-item-inactive { display: none; }

*/

 @media (min-device-width: 800px) and (max-device-width: 2400px) {
 .mobilepage {display:none;}
  }
  
 @media (min-device-width: 200px) and (max-device-width: 701px)  {
.mobilepage {display:block!important;}
.background {display:none;}
.mobilepage {width: 100%;}
.mobilepage .header {width: 100%;position: absolute;background-image: none;z-index: 50;background: none;}
.mobilepage .headerpic {width: 100%;z-index: 5;margin-top: 100px;}
.mobilepage .headercircle {width: 50%;z-index: 999999;position: absolute;margin-left: 22%;margin-top: -604px;display: list-item;-webkit-animation: floatBubble 2s infinite;-webkit-animation-direction:alternate;}
@-webkit-keyframes floatBubble{
 from{
        width:500px;
        -webkit-animation-timing-function: ease-in;

   }


   to {
        width:500px;
        -webkit-animation-timing-function: ease-in;
   }

}
.mobilepage .tekst {width: 96%;padding: 50px;display: block;color: #000021;font-size: 1.5em;margin-top: 40px;font-family: 'GothamBook';}
.mobilepage .titletop {width: 100%;display: block;color: #07044b;font-size: 3em;margin-top: 0px;margin-bottom: 0px;font-family: 'GothamBold';}
.mobilepage .titlebottom {width: 100%;padding: 0px;display: block;color: #ff4f00;font-size: 2.5em;margin-top: 0px;line-height: 1.2em;font-family: 'GothamBook';}
.mobilepage p {font-size: 1.5em;line-height: 1.5em;}
.mobilepage .text {padding: 0px;display: block;color: #000021;font-size: 2em;line-height: 1.2em;margin-top: 40px;font-family: 'GothamBold';}
.mobilepage .icon1 {padding: 0px;display: block;font-weight: bold;color: #000021;z-index: 9999;position: absolute;margin-top: 50px;margin-left: 71%;}
.mobilepage .icon2 {padding: 0px;display: block;font-weight: bold;color: #000021;margin-top: 50px;margin-left: 81%;z-index: 99999;position: absolute;}
.mobilepage .icon3 {padding: 0px;display: block;font-weight: bold;color: #000021;margin-top: 50px;margin-left: 90%;z-index: 99999;position: absolute;}

 }