/**

 * Black theme for reveal.js. This is the opposite of the 'white' theme.

 *

 * By Hakim El Hattab, http://hakim.se

 */

 section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {

 	color: #0a0a0a; }



/*********************************************

 * GLOBAL STYLES

 *********************************************/

/*body {

	}*/

	.slides .content {

		max-width:995!important;

		position:relative;

		width:100%;

		height:100%;

	}
  .pLeft.mobileFull {
    width:100%!important;
  }
  .bgPicture {
    /*    position: absolute;*/
    width: 100%;
    top: 0;
    left: 0;
  }
  .bgPicture img {
    width:100%;
  }
  #bb_wrapper {

    background-color:#0a0a0a;

    width:100%;

    height:100%;

  }

  #bb_wrapper .content {

    max-width:995px;

    width:100%;

    margin:0 auto;

    height:100%;

    position:relative;

  }
  .videotext p{
    font-size:16px!important;
  }
  .videotext.col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .videotext.col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .inlineVideo {
    width:100%;
  }
  .inlineVideo video{
    width:100%;
    margin-bottom:20px;
  }
  .reveal {

    font-family: Georgia;

    font-size: 38px;

    font-weight: normal;

    color: #fff;

    background: #0a0a0a;

    background-color: #0a0a0a; }
  }
}

/*.pLeft.dark, .pRight.dark {

    background-color: rgba(0,0,0,.2);

    padding: 10px;

    box-sizing: border-box;

    }*/

    .reveal section h2 {

     /*    font-size:20px;*/

     font-family:georgia;

     font-weight:bold;

     text-transform:none;

   }

   .reveal section {

     font-size:80%;

     text-align:left;

     max-width:995px!important;

   }

/*  .reveal section a {

    text-decoration:none;

    color:white!important;

    font-family:Georgia-bold;

    }*/



    ::selection {

    	color: #fff;

    	background: #bee4fd;

    	text-shadow: none; }



    	.reveal .slides > section,

    	.reveal .slides > section > section {

    		line-height: 1.3;

    		font-weight: inherit; }



/*********************************************

 * HEADERS

 *********************************************/

 .reveal h1,

 .reveal h2,

 .reveal h3,

 .reveal h4,

 .reveal h5,

 .reveal h6 {

 	margin: 0 0 25px 0;

 	color: #fff;

 	font-family: Georgia;

 	font-weight: 600;

 	line-height: 1.2;

 	letter-spacing: normal;

 	text-transform: uppercase;

 	text-shadow: none;

 	word-wrap: break-word; }



 	.reveal h1 {

 		font-size: 2.5em; }



 		.reveal h2 {

 			font-size: 1.6em; }



 			.reveal h3 {

 				font-size: 1.3em; }



 				.reveal h4 {

 					font-size: 1em; }



 					.reveal h1 {

 						text-shadow: none; }



/*********************************************

 * OTHER

 *********************************************/

 .reveal p {

  margin-bottom: 20px;

  line-height: 1.3;

  font-size: 22px;

  text-align: left;

}

.mobileShow {

  display:none;

}

.reveal ul {

 font-family: Georgia;

 font-size: 20px;
 display: inline-block;

}

.nextbottom {

  z-index: 99;

  position: absolute;

  width: 100%;

  bottom: 30px;

  display:none;

}

/* Ensure certain elements are never larger than the slide itself */

/*.reveal img,

.reveal video,

.reveal iframe {

 max-width: 95%;

 max-height: 95%; }*/



 .reveal strong, .reveal b {

  font-weight: bold;

  color: #D8AD25;

}



.reveal em {

 font-style: italic; }



 .reveal ol,

 .reveal dl,

 .reveal ul {

  display: inline-block;

  text-align: left;

  margin: 0 0 0 1em; }



  .reveal ol {

   list-style-type: decimal; }



   .reveal ul {

    list-style-type: disc; }



    .reveal ul ul {

     list-style-type: square; }



     .reveal ul ul ul {

      list-style-type: circle; }



      .reveal ul ul,

      .reveal ul ol,

      .reveal ol ol,

      .reveal ol ul {

       display: block;

       margin-left: 40px; }



       .reveal dt {

        font-weight: bold; }



        .reveal dd {

         margin-left: 40px; }



         .reveal q,

         .reveal blockquote {

          quotes: none; }



          .reveal blockquote {

           display: block;

           position: relative;

           width: 70%;

           margin: 20px auto;

           padding: 5px;

           font-style: italic;

           background: rgba(255, 255, 255, 0.05);

           box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
           .r-intro {
            word-spacing: normal;
            display: inline-block;
            width: 50%;
            padding-left: 30px!important;
            box-sizing: border-box;
          } 


          .reveal blockquote p:first-child,

          .reveal blockquote p:last-child {

            display: inline-block; }



            .reveal q {

             font-style: italic; }



             .reveal pre {

              display: block;

              position: relative;

              width: 90%;

              margin: 20px auto;

              text-align: left;

              font-size: 0.55em;

              font-family: monospace;

              line-height: 1.2em;

              word-wrap: break-word;

              box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }



              .reveal code {

               font-family: monospace; }



               .reveal pre code {

                display: block;

                padding: 5px;

                overflow: auto;

                max-height: 400px;

                word-wrap: normal; }



                .reveal table {

                 margin: auto;

                 border-collapse: collapse;

                 border-spacing: 0; }



                 .reveal table th {

                  font-weight: bold; }



                  .reveal table th,

                  .reveal table td {

                   text-align: left;

                   padding: 0.2em 0.5em 0.2em 0.5em;

                   border-bottom: 1px solid; }



                   .reveal table th[align="center"],

                   .reveal table td[align="center"] {

                    text-align: center; }



                    .reveal table th[align="right"],

                    .reveal table td[align="right"] {

                     text-align: right; }



                     .reveal table tbody tr:last-child th,

                     .reveal table tbody tr:last-child td {

                      border-bottom: none; }



                      .reveal sup {

                       vertical-align: super; }



                       .reveal sub {

                        vertical-align: sub; }



                        .reveal small {

                         display: inline-block;

                         font-size: 0.6em;

                         line-height: 1.2em;

                         vertical-align: top; }



                         .reveal small * {

                          vertical-align: top; }



                          .reveal .progress {position:fixed;pointer-events:none; -ms-touch-action: none; touch-action: none;};



/*********************************************

 * LINKS

 *********************************************/

 .reveal a {

 	color: #42affa;

 	text-decoration: none;

 	-webkit-transition: color .15s ease;

 	-moz-transition: color .15s ease;

 	transition: color .15s ease; }



 	.reveal a:hover {

 		color: #8dcffc;

 		text-shadow: none;

 		border: none; }



 		.reveal .roll span:after {

 			color: #fff;

 			background: #068de9; }



/*********************************************

 * IMAGES

 *********************************************/

/* .reveal section img {

  margin: 15px 0px;

  background: rgba(255, 255, 255, 0.12);

  border: 4px solid #fff;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }



  .reveal section img.plain { 

    border: 0;

    box-shadow: none; }



    .reveal a img {

      -webkit-transition: all .15s linear;

      -moz-transition: all .15s linear;

      transition: all .15s linear; }



      .reveal a:hover img {

        background: rgba(255, 255, 255, 0.2);

        border-color: #42affa;

        box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }*/



/*********************************************

 * NAVIGATION CONTROLS

 *********************************************/

 .reveal .controls .enabled {

 	outline:0;

 }

 .reveal .controls .navigate-left,

 .reveal .controls .navigate-left.enabled {

 	border-right-color: white; }



 	.reveal .controls .navigate-right,

 	.reveal .controls .navigate-right.enabled {

 		border-left-color: white; }



 		.reveal .controls .navigate-up,

 		.reveal .controls .navigate-up.enabled {

 			border-bottom-color: white; }



 			.reveal .controls .navigate-down,

 			.reveal .controls .navigate-down.enabled {

 				border-top-color: white; }



 				.reveal .controls .navigate-left.enabled:hover {

 					border-right-color: white; opacity: 1;}



 					.reveal .controls .navigate-right.enabled:hover {

 						border-left-color: white; opacity: 1;}



 						.reveal .controls .navigate-up.enabled:hover {

 							border-bottom-color: white; opacity: 1;}



 							.reveal .controls .navigate-down.enabled:hover {

 								border-top-color: white; opacity: 1;}

/*********************************************

 * PROGRESS BAR

 *********************************************/

 .reveal .progress {

 	background: rgba(0, 0, 0, 0.2); 

 }



 .reveal .progress span {

 	background: white;

 	-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);

 	-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);

 	transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

 	section.l-zone:nth-child(3) {

 		display: none;

 	}

 	.container.main-container {

 		max-width: 100%;

 		margin: 0px -20px;

 		box-sizing: border-box;

 	}

 	.article__body {

 		position: fixed;

 		width: 100%;

 		height: 100%;

 	}

 	footer.main-footer {

 		display: none;

 	}

 	aside.breaker.breaker--soft {

 		display: none;

 	}

 	aside.breaker {

 		display: none;

 	}

 	nav.breadcrumb {

 		display: none!important;

 	}

 	.ad--splash .article, .ad--splash article, .ad--xlsplash .article, .ad--xlsplash article, .main-container .article, .main-container article, .modalbox .article, .modalbox article {

 		padding-top: 0px;

 		padding-bottom: 1.4285714286rem;

 	}

 	.reveal .pLeft {

 		display: inline-block;

 		vertical-align:top;

 		width: 50%;

 		word-spacing:normal;

 	}

 	.reveal .pRight {

    word-spacing:normal;

    display: inline-block;

    width: 50%;

    margin-left:50%!important;

    vertical-align:top;

  }

  .reveal .pLeft p {

    /* 		font-style:italic;*/

    font-size:22px;

  }

  .mobilehide {

    display:block;

  }

  .reveal .pRight p {

    /* 		font-style:italic;*/

    font-size:22px;

  }  

  .backgrounds {

   /*background-image:url('../img/bg-blackbox.jpg');*/

 }

 .prev, .next, .down, .up {

   display:inline-block;

   width: 40px;

   height: 40px!important;

   height: 100%;

   cursor: pointer;

   background: url(../img/prev.svg) no-repeat 0 0;   -webkit-transition: -webkit-transform 0.2s;

   -moz-transition: -moz-transform 0.2s;

   transition: transform 0.2s;

   -webkit-transform: perspective(1px) translateY(-50%);

   -moz-transform: perspective(1px) translateY(-50%);

   -ms-transform: perspective(1px) translateY(-50%);

   -o-transform: perspective(1px) translateY(-50%);

   transform: perspective(1px) translateY(-50%);



 }

 @keyframes bounceDown {
  /*  0% {margin-top:30px;}*/
  5% {margin-top:50px;}
  10% {margin-top:30px;}
  15% {margin-top:40px;}
  20% {margin-top:30px;}
}

.next {

 background: url(../img/next.svg) no-repeat 0 0;

}

.down {
 background: url(../img/down_.svg) no-repeat 0 0;
 -webkit-animation: bounceDown 7s infinite ease-in-out;
 -moz-animation: bounceDown 7s infinite ease-in-out;
 -o-animation: bounceDown 7s infinite ease-in-out;
 animation: bounceDown 7s infinite ease-in-out;

}


.up {
 background: url(../img/up.svg) no-repeat 0 0;
 
}

.prev:hover, .next:hover, .up:hover, .down:hover {

 -webkit-transform: scale(1.1) perspective(1px) translateY(-50%);

 -moz-transform: scale(1.1) perspective(1px) translateY(-50%);

 -ms-transform: scale(1.1) perspective(1px) translateY(-50%);

 -o-transform: scale(1.1) perspective(1px) translateY(-50%);

 transform: scale(1.1) perspective(1px) translateY(-50%);

}  

a.prev, a.next, a.down {

 display: inline-block;

 margin-top: 30px;

 margin-bottom: -30px;

 outline: 0;

 /* display: none; */

}

a.up {

 display: inline-block;

 margin:0;

 outline: 0;

}

.reveal .backgrounds.right {

 right: 0;

 left:initial;

}

.reveal a, .article__body a {

 color:inherit!important;

}

p.bron {

  font-size: 12px;

  text-transform: uppercase;

}

.menu {

 position: absolute;

 background-color: black;

 color:white;

 height: 100%;

 display: inline-block;

 z-index: 999;

 top: 0px;

 right:-300px;

 font-family: 'Source Sans Pro', sans-serif;

 font-size: 18px;

 width:300px;

 transition: right 0.5s ease-;

 -webkit-transition: right 0.5s ease;

 -moz-transition: right 0.5s ease;

 -o-transition: right 0.5s ease;  

 height:100%;

}
#getuigenissen .inlineVideo video {
  display: block!important;
}

.scenario, .grafieken, .getuigenissen {

 position: relative;

 width: 100%;

 height: 100%;

 overflow: hidden;

 -ms-touch-action: none;

 touch-action: none;

 /*      margin-top:45px;*/

}
#cijfers .abs {
  position:absolute;
  top:50px;
  left:0px;
}

a.navigate-down.start:hover, a.aReadmore:hover {

 background-color: #D8AD25;

 border: 1px solid #D8AD25;

}

p.intro {

 font-style:italic;

 text-align: left;

 margin: 25px 0 30px;

}

#cijfers p.intro2 {

  font-family: source sans pro;

  font-size: 20px;

  margin-top: -20px;

}

a.navigate-down.start {

 background-color: transparent;

 width: 150px;

 height: 40px;

 line-height: 40px;

 display: inline-block;

 border: 1px solid white; 

 font-family: source sans pro;

 font-weight: normal;

 text-decoration: none;

 text-transform: uppercase;

 transition: all 0.5s ease-;

 -webkit-transition: all 0.5s ease;

 -moz-transition: all 0.5s ease;

 -o-transition: all 0.5s ease;  

 /*      padding-top:20px;*/

}

a.aReadmore {

  background-color: transparent;
  width: 400px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border: 1px solid white;
  font-family: source sans pro;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease-;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  /* padding-top: 20px; */
  text-align: center;
  margin-top: 20px;

}

.menu ul {

 list-style-type: none;

 text-transform: uppercase;

 cursor: pointer;

 font-weight: bold;

 padding-top: 50px;

}



.menu ul li{

 margin-right:30px;

 margin-bottom:10px;

}

.menu ul li a{

 text-decoration:none!important;

}

span.menu-icon {

 position: absolute;

 top: 20px;

 right: 10px;

 cursor:pointer;

 z-index: 10;

}

.menu ul li:last-child {

 padding-bottom: 30px;

 border-bottom: 1px solid #888;

}

span.close-icon {

 position: absolute;

 top: 20px;

 right: 20px;

 cursor:pointer;

}

span.menu-icon img, span.close-icon img {

 width:30px;

 height:30px;

}

aside.controls {

 display: none!important;

}

.reveal .center {

 text-align:center;

}

.menu ul.menu-small {

 font-size:14px;

 /*text-transform: none;*/

 border:none;

 padding-top: 0px;

}

.menu ul.menu-small li {

 border:none;

}



.reveal section h2 {

 font-family: source sans pro;

 font-size: 70px;

 line-height:.8;

 font-weight: normal;

}

.control-volume {

 font-family: 'Source Sans Pro';

 font-size: 12px;

 text-transform: uppercase;

 position: absolute;

 height:20px;

 bottom: 20px;

 right: 20px;

}

.control-volume a {

 text-decoration:none!important;

}

.sound-on, .sound-off {      

 text-transform:uppercase;

 color: white;
 font-weight:normal;      

}

.sound-on.selected {
  color: #D8AD25;
  font-weight:bold;

}
.sound-off.selected {
  color: #D8AD25;
  font-weight:bold;

}

span.control-volume {

 z-index: 999;

 top: 20px;

 right: 20px;

 color: white;

 cursor: pointer;

}

.screen1 {

 position: absolute;

 right: -350px;

 width: 350px;

 top: 0;

 padding: 20px;

 box-sizing: border-box;

 height: 100%;

}

.fragment.visible.current-fragment {

 background-color: white;

 color: black;

 position: absolute;

 top: 0;

 width: 100%;

 height: 100%;

 padding: 0px 20px;

 box-sizing: border-box;

}

.reveal .slides > section#cijfers.present, .reveal .slides > section#cijfers > section.present {

 box-sizing: border-box;

 /*min-height: 560px!important;*/

}

.close-icon-2 img {

 width: 20px;

 background-color: white!important;

}

.infoPanel p.bron {

  font-size:14px;

}

a.navigate-down.down.fixed {

  position: fixed;

  bottom: 120px;

  -webkit-transition-delay: 1s; /* Safari */

  transition-delay: 1s;

  /*    opacity:0;*/

  right: 48%;

}

.btns.delayed {

  display: none;

}

.close-icon-2 {

 position: absolute;

 right: 5px;

 top: -10px;

 cursor: pointer;

}

.reveal .slides > section#cijfers.present, .reveal .slides > section#cijfers > section.present:first-child {

 min-height: initial!important;

}

.site-supnav-sticky {

 display: none!important;

}

header.site-header-sticky {

 display: none!important;

}

.logo img {

 max-width: 55px;

 height: 30px;

}

.logo {

 position: relative;

 top: 15px;

 left: 15px;

 z-index: 99;

 width: 100px;

 height: auto;

 cursor: pointer;

}

div#over {
  background-image: url(../img/bg-blackbox.jpg);
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}

div#over #overditproject {
  font-size: 19px;
  color: white;
  margin-top: 0px;
  /* padding-top: 140px; */
  width: 50%;
  padding-left: 10%;
  padding-right: 20%;
  height: auto;
  font-family: Georgia;
  line-height: 24px;
  text-align: justify;
  text-justify: inter-word;
  overflow-y: auto;
  padding-bottom: 30px;
  margin-top: 140px;
}

.colofon {
  position: fixed;
  right: 0;
  background: black;
  color: white;
  height: 100%;
  width: 20%;
  top: 0;
  padding-top: 145px;
  padding-left: 40px;
  font-family: source sans pro;
}



    /*span.btn-conclusion {

      position: absolute;

      top: 0px;

      right: 0px;

      background-color: #ef4949;

      width: 100px;

      border-radius: 50%;

      cursor: pointer;

      font-size: 18px;

      font-family: source sans pro;

      text-transform: uppercase;

      height: 100px;

      line-height: 100px;

      text-align: center;

      transition: opacity 0.5s ease;

      -webkit-transition: opacity 0.5s ease;

      -moz-transition: opacity 0.5s ease;

      -o-transition: opacity 0.5s ease;

      color:black;

      font-weight:bold;

      }*/

      span.btn-conclusion {
        position: absolute;
        top: -70px;
        right: 0px;
        background-color: transparent;
        width: auto;
        /* border-radius: 50%; */
        cursor: pointer;
        font-size: 18px;
        font-family: source sans pro;
        text-transform: uppercase;
        height: auto;
        padding: 10px 20px;
        /* line-height: 40px; */
        text-align: center;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        color: white;
        font-weight: normal;
        border: 1px solid black;
        background: #ef4949;
        color: black;
        font-weight: bold;
      }

      span.btn-conclusion:hover, span.btn-conclusion.selected {

      	background-color: #d8ad25;

      	border:1px solid #d8ad25;

        color:white;

      }
      .infonav {
        text-align: left;
        margin: 0 auto!important;
        width: 350px;
        display: block;
        font-family: source sans pro!important;
        font-size: 17px!important;
        line-height: 30px!important;
      }
      span.btn-conclusion2 {
        background-color: #ef4949;
        padding: 5px 20px;
        font-family: source sans pro;
        font-weight: bold;
        border: 1px solid black;
        color: black;
        text-transform: uppercase;
        margin: 20px 0px;
        display: inline-block;
        margin-right:10px;
      }
      .infonav_wrapper {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
      }

      .infonav img {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        margin-bottom: 10px;
      }
      .reveal h3 {

      	font-size: 1.3em;

      	font-family: source sans pro;

        text-transform: none;

      }

      .reveal h4 {

      	font-size: 1em;

      	font-family: source sans pro;

      	font-weight: normal;

      }    

      .reveal img.info {

      	width: 20px;

      	height:30px;

      	border: 0;

      	background: none;

      	box-shadow: none;

      	margin: 0;

      	margin-left: 10px;

      	vertical-align: top;

      	cursor:pointer;

      	transition: opacity 0.5s ease;

      	-webkit-transition: opacity 0.5s ease;

      	-moz-transition: opacity 0.5s ease;

      	-o-transition: opacity 0.5s ease;

      	/* margin-top: 10px; */

      }

      #cijfers p {

        font-family:source sans pro;

      }

      .reveal img.btn-closeInfo {

      	width: 20px;

      	height:20px;

      	border: 0;

      	background: none;

      	box-shadow: none;

      	margin: 0;

      	margin-left: 10px;

      	vertical-align: top;

      	top:15px;

      	right:15px;

      	position:absolute;

      	cursor:pointer;

      	transition: opacity 0.5s ease;

      	-webkit-transition: opacity 0.5s ease;

      	-moz-transition: opacity 0.5s ease;

      	-o-transition: opacity 0.5s ease;      

      	/* margin-top: 10px; */

      }

      .infoPanel {

        width: 100%;

        height: auto;

        position: absolute;

        background-color: black;

        color: white;

        top: 0px;

        left: 0px;

        padding: 50px!important;

        box-sizing: border-box;

        display: none;

        z-index: 2;

        min-height:100%;

      }

/*      .reveal img.info:hover {

        opacity:0.6;

        }*/

        .infoPanel.conclusion {

        	z-index:3;

        }

        .reveal h5 {

        	font-family: source sans pro;

        	font-weight: 100;

        }

        img.lefty {

          /* display: inline-block; */

          float: left;

          max-width: 30%;

          margin-right: 30px;

        }

        img.showMobile {

          display: none;

        }

        .navbar {

        	position: absolute;

        	z-index: 99;

        	color: white;

        	font-family: source sans pro;

        	left: 100px;

        	font-weight: bold;

        	text-transform: uppercase;

        	/* bottom: 18px; */

        	font-size: 20px;

        	line-height: 60px;

        	top: 0px;

        	margin-left: 10px;

        }

        .subnav {

        	display: inline-block;

        	margin-left: 20px;

        }

        span.identifier {

        	/*        color: #D8AD25;*/

        }

        span.btn-question {

        	width: 50%;

        	display: inline-block;

        	text-align: center;

        	margin-top:20px;

        }

        span.btn-question a {

        	background-color: transparent;

        	width: 150px;

        	height: 40px;

        	line-height: 40px;

        	display: inline-block;

        	border: 1px solid white; 

        	font-family: source sans pro;

        	font-weight: normal;

        	text-decoration: none;

        	text-transform: uppercase;
          font-size:20px;

        }

        span.btn-question a:hover {

        	background-color: #D8AD25;

        	border: 1px solid #D8AD25; 

        	transition: all 0.5s ease;

        	-webkit-transition: all 0.5s ease;

        	-moz-transition: all 0.5s ease;

        	-o-transition: all 0.5s ease;

        }

        .navmenu {

        	position: absolute;

        	height: 60px;

        	/*background-color: black;*/

        	width: 100%;

        	z-index: 9;

        	/*background-color: rgba(0,0,0,.5);*/

        }
        .graphNav, .getuigenNav a {
          color:white;
        }


        .graphNav, .getuigenNav {

        	position: absolute;

        	height: 100%;

        	width: auto;

        	z-index: 9;

        	/*background-color: black;*/

        	right: -200px;

        	transition: right 0.5s ease;

        	-webkit-transition: right 0.5s ease;

        	-moz-transition: right 0.5s ease;

        	-o-transition: right 0.5s ease;

        }

        .timeline {

        	display: flex;

        	align-items: center;

        	justify-content: center;

        	height: 100%;

        	width: auto;

          /*        	background-color: rgba(0,0,0,.5);*/

        }

        .timeline ol li span.number {

        	color: white;

        	height: 20px;

        	width: 20px;

        	margin-bottom: 30px;

        	line-height: 18px;

        	font-weight: bold;

        	box-sizing: border-box;

        	display: inline-block;

        	text-align: center;

        	font-family: source sans pro;

        	cursor: pointer;

        }      

        .graphNav .timeline ol li span.label {

        	display: none;

        	/* content: 'test'; */

        	position: absolute;

        	width: auto;

        	right: 60px;

        	text-align: right;

        	background-color: black;

        	font-family: source sans pro;

        	height: 20px;

        	line-height: 20px;

        	padding: 5px;

        	margin-top: -5px;

        	font-size: 12px;

        	border-left: 10px solid black;

        	border-right: 10px solid black;

        	font-style: italic;

        }

        .getuigenNav .timeline ol li span.label {

          /* display: none; */

          /* content: 'test'; */

          position: absolute;

          width: auto;

          right: 60px;

          text-align: right;

          background-color: black;

          font-family: source sans pro;

          height: 20px;

          line-height: 20px;

          padding: 5px;

          margin-top: -5px;

          font-size: 12px;

          border-left: 10px solid black;

          border-right: 10px solid black;

          font-style: italic;

          white-space: nowrap;

        }

        .graphNav .timeline ol li span.number:hover + .label {

        	display:inline-block;

        }

        .timeline ol li span.number.selected {

        	color: #d8ad25;

        }

        .label:after {

        	border-left: 9px solid black;

        }

        .label:after {

        	content: "";

        	position: absolute;

        	border-bottom: 7px solid transparent;

        	border-top: 7px solid transparent;

        	height: 0px;

        	width: 0px;

        	margin-top: 3px;

        	margin-right: -17px;

        	right: 0; 

        }

        .timeline ol {

        	list-style-type: none;

        	padding-left: 20px;

        	padding-right: 4px;

        	margin-bottom: 0px;

        }

        .timeline ol li{

        	color:white;

          margin-bottom: 12px;

        }

        .timeline ol li a {

          background: black;

          border-radius: 50%;

          padding: 6px 5px 7px 5px;

        }

        .timeline img {

        	max-width:30px;

        }

        .timeline-content {

          padding: 10px;

          box-sizing: border-box;

          padding-left: 0;

        }

        .reveal .overlay2 {

          position: absolute;

          top: 0;

          left: 0;

          width: 100%;

          height: 100%;

          z-index: 1000;

          background: rgba(0, 0, 0, 0.9);

          opacity: 0;

          visibility: hidden; 

          -webkit-transition: all 0.3s ease;

          transition: all 0.3s ease;

          z-index: 2;

        }

        .infoPanel img.graph {

          width:100%;

          margin-top: auto;

        }

        .reveal .progress {

          /*	display:none!important;*/

        }

        .timeline-btn {

        	display:none;

        	cursor:pointer;

        	position: absolute;

        	right: 35px;

        	width: 25px;

        	background-color: black;

        	padding: 0px;

        	border: 10px solid black;

        	border-bottom: 8px solid black;

        	border-right: 0;

        	border-bottom-left-radius: 20px;

        	border-top-left-radius: 20px;

        	border-right: 10px solid black;        

        }

        #scenario, #cijfers, #getuigenissen {

          /*        	opacity: 1!important;*/

        }

        .navbar a{

        	text-decoration: none!important;
          color: white;

        }

        span.navItem {

        	margin-right: 20px;

        	text-decoration: none!important;

        	font-size:20px;

        	font-weight: 100;

        }

        span.navItem.selected a {

        	color: #d8ad25;

        }

        a:-webkit-any-link {
          color:white;
        }
        a {
          color:white;
        }

        .graphSubNav {

        	font-family: source sans pro;

        	font-weight: normal;

        	font-size: 16px;

        	margin-bottom: 10px!important;

        	margin-top: 20px!important;

        }

        .graphSubNav span {

        	margin-right: 15px;

        	cursor:pointer;

        }

        .graphimages {

        	margin-bottom: 20px!important;

        }

        .graphimages img:first-child {

        	display:block;

        }

        .graphimages img {

        	display:none;

        }

        .graphSubNav span.selected {

        	font-weight:bold;

        }

        span.personLabel {
          font-family: source sans pro;
          font-size: 18px;
          text-transform: uppercase;
          display: inline-block;
          text-align: left;
          padding: 5px;
          box-sizing: border-box;
        }

        .quote p {
          font-size: 40px!important;
          font-style: normal !important;
          margin-top: 12px;
          margin-bottom: 25px;
          padding: 5px;
          box-sizing: border-box;
        }

        p.nextQuote {

        	font-family: source sans pro;

        	font-size: 14px!important;

        	/* font-style: italic!important; */

        	/* margin-bottom: 0px!important; */

        }

        a.longread {

        	font-family: source sans pro;

        	/*text-transform: uppercase;*/

        	background-color: #D8AD25;

        	/* font-weight: bold; */

        	padding: 5px 10px;

        	font-size: 18px;

        	line-height: 30px;

        	text-decoration: none;

        	margin-bottom: 60px;

        	display: inline-block;

        }

        i.fa.fa-chevron-right {

        	margin-left: 10px;

        	font-size: 12px;

        }

        .infoPanel h4 {

        	color: white;

        }

        .infoPanel h4.conclusie {

          color: white;

          border: 1px solid black;

          display: inline-block;

          padding: 10px 20px;

          font-size: 18px;

          /*          margin-bottom: 20px;*/

        }

        .lefty {

          float: left;

          width: 30%;

          /* line-height: 100%; */

        }

        .conclusion.float p {

          padding-left:30%;

        }

        .highlight {

          color: #d8ad25;

        }

        span.smallPercentage {

          font-family: source sans pro;

          font-weight: bold;

          font-size: 20px;

          display: block;

          line-height: 0px;

        }

        span.bigPercentage {

          font-family: source sans pro;

          font-weight: bold;

          font-size: 65px;

        }

        span.smallPercentage {

          font-family: source sans pro;

          font-weight: bold;

          font-size: 20px;

        }

        .infoPanel p {

          font-family: source sans pro;

          font-size: 16px;

        }

        img.graph {

          width: 50%;

          margin-top: -20px;

          margin-bottom: 20px;

          margin-left: -1px;

        }

        p.nextQuote {

        	text-align: center;

        	font-size: 14px !important;

        	margin: 0 !important;

        }

        .imgContainer {

          word-spacing: -0.26em;

          width:100%;

        }
        h2 {
          text-align: left;
        }
        .imgItem {

          width:33.33333%;

          text-align:center;

          word-spacing:normal;

          display:inline-block;

          vertical-align:top;

        }

        .imgItem img {

          padding: 0px 20px;

          box-sizing: border-box;

        }
        .half {
          width: 50%;
          margin: 0 auto!important;
        }
        .pLeft, .pRight{

          vertical-align:top;

        }
        video#bgvid { 
          position: fixed;
          top: 50%;
          left: 50%;
          min-width: 100%;
          min-height: 100%;
          width: auto;
          height: auto;
          z-index: -100;
          -ms-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          background: no-repeat;
          background-size: cover; 
        }
        video#bgvid2 {
          position: fixed;
          top: 50%;
          left: 50%;
          min-width: 20%;
          min-height: 20%;
          width: 100%;
          z-index: -100;
          -ms-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          background: no-repeat;
          max-width:995px;
          background-size: cover;
        }

/*        .imgItem:first-child img {

          margin-left:-30px;

          }*/

          @media all and (max-width:1024px) {

            .r-intro {
              padding-left: 30px!important;
              box-sizing: border-box;
            }


            .control-volume {
              display:none;
            }

            .infoPanel {

              width: calc(100%);

            }

            .timeline {

              display:none;

            }
            a.navigate-down.down.fixed {
              bottom: 30px;
            }

            span.btn-conclusion {
              top: 0px;
              right:30px;

            }

            .reveal .pRight p, .reveal .pLeft p {

              font-size: 22px;

            }

            .infoPanel.conclusion {

              z-index: 3;

            }

          }

          @media all and (max-width:768px) {
            .slides {
              width: 100%!important;
            }
            span.navItem:last-child {
              position: fixed;
              right: 0px;
              font-size: 16px!important;
              top: 0px;
              /* text-decoration: underline!important; */
            }
            .colofon {
              position: fixed;
              right: 0;
              background: black;
              color: white;
              height: 100%;
              width: 22%;
              top: 0;
              padding-top: 145px;
              padding-left: 20px;
              padding-right: 20px;
              box-sizing: border-box;
              font-family: source sans pro;
              font-size: 14px;
            }
            .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
              padding: 20px!important;
              box-sizing: border-box;
              margin-left: -10px;
            }

            .reveal .slide-background {

              /*bottom: 43px;*/

              width: 100%;

            }

            .reveal .pRight, .reveal .pLeft {

              max-width:100%;
              width:100%;
              margin-left: 0!important;

            }   
            .r-intro {
              width: 100%!important;
              padding: 0px!important;
              margin-top: 20px!important;
            }  

          }

          @media all and (max-width:736px) {


            .slides {
              width: 100%;
              max-width: 100%;
            }

            img.graph {

              margin-bottom:0px;

            }

            .reveal .infoPanel h4 {

              margin-bottom:10px;

            }

            #cijfers p.intro2 {

              font-family: source sans pro;

              font-size: 20px;

              margin-top: -10px;

            }

            .navbar {

              font-size: 12px;

              left: 65px;

              line-height: 49px;

            }

            .navItem {

              font-size: 12px!important;

              margin-right: 10px!important;

            }

            .logo, .logo img {

              max-width: 50px;

              height: 27px;

              top:10px;

              left:10px;

            }

            .pRight {

              margin-left:0%!important;

            }

            .reveal p, .reveal .pRight p, .reveal .pLeft p {

              font-size: 16px!important;

            }

            .reveal h3 {

              font-size: 18px;

              margin-bottom: 14px;

            }

            .reveal .pRight, .reveal .pLeft {

              width:100%;

              margin-left: 0!important;

            }

/*        	section.present {

        		text-align: center;

           }*/

           .reveal section h2 {

            font-size: 30px;

          }

          .reveal h4 {

            font-size: 18px;

            margin-bottom: 30px;

          }

          .reveal img.info {

            width: 20px;

            height: 20px;

          }

          img.graph {

            margin-bottom: 20px!important;

          }

          span.btn-conclusion {

            display: none;

          }

          img.info {

            display: none;

          }

          .extrainfo {

            display:none;

          }

        }
        .mid p {
          width: 70%!important;
          margin: 0 auto 20px auto;
        }
        .videowrapper {
          left: 0;
          position: fixed;
          margin: 0 auto;
          z-index: -1;
          width: 100%;
          top: 0;
          height: 100%;
          background-color: rgba(0,0,0,.4);
        }


        @media all and (max-width:480px) {
          #scenario section {
            margin-top: -20px;
          }
          .r-intro {
            margin-top:0px!important;
          }
          .reveal .slides {
            margin-top:0px!important;
          }
          #cijfers .abs {
            position:relative;
            top:30px!important;
          }
          img.marge {    
            margin-top:40px!important;
          }

          span.navItem:last-child {
            display:none;
          }
          .backgrounds .custombg {
            background-position-x: -170px;
            background-position-y: 90px;
          }
          .backgrounds .custombg2 {
            background-image:('img/man2.png')!important;
            background-size: contain!important;
            background-position: bottom left;
          }
          .videotext.col-2 {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
          }
          .videotext.col-3 {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
          }   
          a.aReadmore {
            width: 100%;
            font-size: 18px;
          }
          a.navigate-down.down.fixed {
            position: fixed;
            bottom: 20px;
            left: initial;
            right: 44%;
          }
          a.navigate-up.up.enabled {
            position: fixed;
            right: 44%;
            top: 70px;
          }
          .mid p {
            width: 100%!important;
            margin: 0 auto 20px auto;
          }
          .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
            padding: 0px 10px!important;
            margin-left: -5px;
            box-sizing: border-box;            
          }
          .overflow {
            max-height: 75%;
            overflow: scroll;
            min-height: initial;
            height: auto;
            margin-top: 60px!important;
          }
          #getuigenissen, #cijfers {
            height: 100%;
            display: flex!important;
            align-content: center;
            align-items: center;
          }
          .slides {
            width: 100%!important;
          }
          .volume {

            display:none;

          }

          .btns.delayed {

           display: block!important;

           /*           margin-top: 85px;*/

         }

         .mobileShow {
          display:block;
          padding: 0 5px!important;
          box-sizing:border-box;
        }

        video {
          display:none!important;
        }
        video#bgvid{
          display:none!important;
        }

        .pLeft video {

          margin-left: 0px!important;

        }        
        .reveal .slides > section.present, .reveal .slides > section > section.present {

          margin-top: 20px;

        }    

        .infoPanel {

          overflow-y: scroll!important;

        }

        .reveal p, .reveal .pRight p, .reveal .pLeft p {

          font-size: 16px!important;
          padding: 0 5px!important;
          box-sizing: border-box;

        }
        .mobileShow p {
          padding: 0!important;
        }

        .half {
          width: 100%;
        }

        img.graph {

          width: 100%;

        }

        img.showMobile {

          display: block;

        }

        img.hideMobile {

          display: none;

        }

        .infoPanel h4.conclusie {

          padding: 5px 5px;

          font-size: 16px;

          margin-bottom: 20px;

        }

        p.bron {

          font-size:12px!important;

        }

        span.btn-question a {

          background:black;

          width: 118px;

          height: 35px;

          line-height: 35px;

          font-size: 16px;

        }

        .navmenu {

         height: 49px;

       }

     }

     @media all and (max-width:360px) {
      .overflow {
        max-height: 65%;
        margin-top: 30px!important;
      }
      #cijfers .overflow {
        margin-top: 60px!important;
        max-height: 60%;
      }

      a.main {

       display:none;

     }            

   }