.fixedmenu {
  position: relative;
  width: 100%; }
  .fixedmenu .pagewidth {
    position: absolute;
    overflow: hidden;
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
  .fixedmenu .menu-collapser {
    position: fixed;
    z-index: 99999999999;
    top: 20px;
    height: auto;
    width: auto; }
  .fixedmenu ul {
    list-style: none;
    margin: 0px;
    display: flex;
    position: fixed;
    z-index: 9999999;
    background: white;
    padding: 0px;
    border-radius: 0px 0 5px 5px; }
    .fixedmenu ul li:nth-last-child(1) a:hover {
      border-radius: 0px 0 5px 0px; }
    .fixedmenu ul li:nth-child(1) a:hover {
      border-radius: 0px 0 0px 5px; }
    .fixedmenu ul li a {
      text-transform: uppercase;
      padding: 15px 15px;
      display: block;
      font-size: 16px;
      transition: .2s; }
      .fixedmenu ul li a:hover {
        background: #315781;
        color: white !important;
        font-weight: normal; }

.topbar {
  padding: 5px 0px 5px 0px; }
  .topbar .topmenu {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .topbar .topmenu i, .topbar .topmenu a {
      display: flex;
      align-items: center;
      margin-left: 1px; }
      .topbar .topmenu i:hover, .topbar .topmenu a:hover {
        text-decoration: none; }
        .topbar .topmenu i:hover::before, .topbar .topmenu a:hover::before {
          color: #F37020 !important; }
      .topbar .topmenu i::before, .topbar .topmenu a::before {
        font-size: 16px;
        color: #101D5E !important; }
    .topbar .topmenu .socialhead {
      padding-left: 25px;
      display: flex; }
    .topbar .topmenu ul {
      flex-direction: row;
      display: flex;
      justify-content: flex-end;
      margin-bottom: 0; }
      .topbar .topmenu ul li {
        padding: 10px 25px; }
        .topbar .topmenu ul li:last-child {
          padding: 10px 20px 10px 25px; }
        .topbar .topmenu ul li a {
          color: #101D5E !important; }
        .topbar .topmenu ul li:hover a {
          color: #F37020 !important;
          text-decoration: none; }

@media screen and (max-width: 992px) {
  .topbar {
    display: none; } }

.navbar-custom {
  background-color: white;
  z-index: 1030; }
  .navbar-custom .navbar-width {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: 1300px;
    justify-content: space-between;
    align-items: center;
    position: relative; }
  .navbar-custom .logo {
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    transition: 0.3s;
    max-width: 285px; }
    .navbar-custom .logo a.navbar-brand {
      height: 75px;
      padding: 0;
      display: flex;
      align-items: center;
      transition: 0.3s; }
      .navbar-custom .logo a.navbar-brand img.brand-logo-main {
        height: 100%;
        width: auto;
        transition: 0.3s; }
      .navbar-custom .logo a.navbar-brand img.brand-logo-scrolled {
        visibility: hidden; }
  .navbar-custom ul {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navbar-custom ul li {
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
      transition: 0.3s;
      margin-left: 30px; }
      .navbar-custom ul li.block {
        background-color: #C70039; }
        .navbar-custom ul li.block a {
          padding: 15px 20px !important;
          color: white !important;
          font-weight: bold; }
        .navbar-custom ul li.block:hover {
          background: #101D5E !important; }
          .navbar-custom ul li.block:hover a {
            color: white !important; }
      .navbar-custom ul li a {
        color: #101D5E !important;
        font-size: 18px !important;
        padding: 0px !important;
        font-family: "Lato", sans-serif !important; }

.scrolled {
  height: 60px;
  transition: height 0.3s;
  box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.1); }
  .scrolled .logo {
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    transition: 0.3s; }
    .scrolled .logo a.navbar-brand {
      width: auto;
      height: 55px;
      padding: 0px;
      display: flex;
      align-items: center;
      transition: 0.3s; }
      .scrolled .logo a.navbar-brand img.brand-logo-main {
        display: none; }
      .scrolled .logo a.navbar-brand img.brand-logo-scrolled {
        visibility: visible;
        width: auto;
        height: 100%;
        transition: 0.3s; }
  .scrolled ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1px; }
    .scrolled ul li {
      display: inline-block; }
  .scrolled ul.slimmenu li > ul {
    top: 15px; }

@media screen and (max-width: 992px) {
  .navbar-custom ul li {
    margin-left: 0px; }
    .navbar-custom ul li.block a {
      color: #101D5E !important; }
  .scrolled {
    height: auto;
    min-height: 60px; }
    .scrolled ul.slimmenu.collapsed {
      margin-top: 150px; } }

nav.menu {
  display: flex;
  align-items: center; }

.menu-collapser {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  color: #FFF;
  font-size: 16px;
  line-height: 48px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.menu-collapser a {
  width: 50%; }

.menu-collapser > a > img {
  width: 50%;
  padding: 5% 0 0 0; }

@media (max-width: 540px) {
  .menu-collapser > a > img {
    width: 80%;
    padding: 5% 0 0 0; } }

.sticky .collapse-button {
  right: 0px;
  top: 15px; }

.collapse-button {
  position: absolute;
  background: white;
  right: -20px;
  top: 0;
  padding: 10px;
  color: #315781;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 0; }

.collapse-button:hover, .collapse-button:focus {
  color: black; }

.collapse-button .icon-bar {
  display: block;
  height: 3px;
  width: 25px;
  margin: 4px 0;
  background-color: black;
  border-radius: 1px; }

ul.slimmenu:before, ul.slimmenu:after {
  content: '';
  display: table; }

.sub-toggle img {
  height: 15px; }

ul.slimmenu:before,
ul.slimmenu:after {
  content: '';
  display: table; }

ul.slimmenu:after {
  clear: both; }

ul.slimmenu.collapsed {
  position: fixed;
  height: 100%;
  left: 0;
  background: white;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  flex-direction: column;
  display: flex; }

ul.slimmenu.collapsed li {
  display: block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white; }

ul.slimmenu.collapsed li > ul {
  position: static;
  display: none; }

ul.slimmenu.collapsed li a {
  text-align: left;
  width: 100%;
  padding: 15px 25px !important;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

ul.slimmenu.collapsed li .sub-toggle {
  height: 30px;
  background: #F37020 !important; }

ul.slimmenu li {
  position: relative;
  float: left;
  display: inline-block;
  background-color: none; }

ul.slimmenu li.menu-item-has-children {
  position: relative; }

ul.slimmenu li ul {
  margin: 0;
  list-style-type: none;
  padding: 10px; }

ul.slimmenu li ul li {
  background: white;
  width: 200px;
  left: -5px;
  border-left: 2px solid #F37020 !important;
  margin-left: 0; }

ul.slimmenu li ul li a {
  padding: 10px 10px !important;
  text-align: left;
  min-width: 125px; }

ul.slimmenu li ul li:hover {
  background-color: #F37020 !important; }
  ul.slimmenu li ul li:hover a {
    color: white !important; }

ul.slimmenu li > ul {
  position: absolute;
  left: -8px;
  top: 20px;
  z-index: 999;
  display: block;
  width: auto;
  padding-top: 25px !important; }

ul.slimmenu li > ul > li ul {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 999;
  display: none;
  width: 100%;
  padding-left: 0; }

@media (max-width: 1000px) {
  ul.slimmenu li a {
    padding: 12px 14px 7px 12px;
    transition: padding 0.6s; } }

ul.slimmenu li a:hover {
  text-decoration: none;
  color: #F37020 !important; }

ul.slimmenu li .sub-toggle {
  right: 25px;
  top: 10px;
  z-index: 999;
  width: 30px;
  height: 100%;
  text-align: center;
  cursor: pointer; }

ul.slimmenu li .sub-toggle:before {
  content: '';
  font-family: fontello;
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  color: white; }

ul.slimmenu li .sub-toggle > i {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  vertical-align: middle; }

ul.slimmenu li .sub-toggle > i {
  font-style: normal;
  font-size: 12px;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased; }

@media screen and (min-width: 992px) {
  ul.slimmenu li .sub-toggle > i {
    color: #F37020 !important; } }

ul.slimmenu > li {
  border-left: 0;
  display: inline-flex;
  flex-direction: row; }

ul.slimmenu > li:first-child,
ul.slimmenu > li.has-submenu + li {
  border-left: 0; }

.sub-menu {
  padding-top: 5px; }

.sub-menu li {
  padding: 0px 0px 0px 0px; }

.sub-menu .current-menu-item {
  border-bottom: 0px solid #fff !important; }

@media (min-width: 768px) {
  .slimmenu li > ul {
    padding-left: 0px; }
  #nav-wrapper {
    padding-left: 20px; }
  .slimmenu > li:hover {
    border-bottom: 0px solid #fff;
    box-sizing: border-box; } }

@media screen and (max-width: 992px) {
  ul.slimmenu li .sub-toggle {
    position: absolute; } }

.intro {
  background-image: url("../images/leeuw-auto.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 100vh;
  height: auto; }
  .intro .inhoudintro {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%; }
  .intro .logo {
    width: 100%;
    text-align: left; }
    @media screen and (max-width: 1000px) {
      .intro .logo {
        text-align: left;
        padding-left: 25px; } }
    .intro .logo img {
      max-height: 135px;
      width: auto;
      padding-top: 4vh;
      max-width: 360px; }
      @media screen and (max-width: 1000px) {
        .intro .logo img {
          max-width: 250px; } }
  .intro .tekst {
    color: white; }
    .intro .tekst .introtekst {
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 45px;
      margin-top: 5vh;
      margin-bottom: 5vh; }
      .intro .tekst .introtekst span {
        color: #f37226; }
    .intro .tekst .subtekst {
      font-size: 50px;
      font-weight: normal;
      width: 100%;
      text-align: right; }
  .intro .koppen {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .intro .koppen .koptop {
      font-weight: bold;
      width: 100%;
      color: white;
      text-align: center;
      width: 100%;
      padding: 20px 0;
      font-size: 45px;
      text-transform: uppercase;
      position: absolute;
      bottom: 0px;
      text-shadow: -1px 0 #f37226, 0 2px #f37226, 2px 0 #f37226, 0 -1px #f37226; }
    .intro .koppen .vrouw, .intro .koppen .man {
      position: absolute;
      margin-bottom: 0px; }
      @media screen and (max-width: 1000px) {
        .intro .koppen .vrouw, .intro .koppen .man {
          bottom: 0px;
          position: relative; } }
      .intro .koppen .vrouw img, .intro .koppen .man img {
        max-width: 100%;
        height: auto;
        max-height: 72vh; }
        @media screen and (max-width: 1000px) {
          .intro .koppen .vrouw img, .intro .koppen .man img {
            height: auto; } }
      .intro .koppen .vrouw .hover, .intro .koppen .vrouw .hover2, .intro .koppen .man .hover, .intro .koppen .man .hover2 {
        position: absolute;
        margin: auto;
        right: 0px;
        left: 0px;
        text-align: center; }
        .intro .koppen .vrouw .hover img, .intro .koppen .vrouw .hover2 img, .intro .koppen .man .hover img, .intro .koppen .man .hover2 img {
          max-width: 300px;
          height: auto;
          margin: auto; }
      .intro .koppen .vrouw .popup, .intro .koppen .man .popup {
        color: white;
        display: flex;
        flex-direction: column;
        background: #315781;
        margin: auto;
        left: 0px;
        right: 0px;
        max-width: 475px;
        width: 100%;
        padding: 20px;
        height: 250px;
        justify-content: center; }
        .intro .koppen .vrouw .popup .kop, .intro .koppen .man .popup .kop {
          font-size: 22px;
          font-weight: bold; }
        .intro .koppen .vrouw .popup .inhoud, .intro .koppen .man .popup .inhoud {
          font-weight: normal;
          max-width: 300px;
          font-size: 18px;
          margin: 20px 0px; }

.intro .tekst .introtekst {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 1000px) {
    .intro .tekst .introtekst {
      flex-direction: column;
      font-size: 27px; } }

.Iam b {
  float: right;
  overflow: hidden;
  position: relative;
  height: 75px;
  font-weight: 300 !important;
  font-size: 38px;
  line-height: 75px;
  margin: 0 20px;
  color: #f37226;
  font-weight: bold; }
  @media screen and (max-width: 1000px) {
    .Iam b {
      margin: auto !important;
      float: left;
      width: 100%; } }

.Iam .innerIam {
  display: inline-block;
  color: white;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
  color: #f37226;
  font-weight: bold;
  /*animation*/
  -webkit-animation: move 5s;
  -moz-animation: move 5s;
  -ms-animation: move 5s;
  -o-animation: move 5s;
  animation: move 5s;
  /*animation-iteration-count*/
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  /*animation-delay*/
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -ms-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s; }

@keyframes move {
  0% {
    top: 0px; }
  40% {
    top: -75px; }
  80% {
    top: -150px; } }

/* 
@-webkit-keyframes move {
	0%  { top: 0px; }
	40% { top: -75px; }
	80% { top: -150px; }

}
@-moz-keyframes move {
	0%  { top: 0px; }
	40% { top: -75px; }
	80% { top: -150px; }

}
@-o-keyframes move {
	0%  { top: 0px; }
	40% { top: -75px; }
	80% { top: -150px; }

}
@keyframes move {
	0%  { top: 0px; }
	40% { top: -75px; }
	80% { top: -150px; }

}
*/
.werkwijze .pagewidth {
  position: relative; }

.werkwijze .titel {
  color: #7fcce4; }

.werkwijze .introtekst {
  padding: 0 130px; }
  @media screen and (max-width: 1000px) {
    .werkwijze .introtekst {
      padding: 0 10px 0 0px !important; } }

.werkwijze .werkblokken {
  position: relative;
  margin-top: 0px;
  height: 60vh;
  min-height: 500px; }
  @media screen and (max-width: 1000px) {
    .werkwijze .werkblokken {
      padding-bottom: 60px;
      height: auto; } }
  .werkwijze .werkblokken .blok {
    font-style: italic;
    max-width: 450px;
    position: absolute; }
    .werkwijze .werkblokken .blok .kop {
      font-weight: bold; }
    @media screen and (max-width: 1000px) {
      .werkwijze .werkblokken .blok {
        position: static !important;
        width: 100%;
        max-width: 80%;
        text-align: left !important;
        padding-left: 0px;
        text-align: left !important;
        margin-top: 15px;
        margin-bottom: 15px; }
        .werkwijze .werkblokken .blok .inhoud {
          text-align: left !important; } }
  .werkwijze .werkblokken .blok1 {
    top: 220px;
    left: 20px; }
  .werkwijze .werkblokken .blok2 {
    left: 18%;
    bottom: 10%; }
  .werkwijze .werkblokken .blok3 {
    left: 45%;
    top: 40%; }
  .werkwijze .werkblokken .blok4 {
    right: 13%;
    top: 20%;
    max-width: 375px; }
    .werkwijze .werkblokken .blok4 .inhoud {
      text-align: right; }
  .werkwijze .werkblokken .blok5 {
    right: 0px;
    top: 0px;
    text-align: right; }

.werkwijze .streep {
  position: absolute; }

.werkwijze .grotepijl {
  left: -30px;
  margin-top: 20px; }
  .werkwijze .grotepijl img {
    max-width: 170px; }

.werkwijze .pijl1 {
  left: 5%;
  bottom: -130%; }

.werkwijze .pijl2 {
  right: 0%;
  top: -100%; }
  .werkwijze .pijl2 img {
    max-height: 75px; }

.werkwijze .pijl3 {
  right: -30%;
  top: 45%; }

.werkwijze .vliegtuig {
  right: 0px;
  bottom: -125px; }
  .werkwijze .vliegtuig img {
    max-height: 125px; }

@media screen and (max-width: 1000px) {
  .werkwijze .grotepijl {
    right: 0px;
    left: inherit;
    top: 30%; }
    .werkwijze .grotepijl img {
      max-height: 200px; }
  .werkwijze .pijl1, .werkwijze .pijl2, .werkwijze .pijl3 {
    display: none; }
  .werkwijze .vliegtuig {
    bottom: 0px;
    right: 0px; } }

.specialisaties .pagewidth {
  position: relative; }

.specialisaties .man, .specialisaties .vrouw {
  position: absolute;
  max-height: 100%; }
  .specialisaties .man img, .specialisaties .vrouw img {
    height: 800px; }
    @media screen and (max-width: 1700px) {
      .specialisaties .man img, .specialisaties .vrouw img {
        height: 750px; } }

.specialisaties .man {
  left: -560px;
  bottom: 0px; }
  @media screen and (max-width: 1700px) {
    .specialisaties .man {
      left: -460px; } }

.specialisaties .vrouw {
  right: -560px;
  bottom: 0px; }
  @media screen and (max-width: 1700px) {
    .specialisaties .vrouw {
      right: -460px; } }

.specialisaties .specs {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%; }

@media screen and (max-width: 1700px) {
  .specialisaties .pagewidth {
    width: 1100px; } }

.specialisaties .kop {
  font-size: 60px;
  font-weight: bold;
  color: #315781;
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 1000px) {
    .specialisaties .kop {
      font-size: 40px; } }

.specialisaties .introtekst {
  font-weight: bold;
  color: white;
  font-size: 25px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media screen and (max-width: 1000px) {
    .specialisaties .introtekst {
      font-size: 18px;
      max-width: 80%; } }

.specialisaties .blokken {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  margin-top: 130px;
  height: 100%; }
  @media screen and (max-width: 1700px) {
    .specialisaties .blokken {
      margin-top: 30px; } }
  @media screen and (max-width: 1000px) {
    .specialisaties .blokken {
      flex-direction: column; } }
  .specialisaties .blokken .blok {
    width: 100%;
    background-color: #ffffff;
    margin-top: 36px;
    margin-right: 15px;
    padding: 70px 30px 30px 30px;
    text-align: center;
    position: relative;
    transition-duration: 0.1s;
    transition-delay: 0s;
    font-size: 17px;
    border-radius: 10px;
    transition: all .2s ease-in-out; }
    @media screen and (max-width: 1000px) {
      .specialisaties .blokken .blok {
        padding: 50px 20px 20px 20px;
        margin-bottom: 50px; } }
    .specialisaties .blokken .blok:hover {
      transform: scale(1.04); }
    .specialisaties .blokken .blok .kop {
      font-weight: bold;
      margin-bottom: 20px;
      height: 50px;
      display: flex;
      align-items: Center;
      justify-content: center;
      font-size: 19px; }
      @media screen and (max-width: 1000px) {
        .specialisaties .blokken .blok .kop {
          height: auto; } }
  .specialisaties .blokken .logo {
    position: absolute;
    top: -65px;
    background: white;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    display: Flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    left: 0px;
    right: 0px; }
    .specialisaties .blokken .logo img {
      height: 100px;
      width: auto; }
    @media screen and (max-width: 1000px) {
      .specialisaties .blokken .logo {
        height: 70px;
        width: 70px;
        top: -30px; }
        .specialisaties .blokken .logo img {
          height: 50px; } }

.superkrachten .titel {
  color: #f37226; }
  .superkrachten .titel span {
    color: #7fcce4;
    margin-right: 20px; }
    @media screen and (max-width: 1000px) {
      .superkrachten .titel span {
        margin-right: 10px; } }

.superkrachten .skrachten {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between; }

.superkrachten .introtekst {
  padding: 0 130px; }
  .superkrachten .introtekst h2 {
    color: #7fcce4;
    font-weight: bold; }
  @media screen and (max-width: 1000px) {
    .superkrachten .introtekst {
      padding-left: 0px;
      padding-right: 0px; }
      .superkrachten .introtekst h2 {
        font-size: 28px; } }

.superkrachten .krachten {
  margin-top: 70px;
  display: flex;
  align-self: flex-end; }
  @media screen and (max-width: 1000px) {
    .superkrachten .krachten {
      margin-top: 20px;
      flex-direction: column;
      padding-left: 0px; }
      .superkrachten .krachten .links, .superkrachten .krachten .rechts, .superkrachten .krachten .midden {
        width: 100% !important;
        max-width: 100% !important;
        margin: auto; }
      .superkrachten .krachten .links {
        order: 1;
        padding-bottom: 0px !important; }
      .superkrachten .krachten .rechts {
        order: 2; }
      .superkrachten .krachten .midden {
        order: 3; } }
  .superkrachten .krachten .links {
    width: 25%;
    position: relative;
    padding-bottom: 50px; }
    .superkrachten .krachten .links .kracht {
      text-align: right; }
      @media screen and (max-width: 1000px) {
        .superkrachten .krachten .links .kracht {
          text-align: left !important; } }
  .superkrachten .krachten .rechts {
    width: 25%;
    position: relative; }
  .superkrachten .krachten .midden {
    width: 50%;
    text-align: center;
    position: relative;
    padding-top: 50px; }
    .superkrachten .krachten .midden img {
      height: 60vh;
      min-height: 600px;
      width: auto;
      position: absolute;
      bottom: 0px;
      margin: auto;
      left: 0px;
      right: 0px; }
      @media screen and (max-width: 1000px) {
        .superkrachten .krachten .midden img {
          position: Static;
          height: auto !important;
          width: auto !important;
          min-height: auto !important;
          max-height: 300px; } }

.superkrachten .kracht {
  margin-bottom: 35px;
  position: relative; }
  .superkrachten .kracht .kop {
    font-weight: bold;
    color: #7fcce4;
    font-size: 25px;
    margin-bottom: 10px; }
  .superkrachten .kracht .inhoud {
    font-style: italic; }

.superkrachten .vriendelijk {
  right: -100px; }

.superkrachten .begripvol {
  left: -100px; }

.superkrachten .zorgzaam {
  right: -50px; }

.superkrachten .geduldig {
  left: -50px; }

@media screen and (max-width: 1000px) {
  .superkrachten .vriendelijk, .superkrachten .begripvol, .superkrachten .zorgzaam, .superkrachten .geduldig {
    left: inherit;
    right: inherit;
    text-align: left !important; } }

.voorwaarden {
  height: auto; }
  .voorwaarden .voorw {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column; }
  .voorwaarden .pagewidth {
    position: relative; }
  .voorwaarden .titel {
    color: #315781;
    width: 100%; }
  .voorwaarden .subkop {
    color: #60b4f9;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 15px; }
  .voorwaarden .blokken {
    position: relative;
    right: 0px;
    top: -100px;
    display: flex;
    align-items: flex-end;
    flex-direction: column; }
    @media screen and (max-width: 1000px) {
      .voorwaarden .blokken {
        flex-direction: column;
        position: static;
        width: 100%;
        padding-bottom: 350px; } }
  .voorwaarden .arbeidsvoorwaarden {
    background: white;
    border-radius: 100%;
    width: 700px;
    height: 400px;
    padding: 50px;
    position: relative;
    right: -130px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 50px;
    margin-right: 0px; }
    @media screen and (max-width: 1000px) {
      .voorwaarden .arbeidsvoorwaarden {
        width: 100% !important;
        height: auto !important;
        position: static;
        border-radius: 0px;
        margin-top: 20px !important;
        padding: 10px !important; } }
    @media screen and (max-width: 1700px) {
      .voorwaarden .arbeidsvoorwaarden {
        width: 800px;
        height: 300px;
        top: 0px; }
        .voorwaarden .arbeidsvoorwaarden .subkop {
          font-size: 30px; } }
    @media screen and (max-width: 1300px) {
      .voorwaarden .arbeidsvoorwaarden {
        padding: 20px 50px 50px 50px;
        margin-top: 100px; } }
  .voorwaarden .diversiteit {
    background: white;
    width: 800px;
    padding: 30px;
    right: 40px;
    z-index: 99;
    display: flex;
    justify-content: center;
    flex-direction: column;
    top: 0px; }
    .voorwaarden .diversiteit .inhoud span {
      color: #f37226; }
    @media screen and (max-width: 1700px) {
      .voorwaarden .diversiteit .subkop {
        font-size: 30px; } }
    @media screen and (max-width: 1000px) {
      .voorwaarden .diversiteit {
        width: 100% !important;
        height: auto;
        position: static; } }
  .voorwaarden .knop {
    text-align: right; }
    .voorwaarden .knop a {
      display: inline-block;
      padding: 10px 20px;
      color: white !important;
      background: #60b4f9; }
  .voorwaarden .geldschieten {
    left: -100px;
    position: absolute;
    bottom: 0px; }
    .voorwaarden .geldschieten img {
      max-height: 75vh; }
    @media screen and (max-width: 1700px) {
      .voorwaarden .geldschieten {
        left: 0px; }
        .voorwaarden .geldschieten img {
          max-height: 350px;
          width: auto; } }

.aansluiten {
  background-image: url("../images/leeuw/icon-kroon.png");
  overflow: hidden; }
  .aansluiten .sluitaan {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .aansluiten .top {
    width: 100%;
    marign-bottom: 50px; }
  .aansluiten .titel {
    color: white;
    text-align: center;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1000px) {
      .aansluiten .titel {
        flex-directioN: column; } }
    .aansluiten .titel span {
      color: #f37226;
      margin-left: 20px; }
  .aansluiten .subtitel {
    width: 100%;
    max-width: 780px;
    padding-bottom: 10px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: white; }
  .aansluiten .bottom {
    display: Flex;
    justify-content: space-between; }
    @media screen and (max-width: 1000px) {
      .aansluiten .bottom {
        flex-direction: column; } }
    .aansluiten .bottom .form {
      order: 2;
      width: 70%;
      background: white;
      height: 70vh;
      min-height: 550px;
      padding: 40px 40px 60px 40px;
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 1200px) {
        .aansluiten .bottom .form {
          width: 100%; } }
      @media screen and (max-width: 1000px) {
        .aansluiten .bottom .form {
          height: auto;
          padding: 20px 20px 50px 20px; } }
      .aansluiten .bottom .form .kop {
        color: #60b4f9;
        font-size: 45px;
        font-weight: bold;
        margin-bottom: 15px; }
        @media screen and (max-width: 1000px) {
          .aansluiten .bottom .form .kop {
            font-size: 25px; } }
      .aansluiten .bottom .form .voorgaan {
        background: #f37226;
        color: white;
        border-radius: 100%;
        bottom: -50px;
        right: -20px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        padding: 40px 0 75px 0; }
    .aansluiten .bottom .telefoonleeuw {
      order: 1;
      display: flex;
      align-items: flex-end;
      height: 70vh; }
      @media screen and (max-width: 1000px) {
        .aansluiten .bottom .telefoonleeuw {
          height: auto; } }
      .aansluiten .bottom .telefoonleeuw img {
        width: 70%; }
        @media screen and (max-width: 1000px) {
          .aansluiten .bottom .telefoonleeuw img {
            max-height: 300px; } }
      .aansluiten .bottom .telefoonleeuw .foto {
        align-self: flex-end; }
      .aansluiten .bottom .telefoonleeuw .wolk {
        position: relative;
        background: white;
        border-radius: 100%;
        border: 4px solid black;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        max-width: 345px;
        margin-left: auto;
        margin-right: 70px;
        margin-bottom: 120px; }
        .aansluiten .bottom .telefoonleeuw .wolk:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 0;
          height: 0;
          border: 26px solid transparent;
          border-top-color: black;
          border-bottom: 0;
          border-right: 0;
          margin-left: -13px;
          margin-bottom: -26px; }

.waarom {
  overflow: hidden;
  position: relative;
  background-image: url("../images/caddy-groot.jpg");
  background-repeat: no-repeat;
  background-position: bottom left; }
  .waarom .pagewidth {
    position: relative; }
  .waarom .waar {
    display: flex;
    flex-direction: column; }
  .waarom .titel, .waarom .subtitel {
    color: #7fcce4;
    font-weight: bold; }
    .waarom .titel span, .waarom .subtitel span {
      margin-right: 10px;
      color: #f37226; }
  .waarom .subtitel {
    margin-bottom: 30px; }
  .waarom .content {
    display: inline-block; }
    .waarom .content .links {
      float: left;
      width: 50%;
      padding-right: 0px; }
    .waarom .content .rechts {
      float: right;
      width: 42%; }
      .waarom .content .rechts h2 {
        font-weight: bold;
        color: #f37226; }
      .waarom .content .rechts .tekstblok {
        background: #315781;
        max-width: 450px;
        padding: 15px; }
        .waarom .content .rechts .tekstblok li {
          margin-bottom: 15px;
          font-size: 17px;
          color: white; }
    @media screen and (max-width: 1000px) {
      .waarom .content .links, .waarom .content .rechts {
        width: 100%;
        float: inherit; } }
  .waarom .hand {
    position: absolute;
    right: -300px;
    bottom: 0px;
    max-height: 65vh; }
    @media screen and (max-width: 1700px) {
      .waarom .hand {
        right: -200px;
        max-height: 45vh; } }
    @media screen and (max-width: 1000px) {
      .waarom .hand {
        position: static; } }

.contact {
  background-image: url("../images/stippels.png");
  overflow: hidden; }
  .contact .sluitaan {
    display: flex; }
  .contact .gform_wrapper.gravity-theme .gfield textarea.large {
    max-height: 200px; }
  .contact .bottom {
    display: Flex;
    align-self: flex-end;
    flex-direction: row;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      .contact .bottom {
        flex-direction: column; } }
    .contact .bottom .form {
      order: 2;
      width: 80%;
      background: white;
      height: 80vh;
      min-height: 560px;
      padding: 40px;
      position: relative;
      align-self: flex-end; }
      @media screen and (max-width: 1000px) {
        .contact .bottom .form {
          width: 100%;
          height: auto;
          padding: 15px;
          margin-top: 50px; } }
      .contact .bottom .form .kop {
        color: #f37226;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
        position: absolute;
        top: -70px;
        left: 0px; }
        @media screen and (max-width: 1000px) {
          .contact .bottom .form .kop {
            position: static; } }
      .contact .bottom .form .voorgaan {
        background: #f37226;
        color: white;
        border-radius: 100%;
        bottom: -50px;
        right: -20px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        padding: 40px 0 75px 0; }
    .contact .bottom .scooter {
      order: 1;
      display: flex;
      align-items: flex-end;
      height: 75vh;
      width: 60%;
      position: relative; }
      @media screen and (max-width: 1000px) {
        .contact .bottom .scooter {
          width: 100%;
          height: auto; } }
      .contact .bottom .scooter .foto img {
        width: 90%;
        max-height: 75vh; }
        @media screen and (max-width: 1000px) {
          .contact .bottom .scooter .foto img {
            width: auto !important;
            max-height: 250px !important;
            height: auto; } }
      .contact .bottom .scooter .foto {
        align-self: flex-end; }
      .contact .bottom .scooter .wow {
        position: absolute;
        top: 20px;
        left: 100px;
        max-width: 250px; }
        @media screen and (max-width: 1000px) {
          .contact .bottom .scooter .wow {
            max-width: 150px;
            right: 0px;
            top: 0px;
            left: inherit; } }

html, body {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth; }

body {
  font-family: "Lato", sans-serif !important;
  color: black;
  font-size: 18px !important; }
  body section a, body p a {
    color: #F37020 !important; }
    body section a:hover, body p a:hover {
      font-weight: bold;
      text-decoration: none; }

.minpad {
  padding: 6vh 0; }

.height {
  min-height: 100vh;
  height: auto; }

@media screen and (max-width: 1000px) {
  .height {
    min-height: auto !important;
    height: auto !important; } }

.bglblauw {
  background-color: #7fcce4;
  position: relative; }

.bggrijs {
  background-color: #dddddd; }

.shadow {
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); }

.pijl {
  position: absolute;
  margin: auto;
  bottom: 20px;
  left: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  color: white;
  z-index: 99999; }
  .pijl.wit svg {
    fill: white; }
  .pijl.blauw svg {
    fill: #315781; }
  .pijl svg {
    height: 40px;
    width: 40px;
    animation: slide1 3s ease-in-out infinite; }

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(0px, 20px); } }

.wrapper {
  width: 100%; }

.titel {
  padding: 10px 0;
  font-size: 50px;
  font-weight: bold;
  display: flex;
  align-items: center; }
  .titel img {
    max-width: 100px;
    margin-right: 25px; }
  @media screen and (max-width: 1000px) {
    .titel {
      font-size: 30px; }
      .titel img {
        max-width: 50px;
        margin-right: 15px; } }

.auto {
  position: absolute;
  right: 20px;
  top: -200px;
  z-index: 999999; }
  @media screen and (max-width: 1000px) {
    .auto {
      left: 15px;
      right: inherit; }
      .auto img {
        max-width: 55px; } }

.caddy {
  position: absolute;
  left: -200px;
  bottom: 0px;
  z-index: 999999; }
  .caddy img {
    max-width: 250px;
    height: auto; }

section {
  overflow: hidden;
  position: relative; }

.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw); }

@media screen and (min-width: 1300px) {
  .pagewidth {
    max-width: 1300px;
    margin: auto; } }

@media screen and (max-width: 1300px) {
  .pagewidth {
    max-width: 90%;
    margin: auto; } }

.baan {
  position: absolute;
  left: 0px;
  height: 100%;
  display: flex; }
  .baan .wit {
    width: 10px;
    background: white; }
  .baan .blauw {
    width: 8px;
    background: #7fcce4; }
  .baan .oranje {
    width: 30px;
    background: #f37226; }
  @media screen and (max-width: 1300px) {
    .baan .wit {
      width: 5px;
      background: white; }
    .baan .blauw {
      width: 4px;
      background: #7fcce4; }
    .baan .oranje {
      width: 15px;
      background: #f37226; } }
  @media screen and (max-width: 1000px) {
    .baan .wit {
      width: 2px;
      background: white; }
    .baan .blauw {
      width: 2px;
      background: #7fcce4; }
    .baan .oranje {
      width: 7px;
      background: #f37226; } }

.gform_wrapper.gravity-theme .gform_footer input {
  background: #f37226;
  color: white;
  border: 0px;
  padding: 10px 25px;
  border-radius: 2px;
  transition: .2s; }
  .gform_wrapper.gravity-theme .gform_footer input:hover {
    background: #315781; }