@font-face {
  font-family: 'MyWebFont';
  src: url('fonts/FlandersArtSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/FlandersArtSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/FlandersArtSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/FlandersArtSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/FlandersArtSans-Regular.svg#FlandersArtSans-Regular') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'MyWebFont-Bold';
  src: url('fonts/FlandersArtSans-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/FlandersArtSans-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/FlandersArtSans-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/FlandersArtSans-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/FlandersArtSans-Medium.svg#FlandersArtSans-Regular') format('svg'); /* Legacy iOS */
}




body {
  margin: 0;
  font-family: 'MyWebFont';
  font-weight: 400;
  background-color: #F6F6F6;
  color: #464753;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body h1 {
  font-weight: 400;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 1rem;
}

.active a {
  color: seagreen !important;
}

.seagreen {
  color: #009E93;
}

#fullpage {
  width: 100%;
}

.fp-tooltip {
  background: #2dA9CC;
  color: white;
  font-size: 12px;
  font-weight: 600;
  padding: 5px;
  margin-top: -5px;
  margin-left: 20px;
}

.intro_bg {
  position: absolute;
  background: url('images/intro_bg.png') no-repeat;
  display: block;
  height: 800px;
  width: 800px;
  right: -60px;
  bottom: 0px;
}

.section_bg {
  position: absolute;
  background: url('images/section_bg.png') no-repeat;
  display: block;
  height: 800px;
  width: 800px;
  right: -60px;
  bottom: 0px;
}

.section_text_bg {
  position: absolute;
  background: url('images/section_text_bg.png') no-repeat;
  display: block;
  height: 1550px;
  width: 2770px;
  right: -60px;
  top: 0px;
  overflow: hidden;
  z-index: -9999;
}


.intro-text {
  position: absolute;
  display: block;
  height: 200px;
  width: 400px;
  bottom: 20px;
  right: 100px;
}

.intro-text h1 {
  color: white;
  font-size: 50px;
  line-height: 70px !important;
}

.elementHidden {
  display: none !important;
}

.section {
  margin-left: 25%;
  width: 75% !important;
}

.section .wrapper {
  margin-top: 10vh;
}

.text h1 {
  font-size: 40px;
  line-height: 2.75rem;
  font-weight: 400;
  margin-left: 40px;
}

.section h2,
.section h3,
.section h4 {
  line-height: 1.75rem;
  font-weight: 500;
  margin-left: 40px;
}

.section p {
  line-height: 1.75rem;
  font-weight: 100;
  margin-left: 40px;
}

.section p.intro {
  font-size: 22px;
}

.section li {
  color: #0088CA;
  list-style-image: url('images/list-style-type.svg');
}

.section li span {
  line-height: 1.75rem;
  font-weight: 100;
  color: #464753;
}

strong {
  font-family: 'MyWebFont-Bold';
}

.section img {
  margin-left: 40px;
  margin-top: 10px;
  max-width: 100%;
}

.add-bottom-small {
  margin-bottom: 75px;
}

.add-bottom-medium {
  margin-bottom: 125px;
}

.add-bottom-big {
  margin-bottom: 350px;
}

#view1 {
  background-image: url("images/Intro.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view2 {
  background-image: url("images/OverVDAB.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view3 {
  background-image: url("images/OnzeMedewerkers.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view4 {
  background-image: url("images/OnzeWerkgevers.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view5 {
  background-image: url("images/Bemiddelen.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view6 {
  background-image: url("images/IntensieveDienstverlening.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view7 {
  background-image: url("images/LoopbaanLang.png");
  background-repeat: no-repeat;
  background-size: cover;
}

#view8 {
  background-image: url("images/Opleidingen.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view9 {
  background-image: url("images/OpenVoorWerk.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view10 {
  background-image: url("images/Controlebeleid.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view11 {
  background-image: url("images/DuurzaamOndernemen.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view12 {
  background-image: url("images/Arbeidskrachten.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#view13 {
  background-image: url("images/Trends.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.text p {
  width: 85%;
}

.text .divider {
  background-color: #0087C4;
  height: 3px;
  width: 3rem;
  margin: 2.5rem 0;
  margin-left: 40px;
}

.text .flexgrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text .flexgrid .col-left {
  width: 65%;
  margin-right: 2rem;
}

.text .flexgrid .col-left p:first-child {
  margin-top: 0;
}

.text .flexgrid img {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.section.full {
  margin-left: 0;
  width: 100% !important;
  /* stoffel */
  width: 80% !important;
  margin-left: 20%;
  /* stoffel */
}

.section.full img {
  width: 100vw;
  height: 100vh;
}

.sidebar {
  height: 100vh;
  position: fixed;
  z-index: 1;
}

.sidebar #menu {
  margin-top: 6rem;
  margin-left: 3rem;
}

.sidebar #menu h1 {
  font-size: 7rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

.sidebar #menu ul {
  list-style: none;
  padding: 0px 10px 10px 10px;
}

.sidebar #menu li {
  line-height: 30px;
}

.sidebar #menu ul li a {
  text-decoration: none;
  font-size: 12px;
  color: #6A707B;
}

/*# sourceMappingURL=jaarverslag.css.map */

/* mobile */
@media screen and (max-width: 1024px) {
  .text p {
    width: 100%;
  }

  .intro_bg {
    position: absolute;
    background: url('images/intro_bg.png') no-repeat;
    display: block;
    height: 500px;
    width: 800px;
    right: -60px;
    bottom: 0px;
  }

  .section_bg {
    height: 500px;
  }

  .section_text_bg {
    display: none;
  }

  .intro-text {
    height: 150px;
    width: 350px;
    right: 30px;
    font-size: 55px;
  }

  .intro-text h1 {
    margin-left: 30px;
  }

  .sidebar {
    display: none;
  }

  .image-right {
    display: none;
  }

  .sidebar_mobile {
    background: white;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: absolute;
  }

  .sidebar_mobile #menu {
    margin-top: 6rem;
    margin-left: 3rem;
  }

  .sidebar_mobile #menu h1 {
    font-size: 7rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .sidebar_mobile #menu ul {
    list-style: none;
    padding: 0px 10px 10px 10px;
  }

  .sidebar_mobile #menu li {
    line-height: 40px;
  }

  .sidebar_mobile #menu ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #6A707B;
  }

  .sidebar-mobile-button,
  .sidebar-mobile-button-close {
    position: absolute;
    z-index: 999;
    top: 20px;
    left: 25px;
  }

  .sidebar-mobile-button a {
    background: url('images/nav.svg') no-repeat;
    display: block;
    height: 30px;
    width: 30px;
    display: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999;
  }

  .sidebar-mobile-button-close a {
    background: url('images/close.svg') no-repeat;
    display: block;
    height: 30px;
    width: 30px;
    display: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999;
  }

  .section.full {
    width: 100% !important;
    margin-left: 0;
  }

  .section {
    margin-left: 10%;
    width: 100% !important;
  }
}

.element-hidden {
  display: none;
}

@media screen and (max-width: 400px) {
  .intro-text {
    left: 15px;
    right: 0;
    font-size: 30px;
  }

  .text .flexgrid .col-left {
    width: 80%;
  }

  .text h1 {
    font-size: 30px;
    width: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .fp-true {
    display: none;
  }
}



/* mobile */
@media screen and (max-width: 650px) {

  .intro-text h1 {
    font-size: 30px;
    line-height: 30px !important;
  }

  .section p.intro {
    font-size: 18px
  }

  .text p {
    width: 75%
  }

  .section p {
    font-size: 14px;
    line-height: 20px;
  }

  #view1 {
    background-image: url("images/Intro_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view2 {
    background-image: url("images/OverVDAB_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view3 {
    background-image: url("images/OnzeMedewerkers_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view4 {
    background-image: url("images/OnzeWerkgevers_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view5 {
    background-image: url("images/Bemiddelen_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view6 {
    background-image: url("images/IntensieveDienstverlening_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view7 {
    background-image: url("images/LoopbaanLang_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view8 {
    background-image: url("images/Opleidingen_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view9 {
    background-image: url("images/OpenVoorWerk_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view10 {
    background-image: url("images/Controlebeleid_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view11 {
    background-image: url("images/DuurzaamOndernemen_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view12 {
    background-image: url("images/Arbeidskrachten_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  #view13 {
    background-image: url("images/Trends_mobile.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}