/*
Theme Name: Foto Koch
Theme URI: https://wordpress.org/themes
Author: Enable Startup develop team
Author URI: https://wordpress.org/
Description: Foto Koch is theme use to development website Foto Koch
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fotokoch, enablestartup, enable startup team, develop team
Text Domain: fotokoch

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
    font-family: "AmaticSC-Bold";
    font-display: swap;
    src: url("./fonts/AmaticSC-Bold.ttf"); }

  @font-face {
    font-family: "AmaticSC-Regular";
    font-display: swap;
    src: url("./fonts/AmaticSC-Regular.ttf"); }

  @font-face {
    font-family: "Avenir-Roman";
    font-display: swap;
    src: url("./fonts/AvenirLTStd-Roman.woff");
  }

  @font-face {
      font-family: "Comfortaa-Bold";
      src: url("./fonts/Comfortaa-Bold.ttf"); }

  :root {
    --color-web: #0033cc;
    --color-title: #2FD6FF;
    --color-white: #fff;
    --color-btn: #35ba30;
    --color-green: #0033cc; }

  body {
    font-family: "Avenir-Roman" !important;
    font-size: 16px !important; }

  h1 {
    margin-top: 0;
    text-transform: uppercase;
    color: #0033cc;
    font-family: "AmaticSC-Regular";
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 2px;
  }
  .logo {
      max-width: 150px;
  }

  .title-web {
    text-align: center; }
    .title-web span {
      padding: 10px 50px;
      font-size: 26px;
      color: #fff;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-family: "AmaticSC-Regular";
      font-weight: bold;
      background-size: 100% 100%;
      background-position: center;
      display: inline-block;
      margin: 0 auto;
      min-width: 240px; }
    .webp .title-web span {
      background-image: url("./images/webp/button_background_colorblind.png.webp"); }
    .no-webp .title-web span {
      background-image: url("./images/button_background.png"); }

  .no-webp .title-web.title-blue span {
    background-image: url("./images/button_background_blue.png"); }
  .webp .title-web.title-blue span {
    background-image: url("./images/webp/button_background_blue_colorblind.png.webp"); }

  .hightlight-footer {
    font-weight: bold;
    color: #0033CC; }

  .text-highlight {
    font-weight: bold;
    color: #0033CC; }

  .under {
    text-decoration: underline; }

  .input-login {
    width: 100%;
    border: 1px solid #fff;
    padding: 6px 10px;
    color: #333; }
    .input-login:focus {
      outline: none; }

  .input-login-bg {
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    padding: 10px;
    border: none; }
  .no-webp .input-login-bg {
    background-image: url("./images/input_background.png");}
  .webp .input-login-bg {
    background-image: url("./images/webp/input_background.png.webp");}

  .action .btn-login {
    display: block;
    background: #0055AA;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: "AmaticSC-Regular";
    font-size: 26px; }

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

  .area {
    width: 100px;
    margin-left: 20px; }

  .bg-top {
    width: 100%;
    height: 25px;
    background-position: center;
    background-size: cover;
    -webkit-transition: all .3s;
    transition: all .3s; }
  .no-webp .bg-top {
    background-image: url("./images/bg-top.png");}
  .webp .bg-top {
    background-image: url("./images/webp/bg-top-colorblind.png.webp");}

  .bg-logo.active {
    display: none; }

  .dropdown {
    float: left; }

  .dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0; }

  .dropdown-content {
    display: none;
    position: absolute;
    background-position: center;
    background-size: 100% 100%;
    min-width: 210px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: -50%;
    -webkit-transform: translateX(15%);
        -ms-transform: translateX(15%);
            transform: translateX(15%);
    padding: 3px; }
  .webp .dropdown-content {
    background-image: url("./images/webp/menu_dropdown.png.webp");}
  .no-webp .dropdown-content {
    background-image: url("./images/menu_dropdown.png");}

  .aboutus .dropdown-content {
    left: -3%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }

  .dropdown-content a {
    float: none;
    color: #777;
    padding: 10px 16px !important;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: initial;
    font-weight: normal; }

  .dropdown-content a:hover {
    background-position: center;
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none; }
  .no-webp .dropdown-content a:hover {
    background-image: url("./images/bg-submenu.png");}
  .webp .dropdown-content a:hover {
    background-image: url("./images/webp/bg-submenu-colorblind.png.webp");}

  .dropdown:hover .dropdown-content {
    display: block; }

  .wrapper-logo {
    position: relative; }
    .wrapper-logo .text-logo {
      position: absolute;
      bottom: 0;
      left: 50%;
      color: black;
      font-size: 14px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      margin-bottom: 0; }

  .header-top {
    padding: 20px 0;
    -webkit-transition: all 1s;
    transition: all 1s; }
    .header-top .content {
      text-align: center;
      position: relative; }
      .header-top .content .language-switcher {
          position: absolute;
          top: 30%;
          left: 45px;
          z-index: 1;
      }
      .header-top .content .language-switcher .deactive {
          opacity: 0.5;
      }
      .header-top .content .language-switcher .deactive:hover {
          opacity: 1;
      }
      .header-top .content .language-switcher img {
          width: 50px;
          margin: 0 5px;
          height: auto;
      }
      .header-top .content .language-switcher a {
          cursor: pointer;
          text-decoration: none;
      }
      .header-top .content .form-search {
        position: absolute;
        right: 50px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        .header-top .content .form-search .input-text {
          height: 40px;
          text-align: right;
          padding-right: 65px;
          border: none;
          color: #000000;
          background-position: center;
          background-size: 100% 100%; }
        .no-webp .header-top .content .form-search .input-text {
          background-image: url("./images/input_search.png");}
        .webp .header-top .content .form-search .input-text {
          background-image: url("./images/webp/input_search_colorblind.png.webp");}
          .header-top .content .form-search .input-text:focus {
            outline: none; }
          .header-top .content .form-search .input-text::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #000000; }
          .header-top .content .form-search .input-text::-moz-placeholder {
            /* Firefox 19+ */
            color: #000000; }
          .header-top .content .form-search .input-text:-ms-input-placeholder {
            /* IE 10+ */
            color: #000000; }
          .header-top .content .form-search .input-text:-moz-placeholder {
            /* Firefox 18- */
            color: #000000; }
        .header-top .content .form-search .icon-search {
          position: absolute;
          right: 3px;
          top: 3px;
          width: 50px;
          height: 34px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.35);
          /* box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.35);
          background-image: url("./images/background_search_function.png");
          background-position: top;
          background-size: 100% 100%; */
          background-color: #0055AA; }

          .header-top .content .form-search .icon-search button {
            border: none;
            width: 100%;
            height: 100%;
            background: transparent; }
          .header-top .content .form-search .icon-search img {
            width: 18px; }

  .header-top.active {
    display: none; }

  header {
    /* -webkit-transition: 1s;
    transition: 1s; */
    /* transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;

    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;  */
    }
    header .navbar-default {
      background: #fff;
      border: none;
      border-radius: 0;
      -webkit-transition: 0.4s;
      transition: 0.4s;
      margin-bottom: 0; }
      header .navbar-default .navbar-header {
        display: none; }
      header .navbar-default #navbar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        header .navbar-default #navbar .navbar-nav {
          width: 100%;
          padding: 10px 0;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          float: none;
          background-size: 100% 100%;
          background-position: center; }
        .webp header .navbar-default #navbar .navbar-nav {
          background-image: url("./images/webp/menu_border.png.webp");}
        .no-webp header .navbar-default #navbar .navbar-nav {
          background-image: url("./images/menu_border.png");}
          header .navbar-default #navbar .navbar-nav li {
            float: none; }
            header .navbar-default #navbar .navbar-nav li a {
              padding: 10px 35px;
              font-weight: bold;
              letter-spacing: 1px; }
              header .navbar-default #navbar .navbar-nav li a img {
                display: none; }
          header .navbar-default #navbar .navbar-nav li.active a {
            background: transparent;
            color: #0033CC; }
            header .navbar-default #navbar .navbar-nav li.active a img {
              /* display: inline-block; */
              height: 18px;
              margin: 0 5px 5px 0; }
          header .navbar-default #navbar .navbar-nav li.active .dropdown-content a {
            color: #777; }
            header .navbar-default #navbar .navbar-nav li.active .dropdown-content a:hover {
              background-position: center;
              background-size: 100% 100%;
              color: #fff;
              text-decoration: none; }
            .webp header .navbar-default #navbar .navbar-nav li.active .dropdown-content a:hover {
              background-image: url("./images/webp/bg-submenu.png.webp");}
            .no-webp header .navbar-default #navbar .navbar-nav li.active .dropdown-content a:hover {
              background-image: url("./images/bg-submenu.png");}

  header.navbar-fixed-top {
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    header.navbar-fixed-top .navbar-default {
      padding: 15px 0; }
      header.navbar-fixed-top .navbar-default .navbar-header {
        display: block; }
        header.navbar-fixed-top .navbar-default .navbar-header .wrapper-logo img {
          height: 60px; }
        header.navbar-fixed-top .navbar-default .navbar-header .wrapper-logo .text-logo {
          bottom: -5px; width: 100%; }
      header.navbar-fixed-top .navbar-default #navbar .navbar-nav {
        margin-left: 50px; }
        header.navbar-fixed-top .navbar-default #navbar .navbar-nav li a {
          padding: 10px 25px;
          font-size: 14px; }

  .banner {
    margin-top: 20px;
    text-align: center; }
    .banner .content {
      position: relative; }
      .banner .content .title {
          position: absolute;
          top: 155px;
          left: 281px;
          width: 582px;
          height: 120px;
          font-family: "AmaticSC-Regular";
          font-size: 50px;
          text-align: center;
          margin: 0;
          color: #fff;
          letter-spacing: 0;
          line-height: 56px; }
      .banner .content .sub-title {
          position: absolute;
          top: 280px;
          left: 257px;
          width: 630px;
          height: 120px;
          font-family: "AmaticSC-Regular";
          font-size: 28px;
          text-align: center;
          margin: 0;
          color: #fff;  }
      .mgb-20 {
          margin-bottom: 20px;
      }
      .banner .content .sub-title.schoolpage {
          top: 227px;
      }
      .banner .content .sub-title.myarchive {
          top: 257px;
      }
      .banner .content .sub-title-bottom {
          background-image: url("./images/background_title_bottom.jpg");
          position: absolute;
          bottom: 0;
          margin:0;
          font-size: 22px;
          width: 90%;
          padding: 15px 0;
          text-align: center;
          left: 5%;
          color: #FFF; }
      .webp .banner .content .sub-title-bottom {
          background-image: url("./images/webp/background_title_bottom.jpg.webp");}
      .banner .content .button-action {
            position: absolute;
            top: 266px;
            width: 631px;
            left: 256px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 5px; }
      .banner .content .action a {
          background: #0055AA;
          margin: 0 10px;
            -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
            font-size: 20px; }
      .italic {
          font-style:italic; }
      .flex-center {
          display: flex;
          justify-content: center;
          align-items: center;
      }
    .banner img {
      width: 90%; }
    .banner .description {
      padding: 0 50px 50px;
      margin: 0;
      text-align: center;
      line-height: 1.5; }
    .banner .description-home {
      padding: 10px 200px 30px;
      margin: 0;
      text-align: center;
      line-height: 1.5; }
      .banner .description-home p {
        margin-bottom: 0; }

  .banner-foto {
    margin-top: 0; }

  .banner-min .description-home {
    padding-top: 0; }

  .roadmap {
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
    padding-bottom: 50px;
    text-align: center; }
  .no-webp .roadmap {
    background-image: url("./images/Dark-Pattern-Wall-Wallpaper.png");}
  .webp .roadmap {
    background-image: url("./images/webp/Dark-Pattern-Wall-Wallpaper.png.webp");}
    .roadmap .content {
      position: relative;
      color: #fff; }
      .roadmap .content .text {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center; }
        .roadmap .content .text h1 {
          margin: 0;
          font-size: 53px;
          font-family: "AmaticSC-Bold"; }
        .roadmap .content .text .years {
          margin: 0;
          font-size: 53px;
          font-family: "AmaticSC-Bold"; }
        .roadmap .content .text h4 {
          margin: 10px 0 0;
          font-size: 28px;
          font-family: "AmaticSC-Bold"; }
      .roadmap .content .text-1932 {
        top: 153px;
        left: 160px;
        width: 319px;
        height: 56px; }
      .roadmap .content .text-1954 {
        right: 97px;
        bottom: 280px;
        width: 377px;
        height: 88px; }
      .roadmap .content .text-joop {
        right: 168px;
        bottom: 85px;
        width: 426px;
        height: 163px;
        padding: 10px; }
      .roadmap .content .year {
        font-family: "AmaticSC-Bold";
        font-size: 30px; }
      .roadmap .content .year-1940 {
        right: 371px;
        bottom: 575px; }
      .roadmap .content .year-1950 {
        right: 440px;
        bottom: 504px; }
      .roadmap .content .year-1960 {
        right: 358px;
        bottom: 433px; }
      .roadmap .content .year-1970 {
        right: 551px;
        bottom: 363px; }
      .roadmap .content .year-1980 {
        right: 719px;
        bottom: 293px; }
      .roadmap .content .year-1990 {
        right: 669px;
        bottom: 224px; }
      .roadmap .content .year-2000 {
        right: 684px;
        bottom: 152px; }
      .roadmap .content .year-2010 {
        right: 656px;
        bottom: 80px; }
      .roadmap .content .content-1932 {
        top: 79px;
        left: 500px;
        width: 140px;
        height: 141px; }
      .roadmap .content .content-1954 {
        top: 283px;
        right: 185px;
        width: 141px;
        height: 142px; }
    .roadmap img {
      width: 85%; }

  .about {
    background-position: center;
    background-size: 100% 100%;
    position: relative; }
  .no-webp .about {
    background-image: url("./images/bg-about.jpg");}
  .webp .about {
    background-image: url("./images/webp/bg-about-colorblind.jpg.webp");}
    .about .image-nu {
      position: absolute;
      top: -77px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 154px; }
      .about .image-nu img {
        width: 100%; }
      .about .image-nu .content-pink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-transform: uppercase;
        font-family: "AmaticSC-Bold";
        color: #fff; }
        .about .image-nu .content-pink h1 {
          margin: 0;
          font-size: 55px; }
        .about .image-nu .content-pink .years {
          margin: 0;
          font-size: 55px; }
        .about .image-nu .content-pink h4 {
          margin: 10px 0 0;
          font-size: 30px; }
    .about .content {
      padding: 0 100px; }
      .about .content .content-left {
        padding: 35px 160px 35px 40px;
        color: #fff; }
      .about .content .content-right .image-children {
        width: 90%; }

  .team {
    padding: 60px 0 70px; }
    .team .description {
      text-align: center;
      margin: 20px 115px; }
    .team .content-team {
      padding: 0 130px; }
    .team .block {
      margin-top: 30px; }
      .team .block .windown {
        position: relative; }
        .team .block .windown .bg-windown {
          width: 100%; }
        .team .block .windown .img-windown {
          position: absolute;
          left: 16px;
          bottom: 14px;
          width: 238px; }
        .team .block .windown .bg-active {
          -webkit-transition: all .3s;
          transition: all .3s; }
      .team .block .action {
        margin-top: 10px; }
        .team .block .action a {
          display: block;
          position: relative;
          background: #0055AA;
          font-family: "AmaticSC-Regular";
          font-size: 20px;
          border: 3px solid #0033CC; }
          .team .block .action a .icon-down {
            position: absolute;
            top: 5px;
            right: 20px;
            font-size: 30px; }
          .team .block .action a:hover, .team .block .action a:focus {
            background: #0055AA;
            color: #fff; }
        .team .block .action a.active:after {
          content: "";
          position: absolute;
          bottom: -63px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          border: 30px solid transparent;
          border-bottom-color: #0055AA; }
        .team .block .action a.active .icon-down {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
    .team .block.active .windown .bg-active {
      position: absolute;
      left: 16px;
      bottom: 14px;
      width: 238px;
      height: 238px;
      background: rgba(55, 159, 227, 0.5); }
    .team .detail-team {
      margin: 60px 0 30px;
      padding: 5px;
      border: 3px solid #0055AA;
      color: #fff; }
      .team .detail-team .content {
        padding: 20px;
        background: #0055AA; }
        .team .detail-team .content .description-text {
          text-align: right;
          font-style: italic;
          margin-bottom: 0; }

  .vacature-top {
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
    padding: 60px 0 30px; }
  .no-webp .vacature-top {
    background-image: url("./images/bg_block.jpg");}
  .webp .vacature-top {
    background-image: url("./images/webp/bg_block.jpg.webp");}

  .vacature-book {
    background-position: center;
    background-size: 100% 100%;
    padding: 20px 0 50px; }
  .no-webp .vacature-book {
    background-image: url("./images/bg-book.jpg");}
  .webp .vacature-book {
    background-image: url("./images/webp/bg-book-colorblind.jpg.webp");}
    .vacature-book .content {
      position: relative;
      text-align: center; }
      .vacature-book .content img {
        width: 85%; }
      .vacature-book .content .block-text {
        position: absolute;
        top: 6px;
        left: 85px;
        width: 965px;
        height: 100%; }
        .vacature-book .content .block-text .wrapp {
          padding: 30px 50px;
          text-align: left; }
          .vacature-book .content .block-text .wrapp .action {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
          .vacature-book .content .block-text .wrapp .wrapp-title {
            text-align: center;
            margin-bottom: 20px; }
          .vacature-book .content .block-text .wrapp .wrapp-close {
            text-align: right;
            margin-bottom: 20px; }
          .vacature-book .content .block-text .wrapp .btn-book {
            display: inline-block;
            padding: 10px 70px;
            border-radius: 0;
            margin: 0;
            font-family: "AmaticSC-Regular";
            color: #000;
            font-weight: bold;
            letter-spacing: 2px;
            background-position: center;
            background-size: 100% 100%; }
          .webp .vacature-book .content .block-text .wrapp .btn-book {
            background-image: url("./images/webp/button_background_line_pink_colorblind.png.webp");}
          .no-webp .vacature-book .content .block-text .wrapp .btn-book {
            background-image: url("./images/button_background_line_pink.png");}
          .vacature-book .content .block-text .wrapp .btn-right {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background: red;
            margin-left: 10px;
            cursor: pointer; }
            .vacature-book .content .block-text .wrapp .btn-right i {
              font-size: 20px; }
          .vacature-book .content .block-text .wrapp .wrapp-first .text-top {
            margin-top: 0;
            line-height: 1.5; }
          .vacature-book .content .block-text .wrapp .wrapp-first .text-bottom {
            font-family: "AmaticSC-Bold";
            letter-spacing: 2px;
            font-size: 25px;
            text-transform: uppercase;
            line-height: 1.3;
            color: #0033CC;
            margin-bottom: 30px; }
          .vacature-book .content .block-text .wrapp .wrapp-second p {
            margin-bottom: 0;
            line-height: 1.5; }
          .vacature-book .content .block-text .wrapp .wrapp-second .text {
            margin-bottom: 30px; }
          .vacature-book .content .block-text .wrapp .wrapp-three p {
            margin-bottom: 0;
            line-height: 1.5; }
          .vacature-book .content .block-text .wrapp .btn-close {
            width: 50px;
            display: inline-block;
            cursor: pointer; }
          .wrapp .btn-close img {
            width: 100% !important;
            height: 100% !important; }
        .vacature-book .content .block-text .wrapp-right {
          padding: 30px 50px 30px 20px; }
        .vacature-book .content .book-text {
            position: absolute;
            bottom: 165px;
            right: 60px;
            font-family: AmaticSC-Bold;
            z-index: 1;
        }
        .vacature-book .content .book-text h3 {
            font-size: 25px;
            letter-spacing: 2px;
            margin: 0;
        }
        .vacature-book .content .book-text h3:last-child {
            margin-left: 120px;
        }

  .vacature-image {
    background-size: cover;
    background-position: center;
    padding-top: 20px;
    min-height: 147px;
    -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4); }
  .webp .vacature-image {
    background-image: url("./images/webp/bg_block.png.webp");}
  .no-webp .vacature-image {
    background-image: url("./images/bg_block.png");}
    .vacature-image .content {
      padding: 0 100px;
      position: relative; }
      .vacature-image .content .text {
        display: inline-block;
        position: absolute;
        top: 47px;
        left: 714px;
        font-family: "AmaticSC-Bold";
        color: #fff; }
        .vacature-image .content .text h3 {
          margin: 0;
          font-size: 30px;
          letter-spacing: 2px; }
        .vacature-image .content .text .left {
          margin-left: 30px;
          margin-top: 2px; }
      .vacature-image .content img {
        width: 100%; }

  .wrapper-account {
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
            box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
    padding-top: 100px;
    position: relative; }
  .no-webp .wrapper-account {
    background-image: url("./images/bg_block.png");}
  .webp .wrapper-account {
    background-image: url("./images/webp/bg_block.png.webp");}
    .wrapper-account:after {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-top: 60px solid #fff; }
    .wrapper-account .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      padding: 30px 30px 60px 30px;
      position: relative; }
      .wrapper-account .content .content-left {
        width: 40%;
        margin-left: 20px;
        position: relative; }
        .wrapper-account .content .content-left .bg-account {
          width: 100%;
          height: 439px; }
        .wrapper-account .content .content-left .wrapp {
          background: #0033CC;
          position: absolute;
          top: 24px;
          left: 30px;
          width: 355px;
          height: 379px;
          padding: 20px;
          color: #fff; }
          .wrapper-account .content .content-left .wrapp .title-login {
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-weight: bold;
            font-family: "AmaticSC-Regular";
            font-size: 30px;
            letter-spacing: 2px; }
          .wrapper-account .content .content-left .wrapp .checkbox {
            margin: 15px 0; }
          .wrapper-account .content .content-left .wrapp .action {
            margin-top: 20px; }
            .wrapper-account .content .content-left .wrapp .action .btn-login {
              -webkit-box-shadow: 0px 0px 5px 1px #000;
                      box-shadow: 0px 0px 5px 1px #000; }
          .wrapper-account .content .content-left .wrapp .link-register {
            text-align: center;
            margin-top: 20px; }
            .wrapper-account .content .content-left .wrapp .link-register a {
              color: #fff;
              text-decoration: underline;
              letter-spacing: 1px; }
      .wrapper-account .content .fire-flower {
        position: absolute;
        top: -36px;
        left: -28px;
        width: 170px; }
      .wrapper-account .content .fire-flower-bottom {
        position: absolute;
        top: 25px;
        left: -15px;
        width: 73px; }
      .wrapper-account .content .content-right {
        width: 60%;
        padding: 20px 20px 10px;
        background-size: 100% 100%;
        background-position: center;
        margin-left: 20px;
        color: #fff; }
      .webp .wrapper-account .content .content-right {
        background-image: url("./images/webp/frame_mijn.png.webp");}
      .no-webp .wrapper-account .content .content-right {
        background-image: url("./images/frame_mijn.png");}
        .wrapper-account .content .content-right .title-account {
          text-decoration: underline;
          text-align: center;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "AmaticSC-Regular";
          font-size: 30px;
          letter-spacing: 2px; }
        .wrapper-account .content .content-right .description {
          line-height: 1.5; }
        .wrapper-account .content .content-right .action .btn-login {
          padding: 6px 30px;
          -webkit-box-shadow: 0px 0px 5px 1px #000;
                  box-shadow: 0px 0px 5px 1px #000; }
      .wrapper-account .content .verplicht {
        position: absolute;
        bottom: 30px;
        right: 30px;
        color: #fff; }

  .wrapper-album .content {
    margin: 40px 0 80px; }
    .wrapper-album .content img {
      width: 100%; }

  .privacy .content {
    padding: 20px 100px 30px;
    text-align: center; }
    .privacy .content .description {
      margin-top: 30px; }

  .service-contact {
    padding: 50px 0 0 0; }
    .service-contact .description {
      margin-top: 20px;
      margin-bottom: 30px; }
    .service-contact #accordion.panel-group .panel + .panel {
      margin-top: 20px; }
    .service-contact #accordion.panel-group .panel-default {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .service-contact #accordion.panel-group .panel-default .panel-heading.level-one {
        padding: 0;
        background: transparent;
        border: none; }
        .service-contact #accordion.panel-group .panel-default .panel-heading.level-one .panel-title a {
          padding: 15px 60px;
          display: block;
          position: relative;
          background-position: center;
          background-size: 100% 100%;
          font-family: "AmaticSC-Regular";
          color: #fff;
          font-size: 25px;
          letter-spacing: 2px;
          font-weight: bold; }
        .webp .service-contact #accordion.panel-group .panel-default .panel-heading.level-one .panel-title a {
          background-image: url("./images/webp/background_green_colorblind.png.webp");}
        .no-webp .service-contact #accordion.panel-group .panel-default .panel-heading.level-one .panel-title a {
          background-image: url("./images/background_green.png");}
          .service-contact #accordion.panel-group .panel-default .panel-heading.level-one .panel-title a .icon-down {
            position: absolute;
            top: 13px;
            left: 20px;
            font-size: 30px; }
        .service-contact #accordion.panel-group .panel-default .panel-heading.level-one .panel-title a[aria-expanded="true"] .icon-down {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
      .service-contact #accordion.panel-group .panel-default .panel-body {
        border: none; }
        .service-contact #accordion.panel-group .panel-default .panel-body .panel-group {
          margin: 0; }
          .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel.panel-default {
            margin-top: 10px; }
          .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading {
            background: transparent;
            padding: 0; }
            .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a {
              color: #0033CC; display: flex; align-items: flex-start; line-height: 21px; text-decoration: none; }
              .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a:hover span,
              .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a:focus span,
              .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a:active span,
              .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a:visited span
              {
                  text-decoration: underline;
              }
              .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a i {
                font-size: 20px;
                color: #0055AA;
                margin-right: 10px;
                line-height: 15px;}
          .service-contact #accordion.panel-group .panel-default .panel-body .panel-group .panel-body {
            border: none; }
      .service-contact #accordion.panel-group .panel-default .content-list {
        border-radius: 3px;
        border: 3px solid #0033CC; }
        .service-contact #accordion.panel-group .panel-default .content-list p {
          margin: 10px;
          padding: 10px;
          background: #0033CC;
          color: #fff; }
    .service-contact .contact-form {
      background-position: center;
      background-size: contain;
      margin: 20px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 44px, rgba(0, 0, 0, 0.23) 0px 5px 20px;
              box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 44px, rgba(0, 0, 0, 0.23) 0px 5px 20px;
      padding: 20px; }
    .webp .service-contact .contact-form {
      background-image: url("./images/webp/paper_contact.png.webp");}
    .no-webp .service-contact .contact-form {
      background-image: url("./images/paper_contact.png");}
      .service-contact .contact-form h3 {
        font-family: "AmaticSC-Bold";
        color: #0033CC;
        font-size: 26px;
        letter-spacing: 1px;
        margin-top: 0; }
      .service-contact .contact-form .block {
        margin-bottom: 20px; }
        .service-contact .contact-form .block h5 {
          font-size: 18px;
          text-transform: uppercase;
          margin-bottom: 0; }
        .service-contact .contact-form .block h5.open {
          margin-bottom: 10px;
          font-family: "AmaticSC-Bold";
          color: #0033CC;
          margin-top: 20px;
          font-size: 25px;
          letter-spacing: 2px; }
        .service-contact .contact-form .block p {
          margin-bottom: 0; }
        .service-contact .contact-form .block .timer {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
      .service-contact .contact-form .action .btn-login {
        background: #0055AA; }
      .service-contact .contact-form .social {
        list-style: none;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .service-contact .contact-form .social li {
          margin-right: 10px; }
          .service-contact .contact-form .social li a img {
            width: 50px; }
    .service-contact .maps {
      margin: 20px; }
    .service-contact .block-content {
      margin-bottom: 30px; }
      .service-contact .block-content h4 {
        color: #0033cc;
        font-weight: bold; }
      .service-contact .block-content p {
        color: #666; }
    .service-contact .block-privacyverklaring {
      margin-bottom: 40px; }
      .service-contact .block-privacyverklaring h3, .service-contact .block-privacyverklaring h4, .service-contact .block-privacyverklaring a {
        color: #0033cc;
        font-weight: bold; }
      .service-contact .block-privacyverklaring h3 {
        font-size: 22px; }
      .service-contact .block-privacyverklaring ul, .service-contact .block-privacyverklaring ol {
        padding-left: 20px; }
      .service-contact .block-privacyverklaring li, .service-contact .block-privacyverklaring p {
        color: #666; }

  .scholencontact {
    background-position: center;
    background-size: cover;
    padding: 110px 0 30px;
    position: relative;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
            box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68); }
  .webp .scholencontact {
    background-image: url("./images/webp/bg_block.png.webp");}
  .no-webp .scholencontact {
    background-image: url("./images/bg_block.png");}
    .scholencontact .background_vehicle {
      position: absolute;
      top: 2px;
      left: 0;
      width: 100%;
      text-align: center; }
      .scholencontact .background_vehicle img {
        width: 70%; }
    .scholencontact:after {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      border-top: 80px solid #fff; }
    .scholencontact .title-web {
      margin-top: 30px;
      position: relative;
      z-index: 3; }
    .scholencontact .description {
      max-width: 60%;
      margin: 20px auto 50px;
      text-align: center; }
    .scholencontact .content-smaller {
      padding: 0 100px; }
    .scholencontact .content-scholencontact {
      margin-bottom: 30px; }
      .scholencontact .content-scholencontact .wrapper {
        padding-right: 150px; }
        .scholencontact .content-scholencontact .wrapper p {
          margin-bottom: 0; }
        .scholencontact .content-scholencontact .wrapper .text {
          text-decoration: underline; }
      .scholencontact .content-scholencontact .title {
        padding: 15px 30px;
        text-align: center;
        background-size: 100% 100%;
        background-position: center;
        margin: 0 0 20px;
        width: 340px;
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        letter-spacing: 2px; }
      .webp .scholencontact .content-scholencontact .title {
        background-image: url("./images/webp/background_soc_colorblind.png.webp");}
      .no-webp .scholencontact .content-scholencontact .title {
        background-image: url("./images/background_soc.png");}

  .info .content {
    padding: 50px 0;
    max-width: 46%;
    margin: 0 auto;
    text-align: center; }

  .banner-scholen {
    position: relative;
    margin: 20px 0;
    text-align: center; }
    .banner-scholen img {
      width: 90%; }
    .banner-scholen .content {
      position: absolute;
      top: 45px;
      left: 47%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center; }
      .banner-scholen .content h2 {
        font-size: 50px;
        font-family: 'AmaticSC-Bold';
        color: rgba(0, 0, 0, 0.8);
        margin-top: 0;
        margin-bottom: 30px;
        letter-spacing: 1px; }
        .banner-scholen .content h2:first-child {
          margin-bottom: 10px; }
        .banner-scholen .content h2 span {
          text-decoration: underline; }
      .banner-scholen .content .action .btn-login {
        margin-bottom: 10px;
        background: #0033CC;
        -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
        font-size: 20px; }
        .banner-scholen .content .action .btn-login i {
          font-size: 25px;
          margin-left: 10px; }

  .tab-scholen {
    background-position: center;
    background-size: cover; }
  .webp .tab-scholen {
    background-image: url("./images/webp/bg_block.png.webp");}
  .no-webp .tab-scholen {
    background-image: url("./images/bg_block.png");}
    /* .tab-scholen .content {
      -webkit-box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
              box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68); } */
      .tab-scholen .content .nav-tabs {
        border: none;
        padding: 10px 0;
        background-size: 100% 100%;
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 30px 80px 20px; }
      .webp .tab-scholen .content .nav-tabs {
        background-image: url("./images/webp/tab_border.png.webp");}
      .no-webp .tab-scholen .content .nav-tabs {
        background-image: url("./images/tab_border.png");}
        .tab-scholen .content .nav-tabs li {
          float: none;
          width: 20%; }
          .tab-scholen .content .nav-tabs li a {
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-shadow: 0px 0px 1px #fff;
            text-align: center; }
            .tab-scholen .content .nav-tabs li a:hover, .tab-scholen .content .nav-tabs li a:focus {
              background: none;
              color: #fff;
              border: 1px solid transparent; }
            .tab-scholen .content .nav-tabs li a img {
              opacity: 0;
              height: 18px; }
        .tab-scholen .content .nav-tabs li.active a {
          background: none;
          border: 1px solid transparent ;
          color: #0033cc;
          text-shadow: 0px 0px 1px #0033cc; }
          .tab-scholen .content .nav-tabs li.active a:hover, .tab-scholen .content .nav-tabs li.active a:focus {
            background: none;
            color: #0033cc; }
          .tab-scholen .content .nav-tabs li.active a img {
            opacity: 1; }
      .tab-scholen .content .tab-content {
        padding-bottom: 20px; }
      .tab-scholen .content .title-web {
        margin-bottom: 40px;
        position: relative;
        z-index: 3; }
      .tab-scholen .content .img-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }

  #informatie {
    padding: 20px 0;
    position: relative; }
    #informatie .informatie {
      margin: 0 80px; }
    #informatie .content-informatie {
      position: relative;
      z-index: 3;
      margin: 50px 0 40px; }
      #informatie .content-informatie > .row {
        display: flex;
        align-items: center; }
      #informatie .content-informatie .block-informatie {
        background-position: center;
        background-size: cover;
        padding: 20px;
        -webkit-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
                transform: rotate(-3deg); }
      .webp #informatie .content-informatie .block-informatie {
        background-image: url("./images/webp/paper_new.jpg.webp");}
      .no-webp #informatie .content-informatie .block-informatie {
        background-image: url("./images/paper_new.jpg");}
        #informatie .content-informatie .block-informatie .title {
          background-position: center;
          background-size: 100% 100%;
          margin: 0 0 20px;
          padding: 12px 30px;
          width: 250px;
          text-align: center;
          color: #009fe3;
          font-family: "AmaticSC-Regular";
          font-weight: bold;
          letter-spacing: 2px;
          font-size: 22px; }
        .webp #informatie .content-informatie .block-informatie .title {
          background-image: url("./images/webp/input_search.png.webp");}
        .no-webp #informatie .content-informatie .block-informatie .title {
          background-image: url("./images/input_search.png");}
      #informatie .content-informatie .text {
        color: #434343;
        margin-bottom: 40px;}
        #informatie .content-informatie .text .title {
            font-size: 18px;
            color: #0033CC;
            margin: 0; }
    #informatie .collage {
      width: 45%;
      margin-top: -220px;
      float: right;
    }
    #informatie .producten-container .image-producten {
      width: 100%;
    }
  #inloggen{
      background-position: center;
      background-size: cover;
  }

  #inloggen .inloggen {
    background-position: center;
    background-size: cover;
    padding: 25px 0;
    margin: 0 80px;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
  .webp #inloggen {
    background-image: url("./images/webp/scholen_vehicle_background_blue.png.webp");
}
  .no-webp #inloggen {
    background-image: url("./images/scholen_vehicle_background_blue.png");
}

.information-offer{
    display: flex;
    justify-content: center;
    margin-top: 20px
}

  #inloggen .school-bear {
      height: 450px;
      margin-bottom: -20px; }

  #inloggen .content-inloggen {
    width: 350px;
    position: relative; }

  #inloggen .bg-inloggen {
    width: 100%;
    height: 330px; }
  #inloggen .school-login .bg-inloggen {
    height: 390px; }

  #inloggen .fire-flower {
    position: absolute;
    top: -50px;
    left: -70px;
    width: 133px; }

  #inloggen .fire-flower-bottom {
    position: absolute;
    top: 0px;
    left: -58px;
    width: 63px; }

  #inloggen .content-form {
    background: #0033CC !important;
    position: absolute;
    top: 20px;
    left: 25px;
    width: 298px;
    height: 290px;
    padding: 25px 20px;
    text-align: center; }
  #inloggen .school-login .content-form {
    height: 346px;}
    #inloggen .content-form h2 {
      font-family: "AmaticSC-Bold";
      font-size: 34px;
      color: #fff;
      margin: 0 0 5px;
      letter-spacing: 2px; }
    #inloggen .content-form h5 {
      color: #fff;
      text-transform: uppercase;
      margin: 5px 0 20px;
      letter-spacing: 1px; }
    #inloggen .school-login .content-form h5 {
      margin: 10px 0 20px;}
    #inloggen .content-form .action .btn-login {
      font-size: 20px;
      width: 100%;
      -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
              box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); }
    #inloggen .school-login .content-form .action .btn-login {
      font-size: 24px;}
    #inloggen .content-form .action .forgotpassword {
        display: block;
        color: #FFF;
        text-decoration: underline;
        margin-top: 25px;
        cursor: pointer;
    }
  #producten {
    position: relative;
    padding: 20px 0 50px; }
    #producten .producten {
      margin: 0 100px; }
    #producten .block-producten {
      position: relative;
      z-index: 3;
      margin-bottom: 20px; }
      #producten .block-producten .wrapp {
        position: relative; }
      #producten .block-producten .image-producten {
        width: 95%; }
      #producten .block-producten .narrow {
        position: absolute;
        bottom: 40px;
        left: -55px;
        width: 120px; }
      #producten .block-producten .content-producten {
        color: #fff; }
        #producten .block-producten .content-producten p {
          font-size: 16px; }
          #producten .block-producten .content-producten p:first-child {
            margin-bottom: 20px; }
      #producten .block-producten .content-producten-right {
        margin-top: 15px; }
      #producten .producten-container {
          height: 500px;
            display: flex;
            justify-content: center;
            align-items: center;
      }
      #producten .image-producten {
          width: 100%;
      }
      .mg25-40 {
          margin: 25px 0 40px;
      }
      .mg15 {
          margin: 15px;
      }
      .mg20 {
          margin: 20px;
      }

  #privacy, #over_on_privacy, #producten {
    padding: 20px 0 50px;
    position: relative; }
    #privacy .privacy {
      margin: 0 80px; }
    #privacy .block-privacy {
      position: relative;
      z-index: 3; }
      #privacy .block-privacy .content-privacy {
        color: #434343; }
        #privacy .block-privacy .content-privacy p {
          font-size: 16px; }
          #privacy .block-privacy .content-privacy p:first-child {
            margin-bottom: 20px;
            margin-top: 10px; }
          #privacy .block-privacy .content-privacy p span {
            color: #0033cc; }
    #privacy .content-privacy .block-privacy .text .title {
        font-size: 18px;
        color: #0055AA;
        margin: 0;
    }
      #privacy .block-privacy .wrapp {
        position: relative; }
        #privacy .block-privacy .wrapp .image-privacy {
          width: 100%; }
        #privacy .block-privacy .wrapp .content {
          position: absolute;
          top: 28px;
          right: 22px;
          width: 415px;
          height: 230px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #434343;
          font-size: 18px;
          padding: 30px; }
          #producten .producten {
            margin: 0 80px; }
          #producten .block-producten {
            position: relative;
            z-index: 3; }
            #producten .block-producten .content-producten {
              color: #434343; }
              #producten .block-producten .content-producten p {
                font-size: 16px; }
                #producten .block-producten .content-producten p:first-child {
                  margin-bottom: 20px;
                  margin-top: 10px; }
                #producten .block-producten .content-producten p span {
                  color: #0033cc; }
            #producten .block-producten .wrapp {
              position: relative; }
              #producten .block-producten .wrapp .image-producten {
                width: 100%; }
              #producten .block-producten .wrapp .content {
                position: absolute;
                top: 28px;
                right: 22px;
                width: 415px;
                height: 230px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                color: #434343;
                font-size: 18px;
                padding: 30px; }

  #referenties {
    padding: 20px 0 50px;
    position: relative; }
    #referenties .content-referenties {
      position: relative;
      z-index: 3;
      /* background-image: url("./images/background_blue_night.jpg"); */
      background-size: cover;
      background-position: center;
      padding: 20px 0; }
      #referenties .content-referenties .block-referenties {
        position: relative;
        margin: 0 170px; }
        #referenties .content-referenties .block-referenties .book {
          width: 100%; }
        #referenties .content-referenties .block-referenties .next {
          position: absolute;
          right: 50px;
          top: 500px;
          z-index: 3; }
          #referenties .content-referenties .block-referenties .next img {
            width: 50px; height: 50px !important; }
        #referenties .content-referenties .block-referenties .btn-close {
          position: absolute;
          right: 50px;
          top: 20px;
          z-index: 3;
          width: 40px;
          height: 40px !important;
          cursor: pointer; }
        #referenties .content-referenties .block-referenties .wrapp {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #referenties .content-referenties .block-referenties .wrapp .text {
            padding: 20px 20px 20px 45px; }
          #referenties .content-referenties .block-referenties .wrapp .text.text-block {
            padding: 20px 40px 20px 20px; }
          #referenties .content-referenties .block-referenties .wrapp h2 {
            text-align: center;
            color: #0033CC;
            font-family: "AmaticSC-Bold";
            margin-top: 0; }
          #referenties .content-referenties .block-referenties .wrapp img {
            height: 80px; }
          #referenties .content-referenties .block-referenties .wrapp p {
            margin-bottom: 30px; }

    #secondary-education {
      padding: 20px 0 50px;
      position: relative; }
      #secondary-education .content-secondary-education {
        position: relative;
        background-size: cover;
        background-position: center;
        padding-top: 30px;
        padding-left: 54px;
        padding-right: 30px;
        }
        #secondary-education .content-secondary-education .block-secondary-education {
          position: relative;
          margin: 0 170px; }
          #secondary-education .content-secondary-education .block-secondary-education .note {
            width: 100%;
            box-shadow: 0px 0px 22px 6px rgba(0,0,0,0.75);
        }
          #secondary-education .content-secondary-education .block-secondary-education .wrapp {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            #secondary-education .content-secondary-education .block-secondary-education .image-item-secondary-education-1 {
                width: 95%
            }
            #secondary-education .content-secondary-education .block-secondary-education .image-item-secondary-education-2 {
                margin-left: -12px;
                width: 100%
            }
            #secondary-education .content-secondary-education .block-secondary-education .text .title{
                color: #0033cc;
                font-size: 16px
            }
            #secondary-education .content-secondary-education .block-secondary-education .text-secondary-education-1 {
              padding-right: 0px; }


        #privacy .content-privacy .block-privacy .image-item-privacy {
            width: 100%
        }
        #privacy .content-privacy {
            padding: 20px 0;
        }
        #privacy .content-privacy .block-privacy {
            position: relative;
            margin: 0 170px;
        }
    .webp .tab-scholen-contact {
        background-image: url(./images/webp/bg_block_blue.png.webp);
    }
    .no-webp .tab-scholen-contact {
        background-image: url(./images/bg_block_blue.png);
    }
    .tab-scholen-contact {
        background-size: cover;
    }
    #school-contact{
        padding-top: 142px;
    }
    .school-contact-description{
        display: flex;
        justify-content: center;
    }
    .school-contact-description .school-contact-description-content{
        text-align: center;
        color: white;
    }
    #school-contact .content-school-contact{
        padding-top: 20px;
        padding-bottom: 70px;
    }
    #school-contact .content-school-contact-detail{
        padding-top: 50px;
    }
    #school-contact .content-school-contact-detail .school-contact-right {
        padding-right: 50px;
        padding-bottom: 50px;
    }
    #school-contact .content-school-contact-detail .school-contact-left {
        padding-left: 50px;
        padding-bottom: 50px;
    }
    #school-contact .content-school-contact .block-school-contact{
        color: white;
    }
    #school-contact .content-school-contact .block-school-contact .school-contact-info p{
        margin-bottom: 0;
    }
    #school-contact .content-school-contact .block-school-contact .school-contact-info .sub-title-school-contact{
        text-decoration: underline;
    }
    #school-contact .content-school-contact .block-school-contact .school-contact-info{
        padding-top: 15px;
    }
    .webp #school-contact .content-school-contact .block-school-contact .school-contact-title{
        background-image: url(./images/webp/background_soc_colorblind.png.webp);
    }
    .no-webp #school-contact .content-school-contact .block-school-contact .school-contact-title{
        background-image: url(./images/background_soc.png);
    }
    #school-contact .content-school-contact .block-school-contact .school-contact-title{
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        font-size: 26px;
        color: #fff;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        background-size: 100% 100%;
        background-position: center;
        display: inline-block;
        margin: 0 auto;
        min-width: 280px;
    }
  .banner-top {
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
    margin-top: 20px; }
  .webp .banner-top {
    background-image: url("./images/webp/bg_block.png.webp");}
  .no-webp .banner-top {
    background-image: url("./images/bg_block.png");}
    .banner-top .content {
      padding: 30px 0; }
      .banner-top .content .banner-left {
        text-align: right; }
        .banner-top .content .banner-left .image-left {
          width: 85%;
          height: 100%; }
      .banner-top .content .form-center {
        padding: 0;
        position: relative; }
        .banner-top .content .form-center .bg-frame {
          width: 100%; }
        .banner-top .content .form-center .chalk {
          position: absolute;
          top: 30%;
          z-index: 5;
          right: -80px;
          width: 100px; }
          .banner-top .content .form-center .form-wrapper {
              border: 30px solid transparent;
          }
          .banner-top .content .form-center .form-wrapper {
              border-image:url('./images/slide_frame.png') round 27;
          }
          .webp .banner-top .content .form-center .form-wrapper {
              border-image:url('./images/webp/slide_frame_colorblind.png.webp') round 27;
          }

        .banner-top .content .form-center .content-form {
          /* position: absolute;
          top: 26px;
          left: 27px;
          background: #3395d1;
          width: 334px;
          height: 405px;
          /* padding: 20px; */
          padding: 20px;
          text-align: center;
          background: #0033CC;
          color: #fff; }
          .banner-top .content .form-center .content-form .title {
            text-transform: uppercase;
            font-family: "AmaticSC-Regular";
            font-weight: bold;
            letter-spacing: 2px;
            font-size: 35px;
            margin-top: 0; }
          .banner-top .content .form-center .content-form p {
            font-size: 16px; }
          .banner-top .content .form-center .content-form .description {
            margin: 15px 0px 0px;
            font-weight: bold; }
          .banner-top .content .form-center .content-form .text-bottom {
            margin-bottom: 0; }
          .banner-top .content .form-center .content-form .text-bottom-last {
            margin-bottom: 20px; }
          .banner-top .content .form-center .content-form .action {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .banner-top .content .form-center .content-form .action .btn-login {
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              padding: 10px;
              -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.35);
                      box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.35); }
            .banner-top .content .form-center .content-form .action .question {
              height: 60px;
              margin-left: 15px; }
          .banner-top .content .form-center .content-form .link {
            display: block;
            margin-top: 20px; }
            .banner-top .content .form-center .content-form .link a {
              color: #fff;
              font-size: 16px;
              text-decoration: underline; }
      .banner-top .content .banner-right {
        text-align: left; }
        .banner-top .content .banner-right .image-left {
          width: 85%;
          height: 100%; }

  .welcome {
    padding: 50px 0 100px; }
    .welcome .content .title {
      text-align: center; }
      .welcome .content .title h1 {
        margin-top: 0;
        text-transform: uppercase;
        color: #0033CC;
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        font-size: 30px;
        letter-spacing: 2px; }
      .welcome .content .title h2 {
        margin-top: 0;
        text-transform: uppercase;
        color: rgba(0, 0, 0);
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        font-size:24px;
        letter-spacing: 2px; }
    .welcome .content img {
      width: 75%;
      height: 100%; }
    .welcome .content .wrapp-introduction {
      position: relative;
      margin-top: 50px;
      font-size: 18px;
      text-align: center; }
      .welcome .content .wrapp-introduction .text {
        position: absolute;
        text-align: center; }
      .welcome .content .wrapp-introduction .text-1 {
        top: 93px;
        left: 231px;
        width: 160px;
        height: 54px; }
      .welcome .content .wrapp-introduction#be .text-1 {
        top: 81px;
        left: 150px; }
      .welcome .content .wrapp-introduction .text-2 {
        top: 245px;
        left: 247px; }
      .welcome#en .content .wrapp-introduction .text-2 {
        left: 180px; }
      .welcome .content .wrapp-introduction#be .text-2 {
        top: 261px;
        left: 257px; }
      .welcome .content .wrapp-introduction#de .text-2 {
        top: 245px;
        left: 825px; }
      .welcome .content .wrapp-introduction .text-3 {
        top: 268px;
        left: 182px; }
      .welcome .content .wrapp-introduction#be .text-3 {
        top: 284px;
        left: 192px; }
      .welcome .content .wrapp-introduction#de .text-3 {
        top: 290px;
        left: 825px; }
      .welcome .content .wrapp-introduction .text-4 {
        top: 292px;
        left: 155px; }
      .welcome .content .wrapp-introduction#be .text-4 {
        top: 308px;
        left: 165px; }
      .welcome .content .wrapp-introduction#de .text-4 {
        top: 268px;
        left: 825px; }
      .welcome .content .wrapp-introduction .text-5 {
        top: 68px;
        right: 174px; }
      .welcome#en .content .wrapp-introduction .text-5 {
        right: 145px; }
      .welcome .content .wrapp-introduction#be .text-5 {
        top: 76px;
        right: 175px; }
      .welcome .content .wrapp-introduction#de .text-5 {
        top: 223px;
        left: 231px;
        width: 160px;
        height: 54px; }
      .welcome .content .wrapp-introduction .text-6 {
        top: 94px;
        right: 122px; }
      .welcome .content .wrapp-introduction#be .text-6 {
        top: 100px;
        right: 156px; }
      .welcome .content .wrapp-introduction#de .text-6 {
        top: 247px;
        left: 196px;
        width: 187px;
        height: 54px; }
      .welcome .content .wrapp-introduction .text-7 {
        bottom: 162px;
        left: 770px; }
      .welcome .content .wrapp-introduction#be .text-7 {
        bottom: 135px;
        left: 786px; }
      .welcome .content .wrapp-introduction#de .text-7 {
        bottom: 90px;
        left: 770px; }
      .welcome .content .wrapp-introduction .text-8 {
        bottom: 133px;
        left: 770px; }
      .welcome .content .wrapp-introduction#be .text-8 {
        bottom: 114px;
        left: 786px; }
      .welcome .content .wrapp-introduction#de .text-8 {
        bottom: 65px;
        left: 770px; }
      .welcome .content .wrapp-introduction .text-9 {
        bottom: 104px;
        left: 770px; }
      .welcome .content .wrapp-introduction#be .text-9 {
        bottom: 91px;
        left: 786px; }
      .welcome .content .wrapp-introduction#de .text-9 {
        bottom: 65px;
        left: 944px; }
      .welcome .content .wrapp-introduction .text-10 {
        bottom: 75px;
        left: 770px; }
      .welcome .content .wrapp-introduction#be .text-10 {
        bottom: 70px;
        left: 786px; }
      .welcome .content .wrapp-introduction#de .text-10 {
        bottom: 40px;
        left: 770px; }
      .welcome .content .wrapp-introduction .text-11 {
        bottom: 46px;
        left: 770px; }
      .welcome .content .wrapp-introduction#be .text-11 {
        bottom: 46px;
        left: 786px; }
      .welcome .content .wrapp-introduction#de .text-11 {
        bottom: 40px;
        left: 917px; }

  .maintitle {
    padding: 50px 0 0 0; }
    .maintitle .content .title {
      text-align: center; }
      .maintitle .content .title h1 {
        margin-top: 0;
        text-transform: uppercase;
        color: #0033cc;
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        font-size: 30px;
        letter-spacing: 2px; }
      .maintitle .content .title h2 {
          margin-top: 0;
          text-transform: uppercase;
          color: rgba(0, 0, 0, 0.7);
          font-family: "AmaticSC-Regular";
          font-weight: bold;
          font-size:24px;
          letter-spacing: 2px; }

  .slider {
    margin-top: 20px; }
    .slider .carousel {
      width: 90%;
      margin: 0 auto; }
    .slider .description {
      margin: 50px 150px;
      text-align: center; }

  .slider-bottom {
    padding: 15px 30px;
    background-position: center;
    background-size: cover;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 25px;
    letter-spacing: 2px;
    width: 90%;
    margin: 0 auto; }
  .webp .slider-bottom {
    background: url("./images/webp/bg-foto-colorblind.png.webp");}
  .no-webp .slider-bottom {
    background: url("./images/bg-foto.png");}
    .slider-bottom h1 {
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 25px;
        letter-spacing: 2px;
    }

  .groepsfoto {
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
    color: #fff; }
  .webp .groepsfoto {
    background-image: url("./images/webp/bg_block.png.webp");}
  .no-webp .groepsfoto {
    background-image: url("./images/bg_block.png");}
    .groepsfoto .groepsfoto-top {
      position: relative;
      padding: 50px 0px;
      background-position: center;
      background-size: cover; }
    .webp .groepsfoto .groepsfoto-top {
      background-image: url("./images/webp/background_vehicle_colorblind.png.webp");}
    .no-webp .groepsfoto .groepsfoto-top {
      background-image: url("./images/background_vehicle.png");}
    .groepsfoto .groepsfoto-center {
      background-position: center;
      background-size: cover; }
    .webp .groepsfoto .groepsfoto-center {
      background-image: url("./images/webp/background_blue_night_colorblind.png.webp");}
    .no-webp .groepsfoto .groepsfoto-center {
      background-image: url("./images/background_blue_night.png");}
      .groepsfoto .groepsfoto-center .content {
        padding: 30px 0; }
        .groepsfoto .groepsfoto-center .content .description {
          text-align: center;
          margin-bottom: 20px; }
        .groepsfoto .groepsfoto-center .content .image-groepsfoto {
          width: 100%;
          -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
                  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); }
        .groepsfoto .groepsfoto-center .content .text {
          text-align: center;
          position: relative;
          margin-top: 10px; }
          .groepsfoto .groepsfoto-center .content .text span {
            font-family: "AmaticSC-Bold";
            font-size: 25px;
            letter-spacing: 2px; }
          .groepsfoto .groepsfoto-center .content .text .narrow_bottom {
            position: absolute;
            width: 80px;
            top: 15px; }
    .groepsfoto .groepsfoto-bottom {
      padding: 50px 0; }
      .groepsfoto .groepsfoto-bottom .gratisfoto {
        position: relative; }
        .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 103px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top h3 {
            margin: 0; }
          .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .tilde {
            position: absolute;
            width: 149px;
            bottom: 13px;
            left: 101px; }
          .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .exclamation {
            position: absolute;
            bottom: 28px;
            width: 38px;
            right: 52px; }
        .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-bottom {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 202px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: center;
          padding: 0 60px;
          font-size: 18px; }
      .groepsfoto .groepsfoto-bottom img {
        width: 100%; }
      .groepsfoto .groepsfoto-bottom .text {
        text-align: center;
        margin-bottom: 20px; }

  .prijsvoorbeeld {
    padding: 50px 0; }
    .prijsvoorbeeld .content-prijsvoorbeeld {
      padding: 30px 50px 0; }
    .prijsvoorbeeld .table {
      font-family: "AmaticSC-Regular";
      font-weight: bold;
      letter-spacing: 2px;
      color: #000; }
      .prijsvoorbeeld .table tr {
        position: relative;
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        padding-top: 10px; }
      .webp .prijsvoorbeeld .table tr {
        background-image: url("./images/webp/line_border_foto.png.webp");}
      .no-webp .prijsvoorbeeld .table tr {
        background-image: url("./images/line_border_foto.png");}
        .prijsvoorbeeld .table tr td {
          vertical-align: middle;
          border: none;
          padding-top: 20px;
          font-size: 18px; }
      .prijsvoorbeeld .table .highlight {
        color: #0033CC;
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 28px; }
      .prijsvoorbeeld .table .text {
        margin-bottom: 0;
        font-size: 26px; }
      .prijsvoorbeeld .table .of {
        font-size: 30px;
        padding-bottom: 20px; }
      .prijsvoorbeeld .table .operation {
        font-size: 60px;
        padding-bottom: 30px; }
      .prijsvoorbeeld .table .total {
        font-size: 28px;
        color: #0033CC; }
      .prijsvoorbeeld .table .image-table {
        height: 220px;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3); }

  .portretfoto {
    background-position: center;
    background-size: cover;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
            box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
    margin-bottom: 50px; }
  .webp .portretfoto {
    background: url("./images/webp/bg_block.png.webp");}
  .no-webp .portretfoto {
    background: url("./images/bg_block.png");}
    .portretfoto:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      border-top: 80px solid #fff; }
    .portretfoto .portretfoto-up {
      background-position: center;
      background-size: cover;
      -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
              box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4); }
    .webp .portretfoto .portretfoto-up {
      background: url("./images/webp/bg_block.png.webp");}
    .no-webp .portretfoto .portretfoto-up {
      background: url("./images/bg_block.png");}
    .portretfoto .portretfoto-top {
      padding: 120px 0 30px;
      background-position: center;
      background-size: cover; }
    .webp .portretfoto .portretfoto-top {
      background: url("./images/webp/vehicle_pink_colorblind.png.webp");}
    .no-webp .portretfoto .portretfoto-top {
      background: url("./images/vehicle_pink.png");}
    .portretfoto .portretfoto-foto {
      padding: 30px 0;
      background-position: center;
      background-size: cover;
      text-align: center;
      color: #fff; }
    .webp .portretfoto .portretfoto-foto {
      background: url("./images/webp/background_pink_night_colorblind.png.webp");}
    .no-webp .portretfoto .portretfoto-foto {
      background: url("./images/background_pink_night.png");}
      .portretfoto .portretfoto-foto .content {
        padding: 0 100px; }
      .portretfoto .portretfoto-foto .description {
        margin-bottom: 20px; }
      .portretfoto .portretfoto-foto .images-children {
        width: 100%; }
      .portretfoto .portretfoto-foto .text {
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 0; }
    .portretfoto .portretfoto-content {
      background-position: center;
      background-size: cover;
      -webkit-box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
              box-shadow: inset 10px 0 11px -4px rgba(0, 0, 0, 0.5), inset -11px 0 20px -4px rgba(0, 0, 0, 0.4);
      padding: 30px 0 50px;
      color: #fff; }
    .webp .portretfoto .portretfoto-content {
      background: url("./images/webp/bg_block.png.webp");}
    .no-webp .portretfoto .portretfoto-content {
      background: url("./images/bg_block.png");}
      .portretfoto .portretfoto-content .content {
        padding: 0 100px; }
      .portretfoto .portretfoto-content .title {
        padding: 12px 30px;
        text-align: center;
        background-image: url("./images/bg-soc-pink.png");
        background-size: 100% 100%;
        background-position: center;
        margin: 20px 0 10px;
        width: 320px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
        font-size: 20px; }
      .webp .portretfoto .portretfoto-content .title {
        background-image: url("./images/webp/bg-soc-pink-colorblind.png.webp");}
      .no-webp .portretfoto .portretfoto-content .title {
        background-image: url("./images/bg-soc-pink.png");}
      .portretfoto .portretfoto-content .text {
        width: 70%; }
      .portretfoto .portretfoto-content .image-close {
        width: 50%;
        margin-top: 20px; }
      .portretfoto .portretfoto-content .image-kleuren {
        width: 100%;
        margin-top: 20px; }
      .portretfoto .portretfoto-content .name {
        font-family: "AmaticSC-Bold";
        font-size: 24px;
        letter-spacing: 2px;
        text-align: center; }
    .portretfoto .portretfoto-bottom {
      padding: 20px;
      background-position: center;
      background-size: cover;
      text-align: center;
      font-family: "AmaticSC-Bold";
      color: #fff;
      font-size: 27px;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .webp .portretfoto .portretfoto-bottom {
      background: url("./images/webp/bg-bottom.png.webp");}
    .no-webp .portretfoto .portretfoto-bottom {
      background: url("./images/bg-bottom.png");}

  .groepsfoto-print {
    padding-bottom: 70px; }
    .groepsfoto-print .content {
      position: relative;
      padding: 0 20px; }
      .groepsfoto-print .content img {
        width: 100%; }
      .groepsfoto-print .content img.fototips-pencil {
          width: 387px;
          position: absolute;
          top: -33px;
          right: -10px;
          z-index: 1;
      }
      .groepsfoto-print .content .print {
        position: absolute;
        z-index: 2;
        top: 60px;
        right: 140px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        color: #000; }
        .groepsfoto-print .content .print img {
          width: 50px; }
        .groepsfoto-print .content .print span {
          text-decoration: underline; }
      .groepsfoto-print .content .text {
        position: absolute; }
      .groepsfoto-print .content .text-0 {
        top: 175px;
        /* left: 389px; */
        width: 100%;
        text-align: center;
        color: #0033CC;
        font-family: "AmaticSC-Bold";
        font-size: 25px;
        text-transform: uppercase;
        letter-spacing: 1px; }
      .groepsfoto-print .content .text-1 {
        top: 279px;
        left: 276px;
        width: 363px; }
      .groepsfoto-print .content .text-2 {
        top: 466px;
        left: 551px;
        width: 368px; }
      .groepsfoto-print .content .text-3 {
        top: 561px;
        left: 204px;
        width: 343px; }
      .groepsfoto-print .content .text-4 {
        top: 719px;
        left: 502px;
        width: 400px; }
      .groepsfoto-print .content .text-5 {
        top: 869px;
        left: 244px;
        width: 320px; }
      .groepsfoto-print .content .text-6 {
        bottom: 183px;
        left: 432px;
        width: 455px; }
      .groepsfoto-print .content .text-bottom {
        color: #0033CC;
        font-family: "AmaticSC-Bold";
        font-size: 27px;
        text-transform: uppercase;
        bottom: 86px;
        right: 310px;
        letter-spacing: 1px; }

  .vergrotingen {
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
            box-shadow: inset 0px 0px 23px 2px rgba(0, 0, 0, 0.68);
    color: #fff; }
  .webp .vergrotingen {
    background: url("./images/webp/bg_block.png.webp");}
  .no-webp .vergrotingen {
    background: url("./images/bg_block.png");}
    .vergrotingen .content {
      /* background: url("./images/bg-wood.jpg"); */
      background-position: center;
      background-size: cover;
      padding: 50px; }
      .vergrotingen .content .block {
        padding: 0 15px; }
      .vergrotingen .content .description {
        margin: 20px 0 40px;
        text-align: center;
        padding: 0 50px; }
      .vergrotingen .content .image-vergrotingen {
        width: 100%;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); }
      .vergrotingen .content .text {
        padding: 10px 30px;
        text-align: center;
        background-size: 100% 100%;
        background-position: center;
        margin: 20px 0px 10px;
        font-family: "AmaticSC-Regular";
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 25px; }
      .webp .vergrotingen .content .text {
        background-image: url("./images/webp/background_soc_colorblind.png.webp");}
      .no-webp .vergrotingen .content .text {
        background-image: url("./images/background_soc.png");}

  .funproducten {
    padding: 50px 0 80px;
    text-align: center; }
    .funproducten .description {
      text-align: center;
      margin-top: 20px;
      padding: 0 100px; }
    .funproducten img {
      width: 80%;
      margin-top: 20px; }

  .banner_algemene {
    min-height: 200px;
    background-size: cover;
    background-position: center; }
  .webp .banner_algemene {
    background-image: url("./images/webp/header.jpg.webp");}
  .no-webp .banner_algemene {
    background-image: url("./images/header.jpg");}

  footer .footer-top {
    background: #0033CC;
    padding: 20px 0;
    color: #fff;
    margin-top: 12px; }
    footer .footer-top .wrapper-service {
      padding: 0; }
    footer .footer-top .wrapper-logo {
      width: 150px;
      height: 150px;
      border: 5px solid #0033CC;
      background: #fff;
      border-radius: 50%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;

      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 10px;
      margin-top: -50px; }
      footer .footer-top .wrapper-logo div {
        width: 100%;
         }
      footer .footer-top .wrapper-logo img {
        width: 100%; }
      footer .footer-top .wrapper-logo p {
        margin: -10px 0 0 0;
        color: #000;
        font-size: 13px;
        text-align: center; }
    footer .footer-top .title {
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: 500;
      font-family: inherit;
      line-height: 1.1;
      color: inherit; }
    footer .footer-top .nav-footer {
      list-style: none;
      padding-left: 0;
      margin-bottom: 20px; }
      footer .footer-top .nav-footer li {©
        margin-bottom: 0px; }
        footer .footer-top .nav-footer li a {
          color: #fff; }
    footer .footer-top .btn-login {
      -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
              box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); }
      footer .footer-top .btn-login .icon-right {
        font-size: 30px;
        margin-left: 5px; }
    footer .footer-top .block-relative {
      position: relative; }
    footer .footer-top .dvd-absolute {
      position: absolute;
      right: 0;
      top: -50px; }
    footer .footer-top .block-action {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-top: 2px solid #fff;
      padding-bottom: 20px;
      padding-top: 20px; }
      footer .footer-top .block-action .block-left {
        width: 60%; }
        footer .footer-top .block-action .block-left .action {
          margin-bottom: 15px; }
          footer .footer-top .block-action .block-left .action .btn-login {
            font-size: 22px;
            background: #0055AA; }
      footer .footer-top .block-action .block-right {
        margin-left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        footer .footer-top .block-action .block-right .text-bottom {
          margin-bottom: 0; }
        footer .footer-top .block-action .block-right i {
          margin-right: 10px;
          font-size: 20px; }
    footer .footer-top .input-login {
      padding: 10px; }
    footer .footer-top .social {
      list-style: none;
      padding-left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: flex-end;
              align-items: flex-end;
      margin: 15px 0 0; }
      footer .footer-top .social li {
        margin-right: 10px; }
        footer .footer-top .social li a:hover {
          text-decoration: none; }
        footer .footer-top .social li a img {
          width: 50px;
          height: 50px;}
        footer .footer-top .social li i {
          font-size: 30px; }
      footer .footer-top .social .volg {
        font-family: "AmaticSC-Regular";
        font-size: 25px;
        letter-spacing: 2px;
        font-weight: bold; }

  .footer-bottom {
    padding: 20px 0px 30px;
    text-align: center; }
    .footer-bottom p {
      margin-bottom: 5px; }
    .footer-bottom .wrapper-pay {
      margin-top: 5px; }
      .footer-bottom .wrapper-pay img {
        height: 65px;
        max-width: 382px;
        margin: 0 5px; }
    .footer-bottom .wrapper-language-selector {
      margin-top: 5px; }
      .footer-bottom .wrapper-language-selector .deactive:hover {
        opacity: 1; }
      .footer-bottom .wrapper-language-selector .deactive{
        opacity: 0.5; }
        .footer-bottom .wrapper-language-selector img {
          width: 50px;
          margin: 0 5px; }
    .footer-bottom .link {
      color: #0033cc;
      font-weight: bold; }

  @media screen and (max-width: 1199px) and (min-width: 992px) {
      .groepsfoto-print .content img.fototips-pencil {
          width: 322px;
          top: -28px;
          right: -13px;
      }
  }
  @media screen and (max-width: 991px) and (min-width: 768px) {
      .groepsfoto-print .content img.fototips-pencil {
          width: 254px;
          top: -22px;
          right: -20px;
      }
  }

  @media screen and (min-width: 992px) {
      .portretfoto .portretfoto-content .last-title {
          margin-top: 129px;
      }
  }
  @media screen and (min-width: 1200px) {
      .portretfoto .portretfoto-content .last-title {
          margin-top: 28px;
      }
  }
  @media screen and (max-width: 1199px) {
    header .navbar-default #navbar .navbar-nav li a {
      padding: 10px 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px; }
    header.navbar-fixed-top .navbar-default #navbar .navbar-nav {
      margin-left: 30px; }
      header.navbar-fixed-top .navbar-default #navbar .navbar-nav li a {
        padding: 10px 15px; }
    .navbar-fixed-top .aboutus .dropdown-content {
      left: -23%; }
    .aboutus .dropdown-content {
      left: 14%; }
    .about .image-nu {
      width: 140px;
      top: -70px; }
      .about .image-nu .content-pink h1 {
        font-size: 47px; }
    .about .content {
      padding: 0; }
    .team .content-team {
      padding: 0 80px; }
    .team .block .windown .img-windown {
      left: 15px;
      bottom: 13px;
      width: 207px; }
    .team .block.active .windown .bg-active {
      left: 15px;
      bottom: 13px;
      width: 207px;
      height: 207px; }
    .service-contact .contact-form {
      margin: 20px 0; }
    .service-contact .maps {
      margin: 20px 0; }
    .banner-top .content .banner-left .image-left {
      width: 90%; }
    .banner-top .content .form-center .chalk {
      right: -60px;
      width: 80px; }
    .banner-top .content .form-center .content-form {
      /* top: 21px;
      left: 23px;
      width: 275px;
      height: 335px; */
      padding: 10px;
        }
      .banner-top .content .form-center .content-form .title {
        font-size: 30px; }
      .banner-top .content .form-center .content-form .description {
        margin: 10px 0px 0px; }
      .banner-top .content .form-center .content-form .text-bottom {
        margin-bottom: 0; }
      .banner-top .content .form-center .content-form .text-bottom-last {
        margin-bottom: 10px; }
      .banner-top .content .form-center .content-form .action .btn-login {
        font-size: 24px;
        padding: 8px 10px; }
      .banner-top .content .form-center .content-form .action .question {
        height: 50px; }
      .banner-top .content .form-center .content-form .link {
        margin-top: 10px; }
    .banner-top .content .banner-right .image-left {
      width: 90%; }
    .wrapper-account .content .content-left .bg-account {
      height: 440px; }
    .wrapper-account .content .content-left .wrapp {
      top: 25px;
      left: 24px;
      width: 287px;
      height: 379px; }
    .vacature-book .content .block-text {
      top: 1px;
      left: 71px;
      width: 794px; }
      .vacature-book .content .block-text .wrapp {
        padding: 20px 10px 20px 40px; }
        .vacature-book .content .block-text .wrapp .wrapp-title {
          margin-bottom: 10px; }
        .vacature-book .content .block-text .wrapp .btn-book {
          font-size: 20px;
          padding: 10px 40px; }
        .vacature-book .content .block-text .wrapp .wrapp-second .text {
          margin-bottom: 10px; }
        .vacature-book .content .block-text .wrapp .btn-right,
        .vacature-book .content .block-text .wrapp .btn-close {
          width: 42px;
          height: 42px; }
      .vacature-book .content .block-text .wrapp.wrapp-right {
        padding: 20px 40px 20px 10px; }
    .scholencontact .content-scholencontact .wrapper {
      padding-right: 100px; }
    .scholencontact .content-smaller {
      padding: 0 50px; }
    .tab-scholen .content .nav-tabs {
      margin: 30px 0 20px; }
    #inloggen .inloggen {
      margin: 0; }
    #informatie .informatie {
      margin: 0 15px; }
    #informatie .collage {
      width: 75%;
      margin-top: -20px; }
    #privacy .privacy {
      margin: 0 15px; }
    #privacy .block-privacy .content-privacy {
      padding-right: 0; }
      #privacy .block-privacy .content-privacy p {
        font-size: 16px; }
        #privacy .block-privacy .content-privacy p:first-child {
          margin-top: 0;
          margin-bottom: 10px; }
    #privacy .block-privacy .image-privacy {
      width: 100%; }
    #privacy .block-privacy .wrapp .content {
      top: 23px;
      right: 18px;
      width: 389px;
      height: 216px;
      padding: 0 20px; }
    #producten .producten {
      margin: 0; }
    #producten .block-producten .narrow {
      left: -50px;
      width: 100px; }
    #referenties .content-referenties .block-referenties {
      margin: 0 75px; }
      #referenties .content-referenties .block-referenties .wrapp p {
        margin-bottom: 20px; }
    .portretfoto .portretfoto-content .text {
      width: 80%; }
    .info .content {
      max-width: 62%; }
    .roadmap .content .text h1 {
      font-size: 45px; }
    .roadmap .content .text h4 {
      font-size: 27px; }
    .roadmap .content .text-1932 {
      top: 153px;
      left: 52px;
      width: 345px; }
    .roadmap .content .text-1954 {
      right: 3px;
      bottom: 263px;
      width: 355px;
      height: 110px; }
    .roadmap .content .text-joop {
      right: 83px;
      bottom: 79px;
      width: 410px;
      height: 159px;
      padding: 0 10px 10px; }
    .roadmap .content .year {
      font-size: 30px; }
    .roadmap .content .year-1940 {
      right: 275px;
      bottom: 560px; }
    .roadmap .content .year-1950 {
      right: 344px;
      bottom: 490px; }
    .roadmap .content .year-1960 {
      right: 270px;
      bottom: 421px; }
    .roadmap .content .year-1970 {
      right: 458px;
      bottom: 355px; }
    .roadmap .content .year-1980 {
      right: 624px;
      bottom: 287px; }
    .roadmap .content .year-1990 {
      right: 568px;
      bottom: 220px; }
    .roadmap .content .year-2000 {
      right: 587px;
      bottom: 151px; }
    .roadmap .content .year-2010 {
      right: 559px;
      bottom: 80px; }
    .roadmap .content .content-1932 {
      top: 77px;
      left: 402px;
      width: 137px;
      height: 136px; }
    .roadmap .content .content-1954 {
      top: 275px;
      right: 96px;
      width: 136px;
      height: 137px; }
    .roadmap img {
      width: 100%; }
    .banner .content .title {
      top: 127px;
      left: 227px;
      width: 489px;
      height: 80px;
      line-height: 47px;
      font-size: 42px; }
    .banner .content .sub-title {
        top: 230px;
        left: 208px;
        width: 525px;
        font-size: 24px;
        height: 45px; }
    .banner .content .button-action {
        top: 213px;
        width: 525px;
        left: 209px; }
    .banner .content .sub-title.schoolpage {
        top: 187px;
    }
    .banner .content .sub-title.myarchive {
        top: 208px;
    }
    .banner .content .sub-title-bottom {
        font-size: 18px;
    }
    .banner .description-home {
      padding: 50px 100px; }
    .banner-scholen .content {
      top: 40px; }
      .banner-scholen .content h2 {
        font-size: 38px;
        margin-bottom: 20px; }
    .slider .description {
      margin: 50px 100px; }
    .funproducten img {
      padding: 0; }
    .groepsfoto .groepsfoto-center .content .text .narrow_bottom {
      width: 80px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top {
      height: 86px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .tilde {
        width: 139px;
        bottom: 8px;
        left: 61px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .exclamation {
        bottom: 22px;
        right: 21px;
        width: 30px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-bottom {
      height: 165px;
      padding: 0 30px;
      font-size: 18px; }
    .prijsvoorbeeld .content-prijsvoorbeeld {
      padding: 30px 30px 0; }
    .prijsvoorbeeld .table .image-table {
      height: 180px; }
    .prijsvoorbeeld .table .highlight {
      font-size: 22px; }
    .prijsvoorbeeld .table .text {
      font-size: 24px; }
    .prijsvoorbeeld .table .total {
      font-size: 26px; }
    .groepsfoto-print .content {
      padding: 0 10px; }
      .groepsfoto-print .content .print {
        top: 45px;
        right: 110px; }
      .groepsfoto-print .content .text-0 {
        top: 146px;
        /* left: 317px; */
        font-size: 22px; }
      .groepsfoto-print .content .text-1 {
        top: 234px;
        left: 223px;
        width: 312px; }
      .groepsfoto-print .content .text-2 {
        top: 381px;
        left: 438px;
        width: 326px; }
      .groepsfoto-print .content .text-3 {
        top: 468px;
        left: 118px; }
      .groepsfoto-print .content .text-4 {
        top: 599px;
        left: 387px; }
      .groepsfoto-print .content .text-5 {
        top: 726px;
        left: 174px; }
      .groepsfoto-print .content .text-6 {
        bottom: 173px;
        left: 388px;
        width: 392px; }
      .groepsfoto-print .content .text-bottom {
        bottom: 68px;
        right: 250px;
        font-size: 22px; }
    .welcome .content .wrapp-introduction {
      font-size: 16px; }
      .welcome .content .wrapp-introduction .text-1 {
        top: 73px;
        left: 170px; }
      .welcome .content .wrapp-introduction .text-2 {
        top: 198px;
        left: 204px; }
      .welcome .content .wrapp-introduction .text-2.en {
        left: 145px; }
      .welcome .content .wrapp-introduction .text-3 {
        top: 218px;
        left: 142px; }
      .welcome .content .wrapp-introduction .text-4 {
        top: 240px;
        left: 118px; }
      .welcome .content .wrapp-introduction .text-5 {
        top: 62px;
        right: 148px; }
      .welcome .content .wrapp-introduction .text-5.en {
        right: 114px; }
      .welcome .content .wrapp-introduction .text-6 {
        top: 86px;
        right: 128px; }
      .welcome .content .wrapp-introduction .text-7 {
        bottom: 130px;
        left: 637px; }
      .welcome .content .wrapp-introduction .text-8 {
        bottom: 105px;
        left: 637px; }
      .welcome .content .wrapp-introduction .text-9 {
        bottom: 80px;
        left: 637px; }
      .welcome .content .wrapp-introduction .text-10 {
        bottom: 55px;
        left: 637px; }
      .welcome .content .wrapp-introduction .text-11 {
        bottom: 30px;
        left: 637px; }
    .vacature-image .content .text {
      top: 36px;
      left: 589px; }
      .vacature-image .content .text h3 {
        font-size: 25px; }
    footer .footer-top .dvd-absolute {
      top: -25px; }
    footer .footer-top .social {
      margin: 59px 0 0; }
    .vacature-book .content .book-text {
          bottom: 130px;
          right: 60px;
      }
    .vacature-book .content .book-text h3 {
          font-size: 23px;
      }
    .vacature-book .content .book-text h3:last-child {
          margin-left: 85px;
      }
  }

  @media screen and (max-width: 1024px) {
    .scholencontact .background_vehicle img {
      width: 95%; }
    .wrapper-account .content {
      margin: 0; }
      .wrapper-account .content .content-left .action .btn-login {
        font-size: 20px; }
    .body {
      font-size: 16px !important;
    }
    .banner-top {
      margin: 0;
      padding: 20px 140px;
      overflow: hidden;
    }
    .hidden-xs {
      display: none!important;
    }
    .fire-flower {
      position: absolute;
      left: -117px;
      top: 21px;
    }
    .fire-flower-bottom {
      position: relative;
      left: -73px;
      top: 112px;
    }
    .welcome .content p {
      text-align:  center;
    }
    .roadmap {
      color: #fff;
      font-size: 16px !important;
      padding-bottom: 100px;
    }
    .roadmap .wrapp-top {
      padding: 30px 0 50px;
    }
    .roadmap .cricle_pink {
      position: relative;
    }
    .content-pink {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      font-family: "AmaticSC-Bold";
    }
    .content-pink h4 {
      margin: 10px 0 0;
      font-size: 30px;
    }
    .content-pink span {
      margin: 0;
      font-size: 55px;
    }
    .welcome .content img {
      width: 100%;
    }
    .roadmap .image_over_ons {
      width: 100%;
      margin-top: -100px;
    }
    .about {
      padding: 100px 0 30px;
      color: #fff;
      font-size: 16px;
    }
    .about .image-nu {
      left: 35%;
    }
    .about .image-children {
      position: absolute;
      height: 130px;
      top: -70px;
      left: 50%;
    }
    .vacature-top {
      color: #fff;
      padding: 30px 0 0;
    }
    .vacature-top .description {
      margin-top: 20px;
    }
    .team .block .btn-login {
      background: #0033cc;
      border: 3px solid #6cc5ff;
    }
    .team .detail-team {
      margin: 30px 0;
      padding: 5px;
      border: 3px solid #0033cc;
    }
    .team .detail-team .windown {
      background: #0033cc;
    }
    .team .detail-team .windown .wrapp {
      position: relative;
      padding: 20px;
    }
    .team .detail-team .windown .wrapp .bg-windown {
      width: 100%;
    }
    .team .detail-team .windown .wrapp .img-windown {
      left: 65px;
      bottom: 63px;
      width: 565px;
      position: absolute;
    }
    .team .detail-team .windown p {
      margin: 10px 10px 0;
    }
    .team .detail-team .windown .action-close {
      text-align: right;
      padding: 5px;
    }
    .team .detail-team .windown .action-close img {
      width: 50px;
    }
    .vacature-top .inpakmedewerker .action-close {
      text-align: right;
    }
    .vacature-top .inpakmedewerker .action-close img {
      width: 70px;
    }
    .vacature-top .action {
      padding: 0 30px;
      margin-top: 15px;
    }
    .vacature-top .action .btn-login {
      background: #0033CC;
    }
    .house {
      margin-top: 30px;
      position: relative;
    }
    .house img {
      width: 100%;
    }
    .house .text {
      display: inline-block;
      position: absolute;
      top: 90px;
      left: 55%;
      font-family: "AmaticSC-Bold";
    }
    .house .text h3 {
      margin: 0;
      letter-spacing: 1px;
    }
    .house .text .left {
      margin-left: 40px;
      margin-top: 2px;
    }
    .panel-mobile .panel-default {
      border: none !important;
      border-radius: 0 !important;
      background: transparent;
    }
    .panel-collapse p {
      text-align: center;
    }
    .panel-collapse .closeup {
      width: 100%;
    }
    .portretfoto .naast .images-children {
      width: 100%;
    }
    .slider .title h1 {
      text-align: center;
    }
    .slider p {
      text-align: center;
    }
    .webp .panel-mobile .panel-default .panel-heading .panel-title a {
      background-image: url(./images/webp/bg-soc-pink-colorblind.png.webp);
    }
    .page-mobile .panel-default .panel-heading {
      padding: 0;
      background: transparent;
      border: none;
    }
    .panel-mobile .panel-default .panel-heading .panel-title {
      padding: 0 30px;
      margin-bottom: 10px;
    }
    .panel-mobile .panel-default .panel-heading .panel-title a {
      background-size: 100% 100%;
      background-position: center;
      color: #fff;
      padding: 10px 20px;
      display: block;
      text-align: center;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px;
    }
    .portretfoto {
      margin-bottom: 0;
    }
    .portretfoto .naast {
      display: flex;
    }
    .portretfoto .naast .block {
      width: 33.33%;
      margin: 0 5px;
    }
    .paper-tips {
      overflow: hidden;
      padding-bottom: 30px;
    }
    .paper-tips .content {
      position: relative;
      font-size: 16px;
    }
    .paper-tips .content img {
      width: 100%;
    }
    .paper-tips .content .images-top {
      position: relative;
      z-index: 3;
    }
    .paper-tips .content .images-bottom {
      margin-top: -107px;
    }
    .paper-tips .content .text {
      position: absolute;
    }
    .paper-tips .content .text-tips {
      z-index: 5;
      top: 51px;
      left: 127px;
      font-family: "AmaticSC-Bold";
      color: #fff;
      font-size: 30px;
      letter-spacing: 1px;
    }
    .paper-tips .content .text-1 {
      width: 300px;
      left: 175px;
      top: 430px;
      color: #000;
    }
    .paper-tips .content .text-2 {
      top: 562px;
      right: 256px;
      width: 300px;
      color: #000;
    }
    .paper-tips .content .text-3 {
      top: 917px;
      right: 200px;
      width: 300px;
      color: #000;
    }
    .paper-tips .content .text-4 {
      top: 1176px;
      left: 289px;
      width: 300px;
      color: #000;
    }
    .paper-tips .content .text-5 {
      top: 1452px;
      right: 299px;
      width: 300px;
      color: #000;
    }
    .paper-tips .content .text-6 {
      top: 1635px;
      right: 130px;
      width: 300px;
      color: #000;
    }
    .paper-tips .content .text-bottom {
      font-family: "AmaticSC-Bold";
      color: #0033cc;
      font-size: 25px;
      right: 112px;
      bottom: 148px;
      width: 120px;
      text-align: center;
    }
    .paper-tips .content .download {
      position: absolute;
      right: 0;
      bottom: 90px;
      transform: translateX(-50%);
      text-align: center;
    }
    .paper-tips .content .download a {
      display: inline-block;
      color: #000;
    }
    .paper-tips .content .download img {
      width: 50px;
    }
    .paper-tips .content .download p {
      display: none;
    }
    .groepsfoto .groepsfoto-bottom .gratisfoto {
      margin-top: 20px;
    }
    .prijsvoorbeeld {
      padding: 30px 0;
      font-family: "AmaticSC-Bold";
      text-transform: uppercase;
      font-size: 20px;
      color: #000;
    }
    .prijsvoorbeeld .title-web {
      margin-bottom: 30px;
    }
    .webp .prijsvoorbeeld .block-top {
      background-image: url(./images/webp/line_fotos_mobile.png.webp);
    }
    .prijsvoorbeeld .block-top {
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat;
      padding-top: 15px;
      margin-top: 15px;
    }
    .prijsvoorbeeld .wrapp {
      position: relative;
    }
    .prijsvoorbeeld img {
      width: 100%;
      box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 30%);
      margin-top: 5px;
    }
    .prijsvoorbeeld .highlight {
      color: #0033cc;
      text-align: center;
    }
    .prijsvoorbeeld p {
      margin: 0;
    }
    .prijsvoorbeeld .wrapp .plus {
      position: absolute;
      top: 30px;
      right: -35px;
      width: 40px;
      z-index: 3;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .webp .prijsvoorbeeld .block {
      background-image: url(./images/webp/line_fotos_mobile.png.webp);
    }
    .prijsvoorbeeld .block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat;
      padding-top: 15px;
      margin-top: 15px;
    }
    .prijsvoorbeeld .block .block-left {
      width: 50%;
    }
    .prijsvoorbeeld .block .block-right {
      width: 50%;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
    }
    .page-mobile .panel-default .panel-collapse {
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat;
      padding-top: 4px;
    }
    .slider-bottom {
      position: relative;
      width: 100%;
    }
    .slider-bottom i {
      font-size: 40px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 20px;
    }
    .title h1 {
      text-align: center;
    }
    .title .description {
      text-align: center;
    }
    .action-scholen {
      background: #0033cc;
      padding: 20px 50px;
      margin-bottom: 15px;
    }
    .action-scholen .btn-login {
      background: #0033CC;
      margin: 10px 0;
      font-size: 22px;
    }
    .webp .content-scholen {
      background-image: url(./images/webp/bg_block.png.webp);
    }
    .content-scholen {
      background-position: center;
      background-size: cover;
      color: #fff;
    }
    .content-scholen .banner-top {
      margin: 0;
      padding: 35px 50px;
      overflow: hidden;
      background-image: none;
    }
    .content-scholen .collage {
      width: 100%;
      margin-bottom: 20px;
    }
    .content-scholen .panel-collapse .img-scholen {
      width: 100%;
      margin: 10px 0;
    }
    .content-scholen .wrapp {
      position: relative;
      margin: 20px 0;
    }
    .content-scholen .wrapp .image-privacy {
      width: 100%;
    }
    .content-scholen .wrapp .content {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 30px;
      text-align: center;
      width: 636px;
      height: 380px;
    }
    .slider-referenties {
      background: #0033cc;
      padding: 30px 0;
    }
    .slider-referenties .img-slider {
      height: 50px;
      margin: 10px 0;
    }
    .slider-referenties #carousel-referenties {
      padding: 0 15px;
      padding-bottom: 50px;
    }
    .slider-referenties h2 {
      font-family: "AmaticSC-Bold";
      text-align: center;
      margin-top: 0;
      font-size: 25px;
    }
    .slider-referenties .carousel-control.right,
    .slider-referenties .carousel-control.left {
      background-image: none;
      width: 50px;
      height: 50px;
      display: inline-block;
      top: auto;
      bottom: 0;
      opacity: 1;
    }
    .slider-referenties .carousel-control.left .action-slider {
      transform: rotate(180deg);
    }
    .slider-referenties .carousel-control.right .action-slider, .slider-referenties .carousel-control.left .action-slider {
      width: 100%;
    }
    .webp .content-scholen .panel-mobile .panel-default .panel-heading .panel-title a {
      background-image: url(./images/webp/background_soc.png.webp);
    }
    .wrapper-account {
      padding-top: 50px;
      position: relative;
    }
    .webp .wrapper-account .content-right {
      background-image: url(./images/webp/frame_mijn.png.webp);
    }
    .wrapper-account .content-right {
      width: 100%;
      padding: 20px;
      background-size: 100% 100%;
      background-position: center;
      margin-bottom: 50px;
      color: #fff;
    }
    .wrapper-account .content-right .title-account {
      text-decoration: underline;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: bold;
      line-height: 1.3;
      font-family: "AmaticSC-Regular";
      font-size: 30px;
      margin-top: 0;
    }
    .wrapper-account .content-right .description {
      line-height: 1.5;
      margin-bottom: 20px;
    }
    .wrapper-account .content-right .action {
      margin-bottom: 10px;
    }
    .page-mobile .panel-default .service-contact .description {
      margin-top: 20px;
      margin-bottom: 30px;
    }
    .webp .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a {
      background-image: url(./images/webp/background_green_colorblind.png.webp);
    }
    .page-mobile .panel-default .panel-body {
      border: none !important;
    }
    .page-mobile .panel-default .service-contact .banner {
      margin: 40px 0;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default {
      box-shadow: none;
      background-image: none;
      border: none;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one {
      padding: 0;
      background: transparent;
      border: none;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a {
      padding: 15px 60px;
      display: block;
      position: relative;
      background-position: center;
      background-size: 100% 100%;
      font-family: "AmaticSC-Regular";
      color: #fff;
      font-size: 20px;
      letter-spacing: 1px;
      font-weight: bold;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a .icon-down {
      position: absolute;
      top: 13px;
      left: 20px;
      right: auto;
      font-size: 30px;
    }
    .page-mobile .panel-default .panel-heading .panel-title a {
      text-align: center;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel.panel-default {
      margin-top: 10px;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-heading {
      background: transparent;
      padding: 0;
    }
    .page-mobile .panel-default .panel-heading .panel-title a:hover, .page-mobile .panel-default .panel-heading .panel-title a:focus {
      text-decoration: none;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a {
      color: #0033cc;
      padding: 0px 10px;
      text-align: left;
      text-transform: initial;
      font-weight: normal;
      letter-spacing: 0;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a i {
      font-size: 20px;
      color: #35ba30;
      margin-right: 5px;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .content-list {
      border-radius: 3px;
      border: 3px solid #0033cc;
      margin: 0 10px;
    }
    .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .content-list p {
      margin: 10px;
      padding: 10px;
      background: #0033cc;
      color: #fff;
    }
    .service-contact {
      padding: 20px 0;
    }
    .footer-mobile {
      padding: 20px 40px;
      background: #0033cc;
      color: #fff;
    }
    .footer-mobile .footer-top {
      display: flex;
      border-bottom: 3px solid #fff;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .footer-mobile .footer-top .content {
      width: 50%;
    }
    .footer-mobile .footer-top .title {
      margin-top: 0;
    }
    footer .footer-top .title {
      font-size: 25px
    }
    footer .footer-top .nav-footer li a {
      font-size: 18px;
    }
    .footer-mobile .action .btn-login {
      background: #0033CC;
      margin-bottom: 10px;
      letter-spacing: 1px;
      font-size: 16px;
    }
    .footer-mobile .social {
      justify-content: center;
    }
    .footer-mobile .social li {
      margin-left: 5px;
    }
    .footer-mobile .info {
      text-align: center;
      margin-top: 10px;
    }
    .footer-mobile .footer-form {
      display: flex;
    }
    .footer-mobile .footer-form .wrapp-left {
      margin-right: 30px;
      margin-left: 30px;
    }
    .footer-mobile .footer-form .wrapp-left .volg {
      font-family: "AmaticSC-Regular";
      font-size: 20px;
      letter-spacing: 2px;
      font-weight: bold;
    }
    .footer-mobile .social li a img {
      width: 50px;
    }
    .footer-mobile .social li {
      list-style: none;
    }
    .footer-mobile .footer-form .wrapp-right .action .btn-login {
      background: #35ba30;
    }
    .page-mobile .panel-default .panel-heading .panel-title a {
      padding: 40px 15px 20px;
      display: block;
      text-align: center;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px;
    }
    .page-mobile .panel-default .panel-heading .panel-title a .icon-down {
      font-size: 30px;
      position: absolute;
      top: 30px;
      right: 30px;
    }
    .page-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] {
      color: #0033CC;
    }
    .webp .page-mobile .menu-mobile {
      background-image: url(./images/webp/mobile_line.png.webp);
    }
    .page-mobile .panel-group {
      margin: 0;
    }
    .page-mobile .panel-default {
      border: none !important;
      border-radius: 0 !important;
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .page-mobile .panel-default .panel-heading .panel-title a img {
      display: none;
    }
    .page-mobile .panel-default .panel-heading .panel-title a[aria-expanded=true] img {
      display: inline-block;
      height: 30px;
      margin-bottom: 5px;
    }
  }

  @media screen and (max-width: 991px) {
    body {
      font-size: 14px !important; }
    header .container {
      width: auto;
      padding: 0 30px; }
    header .navbar-default #navbar {
      padding: 0; }
      header .navbar-default #navbar .navbar-nav li a {
        padding: 10px 14px; }
    .banner img {
      width: 100%; }
    .banner .description-home {
      padding: 30px 50px; }
    .banner .content .title {
      top: 106px;
      left: 157px;
      width: 407px;
      height: 80px;
      line-height: 40px;
      font-size: 35px; }
    .banner .content .sub-title {
        top: 195px;
        left: 137px;
        width: 446px;
        font-size: 21px;
        height:45px; }
    .banner .content .button-action {
        top: 182px;
        width: 446px;
        left: 138px; }
    .banner .content .button-action a {
        padding: 1px 12px; }
    .banner .content .sub-title.schoolpage {
        top: 157px;
    }
    .banner .content .sub-title.myarchive {
        top: 177px;
    }
    .banner .content .sub-title-bottom {
        font-size: 14px;
        width: 100%;
        left: 0;
    }
    .team .content-team {
      padding: 0; }
    .team .description {
      margin: 20px 0; }
    .team .block .windown .img-windown {
      left: 14px;
      bottom: 12px;
      width: 190px; }
    .team .block .action a {
      font-size: 16px; }
      .team .block .action a .icon-down {
        font-size: 30px;
        top: 2px;
        right: 5px; }
    .team .block.active .windown .bg-active {
      left: 14px;
      bottom: 12px;
      width: 190px;
      height: 190px; }
    .block-informatie .area {
      margin: 0; }
    .about .image-nu {
      width: 120px;
      top: -60px; }
      .about .image-nu .content-pink h1 {
        font-size: 45px; }
    .about .content .content-left {
      padding: 40px 80px 10px 0; }
    .about .content .content-right .image-children {
      width: 92%; }
    .wrapper-account .content {
      display: block;
      padding: 20px 20px 60px 20px; }
      .wrapper-account .content .content-left {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px; }
        .wrapper-account .content .content-left .bg-account {
          height: 387px; }
        .wrapper-account .content .content-left .wrapp {
          top: 24px;
          left: 49px;
          width: 581px;
          height: 332px; }
          .wrapper-account .content .content-left .wrapp .title-login {
            margin-top: 5px; }
      .wrapper-account .content .content-right {
        width: 100%;
        margin-left: 0; }
      .wrapper-account .content .fire-flower {
        top: -45px;
        left: -69px; }
      .wrapper-account .content .fire-flower-bottom {
        top: 20px;
        left: -54px; }
    .banner-top .container {
      width: auto; }
    .banner-top .content .banner-left .image-left {
      width: 85%; }
    .banner-top .content .form-center .chalk {
      right: -60px;
      width: 80px; }
    .banner-top .content .form-center .content-form {
      /* top: 22px;
      left: 23px;
      width: 269px;
      height: 327px; */}
      .banner-top .content .form-center .content-form .title {
        font-size: 25px;
        margin-top: 10px; }
      .banner-top .content .form-center .content-form p {
        font-size: 15px; }
      .banner-top .content .form-center .content-form .description {
        margin: 10px 0 0; }
      .banner-top .content .form-center .content-form .action .btn-login {
        font-size: 20px; }
      .banner-top .content .form-center .content-form .action .question {
        height: 42px; }
    .banner-top .content .banner-right .image-left {
      width: 85%; }
    .vacature-book .content img {
      width: 100%; }
    .vacature-book .content .block-text {
      top: 1px;
      left: 1px;
      width: 721px;
      font-size: 14px; }
      .vacature-book .content .block-text .wrapp {
        padding: 25px 25px 25px 40px; }
        .vacature-book .content .block-text .wrapp .wrapp-first .text-bottom {
          font-size: 20px;
          letter-spacing: 1px; }
        .vacature-book .content .block-text .wrapp .wrapp-three .wrapp-close {
          margin-bottom: 10px; }
      .vacature-book .content .block-text .wrapp.wrapp-right {
        padding: 25px 45px 25px 10px; }
    .scholencontact .content-scholencontact .wrapper {
      padding-right: 0px; }
    .scholencontact .content-smaller {
      padding: 0; }
    .tab-scholen .content {
      padding: 0; }
      .tab-scholen .content .nav-tabs li a {
        font-size: 14px; }
        .tab-scholen .content .nav-tabs li a img {
          display: none; }
      .tab-scholen .content .nav-tabs li.active a {
        border: 1px solid transparent; }
    .info .content {
      max-width: 74%; }
    .banner-scholen img {
      width: 100%; }
    .banner-scholen .content {
      top: 40px; }
      .banner-scholen .content h2 {
        font-size: 30px; }
        .banner-scholen .content h2:first-child {
          margin-bottom: 0; }
      .banner-scholen .content .action .btn-login {
        padding: 4 12px;
        font-size: 18px;
        letter-spacing: 1px; }
        .banner-scholen .content .action .btn-login i {
          font-size: 20px; }
    .privacy .content {
      padding: 20px 50px 30px; }
    #privacy .block-privacy .content-privacy {
      padding: 0 50px; }
      #privacy .block-privacy .content-privacy p {
        font-size: 16px; }
        #privacy .block-privacy .content-privacy p:first-child {
          margin-top: 0;
          margin-bottom: 10px; }
    #privacy .block-privacy .wrapp .content {
      top: 23px;
      right: 161px;
      width: 368px;
      height: 200px;
      padding: 0 20px; }
    #privacy .block-privacy .wrapp .image-privacy {
      width: 60%; }
    #informatie .collage {
      width: 100%; }
    #informatie .content-informatie .block-informatie {
      padding-bottom: 10px; }
    #informatie .content-informatie .text .title {
      padding: 10px 30px;
      font-size: 22px;
      margin-bottom: 15px; }
    #referenties .content-referenties .block-referenties {
      position: relative;
      margin: 0 15px; }
      #referenties .content-referenties .block-referenties .book {
        width: 100%; }
      #referenties .content-referenties .block-referenties .wrapp {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        #referenties .content-referenties .block-referenties .wrapp .text {
          padding: 20px 20px 30px 35px; }
        #referenties .content-referenties .block-referenties .wrapp .text.text-block {
          padding: 20px 40px  30px 15px; }
        #referenties .content-referenties .block-referenties .wrapp h2 {
          font-size: 24px;
          margin-bottom: 5px; }
        #referenties .content-referenties .block-referenties .wrapp img {
          height: 60px;
          margin-bottom: 10px; }
        #referenties .content-referenties .block-referenties .wrapp p {
          margin-bottom: 10px; }
    #producten .producten {
      margin: 0 15px; }
    #producten .block-producten .content-producten {
      margin-right: 0; }
      #producten .block-producten .content-producten p {
        font-size: 14px; }
    #producten .block-producten .image-producten {
      width: 80%; }
    #producten .block-producten .image-producten-mobile {
      width: 90%; }
    #producten .block-producten .narrow {
      bottom: -5px;
      width: 80px; }
    .slider .description {
      margin: 50px 0; }
    .slider-bottom {
      font-size: 20px; }
    .roadmap {
      font-size: 13px; }
      .roadmap .content .text h1 {
        font-size: 40px; }
      .roadmap .content .text h4 {
        font-size: 20px; }
      .roadmap .content .text-1932 {
        top: 107px;
        left: 43px;
        width: 250px; }
      .roadmap .content .text-1954 {
        right: 14px;
        bottom: 197px;
        width: 237px;
        height: 82px; }
      .roadmap .content .text-joop {
        right: 62px;
        bottom: 61px;
        width: 315px;
        height: 122px;
        padding: 10px; }
      .roadmap .content .year {
        font-size: 30px; }
      .roadmap .content .year-1940 {
        right: 207px;
        bottom: 428px; }
      .roadmap .content .year-1950 {
        right: 261px;
        bottom: 374px; }
      .roadmap .content .year-1960 {
        right: 199px;
        bottom: 322px; }
      .roadmap .content .year-1970 {
        right: 348px;
        bottom: 271px; }
      .roadmap .content .year-1980 {
        right: 464px;
        bottom: 220px; }
      .roadmap .content .year-1990 {
        right: 430px;
        bottom: 166px; }
      .roadmap .content .year-2000 {
        right: 440px;
        bottom: 116px; }
      .roadmap .content .year-2010 {
        right: 419px;
        bottom: 62px; }
      .roadmap .content .content-1932 {
        top: 58px;
        left: 308px;
        width: 105px;
        height: 105px; }
      .roadmap .content .content-1954 {
        top: 210px;
        right: 74px;
        width: 104px;
        height: 106px; }
    .portretfoto .portretfoto-content .title {
      padding: 10px 30px;
      font-size: 20px; }
    .portretfoto .portretfoto-content .text {
      width: 100%; }
    .vergrotingen .content {
      padding: 50px 20px; }
      .vergrotingen .content .text {
        font-size: 20px;
        padding: 10px 30px; }
    .funproducten .description {
      padding: 0 15px; }
    .groepsfoto-print .content {
      padding: 0;
      font-size: 14px; }
      .groepsfoto-print .content .print {
        top: 35px;
        right: 85px; }
        .groepsfoto-print .content .print img {
          width: 40px; }
      .groepsfoto-print .content .text-0 {
        top: 117px;
        /* left: 244px; */
        font-size: 19px; }
      .groepsfoto-print .content .text-1 {
        top: 180px;
        left: 169px;
        width: 230px; }
      .groepsfoto-print .content .text-2 {
        top: 296px;
        left: 340px;
        width: 243px; }
      .groepsfoto-print .content .text-3 {
        top: 352px;
        left: 97px;
        width: 221px; }
      .groepsfoto-print .content .text-4 {
        top: 455px;
        left: 319px;
        width: 300px; }
      .groepsfoto-print .content .text-5 {
        top: 549px;
        left: 145px;
        width: 230px; }
      .groepsfoto-print .content .text-6 {
        bottom: 108px;
        left: 281px;
        width: 324px; }
      .groepsfoto-print .content .text-bottom {
        bottom: 50px;
        right: 188px;
        font-size: 18px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top {
      height: 79px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top h3 {
        font-size: 20px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .tilde {
        width: 125px;
        bottom: 8px;
        left: 34px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .exclamation {
        width: 30px;
        bottom: 21px;
        right: 6px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-bottom {
      height: 159px;
      padding: 0 20px;
      font-size: 16px; }
    .groepsfoto .groepsfoto-bottom .image-frame {
      height: 240px; }
    .prijsvoorbeeld .content-prijsvoorbeeld {
      padding: 30px 0 0; }
    .prijsvoorbeeld .table tr td {
      font-size: 16px; }
    .prijsvoorbeeld .table .highlight {
      font-size: 14px; }
    .prijsvoorbeeld .table .of {
      font-size: 25px; }
    .prijsvoorbeeld .table .operation {
      font-size: 50px; }
    .prijsvoorbeeld .table .text {
      font-size: 18px; }
    .prijsvoorbeeld .table .total {
      font-size: 20px; }
    .prijsvoorbeeld .table .image-table {
      height: 150px; }
    .welcome .content img {
      width: 100%;
      height: 100%; }
    .welcome .content .wrapp-introduction {
      font-size: 15px; }
      .welcome .content .wrapp-introduction .text-1 {
        top: 53px;
        left: 95px; }
      .welcome .content .wrapp-introduction .text-2 {
        top: 158px;
        left: 134px; }
      .welcome .content .wrapp-introduction .text-2.en {
        left: 79px; }
      .welcome .content .wrapp-introduction .text-3 {
        top: 178px;
        left: 81px; }
      .welcome .content .wrapp-introduction .text-4 {
        top: 199px;
        left: 55px; }
      .welcome .content .wrapp-introduction .text-5 {
        top: 40px;
        right: 74px; }
      .welcome .content .wrapp-introduction .text-5.en {
        right: 46px; }
      .welcome .content .wrapp-introduction .text-6 {
        top: 64px;
        right: 47px; }
      .welcome .content .wrapp-introduction .text-7 {
        bottom: 106px;
        left: 495px; }
      .welcome .content .wrapp-introduction .text-8 {
        bottom: 87px;
        left: 495px; }
      .welcome .content .wrapp-introduction .text-9 {
        bottom: 65px;
        left: 495px; }
      .welcome .content .wrapp-introduction .text-10 {
        bottom: 44px;
        left: 495px; }
      .welcome .content .wrapp-introduction .text-11 {
        bottom: 21px;
        left: 495px; }
    .vacature-image .content .text {
      top: 25px;
      left: 443px; }
      .vacature-image .content .text h3 {
        font-size: 18px;
        letter-spacing: 1px; }
    footer .footer-top .wrapper-logo {
      width: 110px;
      height: 110px; }
      footer .footer-top .wrapper-logo span {
        font-size: 10px; }
    footer .footer-top .btn-login {
      font-size: 20px; }
    footer .footer-top .block-action .block-left .action .btn-login {
      font-size: 18px; }
      footer .footer-top .block-action .block-left .action .btn-login .icon-right {
        font-size: 18px; }
    footer .footer-top .block-action .block-right {
      margin-left: 20px; }
    footer .footer-top .social {
      margin: 58px 0 0; }
      footer .footer-top .social li i {
        font-size: 26px; }
      footer .footer-top .social li a img {
        width: 40px; }
      footer .footer-top .social .volg {
        font-size: 22px; }

    .vacature-book .content .book-text {
          bottom: 120px;
          right: 50px;
      }
    .vacature-book .content .book-text h3 {
          font-size: 20px;
      }
    .vacature-book .content .book-text h3:last-child {
          margin-left: 80px;
      }

    }

  @media screen and (max-width: 768px) {
    .header-top .content .form-search .input-text {
      width: 180px; }
    header .container {
      width: auto;
      padding: 0 15px; }
    header .navbar-default #navbar .navbar-nav li a {
      font-size: 13px; }
    header.navbar-fixed-top .navbar-default .navbar-header .wrapper-logo img {
      height: 50px; }
    header.navbar-fixed-top .navbar-default #navbar .navbar-nav {
      margin-left: 20px; }
      header.navbar-fixed-top .navbar-default #navbar .navbar-nav li a {
        padding: 6px 10px;
        font-size: 12px; }
    .banner img {
      width: 100%; }
    .slider .carousel {
      width: 100%; }
    .team .block .windown .img-windown {
      left: 14px;
      bottom: 12px;
      width: 188px; }
    .slider-bottom {
      width: 100%; }
    .about .content .content-left {
      padding: 40px 90px 0 0; }
    .banner-top .content .banner-left .image-left {
      width: 85%; }
    .banner-top .content .form-center .chalk {
      right: -60px;
      width: 80px; }
      .banner-top .content .form-center .form-wrapper {
          border: 25px solid transparent;
      }
    .banner-top .content .form-center .content-form {
      padding: 30px 10px;
    }
      .banner-top .content .form-center .content-form .title {
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        margin-bottom: 5px; }
      .banner-top .content .form-center .content-form .form-group {
        margin-bottom: 10px; }
        .banner-top .content .form-center .content-form .form-group .input-login-bg {
          padding: 8px 10px; }
      .banner-top .content .form-center .content-form p {
        font-size: 14px; }
      .banner-top .content .form-center .content-form .description {
        margin: 5px 0 0; }
      .banner-top .content .form-center .content-form .text-bottom-last {
        margin-bottom: 5px; }
      .banner-top .content .form-center .content-form .action .btn-login {
        font-size: 16px; }
      .banner-top .content .form-center .content-form .action .question {
        height: 36px; }
      .banner-top .content .form-center .content-form .link {
        margin-top: 5px; }
    .banner-top .content .banner-right .image-left {
      width: 85%; }
    .scholencontact .background_vehicle img {
      width: 100%; }
    .banner-scholen .content {
      top: 40px; }
      .banner-scholen .content h2 {
        font-size: 30px; }
      .banner-scholen .content .action .btn-login {
        font-size: 18px; }
        .banner-scholen .content .action .btn-login i {
          font-size: 20px; }
    #informatie .content-informatie {
      padding: 0 20px; }
    #producten .block-producten .narrow {
      bottom: 10px; }
    #producten .block-producten .content-producten {
      margin-top: 10px; }
      #producten .block-producten .content-producten p:first-child {
        margin-bottom: 10px; }
    .vergrotingen .container {
      padding: 0;
      width: auto; }
    .vergrotingen .content .image-vergrotingen {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .vergrotingen .content .block {
      padding: 0; }
    #privacy .block-privacy {
      padding: 0; }
    .tab-scholen .content .nav-tabs li.active a img {
      display: none; }
    .portretfoto .portretfoto-foto .content {
      padding: 0; }
    .portretfoto .portretfoto-content .content {
      padding: 0; } }

  @media screen and (max-width: 767px) {
    body {
      font-size: 16px !important; }
    .header-top-mobile {
      width: 100%;
      height: 25px;
      background-position: center;
      background-size: cover; }
    .webp .header-top-mobile {
      background-image: url("./images/webp/bg-top-colorblind.png.webp");}
    .no-webp .header-top-mobile {
      background-image: url("./images/bg-top.png");}
    .footer {
      padding-top: 30px;
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat;
      font-size: 14px; }
    .webp .footer {
      background-image: url("./images/webp/mobile_line.png.webp");}
    .no-webp .footer {
      background-image: url("./images/mobile_line.png");}
    .banner .description {
      padding: 20px 0; }
    .banner .description-home {
      padding: 20px 0; }
    .page-mobile .title-web span {
      letter-spacing: 1px;
      padding: 10px 30px;
      font-size: 24px; }
    .page-mobile .panel-group {
      margin: 0; }
      .page-mobile .panel-group .panel + .panel {
        margin-top: 0; }
    .page-mobile .panel-default {
      border: none !important;
      border-radius: 0 !important;
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat; }
    .webp .page-mobile .menu-mobile {
      background-image: url("./images/webp/mobile_line.png.webp");}
    .no-webp .page-mobile .menu-mobile {
      background-image: url("./images/mobile_line.png");}
      .page-mobile .panel-default:ntn-last-child {
        border-bottom: 0 !important; }
      .page-mobile .panel-default .panel-collapse {
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        padding-top: 4px; }
      /* .webp .page-mobile .panel-default .panel-collapse {
        background-image: url("./images/webp/mobile_line.png.webp");}
      .no-webp .page-mobile .panel-default .panel-collapse {
        background-image: url("./images/mobile_line.png");} */
      .page-mobile .panel-default .panel-heading {
        padding: 0;
        background: transparent;
        border: none; }
        .page-mobile .panel-default .panel-heading .panel-title a {
          padding: 20px 15px 10px;
          display: block;
          text-align: center;
          position: relative;
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 1px; }
          .page-mobile .panel-default .panel-heading .panel-title a:hover, .page-mobile .panel-default .panel-heading .panel-title a:focus {
            text-decoration: none; }
          .page-mobile .panel-default .panel-heading .panel-title a img {
            display: none; }
          .page-mobile .panel-default .panel-heading .panel-title a .icon-down {
            position: absolute;
            top: 10px;
            right: 30px;
            font-size: 30px; }
        .page-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] {
          color: #0033CC; }
          .page-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] img {
            display: inline-block;
            height: 18px;
            margin-bottom: 5px; }
          .page-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] .icon-down {
            top: 15px;
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
            color: #0033CC; }
      .page-mobile .panel-default .panel-body {
        border: none !important; }
      .page-mobile .panel-default .service-contact .description {
        margin-top: 20px;
        margin-bottom: 30px; }
      .page-mobile .panel-default .service-contact #accordionService.panel-group .panel + .panel {
        margin-top: 10px; }
      .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default {
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        background-image: none; }
        .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one {
          padding: 0;
          background: transparent;
          border: none; }
          .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a {
            padding: 15px 60px;
            display: block;
            position: relative;
            background-position: center;
            background-size: 100% 100%;
            font-family: "AmaticSC-Regular";
            color: #fff;
            font-size: 20px;
            letter-spacing: 1px;
            font-weight: bold; }
          .webp .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a {
            background-image: url("./images/webp/background_green_colorblind.png.webp");}
          .no-webp .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a {
            background-image: url("./images/background_green.png");}
            .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a .icon-down {
              position: absolute;
              top: 13px;
              left: 20px;
              right: auto;
              font-size: 30px; }
          .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-heading.level-one .panel-title a[aria-expanded="true"] .icon-down {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); }
        .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-collapse {
          background-image: none; }
        .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body {
          border: none;
          padding: 0; }
          .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group {
            margin: 0; }
            .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel.panel-default {
              margin-top: 10px; }
            .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-heading {
              background: transparent;
              padding: 0; }
              .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a {
                color: #0033cc;
                padding: 0px 10px;
                text-align: left;
                text-transform: initial;
                font-weight: normal;
                letter-spacing: 0; }
                .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-heading .panel-title a i {
                  font-size: 20px;
                  color: #35ba30;
                  margin-right: 5px; }
            .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .panel-body .panel-group .panel-body {
              border: none; }
        .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .content-list {
          border-radius: 3px;
          border: 3px solid #0033cc;
          margin: 0 10px; }
          .page-mobile .panel-default .service-contact #accordionService.panel-group .panel-default .content-list p {
            margin: 10px;
            padding: 10px;
            background: #0033cc;
            color: #fff; }
      .page-mobile .panel-default .service-contact .banner {
        margin: 40px 0; }
      .page-mobile .panel-default .service-contact .contact-form {
        margin: 40px 0;
        padding: 15px;
        color: #0033cc;
        font-size: 16px; }
        .page-mobile .panel-default .service-contact .contact-form h3 {
          font-family: "AmaticSC-Bold";
          color: #0033CC;
          font-size: 26px;
          letter-spacing: 1px;
          margin-top: 0; }
        .page-mobile .panel-default .service-contact .contact-form .block {
          margin-bottom: 20px; }
          .page-mobile .panel-default .service-contact .contact-form .block h5 {
            font-size: 18px;
            text-transform: uppercase;
            margin: 0; }
          .page-mobile .panel-default .service-contact .contact-form .block h5.open {
            margin-bottom: 10px;
            font-family: "AmaticSC-Bold";
            color: #0033cc;
            margin-top: 20px;
            font-size: 25px;
            letter-spacing: 2px; }
          .page-mobile .panel-default .service-contact .contact-form .block p {
            margin-bottom: 0; }
          .page-mobile .panel-default .service-contact .contact-form .block .timer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            color: #333; }
        .page-mobile .panel-default .service-contact .contact-form .action .btn-login {
          background: #0033CC; }
        .page-mobile .panel-default .service-contact .contact-form .social {
          list-style: none;
          padding-left: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .page-mobile .panel-default .service-contact .contact-form .social li {
            margin-right: 10px; }
            .page-mobile .panel-default .service-contact .contact-form .social li a img {
              width: 60px; }
      .page-mobile .panel-default .service-contact .maps {
        margin: 20px 0 50px; }
      .page-mobile .panel-default .service-contact .scholencontact {
        padding: 70px 0;
        font-size: 16px; }
        .page-mobile .panel-default .service-contact .scholencontact .description {
          max-width: 100%;
          margin-bottom: 10px; }
        .page-mobile .panel-default .service-contact .scholencontact .content-scholencontact {
          margin-bottom: 0; }
          .page-mobile .panel-default .service-contact .scholencontact .content-scholencontact .title {
            width: 100%;
            margin: 30px 0 10px;
            font-size: 22px; }
    .page-mobile .wrapper-album .content {
      margin: 30px 0 40px; }
    .service-contact {
      padding: 30px 0; }
      .service-contact .title-web.algemene span {
        padding: 10px 20px; }
      .service-contact .block-content {
        margin: 30px 0 0; }
      .service-contact .block-privacyverklaring {
        margin-bottom: 25px; }
        .service-contact .block-privacyverklaring h3 {
          font-size: 20px; }
    .banner_algemene {
      min-height: 150px; }
    .footer-mobile {
      padding: 20px 15px;
      background: #0033cc;
      color: #fff; }
      .footer-mobile .footer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 3px solid #fff;
        padding-bottom: 20px;
        margin-bottom: 20px; }
        .footer-mobile .footer-top .content {
          width: 50%; }
        .footer-mobile .footer-top .title {
          margin-top: 0; }
      .footer-mobile .footer-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .footer-mobile .footer-form .wrapp-left {
          margin-right: 20px; }
          .footer-mobile .footer-form .wrapp-left .social li {
            margin: 0 5px 0 0; }
          .footer-mobile .footer-form .wrapp-left .volg {
            font-family: "AmaticSC-Regular";
            font-size: 20px;
            letter-spacing: 2px;
            font-weight: bold; }
        .footer-mobile .footer-form .wrapp-right {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
          .footer-mobile .footer-form .wrapp-right .action .btn-login {
            background: #35ba30;
            -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3); }
      .footer-mobile .action .btn-login {
        background: #0033CC;
        margin-bottom: 10px;
        letter-spacing: 1px;
        font-size: 16px; }
      .footer-mobile .social {
        list-style: none;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .footer-mobile .social li {
          margin-left: 5px; }
          .footer-mobile .social li a img {
            width: 45px; }
      .footer-mobile .info {
        display: inline-block;
        text-align: center;
        margin-top: 10px; }
        .footer-mobile .info p {
          font-size: 15px;
          margin-bottom: 0; }
      .footer-mobile .nav-footer {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0px; }
        .footer-mobile .nav-footer li {
          margin-bottom: 0px; }
          .footer-mobile .nav-footer li a {
            color: #fff; }
    .footer-bottom {
      padding: 20px 15px;
      text-align: center; }
      .footer-bottom p {
        margin-bottom: 0; }
    .banner-top {
      margin: 0;
      padding: 20px 50px;
      overflow: hidden; }
    .prijsvoorbeeld {
      padding: 30px 0;
      font-family: "AmaticSC-Bold";
      text-transform: uppercase;
      font-size: 20px;
      color: #000; }
      .prijsvoorbeeld .title-web {
        margin-bottom: 30px; }
      .prijsvoorbeeld img {
        width: 100%;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
        margin-top: 5px; }
      .prijsvoorbeeld .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        padding-top: 15px;
        margin-top: 15px; }
      .webp .prijsvoorbeeld .block {
        background-image: url("./images/webp/line_fotos_mobile.png.webp");}
      .no-webp .prijsvoorbeeld .block {
        background-image: url("./images/line_fotos_mobile.png");}
        .prijsvoorbeeld .block .block-left {
          width: 50%; }
        .prijsvoorbeeld .block .block-right {
          width: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
      .prijsvoorbeeld .block-top {
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        padding-top: 15px;
        margin-top: 15px; }
      .webp .prijsvoorbeeld .block-top {
        background-image: url("./images/webp/line_fotos_mobile.png.webp");}
      .no-webp .prijsvoorbeeld .block-top {
        background-image: url("./images/line_fotos_mobile.png");}
      .prijsvoorbeeld p {
        margin: 0; }
      .prijsvoorbeeld .wrapp {
        position: relative; }
        .prijsvoorbeeld .wrapp .plus {
          position: absolute;
          top: 30px;
          right: -35px;
          width: 40px;
          z-index: 3;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .prijsvoorbeeld .highlight {
        color: #0033cc;
        text-align: center; }
      .prijsvoorbeeld .text-sub {
        font-size: 24px; }
      .prijsvoorbeeld .number {
        min-width: 50px;
        display: inline-block;
        text-align: right; }
      .prijsvoorbeeld .same {
        min-width: 20px;
        display: inline-block;
        text-align: left; }
    .paper-tips {
      overflow: hidden;
      padding-bottom: 30px; }
      .paper-tips .content {
        position: relative;
        font-size: 16px; }
        .paper-tips .content img {
          width: 100%; }
        .paper-tips .content .images-top {
          position: relative;
          z-index: 3; }
        .paper-tips .content .images-bottom {
          margin-top: -107px; }
        .paper-tips .content .text {
          position: absolute; }
        .paper-tips .content .text-tips {
          z-index: 5;
          top: 22px;
          left: 76px;
          font-family: "AmaticSC-Bold";
          color: #fff;
          font-size: 25px;
          letter-spacing: 1px; }
        .paper-tips .content .text-1 {
          top: 123px;
          left: 90px;
          width: 204px;
          color: #000; }
        .paper-tips .content .text-2 {
          top: 242px;
          left: 29px;
          width: 266px;
          color: #000; }
        .paper-tips .content .text-3 {
          top: 360px;
          left: 29px;
          width: 285px;
          color: #000; }
        .paper-tips .content .text-4 {
          top: 468px;
          left: 151px;
          width: 258px;
          color: #000; }
        .paper-tips .content .text-5 {
          top: 617px;
          left: 29px;
          width: 268px;
          color: #000; }
        .paper-tips .content .text-6 {
          top: 752px;
          left: 196px;
          width: 208px;
          color: #000; }
        .paper-tips .content .text-bottom {
          font-family: "AmaticSC-Bold";
          color: #0033cc;
          font-size: 22px;
          bottom: 58px;
          left: 256px;
          width: 100px;
          text-align: center; }
        .paper-tips .content .download {
          position: absolute;
          right:0;
          bottom: 40px;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          text-align: center; }
          .paper-tips .content .download img {
            width: 30px; }
          .paper-tips .content .download p {
            display: none }
          .paper-tips .content .download a {
            display: inline-block;
            color: #000; }
    .wrapper-account {
      padding-top: 50px;
      position: relative; }
      .wrapper-account:after {
        content: none; }
      .wrapper-account .content {
        display: block;
        padding: 20px; }
        .wrapper-account .content .content-left {
          width: 100%;
          position: relative;
          padding: 0 10px; }
          .wrapper-account .content .content-left .bg-account {
            width: 100%;
            height: 397px; }
          .wrapper-account .content .content-left .wrapp {
            background: #0033cc;
            position: absolute;
            top: 25px;
            left: 39px;
            width: 226px;
            height: 320px;
            padding: 15px; }
            .wrapper-account .content .content-left .wrapp .title-login {
              text-align: center;
              margin-top: 0;
              margin-bottom: 20px;
              text-transform: uppercase;
              letter-spacing: 1px;
              font-weight: bold; }
            .wrapper-account .content .content-left .wrapp .link-register {
              text-align: center;
              margin-top: 10px; }
              .wrapper-account .content .content-left .wrapp .link-register a {
                color: #fff;
                text-decoration: underline;
                letter-spacing: 1px;
                font-size: 14px; }
            .wrapper-account .content .content-left .wrapp .action {
              margin-top: 10px; }
        .wrapper-account .content .fire-flower {
          position: absolute;
          top: -16px;
          left: -10px;
          width: 100px; }
        .wrapper-account .content .fire-flower-bottom {
          position: absolute;
          top: 20px;
          left: -3px;
          width: 47px; }
      .wrapper-account .content-right {
        width: 100%;
        padding: 20px;
        background-size: 100% 100%;
        background-position: center;
        margin-bottom: 50px;
        color: #fff; }
      .webp .wrapper-account .content-right {
        background-image: url("./images/webp/frame_mijn.png.webp");}
      .no-webp .wrapper-account .content-right {
        background-image: url("./images/frame_mijn.png");}
        .wrapper-account .content-right .title-account {
          text-decoration: underline;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: bold;
          line-height: 1.3;
          font-family: "AmaticSC-Regular";
          font-size: 30px;
          margin-top: 0; }
        .wrapper-account .content-right .description {
          line-height: 1.5;
          margin-bottom: 20px; }
        .wrapper-account .content-right .action {
          margin-bottom: 10px; }
          .wrapper-account .content-right .action .btn-login {
            -webkit-box-shadow: 0px 0px 5px 1px brown;
                    box-shadow: 0px 0px 5px 1px brown; }
    .roadmap {
      color: #fff;
      font-size: 16px;
      padding-bottom: 100px; }
      .roadmap .wrapp-top {
        padding: 30px 0 50px; }
      .roadmap .cricle_pink {
        position: relative; }
        .roadmap .cricle_pink img {
          width: 100%; }
      .roadmap .image_over_ons {
        width: 100%;
        margin-top: -100px; }
    .cricle_pink {
      position: relative; }
      .cricle_pink img {
        width: 140px; }
    .content-pink {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-transform: uppercase;
      font-family: "AmaticSC-Bold"; }
      .content-pink span {
        margin: 0;
        font-size: 55px; }
      .content-pink h4 {
        margin: 10px 0 0;
        font-size: 30px; }
    .about {
      padding: 100px 0 30px;
      color: #fff; }
      .about .image-nu {
        left: 20%;
        z-index: 10;
        -webkit-transform: initial;
            -ms-transform: initial;
                transform: initial; }
      .about .image-children {
        position: absolute;
        top: -70px;
        left: 50%;
        height: 140px; }
    .team {
      color: #fff; }
      .team .description {
        color: #333; }
      .team .block {
        padding: 0 30px;
        margin-top: 15px; }
        .team .block .btn-login {
          display: block;
          position: relative;
          background: #0033cc;
          font-family: "AmaticSC-Regular";
          font-size: 26px;
          border: 3px solid #6cc5ff;
          color: #fff; }
      .team .detail-team {
        margin: 30px 0;
        padding: 5px;
        border: 3px solid #0033cc; }
        .team .detail-team .windown {
          background: #0033cc; }
          .team .detail-team .windown .wrapp {
            position: relative;
            padding: 20px; }
            .team .detail-team .windown .wrapp .bg-windown {
              width: 100%; }
            .team .detail-team .windown .wrapp .img-windown {
              position: absolute;
              left: 38px;
              bottom: 38px;
              width: 249px; }
          .team .detail-team .windown p {
            margin: 10px 10px 0; }
          .team .detail-team .windown .action-close {
            text-align: right;
            padding: 5px; }
            .team .detail-team .windown .action-close img {
              width: 50px; }
    .vacature-top {
      color: #fff;
      padding: 30px 0 0; }
      .vacature-top .description {
        margin-top: 20px; }
      .vacature-top .or {
        text-align: center;
        margin: 10px 0; }
        .vacature-top .or span {
          text-decoration: underline;
          font-size: 20px;
          letter-spacing: 1px; }
      .vacature-top .action {
        padding: 0 30px;
        margin-top: 15px; }
        .vacature-top .action .btn-login {
          background: #0033CC; }
          .vacature-top .action .btn-login:hover, .vacature-top .action .btn-login:focus {
            color: #fff; }
      .vacature-top .inpakmedewerker {
        margin-top: 20px;
        background: #9f2165;
        padding: 30px 0; }
        .vacature-top .inpakmedewerker .action-close {
          text-align: right; }
          .vacature-top .inpakmedewerker .action-close img {
            width: 50px; }
    .moment {
      background: #9f2165;
      padding: 30px 0; }
      .moment p {
        text-transform: uppercase;
        font-family: "AmaticSC-Bold";
        font-size: 25px;
        margin: 0; }
    .house {
      margin-top: 30px;
      position: relative; }
      .house img {
        width: 100%; }
      .house .text {
        display: inline-block;
        position: absolute;
        top: 40px;
        left: 50%;
        font-family: "AmaticSC-Bold"; }
        .house .text h3 {
          margin: 0;
          letter-spacing: 1px; }
        .house .text .left {
          margin-left: 40px;
          margin-top: 2px; }
    .privacy .content {
      padding: 30px 0;
      text-align: center; }
    .slider {
      margin-top: 0; }
      .slider .description {
        padding: 0 15px; }
    .slider-bottom {
      position: relative; }
      .slider-bottom .block {
        display: block; }
      .slider-bottom span {
        font-size: 16px; }
      .slider-bottom i {
        font-size: 40px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 20px; }
    .portretfoto {
      margin-bottom: 0; }
      .portretfoto:before {
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-top: 60px solid #fff; }
      .portretfoto:after {
        content: none; }
      .portretfoto .portretfoto-top {
        padding: 80px 0 30px; }
      .portretfoto .naast {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .portretfoto .naast .block {
          width: 33.33%;
          margin: 0 5px; }
        .portretfoto .naast .text {
          font-size: 18px;
          letter-spacing: 1px;
          text-align: center; }
        .portretfoto .naast .images-children {
          width: 100%; }
      .portretfoto .portretfoto-content .closeup {
        width: 50%;
        margin-bottom: 10px; }
      .portretfoto .portretfoto-content .naast .text {
        font-size: 22px;
        font-family: "AmaticSC-Bold"; }
    .panel-mobile .panel-default {
      background-image: none;
      background: transparent; }
      .panel-mobile .panel-default .panel-heading .panel-title {
        padding: 0 30px;
        margin-bottom: 10px; }
        .panel-mobile .panel-default .panel-heading .panel-title a {
          background-size: 100% 100%;
          background-position: center;
          color: #fff;
          padding: 10px 20px; }
        .webp .panel-mobile .panel-default .panel-heading .panel-title a {
          background-image: url("./images/webp/bg-soc-pink-colorblind.png.webp");}
        .no-webp .panel-mobile .panel-default .panel-heading .panel-title a {
          background-image: url("./images/bg-soc-pink.png");}
          .panel-mobile .panel-default .panel-heading .panel-title a .icon-down {
            position: relative;
            top: auto;
            right: auto;
            font-size: 25px; }
        .panel-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] {
          color: #fff; }
          .panel-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] .icon-down {
            top: auto;
            color: #fff; }
      .panel-mobile .panel-default .panel-collapse {
        background-image: none; }
    .groepsfoto .groepsfoto-top {
      padding: 30px 0px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto {
      margin-top: 20px; }
    .vergrotingen {
      background-position: center;
      background-size: cover;
      color: #fff; }
    .webp .vergrotingen {
      background: url("./images/webp/bg_block.png.webp");}
    .no-webp .vergrotingen {
      background: url("./images/bg_block.png");}
      .vergrotingen .content {
        background-position: center;
        background-size: cover;
        padding: 30px 15px; }
      .webp .vergrotingen .content {
        background: url("./images/webp/bg-wood.png.webp");}
      .no-webp .vergrotingen .content {
        background: url("./images/bg-wood.png");}
        .vergrotingen .content .description {
          padding: 0;
          margin: 20px 0; }
    .funproducten {
      padding: 30px 0; }
      .funproducten .description {
        padding: 0; }
      .funproducten img {
        padding: 0; }
    .action-scholen {
      background: #0033cc;
      padding: 20px 50px;
      margin-bottom: 15px; }
      .action-scholen .btn-login {
        background: #0033CC;
        margin: 10px 0;
        font-size: 22px; }
        .action-scholen .btn-login i {
          font-size: 25px; }
    .content-scholen {
      background-position: center;
      background-size: cover;
      color: #fff; }
    .webp .content-scholen {
      background-image: url("./images/webp/bg_block.png.webp");}
    .no-webp .content-scholen {
      background-image: url("./images/bg_block.png");}
      .content-scholen .banner-top {
        margin: 0;
        padding: 35px 50px;
        overflow: hidden;
        background-image: none; }
        .content-scholen .banner-top .content .form-center .content-form {
          padding: 15px; }
          .content-scholen .banner-top .content .form-center .content-form .title {
            font-family: "AmaticSC-Regular";
            font-weight: bold;
            font-size: 23px;
            margin-top: 10px; }
          .content-scholen .banner-top .content .form-center .content-form .description {
            margin-top: 10px;
            color: #fff;
            margin-bottom: 20px; }
          .content-scholen .banner-top .content .form-center .content-form .action {
            margin-top: 20px; }
            .content-scholen .banner-top .content .form-center .content-form .action .btn-login {
              font-size: 22px; }
      .webp .content-scholen .panel-mobile .panel-default .panel-heading .panel-title a {
        background-image: url("./images/webp/background_soc_colorblind.png.webp"); }
      .no-webp .content-scholen .panel-mobile .panel-default .panel-heading .panel-title a {
        background-image: url("./images/background_soc.png"); }
      .content-scholen .collage {
        width: 100%;
        margin-bottom: 20px; }
      .content-scholen .area {
        width: 120px;
        margin-bottom: 10px; }
      .content-scholen .panel-collapse {
        margin-top: 20px;
        padding: 20px 0 30px; }
        .content-scholen .panel-collapse .img-scholen {
          width: 100%;
          margin: 10px 0; }
      .content-scholen .wrapp {
        position: relative;
        margin: 20px 0; }
        .content-scholen .wrapp .image-privacy {
          width: 100%; }
        .content-scholen .wrapp .content {
          position: absolute;
          top: 0;
          right: 0;
          width: 320px;
          height: 200px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 30px;
          text-align: center; }
      .content-scholen .bear {
        width: 80%; }
    .slider-referenties {
      background: #0033cc;
      padding: 30px 0; }
      .slider-referenties h2 {
        font-family: "AmaticSC-Bold";
        text-align: center;
        margin-top: 0;
        font-size: 25px; }
      .slider-referenties .img-slider {
        height: 50px;
        margin: 10px 0; }
      .slider-referenties #carousel-referenties {
        padding: 0 15px;
        padding-bottom: 50px; }
      .slider-referenties .carousel-control.right,
      .slider-referenties .carousel-control.left {
        background-image: none;
        width: 50px;
        height: 50px;
        display: inline-block;
        top: auto;
        bottom: 0;
        opacity: 1; }
        .slider-referenties .carousel-control.right .action-slider,
        .slider-referenties .carousel-control.left .action-slider {
          width: 100%; }
      .slider-referenties .carousel-control.left .action-slider {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
    .welcome .content img {
      width: 100%; }
    .welcome .content p {
      text-align: center; } }

  @media screen and (max-width: 424px) {
    .banner-top {
      margin: 0;
      padding: 40px 60px; }
      .banner-top .content .form-center .content-form {}
        /* top: 20px;
        left: 22px;
        width: 259px;
        height: 315px; } */
      .banner-top .content .form-center .fire-flower {
        position: absolute;
        top: -40px;
        left: -47px;
        width: 100px; }
      .banner-top .content .form-center .fire-flower-bottom {
        position: absolute;
        top: -3px;
        left: -40px;
        width: 47px; }
      .banner-top .content .form-center .chalk {
        position: absolute;
        -webkit-transform: rotate(-104deg);
            -ms-transform: rotate(-104deg);
                transform: rotate(-104deg);
        bottom: -45px;
        top: auto;
        right: -33px;
        z-index: 10; }
    .wrapper-account .content .content-left {
      padding: 0 20px; }
      .wrapper-account .content .content-left .wrapp {
        background: #0033cc;
        position: absolute;
        top: 27px;
        left: 43px;
        width: 268px;
        height: 339px;
        padding: 15px; }
    .wrapper-account .content .fire-flower {
      left: -12px; }
    .wrapper-account .content .fire-flower-bottom {
      left: -4px; }
    .wrapper-account .content-right {
      width: 100%;
      margin: 0 auto 50px; }
    .content-scholen .banner-top {
      padding: 35px 60px; } }

  @media screen and (max-width: 414px) {
    .banner-top {
      margin: 0;
      padding: 20px 70px; }
      .banner-top .content .form-center .content-form {
        /* width: 236px;
        height: 284px; */
        }
      .banner-top .content .form-center .fire-flower {
        position: absolute;
        top: -40px;
        left: -47px;
        width: 100px; }
      .banner-top .content .form-center .fire-flower-bottom {
        position: absolute;
        top: -3px;
        left: -40px;
        width: 47px; }
      .banner-top .content .form-center .chalk {
        position: absolute;
        -webkit-transform: rotate(-104deg);
            -ms-transform: rotate(-104deg);
                transform: rotate(-104deg);
        bottom: -45px;
        top: auto;
        right: -33px;
        z-index: 10; }
    .welcome {
      padding: 30px 15px; }
      .welcome .content .title h3 {
        margin-bottom: 30px; }
      .welcome .content p {
        text-align: center;
        margin-bottom: 5px; }
      .welcome .content img {
        margin-top: 20px; }
    .wrapper-account .content .content-left {
      padding: 0 10px; }
      .wrapper-account .content .content-left .wrapp {
        left: 33px;
        width: 278px;
        height: 341px; }
    .wrapper-account .content .fire-flower {
      left: -10px; }
    .wrapper-account .content .fire-flower-bottom {
      left: -3px; }
    .wrapper-account .content-right {
      width: 100%;
      margin: 0 0 50px; }
    .team .detail-team .windown .wrapp .img-windown {
      left: 41px;
      bottom: 40px;
      width: 281px; }
    .content-scholen .banner-top {
      padding: 35px 50px; }
      .content-scholen .banner-top .content .form-center .content-form {
          /* top: 20px; */
          /* left: 22px;
          width: 268px;
          height: 326px; */
        }
        .content-scholen .banner-top .content .form-center .content-form .title {
          margin-top: 20px; }
    .content-scholen .wrapp .content {
      width: 355px;
      height: 214px; } }

  @media screen and (max-width: 411px) {
    .banner-top .content .form-center .content-form {
        /* width: 233px;
        height: 281px; */
       }
    .team .detail-team .windown .wrapp .img-windown {
      width: 279px; } }

  @media screen and (max-width: 375px) {
    .banner-top {
      padding: 20px 50px; }
      .banner-top .content .form-center .content-form {
          /* width: 236px;
          height: 284px; */
         }
      .banner-top .content .form-center .fire-flower {
        position: absolute;
        top: -40px;
        left: -47px;
        width: 100px; }
      .banner-top .content .form-center .fire-flower-bottom {
        position: absolute;
        top: -3px;
        left: -40px;
        width: 47px; }
    .wrapper-account .content .content-left .wrapp {
      left: 30px;
      width: 245px;
      height: 340px; }
    .footer-bottom .wrapper-pay img {
      height: 55px;
      max-width: 323px; }
    .team .detail-team .windown .wrapp .img-windown {
      left: 39px;
      bottom: 37px;
      width: 248px; }
    .about .image-nu {
      left: 17%; }
    .content-scholen .banner-top .content .form-center .content-form {
        /* top: 19px;
        left: 19px;
        width: 236px;
        height: 283px; */
       }
      .content-scholen .banner-top .content .form-center .content-form .title {
        margin-top: 10px; }
    .content-scholen .wrapp .content {
      width: 320px;
      height: 194px; }
    .paper-tips .content .images-bottom {
      margin-top: -95px; }
    .paper-tips .content .text-tips {
      top: 19px;
      left: 66px;
      font-size: 23px; }
    .paper-tips .content .text-1 {
      top: 106px;
      left: 78px; }
    .paper-tips .content .text-2 {
      top: 210px;
      left: 13px; }
    .paper-tips .content .text-3 {
      top: 325px;
      left: 12px;
      width: 245px; }
    .paper-tips .content .text-4 {
      top: 428px;
      left: 140px;
      width: 225px; }
    .paper-tips .content .text-5 {
      top: 549px;
      left: 7px;
      width: 220px; }
    .paper-tips .content .text-6 {
      top: auto;
      bottom: 100px;
      left: 180px;
      width: 195px; }
    .paper-tips .content .text-bottom {
      font-size: 20px;
      bottom: 47px;
      left: 230px; }
    .welcome .block {
      display: block; } }

  @media screen and (max-width: 360px) {
    .banner-top .content .form-center .content-form {
        /* width: 223px;
        height: 269px;  */
      }
    .team .detail-team .windown .wrapp .img-windown {
      left: 39px;
      width: 234px; }
    .content-scholen .banner-top .content .form-center .content-form {
      top: 18px;
      left: 18px;
      width: 222px;
      height: 269px; } }

  @media screen and (max-width: 320px) {
    body {
      font-size: 12px !important; }
    .title-web span {
      padding: 10px 30px; }
    .footer-mobile .footer-top .title {
      font-size: 14px; }
    .footer-mobile .footer-form .wrapp-left .volg {
      font-size: 16px; }
    .footer-mobile .action .btn-login {
      font-size: 14px; }
    .footer-mobile .social li a img {
      width: 35px; }
    .footer-mobile .info p {
      font-size: 13px; }
    .banner-top {
      padding: 20px 40px; }
      .banner-top .content .form-center .content-form {
          /* top: 17px;
          left: 17px;
          width: 205px;
          height: 248px; */
         }
        .banner-top .content .form-center .content-form p {
          font-size: 12px; }
      .banner-top .content .form-center .fire-flower {
        position: absolute;
        top: -40px;
        left: -47px;
        width: 100px; }
      .banner-top .content .form-center .fire-flower-bottom {
        position: absolute;
        top: -3px;
        left: -40px;
        width: 47px; }
    .footer-bottom .wrapper-pay img {
      height: 45px;
      max-width: 264px; }
    .wrapper-account .content {
      padding: 0; }
      .wrapper-account .content .content-left .wrapp {
        left: 30px;
        width: 230px; }
      .wrapper-account .content .fire-flower {
        top: -32px;
        left: -16px;
        width: 75px; }
      .wrapper-account .content .fire-flower-bottom {
        top: -4px;
        left: -9px;
        width: 33px; }
    .roadmap {
      font-size: 12px; }
    .content-pink h4 {
      font-size: 25px; }
    .content-pink h1 {
      font-size: 40px; }
    .team .block .btn-login {
      font-size: 20px; }
    .team .detail-team .windown .wrapp .img-windown {
      left: 36px;
      bottom: 34px;
      width: 200px; }
    .team .detail-team .windown .action-close img {
      width: 35px; }
    .vacature-top .action .btn-login {
      font-size: 20px; }
    .vacature-top .inpakmedewerker .action-close img {
      width: 35px; }
    .moment p {
      font-size: 20px; }
    .house .text {
      top: 30px;
      left: 50%;
      font-size: 16px; }
      .house .text h3 {
        font-size: 20px; }
      .house .text .left {
        margin-left: 20px;
        margin-top: 2px; }
    .about .image-nu {
      left: 12%; }
    .portretfoto .naast .text {
      font-size: 16px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top {
      height: 66px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .tilde {
        width: 120px;
        bottom: 3px;
        left: 36px; }
      .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-top .exclamation {
        bottom: 10px;
        right: 10px; }
    .groepsfoto .groepsfoto-bottom .gratisfoto .gratisfoto-bottom {
      height: 128px;
      padding: 0 15px;
      font-size: 14px; }
    .content-scholen .banner-top .content .form-center .content-form {
        /* top: 15px;
        left: 15px;
        width: 188px;
        height: 228px; */
       }
      .content-scholen .banner-top .content .form-center .content-form .title {
        margin-top: 5px;
        font-size: 20px; }
      .content-scholen .banner-top .content .form-center .content-form .description {
        margin-bottom: 15px; }
      .content-scholen .banner-top .content .form-center .content-form .action {
        margin-top: 10px; }
        .content-scholen .banner-top .content .form-center .content-form .action .btn-login {
          font-size: 18px; }
    .action-scholen .btn-login {
      font-size: 18px; }
      .action-scholen .btn-login i {
        font-size: 22px; }
    .paper-tips .content {
      font-size: 14px; }
      .paper-tips .content .text-tips {
        top: 15px;
        left: 57px;
        font-size: 20px; }
      .paper-tips .content .text-1 {
        top: 93px;
        left: 68px;
        width: 160px; }
      .paper-tips .content .text-2 {
        top: 179px;
        left: 14px;
        width: 235px; }
      .paper-tips .content .text-3 {
        top: 263px;
        left: 10px; }
      .paper-tips .content .text-4 {
        top: 353px;
        left: 118px;
        width: 197px; }
      .paper-tips .content .text-5 {
        top: 458px;
        left: 14px;
        width: 185px; }
      .paper-tips .content .text-6 {
        top: 569px;
        left: 163px;
        width: 169px; }
      .paper-tips .content .text-bottom {
        font-size: 17px;
        bottom: 37px;
        left: 180px; }
    .prijsvoorbeeld {
      font-size: 18px; }
      .prijsvoorbeeld .wrapp .plus {
        top: 18px;
        right: -29px;
        width: 30px; }
      .prijsvoorbeeld .text-sub {
        font-size: 20px; } }

/* css by wordpress */

.action .btn-login {
    width: 100%;
    outline: none !important;
}

div.wpcf7-response-output {
    margin: -0.7em 0.5em 0em;
    padding: 0em;
    border: 0px solid #ff0000;
}

span.wpcf7-not-valid-tip {
    color: white;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin-top: 5px;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

header .navbar-default #navbar .navbar-nav li ul.dropdown-content a img {
    display: none;
}

header .navbar-default #navbar .navbar-nav li ul.dropdown-content a {
    text-decoration: none;
    margin-left: 2px;
}

.single .block-content p {
    margin-top: 20px !important;
}

.menu-menu-1-container {
    width: 100%;
}

ul.navbar-nav > li.menu-item.menu-item-type-post_type.menu-item-object-page > a:hover {
    color: #0033CC;
}
ul.navbar-nav > li.menu-item.menu-item-type-custom.menu-item-object-custom > a:hover {
    color: #0033CC;
}
ul.navbar-nav > li.menu-item.menu-item-type-post_type.menu-item-object-page > a {
    white-space: nowrap;
}

.wrapper-album .panel-primary .panel-heading, .wrapper-album .panel-primary .panel-footer {
    background-color: #0033CC;
    color: #fff;
}

.wrapper-album {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.75em;
}
.wrapper-album .content h1 {
    font-family: Avenir-Roman;
    font-weight: bold;
    color: #0033cc;
    text-align: center;
    margin-bottom: 40px;
}

.wrapper-album .content .album-title {
    font-family: Avenir-Roman;
    font-weight: bold;
    color: #0033CC;
    text-align: center;
    margin-bottom: 40px;
    font-size: 32px;
}

.wrapper-album .panel-heading {
    border-radius: 0;
}
.wrapper-album .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.wrapper-album .panel-body {
    padding: 15px;
}
.wrapper-album .panel-primary {
    border-color: #0033CC;
}
.wrapper-album .panel {
    border-radius: 0;
    margin-bottom: 20px !important;
}
.wrapper-album a {
    color: #0033CC;
}
.wrapper-album a i {
    width: 20px;
    height: 20px;
    text-align: center;
}

#collapseTwo .title h1,
#collapseThree .title h1,
#collapseFour .title h1,
#collapseFive .title h1
{
  margin-top: 0;
  text-transform: uppercase;
  color: #0033cc;
  font-family: "AmaticSC-Regular";
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 2px;
  text-align: center;
}
#collapseTwo .title h2,
#collapseThree .title h2,
#collapseFour .title h2,
#collapseFive .title h2 {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  font-family: "AmaticSC-Regular";
  font-weight: bold;
  font-size:24px;
  text-align: center;
  letter-spacing: 2px; }

#collapseThree .title {
    margin-top: 40px;
    padding: 0 15px;
}
#collapseFive .title {
    padding: 0 15px;
}
#collapseFour .title {
    padding: 15px;
}
#collapseThree p {
    margin-top: 20px;
    padding: 10px 15px 50px;
    text-align: center;
}

@media (min-width: 768px) {
    .timeline-right {
        padding-top: 100px;
    }
    .timeline-event-right:after {
        border-width: 14px 20px 14px 0;
        border-color: transparent #0033CC transparent transparent;
        left: -18px;
    }
    .timeline-event-left:after {
        border-width: 14px 0 14px 20px;
        border-color: transparent transparent transparent #0033CC;
        right: -18px;
    }
    .timeline-event:after {
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        position: absolute;
        top: 9px;
    }
    .timeline-left {
        border-right: solid 5px #ddd;
    }
    .timeline-event-left {
        width: 97%;
        position: relative;
    }
    .timeline-event-right {
        width: 97%;
        margin-left: 3%;
        position: relative;
    }
    .timeline-event a:hover {
        text-decoration: none;
        color: #0055AA;
        cursor: default;
    }
    .timeline-event-right:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #0055AA;
        border-radius: 50px;
        border: solid 4px #ddd;
        position: absolute;
        left: -25px;
        top: 13px;
        margin-left: -12px;
        z-index: 10;
    }
    .timeline-event-left:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #0055AA;
        border-radius: 50px;
        border: solid 4px #ddd;
        position: absolute;
        right: -37px;
        top: 13px;
        margin-left: -12px;
        z-index: 10;
    }
}

@media (min-width: 992px) {
    .timeline-event-left:before {
        right: -41px;
        margin-left: -12px;
    }
    .timeline-event-right:before {
        left: -29px;
        margin-left: -12px;
    }
}

/* for gravity form */
.entry-content {
    margin: 30px 0 !important;
}
.entry-content > p {
    margin-bottom: 30px;
}
.gfield_required {
    color: #009fe3 !important;
}
input.gform_button[type="submit"] {
    display: block;
    background: #35ba30;
    border-radius: 0;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: "AmaticSC-Regular";
    font-size: 26px !important;
    padding: 6px 24px;
    -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.15);
}

/* for custom css */
.no-margin {
    margin: 0 !important;
}
.auto-margin {
    margin: 0 auto;
}
.mgb-20 {
    margin-bottom: 20px;
}
.mgb-25 {
    margin-bottom: 25px;
}
.mgb-50 {
  margin-bottom: 50px;
}
.mgtb-20 {
    margin: 20px 0;
}

/* gravity form css */
body .gform_wrapper h3.gform_title {
    display: none !important;
}

/* book style */
.book .book-background {
    width: 100% !important;
    height: auto !important;
}
.book .book-background.fix-book-left {
    margin-left: 8px;
}
.book .absolute-book-content {
    position: absolute;
    top: 0;
    width: 100%;
}
.book .absolute-book-content.first {
    padding: 40px 60px !important;
}
.book .absolute-book-content.school-first {
    padding: 20px 60px !important;
}
.book .absolute-book-content.school-second {
    padding: 20px 40px !important;
}
.book .absolute-book-content.third {
    padding: 37px 50px !important;
}
.book .absolute-book-content.school-third {
    padding: 20px 50px !important;
}
.vacature-book .content,
.content-referenties .content
{
    transition: ease-in all 0.5s;
}
.zero-opacity {
    opacity: 0;
}
.mgb-62 {
    margin-bottom: 62px;
}
.mgb-42 {
    margin-bottom: 42px;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.mgt-15 {
    margin-top: 15px;
}
.no-margin {
    margin: 0;
}
.blog-container {
  margin-top: 50px;
}

.blog-posts-container {
  margin-top: 20px;
}

.blog-posts-container h2 {
  color: #0033CC;
}

.blog-post {
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}

.blog-post:hover {
  transform: translateY(-5px);
}

.blog-post h2 {
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.blog-post h2 a {
  text-decoration: none;
  color: #0033CC;
  transition: color 0.3s;
}

.blog-post h2 a:hover {
  color: #0073e6; /* Change to your theme's primary color */
}

.blog-post p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}

.blog-post a {
  display: inline-block;
  margin-top: 10px;
  color: #0073e6;
  text-decoration: none;
  font-weight: bold;
}
/* Pagination Container */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
  gap: 8px;
}

/* Pagination Links */
.pagination a, 
.pagination span {
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  border: 1px solid #0073e6; /* Adjust color */
  color: #0073e6;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: bold;
}

/* Hover Effect */
.pagination a:hover {
  background-color: #0073e6;
  color: white;
}

/* Active Page */
.pagination .current {
  background-color: #0073e6;
  color: white;
  font-weight: bold;
  border: 1px solid #005bb5;
}

/* Previous & Next Links */
.pagination .prev, 
.pagination .next {
  font-size: 14px;
}

/* Hide Default WordPress "..." */
.pagination .dots {
  color: #555;
  border: none;
}
.faq-content a {
  color: #fff;
  text-decoration: underline;
}
/* .colorblind-mode . */
.colorblind-mode .image-left{
  display: none;
}

.colorblind-mode .image-left.colorblind {
  display: block;
}

.colorblind-mode .banner-home{
  display: none;
}

.colorblind-mode .banner-home.colorblind {
  display: inline;
}

.colorblind-mode .road-map{
  display: none;
}

.colorblind-mode .road-map.colorblind {
  display: inline;
}

.colorblind-mode .slash-cricle-pink{
  display: none;
}

.colorblind-mode .slash-cricle-pink.colorblind {
  display: block;
}

.colorblind-mode header .navbar-default #navbar .navbar-nav li.active a img.c{
  display: none;
}

.colorblind-mode header .navbar-default #navbar .navbar-nav li.active a img.c.colorblind{
  display: inline-block;
}

.colorblind-mode .introduction{
  display: none;
}

.colorblind-mode .introduction.colorblind {
  display: block;
}

.colorblind-mode .banner-school{
  display: none;
}

.colorblind-mode .banner-school.colorblind {
  display: inline;
}

.colorblind-mode .slide-frame{
  display: none;
}

.colorblind-mode .slide-frame.colorblind {
  display: block;
}

.colorblind-mode .banner-photo{
  display: none;
}

.colorblind-mode .banner-photo.colorblind {
  display: inline;
}

.colorblind-mode .banner-service{
  display: none;
}

.colorblind-mode .banner-service.colorblind {
  display: inline;
}

.colorblind-mode .pink-pencil{
  display: none;
}

.colorblind-mode .pink-pencil.colorblind {
  display: block;
}

.colorblind-mode .icon-mail{
  display: none;
}

.colorblind-mode .icon-mail.colorblind {
  display: block;
}

.colorblind-mode .icon-phone{
  display: none;
}

.colorblind-mode .icon-phone.colorblind {
  display: block;
}

.colorblind-mode .icon-message{
  display: none;
}

.colorblind-mode .icon-message.colorblind {
  display: block;
}

.colorblind-mode .button-print{
  display: none;
}

.colorblind-mode .button-print.colorblind {
  display: block;
}

.colorblind-mode .paper-print-foto{
  display: none;
}

.colorblind-mode .paper-print-foto.colorblind {
  display: block;
}

.colorblind-mode .paper-print-foto-de{
  display: none;
}

.colorblind-mode .paper-print-foto-de.colorblind {
  display: block;
}
.colorblind-mode .frame-draw-blue{
  display: none;
}

.colorblind-mode .frame-draw-blue.colorblind {
  display: block;
}

.colorblind-mode .collage-new-optimize{
  display: none;
}

.colorblind-mode .collage-new-optimize.colorblind {
  display: block;
}

.colorblind-mode .producten-red-optimize{
  display: none;
}

.colorblind-mode .producten-red-optimize.colorblind {
  display: block;
}

body.colorblind-mode .colorblind-toggle-btn {
  background-color: #379fe3;
}
body.colorblind-mode .colorblind-toggle-btn:hover {
  background-color: #0055AA;
}

.colorblind-toggle-btn {
  margin-top: 6px;
  padding: 8px 12px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}

.colorblind-toggle-btn:hover {
  background-color: #0056b3;
}


.colorblind-mode .banner-myarchive{
  display: none;
}

.colorblind-mode .banner-myarchive.colorblind {
  display: inline;
}

.colorblind-mode .frame-pink{
  display: none;
}

.colorblind-mode .frame-pink.colorblind {
  display: block;
}

.colorblind-mode .television-red{
  display: none;
}

.colorblind-mode .television-red.colorblind {
  display: block;
}

.colorblind-mode .button-arrow-right{
  display: none;
}

.colorblind-mode .button-arrow-right.colorblind {
  display: block;
}

.colorblind-mode .button-arrow-left{
  display: none;
}

.colorblind-mode .button-arrow-left.colorblind {
  display: block;
}
@media screen and (max-width: 767px) {
  .colorblind-mode .camera{
    display: none !important;
  }

  .colorblind-mode .page-mobile .panel-default .panel-heading .panel-title a[aria-expanded="true"] img.colorblind {
    display: inline-block !important;
  }
}
.colorblind-mode .images-top{
  display: none;
}

.colorblind-mode .images-top.colorblind {
  display: inline;
}
.colorblind-mode .images-bottom{
  display: none;
}

.colorblind-mode .images-bottom.colorblind {
  display: inline;
}
.colorblind-mode .frame-draw-blue{
  display: none;
}

.colorblind-mode .frame-draw-blue.colorblind {
  display: inline;
}
.colorblind-mode .plus{
  display: none;
}

.colorblind-mode .plus.colorblind {
  display: inline;
}