@charset "UTF-8";

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

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

html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 102%;
  font-family: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}

footer,
header,
nav,
section,
main {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

.homepage-header,
.single-header,
.page-header {
  height: 100vh;
  max-height: 80rem;
  height: calc(var(--vh, 1vh) * 100 - 3.3889rem);
  position: relative;
  background-color: #23201e;
  color: #fff;
  min-height: 37.5rem;
}

@media (max-width: 1279px) {
  .homepage-header,
.single-header,
.page-header {
    height: calc(var(--vh, 1vh) * 100 - 2.6875rem);
  }
}

@media (max-width: 599px) {
  .homepage-header,
.single-header,
.page-header {
    height: auto;
  }
}

.homepage-header .boxed,
.single-header .boxed,
.page-header .boxed {
  padding-top: 9.1rem;
  height: 100%;
}

@media (max-width: 1279px) {
  .homepage-header .boxed,
.single-header .boxed,
.page-header .boxed {
    padding-top: 8.1rem;
  }
}

@media (max-width: 599px) {
  .homepage-header .boxed,
.single-header .boxed,
.page-header .boxed {
    padding-top: 9rem;
  }
}

.homepage-header .header_image,
.single-header .header_image,
.page-header .header_image {
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: linear-gradient(60deg, rgba(255, 255, 255, 0.1) 40%, white 60%);
          mask-image: linear-gradient(60deg, rgba(255, 255, 255, 0.1) 40%, white 60%);
}

.homepage-header .left,
.single-header .left,
.page-header .left {
  width: 64%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.homepage-header .breadcrumbs,
.single-header .breadcrumbs,
.page-header .breadcrumbs {
  position: relative;
  margin-left: 2.2rem;
  font-size: 0.8889rem;
  color: #fff;
  font-family: "lato", Arial, Helvetica, sans-serif;
}

@media (min-width: 1024px) {
  .homepage-header .breadcrumbs,
.single-header .breadcrumbs,
.page-header .breadcrumbs {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .homepage-header .breadcrumbs,
.single-header .breadcrumbs,
.page-header .breadcrumbs {
    margin-left: 8rem;
  }
}

.homepage-header .breadcrumbs a,
.single-header .breadcrumbs a,
.page-header .breadcrumbs a {
  text-decoration: none;
  color: #fff;
  margin: 0 1rem 0 0;
}

.homepage-header .breadcrumbs span.nolink,
.single-header .breadcrumbs span.nolink,
.page-header .breadcrumbs span.nolink {
  margin: 0 1rem 0 0;
}

.homepage-header .breadcrumbs .sep,
.single-header .breadcrumbs .sep,
.page-header .breadcrumbs .sep {
  margin: 0 1rem 0 0;
}

.homepage-header .pretitle,
.single-header .pretitle,
.page-header .pretitle {
  margin-left: 2.2rem;
  font-size: 0.8889rem;
  display: none;
  position: relative;
  letter-spacing: 0.2em;
  color: rgba(255, 255, 255, 0.3);
  font-family: "lato", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 4.8rem;
}

@media (min-width: 1024px) {
  .homepage-header .pretitle,
.single-header .pretitle,
.page-header .pretitle {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .homepage-header .pretitle,
.single-header .pretitle,
.page-header .pretitle {
    margin-left: 8rem;
  }
}

@media (max-width: 1279px) {
  .homepage-header .pretitle,
.single-header .pretitle,
.page-header .pretitle {
    margin-top: 1.9rem;
  }
}

@media (max-width: 599px) {
  .homepage-header .pretitle,
.single-header .pretitle,
.page-header .pretitle {
    margin-top: 3rem;
    font-size: 0.8889rem;
  }
}

.homepage-header h1,
.single-header h1,
.page-header h1 {
  margin-left: 2.2rem;
  position: relative;
  width: 27.4rem;
  margin-bottom: 1.9333rem;
}

@media (min-width: 1024px) {
  .homepage-header h1,
.single-header h1,
.page-header h1 {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .homepage-header h1,
.single-header h1,
.page-header h1 {
    margin-left: 8rem;
  }
}

@media (max-width: 599px) {
  .homepage-header h1,
.single-header h1,
.page-header h1 {
    margin-right: 2.2rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .homepage-header h1,
.single-header h1,
.page-header h1 {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .homepage-header h1,
.single-header h1,
.page-header h1 {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) {
  .homepage-header h1,
.single-header h1,
.page-header h1 {
    margin-bottom: 1.65rem;
  }
}

.homepage-header .intro,
.single-header .intro,
.page-header .intro {
  margin-left: 2.2rem;
  font-size: 1.16667rem;
  position: relative;
  line-height: 1.81em;
  width: 90%;
  max-width: 37.4444rem;
  margin-bottom: 2.3333rem;
}

@media (min-width: 1024px) {
  .homepage-header .intro,
.single-header .intro,
.page-header .intro {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .homepage-header .intro,
.single-header .intro,
.page-header .intro {
    margin-left: 8rem;
  }
}

.homepage-header .intro a.button,
.single-header .intro a.button,
.page-header .intro a.button {
  margin: 1rem 3rem 0 0;
}

@media (max-width: 1279px) {
  .homepage-header .intro,
.single-header .intro,
.page-header .intro {
    max-width: 27.125rem;
    font-size: 0.95rem;
  }
}

@media (max-width: 599px) {
  .homepage-header .intro,
.single-header .intro,
.page-header .intro {
    margin-right: 2.2rem;
    font-size: 1rem;
    width: auto;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .homepage-header .intro,
.single-header .intro,
.page-header .intro {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .homepage-header .intro,
.single-header .intro,
.page-header .intro {
    margin-right: 8rem;
  }
}

.homepage-header .right,
.single-header .right,
.page-header .right {
  width: 36%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1279px) {
  .homepage-header .right,
.single-header .right,
.page-header .right {
    width: auto;
  }
}

.homepage-header .right a.playbutton,
.single-header .right a.playbutton,
.page-header .right a.playbutton {
  position: relative;
  font-family: "lato", Arial, Helvetica, sans-serif;
  z-index: 20;
  font-size: 1.2rem;
  cursor: pointer;
  color: #00abc8 !important;
  text-decoration: none;
  display: flex;
  align-items: center;
}

@media (max-width: 1279px) {
  .homepage-header .right a.playbutton,
.single-header .right a.playbutton,
.page-header .right a.playbutton {
    margin-left: auto;
    margin-right: 5.375rem;
  }
}

@media (max-width: 599px) {
  .homepage-header .right a.playbutton,
.single-header .right a.playbutton,
.page-header .right a.playbutton {
    margin-left: auto;
    margin-right: auto;
  }
}

.homepage-header .right a.playbutton .play,
.single-header .right a.playbutton .play,
.page-header .right a.playbutton .play {
  margin-left: 2.8rem;
  background-color: #00abc8;
  position: relative;
  width: 8.111rem;
  height: 8.111rem;
  border-radius: 8.111rem;
}

.homepage-header .right a.playbutton .play::before,
.single-header .right a.playbutton .play::before,
.page-header .right a.playbutton .play::before {
  width: 0;
  content: "";
  height: 0;
  border-top: 1.2rem solid transparent;
  border-bottom: 1.2rem solid transparent;
  border-left: 2rem solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.homepage-header .right a.playbutton .play.logo::before,
.single-header .right a.playbutton .play.logo::before,
.page-header .right a.playbutton .play.logo::before {
  background-image: url(../images/serpentinedays_node_icon.svg);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center;
}

.homepage-header .right a.playbutton .play::after,
.single-header .right a.playbutton .play::after,
.page-header .right a.playbutton .play::after {
  background-color: transparent;
  content: "";
  position: absolute;
  left: -1rem;
  top: -1rem;
  width: 10.111rem;
  height: 10.111rem;
  border-radius: 10.111rem;
  border: 2px solid #00abc8;
  transition: all 600ms;
}

.homepage-header .right a.playbutton:hover .play::after,
.single-header .right a.playbutton:hover .play::after,
.page-header .right a.playbutton:hover .play::after {
  left: -1.5rem;
  top: -1.5rem;
  width: 11.111rem;
  height: 11.111rem;
  transition: all 600ms;
  opacity: 0.8;
}

.homepage-header .scrolldown,
.single-header .scrolldown,
.page-header .scrolldown {
  width: 6.7778rem;
  height: 6.7778rem;
  left: calc(50% - 3.3889rem);
  z-index: 2;
  bottom: 0;
  /*-3.3889rem;*/
  position: absolute;
}

@media (max-width: 1279px) {
  .homepage-header .scrolldown,
.single-header .scrolldown,
.page-header .scrolldown {
    width: 5.375rem;
    height: 5.375rem;
    bottom: -2.6875rem;
    left: calc(50% - 2.687rem);
  }
}

.homepage-header .scrolldown img,
.single-header .scrolldown img,
.page-header .scrolldown img {
  display: block;
  width: 4.1111rem;
  /*2.1111rem*/
  height: 1.5rem;
  margin: 2.94444rem auto;
}

@media (max-width: 1279px) {
  .homepage-header .scrolldown img,
.single-header .scrolldown img,
.page-header .scrolldown img {
    width: 1.6875rem;
    height: 1.1875rem;
    margin: 2.1rem auto;
  }
}

.videobck {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  display: none;
}

.videobck.open {
  display: block;
}

.videobck .videoplayer {
  height: calc(100vh - 14.222rem);
  width: calc(16 / 9 * (100vh - 14.222rem));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 599px) {
  .videobck .videoplayer {
    height: calc(100vh - 4.222rem);
    width: calc(16 / 9 * (100vh - 4.222rem));
  }
}

@media (max-aspect-ratio: 15/9) {
  .videobck .videoplayer {
    width: calc(100vw - 14.222rem);
    height: calc(9 / 16 * (100vw - 14.222rem));
  }
}

@media (max-aspect-ratio: 15/9) and (max-width: 599px) {
  .videobck .videoplayer {
    width: calc(100vw - 4.222rem);
    height: calc(9 / 16 * (100vw - 4.222rem));
  }
}

.videobck .videoplayer iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-header {
  max-height: 41.1666rem;
  height: 40.9rem;
  min-height: 0;
}

@media (max-width: 1279px) {
  .page-header {
    max-height: 96rem;
    height: 38.6rem;
  }
}

@media (max-width: 599px) {
  .page-header {
    height: auto;
  }

  .page-header .boxed {
    padding-bottom: 2rem;
  }
}

@media (max-width: 599px) {
  .page-header.withcta {
    height: auto;
    max-height: 1000rem;
  }

  .page-header.withcta .boxed {
    padding-bottom: 17rem;
  }

  .page-header.withcta .boxed .right {
    width: 100%;
  }

  .page-header.withcta .boxed .headercta {
    margin-right: 0;
  }
}

body.page-template-page-noheader .page-header {
  height: auto;
  overflow: hidden;
}

body.page-template-page-noheader .page-header a.scrolldown {
  display: none;
}

.single-header {
  max-height: 41.1666rem;
  height: 40.9rem;
  min-height: 0;
}

.single-header h1 {
  margin-top: 7.166rem;
  width: 50%;
}

@media (max-width: 1279px) {
  .single-header {
    max-height: 96rem;
    height: 38.6rem;
  }
}

@media (max-width: 599px) {
  .single-header {
    height: auto;
  }

  .single-header .boxed {
    padding-bottom: 5rem;
  }

  .single-header h1 {
    margin-top: 4.166rem;
    width: auto;
  }
}

.homepage-header .boxed {
  display: flex;
  padding-top: 4.5rem;
}

@media (max-width: 599px) {
  .homepage-header .boxed {
    display: block;
  }

  .homepage-header .boxed h1 {
    display: block;
  }
}

@media (max-width: 599px) {
  .homepage-header .boxed .left {
    width: 100%;
  }
}

.homepage-header .boxed .left .pretitle {
  margin-top: 0;
}

@media (max-width: 599px) {
  .homepage-header .boxed .left .pretitle {
    margin-top: 6.2rem;
  }
}

@media (max-width: 599px) {
  .homepage-header .boxed .right {
    width: 100%;
    display: block;
    padding-bottom: 7.6rem;
  }

  .homepage-header .boxed .right a.playbutton {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }
}

#main .wp-block-group {
  padding: 0;
}

#main .wp-block-group .wp-block-group__inner-container {
  width: 100%;
  position: relative;
  max-width: calc(2560px - 16rem);
  margin: 0 auto;
}

@media (max-width: 2559px) {
  #main .wp-block-group .wp-block-group__inner-container {
    width: calc(100% - 16rem);
    margin: 0 8rem;
  }
}

@media (max-width: 599px) {
  #main .wp-block-group .wp-block-group__inner-container {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
    width: calc(100% - 4.4rem);
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  #main .wp-block-group .wp-block-group__inner-container {
    margin-left: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  #main .wp-block-group .wp-block-group__inner-container {
    margin-left: 8rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  #main .wp-block-group .wp-block-group__inner-container {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  #main .wp-block-group .wp-block-group__inner-container {
    margin-right: 8rem;
  }
}

#main .wp-block-group .wp-block-group__inner-container .wp-block-columns {
  margin-right: 0;
  margin-left: 0;
}

#main .wp-block-group.is-style-with-padding {
  padding: 8rem 0;
}

@media (max-width: 1279px) {
  #main .wp-block-group {
    padding: 0;
  }
}

#main .wp-block-image {
  margin-bottom: 0;
}

#main .wp-block-image img {
  display: block;
}

#main ul,
.block-editor-block-list__layout ul {
  list-style-type: disc;
  list-style-position: outside;
}

#main ul li,
.block-editor-block-list__layout ul li {
  margin-left: 2rem;
}

#main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  margin-bottom: 1.75em;
}

@media (min-width: 1024px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    margin-right: 8rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    max-width: calc(2368px - 16rem);
    margin: 0 auto;
  }
}

@media (max-width: 599px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    margin-bottom: 0;
  }
}

#main .wp-block-columns.alignwide,
.block-editor-block-list__layout .wp-block-columns.alignwide {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 599px) {
  #main .wp-block-columns .wp-block-column,
.block-editor-block-list__layout .wp-block-columns .wp-block-column {
    margin-bottom: 1.75rem;
  }
}

#main .wp-block-columns .wp-block-column > h1, #main .wp-block-columns .wp-block-column > h2, #main .wp-block-columns .wp-block-column > h3, #main .wp-block-columns .wp-block-column > ul, #main .wp-block-columns .wp-block-column > ol, #main .wp-block-columns .wp-block-column > form, #main .wp-block-columns .wp-block-column > .wp-block-buttons, #main .wp-block-columns .wp-block-column > .wp-block-button, #main .wp-block-columns .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  #main .wp-block-columns .wp-block-column > h1, #main .wp-block-columns .wp-block-column > h2, #main .wp-block-columns .wp-block-column > h3, #main .wp-block-columns .wp-block-column > ul, #main .wp-block-columns .wp-block-column > ol, #main .wp-block-columns .wp-block-column > form, #main .wp-block-columns .wp-block-column > .wp-block-buttons, #main .wp-block-columns .wp-block-column > .wp-block-button, #main .wp-block-columns .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-columns .wp-block-column > h1, #main .wp-block-columns .wp-block-column > h2, #main .wp-block-columns .wp-block-column > h3, #main .wp-block-columns .wp-block-column > ul, #main .wp-block-columns .wp-block-column > ol, #main .wp-block-columns .wp-block-column > form, #main .wp-block-columns .wp-block-column > .wp-block-buttons, #main .wp-block-columns .wp-block-column > .wp-block-button, #main .wp-block-columns .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main .wp-block-columns .wp-block-column > h1, #main .wp-block-columns .wp-block-column > h2, #main .wp-block-columns .wp-block-column > h3, #main .wp-block-columns .wp-block-column > ul, #main .wp-block-columns .wp-block-column > ol, #main .wp-block-columns .wp-block-column > form, #main .wp-block-columns .wp-block-column > .wp-block-buttons, #main .wp-block-columns .wp-block-column > .wp-block-button, #main .wp-block-columns .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-columns .wp-block-column > h1, #main .wp-block-columns .wp-block-column > h2, #main .wp-block-columns .wp-block-column > h3, #main .wp-block-columns .wp-block-column > ul, #main .wp-block-columns .wp-block-column > ol, #main .wp-block-columns .wp-block-column > form, #main .wp-block-columns .wp-block-column > .wp-block-buttons, #main .wp-block-columns .wp-block-column > .wp-block-button, #main .wp-block-columns .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  #main .wp-block-columns .wp-block-column > h1, #main .wp-block-columns .wp-block-column > h2, #main .wp-block-columns .wp-block-column > h3, #main .wp-block-columns .wp-block-column > ul, #main .wp-block-columns .wp-block-column > ol, #main .wp-block-columns .wp-block-column > form, #main .wp-block-columns .wp-block-column > .wp-block-buttons, #main .wp-block-columns .wp-block-column > .wp-block-button, #main .wp-block-columns .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 599px) {
  #main .wp-block-columns .wp-block-column > h1:not(:first-child), #main .wp-block-columns .wp-block-column > h2:not(:first-child), #main .wp-block-columns .wp-block-column > h3:not(:first-child), #main .wp-block-columns .wp-block-column > ul:not(:first-child), #main .wp-block-columns .wp-block-column > ol:not(:first-child), #main .wp-block-columns .wp-block-column > form:not(:first-child), #main .wp-block-columns .wp-block-column > .wp-block-buttons:not(:first-child), #main .wp-block-columns .wp-block-column > .wp-block-button:not(:first-child), #main .wp-block-columns .wp-block-column > p:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h1:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h2:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > h3:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ul:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > ol:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > form:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-buttons:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > .wp-block-button:not(:first-child),
.block-editor-block-list__layout .wp-block-columns .wp-block-column > p:not(:first-child) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

#main .wp-block-columns .wp-block-column.columnwithoutleftmargin > h1, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > h2, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > h3, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > ul, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > ol, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > form, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > .wp-block-buttons, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > .wp-block-button, #main .wp-block-columns .wp-block-column.columnwithoutleftmargin > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.columnwithoutleftmargin > p {
  margin-left: 0;
}

#main .wp-block-columns .wp-block-column.is-style-no-padding > h1, #main .wp-block-columns .wp-block-column.is-style-no-padding > h2, #main .wp-block-columns .wp-block-column.is-style-no-padding > h3, #main .wp-block-columns .wp-block-column.is-style-no-padding > ul, #main .wp-block-columns .wp-block-column.is-style-no-padding > ol, #main .wp-block-columns .wp-block-column.is-style-no-padding > form, #main .wp-block-columns .wp-block-column.is-style-no-padding > .wp-block-buttons, #main .wp-block-columns .wp-block-column.is-style-no-padding > .wp-block-button, #main .wp-block-columns .wp-block-column.is-style-no-padding > p,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > h1,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > h2,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > h3,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > ul,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > ol,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > form,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns .wp-block-column.is-style-no-padding > p {
  margin-right: 0;
  margin-left: 0;
}

#main .wp-block-columns.is-style-no-padding .wp-block-column > h1,
#main .wp-block-columns.is-style-no-padding .wp-block-column > h2,
#main .wp-block-columns.is-style-no-padding .wp-block-column > h3,
#main .wp-block-columns.is-style-no-padding .wp-block-column > ul,
#main .wp-block-columns.is-style-no-padding .wp-block-column > ol,
#main .wp-block-columns.is-style-no-padding .wp-block-column > form,
#main .wp-block-columns.is-style-no-padding .wp-block-column > .wp-block-buttons,
#main .wp-block-columns.is-style-no-padding .wp-block-column > .wp-block-button,
#main .wp-block-columns.is-style-no-padding .wp-block-column > p,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > h1,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > h2,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > h3,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > ul,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > ol,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > form,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > .wp-block-buttons,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > .wp-block-button,
.block-editor-block-list__layout .wp-block-columns.is-style-no-padding .wp-block-column > p {
  margin-right: 0;
  margin-left: 0;
}

@media (max-width: 599px) {
  #main .wp-block-columns,
.block-editor-block-list__layout .wp-block-columns {
    display: block;
  }
}

#main .wp-block-quote,
.block-editor-block-list__layout .wp-block-quote {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  font-family: "lato";
  font-size: 2.6667rem;
  line-height: 1.625;
}

@media (min-width: 1024px) {
  #main .wp-block-quote,
.block-editor-block-list__layout .wp-block-quote {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-quote,
.block-editor-block-list__layout .wp-block-quote {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main .wp-block-quote,
.block-editor-block-list__layout .wp-block-quote {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-quote,
.block-editor-block-list__layout .wp-block-quote {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) {
  #main .wp-block-quote,
.block-editor-block-list__layout .wp-block-quote {
    font-size: 1.75rem;
  }
}

#main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
  width: 65%;
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  #main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  #main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
    width: calc(100% - 8.8rem);
  }
}

@media (max-width: 599px) {
  #main .wp-block-quote p,
.block-editor-block-list__layout .wp-block-quote p {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

#main > .wp-block-buttons,
.block-editor-block-list__layout > .wp-block-buttons {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  #main > .wp-block-buttons,
.block-editor-block-list__layout > .wp-block-buttons {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main > .wp-block-buttons,
.block-editor-block-list__layout > .wp-block-buttons {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main > .wp-block-buttons,
.block-editor-block-list__layout > .wp-block-buttons {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main > .wp-block-buttons,
.block-editor-block-list__layout > .wp-block-buttons {
    margin-right: 8rem;
  }
}

#main > .wp-block-buttons .wp-block-button,
.block-editor-block-list__layout > .wp-block-buttons .wp-block-button {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  #main > .wp-block-buttons .wp-block-button,
.block-editor-block-list__layout > .wp-block-buttons .wp-block-button {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main > .wp-block-buttons .wp-block-button,
.block-editor-block-list__layout > .wp-block-buttons .wp-block-button {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main > .wp-block-buttons .wp-block-button,
.block-editor-block-list__layout > .wp-block-buttons .wp-block-button {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main > .wp-block-buttons .wp-block-button,
.block-editor-block-list__layout > .wp-block-buttons .wp-block-button {
    margin-right: 8rem;
  }
}

#main > h1, #main > h2, #main > h3, #main > h4, #main > h5,
.block-editor-block-list__layout > h1,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h3,
.block-editor-block-list__layout > h4,
.block-editor-block-list__layout > h5 {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  width: calc(100vw - 16rem);
  margin: 0 auto;
}

@media (min-width: 1024px) {
  #main > h1, #main > h2, #main > h3, #main > h4, #main > h5,
.block-editor-block-list__layout > h1,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h3,
.block-editor-block-list__layout > h4,
.block-editor-block-list__layout > h5 {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main > h1, #main > h2, #main > h3, #main > h4, #main > h5,
.block-editor-block-list__layout > h1,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h3,
.block-editor-block-list__layout > h4,
.block-editor-block-list__layout > h5 {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  #main > h1, #main > h2, #main > h3, #main > h4, #main > h5,
.block-editor-block-list__layout > h1,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h3,
.block-editor-block-list__layout > h4,
.block-editor-block-list__layout > h5 {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  #main > h1, #main > h2, #main > h3, #main > h4, #main > h5,
.block-editor-block-list__layout > h1,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h3,
.block-editor-block-list__layout > h4,
.block-editor-block-list__layout > h5 {
    margin-right: 8rem;
  }
}

@media (min-width: 1280px) {
  #main > h1, #main > h2, #main > h3, #main > h4, #main > h5,
.block-editor-block-list__layout > h1,
.block-editor-block-list__layout > h2,
.block-editor-block-list__layout > h3,
.block-editor-block-list__layout > h4,
.block-editor-block-list__layout > h5 {
    max-width: 2560px;
    margin: 0 auto;
  }
}

@media (max-width: 599px) {
  .wp-block-columns {
    display: block;
  }

  .wp-block-columns .wp-block-column:not(:first-child) {
    margin-left: 0;
  }
}

.wpcf7-text,
.wpcf7-textarea {
  padding: 31px 40px;
  font-size: 16px;
  font-family: inherit;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  width: 100%;
}

.wpcf7-form p {
  margin-bottom: 12px;
}

.wpcf7-submit {
  padding: 31px 40px;
  font-size: 16px;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  background-color: #ff4800;
  width: auto;
}

@media (max-width: 599px) {
  .wpcf7-submit {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.wpcf7-list-item {
  display: block;
}

.wpcf7-checkbox {
  margin-left: -1em;
  display: block;
}

.wpcf7-checkbox input[type=checkbox],
.cookiesettings input[type=checkbox] {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.wpcf7-checkbox input[type=checkbox]:active, .wpcf7-checkbox input[type=checkbox]:checked:active,
.cookiesettings input[type=checkbox]:active,
.cookiesettings input[type=checkbox]:checked:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.wpcf7-checkbox input[type=checkbox]:checked,
.cookiesettings input[type=checkbox]:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #23201e;
}

.wpcf7-checkbox input[type=checkbox]:checked:after,
.cookiesettings input[type=checkbox]:checked:after {
  content: "✔";
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #23201e;
}

.contactcolumnietsomhoog {
  margin-top: -11.2rem;
  z-index: 2;
}

body.single-newsitem article.newsitem > header {
  padding-top: 8.8888rem;
  padding-bottom: 11.11111rem;
  display: flex;
  justify-content: space-between;
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  align-items: center;
}

@media (max-width: 599px) {
  body.single-newsitem article.newsitem > header {
    flex-direction: column;
    align-items: flex-start;
  }

  body.single-newsitem article.newsitem > header .vcard {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1024px) {
  body.single-newsitem article.newsitem > header {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  body.single-newsitem article.newsitem > header {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  body.single-newsitem article.newsitem > header {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  body.single-newsitem article.newsitem > header {
    margin-right: 8rem;
  }
}

body.single-newsitem article.newsitem .headerimage {
  position: relative;
}

@media (max-width: 599px) {
  body.single-newsitem article.newsitem .headerimage {
    width: 100%;
  }
}

body.single-newsitem article.newsitem .headerimage img {
  width: 60.444rem;
  height: 30.94444rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1279px) {
  body.single-newsitem article.newsitem .headerimage img {
    width: 28.444rem;
    height: 13.94444rem;
  }
}

@media (max-width: 599px) {
  body.single-newsitem article.newsitem .headerimage img {
    width: 100%;
    height: 20.94444rem;
  }
}

body.single-newsitem article.newsitem .headerimage time {
  background-color: #23201e;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  position: absolute;
  color: #fff;
  padding: 2.77rem 4.55rem;
}

@media (max-width: 1279px) {
  body.single-newsitem article.newsitem .headerimage time {
    padding: 1.77rem 3.55rem;
  }
}

@media (max-width: 599px) {
  body.single-newsitem article.newsitem .headerimage time {
    padding: 1.27rem 2.55rem;
  }
}

body.single-newsitem article.newsitem div.author {
  position: relative;
}

body.single-newsitem article.newsitem .writtenby {
  position: absolute;
  top: -3rem;
}

body.single-newsitem article.newsitem .pasfoto {
  width: 6.7777rem;
  height: 6.7777rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 2rem 0 0;
}

body.single-newsitem article.newsitem .card {
  display: flex;
  align-items: center;
}

body.single-newsitem article.newsitem .card h4 {
  line-height: 1.4;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
}

body.single-newsitem article.newsitem .card .naamenfunctie {
  padding: 1rem;
}

body.single-newsitem article.newsitem .card p {
  line-height: 1.4;
  margin: 0;
}

.wp-block-image img {
  height: auto;
}

@font-face {
  font-family: "lato";

  src: url("../fonts/Lato-Regular.eot");

  src: url("../fonts/Lato-Regular.eot") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "latolight";

  src: url("../fonts/Lato-Light.eot");

  src: url("../fonts/Lato-Light.eot") format("embedded-opentype"), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "latobold";

  src: url("../fonts/Lato-Bold.eot");

  src: url("../fonts/Lato-Bold.eot") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");

  font-weight: bold;

  font-style: normal;
}

html {
  scroll-behavior: smooth;
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.9rem;
}

@media (max-width: 2559px) {
  html {
    font-size: 0.9375vw;
  }
}

@media (max-width: 1279px) {
  html {
    font-size: 1.5625vw;
  }
}

@media (max-width: 599px) {
  html {
    font-size: 4.1026vw;
  }
}

body {
  background-color: #23201e0a;
}

@media (max-width: 1279px) {
  body {
    line-height: 2rem;
  }
}

@media (max-width: 599px) {
  body {
    line-height: 1.875rem;
  }
}

.website {
  background-color: #fff;
  width: 100vw;
  position: relative;
  margin: 0 auto;
}

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

.boxed {
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
}

h1,
h2,
h3,
h4 {
  font-family: "latobold", Arial, Helvetica, sans-serif;
  line-height: 1.1;
}

h1 {
  font-size: 3.4444rem;
  line-height: 1.2em;
}

@media (max-width: 1279px) {
  h1 {
    font-size: 2.6rem;
  }
}

@media (max-width: 599px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 3.2222rem;
}

h3 {
  font-size: 3.2222rem;
}

@media (max-width: 1279px) {
  h3 {
    font-size: 2.625rem;
  }
}

@media (max-width: 599px) {
  h3 {
    font-size: 1.7rem;
  }
}

p {
  margin-bottom: 3.333rem;
}

@media (max-width: 1279px) {
  p {
    margin-bottom: 2.625rem;
  }
}

h4 {
  font-size: 26px;
  margin-bottom: 42px;
}

@media (max-width: 1279px) {
  h4 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.largetext {
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: 4rem;
  text-transform: uppercase;
}

@media (max-width: 1279px) {
  .largetext {
    font-size: 4.5rem;
  }
}

@media (max-width: 599px) {
  .largetext {
    font-size: 3rem;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

a.button,
a.wp-block-button__link,
.webinarform input[type=submit] {
  font-family: "latobold", Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 0.6rem 2.3rem;
  border: 0.2rem solid #00abc8;
  color: #fff !important;
  font-size: inherit;
  text-decoration: none;
  background-color: #00abc8;
  border-radius: 1.9rem;
  opacity: 1;
}

@media (max-width: 599px) {
  a.button,
a.wp-block-button__link,
.webinarform input[type=submit] {
    display: block;
    text-align: center;
  }
}

a.button:hover,
a.wp-block-button__link:hover {
  background-color: #fff !important;
  border-color: #00abc8 !important;
  color: #00abc8 !important;
}

a.button.inverted,
a.wp-block-button__link.inverted {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #00abc8 !important;
}

a.button.inverted:hover,
a.wp-block-button__link.inverted:hover {
  background-color: #00abc8 !important;
  border-color: #fff !important;
  color: #fff !important;
}

a.button.transparent,
a.wp-block-button__link.transparent {
  background-color: transparent !important;
  border-color: #00abc8 !important;
  color: #00abc8 !important;
}

a.button.transparent:hover,
a.wp-block-button__link.transparent:hover {
  background-color: #00abc8 !important;
  border-color: #fff !important;
  color: #fff !important;
}

a.button.transparent.inverted,
a.wp-block-button__link.inverted.transparent {
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

a.button.transparent.inverted:hover,
a.wp-block-button__link.transparent.inverted:hover {
  background-color: #fff !important;
  color: #00abc8 !important;
  border-color: #00abc8 !important;
}

@media (max-width: 599px) {
  .wp-block-button {
    width: 100%;
  }
}

a.anchor {
  position: absolute;
  top: -40px;
}

a.anchor#start {
  position: relative;
  top: 0;
}

sub {
  vertical-align: sub;
  display: inline-block;
  font-size: smaller;
  height: 26px;
}

sup {
  vertical-align: super;
  display: inline-block;
  font-size: smaller;
  height: 26px;
}

#main a {
  color: inherit;
}

.has-dark-background-color {
  background-color: #23201e;
}

.has-dark-color {
  color: #23201e;
}

.has-black-background-color {
  background-color: #000;
}

.has-black-color {
  color: #000;
}

.has-white-background-color {
  background-color: #fff;
}

.has-white-color {
  color: #fff;
}

.lapostaformfieldcontainer {
  padding: 1rem 0;
  width: 100%;
}

.lapostaformfieldcontainer label {
  color: #000;
  padding: 0 0 0.3rem;
}

.has-dark-background-color .lapostaformfieldcontainer label {
  color: #fff;
}

.lapostaformfield {
  width: 100%;
}

.lapostaformfield input {
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: inherit;
  padding: 2rem 2.3rem;
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
}

.cookievraag {
  padding: 2rem 140px;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  transition: bottom 0.6s;
  background-color: #23201e;
  z-index: 9999;
  border-top: 2px solid #fff;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 800px) {
  .cookievraag {
    font-size: 1rem;
    padding: 0.5rem;
  }
}

.cookievraag .container {
  position: relative;
}

.cookievraag .close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  right: 10px;
  top: 10px;
}

.cookievraag.closed {
  transition: bottom 0.6s;
  bottom: -38rem;
}

.cookievraag .buttons {
  text-align: right;
}

@media (max-width: 800px) {
  .cookievraag .buttons {
    text-align: center;
  }
}

.cookievraag a {
  color: #fff;
}

.cookievraag label input {
  width: 10px;
  height: 10px;
  -webkit-appearance: auto;
}

.cookievraag .button {
  line-height: 3.2rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  border: 0;
  outline: 0;
  padding: 0 2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  transition: background-color 200ms;
  background-color: rgba(255, 255, 255, 0.6);
  color: #00abc8;
  cursor: pointer;
}

@media (max-width: 800px) {
  .cookievraag .button {
    line-height: 1.6rem;
    margin-bottom: 10px;
  }
}

.cookievraag .button.accept {
  font-weight: 500;
  color: #fff;
  background-color: #00abc8;
}

.cookievraag .cookiesettings {
  background-color: #23201e;
  border: 0.25rem solid #fff;
  position: absolute;
  left: 20px;
  padding: 20px 40px 20px 20px;
  top: 50px;
  display: none;
}

@media (max-width: 800px) {
  .cookievraag .cookiesettings label {
    display: block;
    margin-bottom: 5px;
  }
}

.blockmodel1,
.blockmodel3,
.blockmodel5 {
  padding-top: 8.8889rem;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel1,
.blockmodel3,
.blockmodel5 {
    padding-top: 7.5rem;
  }
}

.blockmodel1 .whitebottom,
.blockmodel3 .whitebottom,
.blockmodel5 .whitebottom {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 18.8889rem;
}

@media (max-width: 1279px) {
  .blockmodel1 .whitebottom,
.blockmodel3 .whitebottom,
.blockmodel5 .whitebottom {
    height: 17rem;
  }
}

.blockmodel1 .colorbottom,
.blockmodel3 .colorbottom,
.blockmodel5 .colorbottom {
  height: 18.8889rem;
  line-height: 340px;
  width: calc(100% - 37.4rem - (100% - 2560px) / 2);
  position: absolute;
  text-align: center;
  bottom: 0;
  right: 0;
}

@media (max-width: 2559px) {
  .blockmodel1 .colorbottom,
.blockmodel3 .colorbottom,
.blockmodel5 .colorbottom {
    width: calc(100% - 37.4rem);
  }
}

@media (max-width: 1279px) {
  .blockmodel1 .colorbottom,
.blockmodel3 .colorbottom,
.blockmodel5 .colorbottom {
    display: none;
    height: 17rem;
    line-height: 17rem;
    width: 100%;
  }
}

.blockmodel1 .inner,
.blockmodel3 .inner,
.blockmodel5 .inner {
  position: relative;
  display: flex;
  flex-direction: row;
}

@media (max-width: 599px) {
  .blockmodel1 .inner,
.blockmodel3 .inner,
.blockmodel5 .inner {
    flex-direction: column;
  }
}

.blockmodel1 .inner .imagecontainer,
.blockmodel3 .inner .imagecontainer,
.blockmodel5 .inner .imagecontainer {
  margin-left: 7.7778rem;
  width: 37.4rem;
  height: 46.8333rem;
}

.blockmodel1 .inner .imagecontainer img,
.blockmodel3 .inner .imagecontainer img,
.blockmodel5 .inner .imagecontainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1279px) {
  .blockmodel1 .inner .imagecontainer,
.blockmodel3 .inner .imagecontainer,
.blockmodel5 .inner .imagecontainer {
    margin-left: 4.375rem;
    width: 27.125rem;
    height: 34.375rem;
    margin-bottom: 17rem;
  }
}

@media (max-width: 599px) {
  .blockmodel1 .inner,
.blockmodel3 .inner,
.blockmodel5 .inner {
    margin-left: 0;
    flex-direction: column-reverse;
    align-items: center;
  }

  .blockmodel1 .inner .imagecontainer,
.blockmodel3 .inner .imagecontainer,
.blockmodel5 .inner .imagecontainer {
    z-index: 1;
    width: 19.875rem;
    height: 24.6875rem;
    margin-left: 0;
    margin-bottom: 8rem;
  }
}

.blockmodel1 .inner .textcontainer,
.blockmodel3 .inner .textcontainer,
.blockmodel5 .inner .textcontainer {
  width: 61.444rem;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel1 .inner .textcontainer,
.blockmodel3 .inner .textcontainer,
.blockmodel5 .inner .textcontainer {
    width: 32.5rem;
  }
}

@media (max-width: 599px) {
  .blockmodel1 .inner .textcontainer,
.blockmodel3 .inner .textcontainer,
.blockmodel5 .inner .textcontainer {
    width: 100%;
  }
}

.blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
  margin-left: 9.625rem;
  margin-right: 4.375rem;
  margin-bottom: 2.3889rem;
}

@media (max-width: 1279px) {
  .blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
    margin-left: 6.625rem;
  }
}

@media (max-width: 599px) {
  .blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
    margin-left: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
    margin-left: 8rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel1 .inner .textcontainer h3,
.blockmodel3 .inner .textcontainer h3,
.blockmodel5 .inner .textcontainer h3 {
    margin-right: 8rem;
  }
}

.blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
  margin-left: 9.625rem;
  margin-right: 15.222rem;
}

@media (max-width: 1279px) {
  .blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-left: 6.625rem;
    margin-right: 4.375rem;
  }
}

@media (max-width: 599px) {
  .blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
    margin-bottom: 5rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-left: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-left: 8rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel1 .inner .textcontainer .mainblockcontent,
.blockmodel3 .inner .textcontainer .mainblockcontent,
.blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-right: 8rem;
  }
}

.blockmodel1 .inner .textcontainer .blockfooter,
.blockmodel3 .inner .textcontainer .blockfooter,
.blockmodel5 .inner .textcontainer .blockfooter {
  height: 18.8889rem;
  display: flex;
  align-items: center;
  line-height: 1.3;
  justify-content: center;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 0;
}

@media (max-width: 1279px) {
  .blockmodel1 .inner .textcontainer .blockfooter,
.blockmodel3 .inner .textcontainer .blockfooter,
.blockmodel5 .inner .textcontainer .blockfooter {
    width: 100vw;
    margin-left: -31.5rem;
    height: 17rem;
  }
}

@media (max-width: 599px) {
  .blockmodel1 .inner .textcontainer .blockfooter,
.blockmodel3 .inner .textcontainer .blockfooter,
.blockmodel5 .inner .textcontainer .blockfooter {
    margin-left: 0;
    bottom: -35rem;
    padding-top: 7rem;
    font-size: 3rem;
  }
}

.blockmodel2 {
  padding-top: 225px;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel2 {
    padding-top: 185px;
  }
}

.blockmodel2 .textcontainer {
  background-color: #eceeee;
  max-width: 1088px;
  margin: 0 auto;
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
  width: 100%;
}

@media (max-width: 1279px) {
  .blockmodel2 .textcontainer {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.blockmodel2 .textcontainer .icon {
  position: absolute;
  width: 173px;
  height: 133px;
  top: -135px;
  left: calc(50% - 65px);
}

.blockmodel2 .textcontainer .icon img {
  display: block;
  margin: 13px auto;
}

@media (max-width: 1279px) {
  .blockmodel2 .textcontainer {
    max-width: 984px;
  }
}

.blockmodel2 .textcontainer h3 {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  margin-bottom: 42px;
}

@media (min-width: 1024px) {
  .blockmodel2 .textcontainer h3 {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel2 .textcontainer h3 {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .blockmodel2 .textcontainer h3 {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel2 .textcontainer h3 {
    margin-right: 8rem;
  }
}

.blockmodel2 .textcontainer .mainblockcontent {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  .blockmodel2 .textcontainer .mainblockcontent {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel2 .textcontainer .mainblockcontent {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .blockmodel2 .textcontainer .mainblockcontent {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel2 .textcontainer .mainblockcontent {
    margin-right: 8rem;
  }
}

/* Verder als blockmodel1 */

.blockmodel3 {
  margin-top: 160px;
}

@media (max-width: 1279px) {
  .blockmodel3 {
    margin-top: 120px;
  }
}

@media (max-width: 599px) {
  .blockmodel3 {
    margin-top: 0;
  }
}

.blockmodel3 .textcontainer {
  width: calc(100% - 904px);
}

.blockmodel3 .textcontainer h3,
.blockmodel3 .textcontainer .mainblockcontent {
  margin-left: calc(116px + 93px);
}

@media (max-width: 599px) {
  .blockmodel3 .textcontainer {
    margin-left: 0;
    width: 100%;
  }

  .blockmodel3 .textcontainer h3 {
    margin-right: 38px;
  }
}

@media (max-width: 599px) and (min-width: 768px) {
  .blockmodel3 .textcontainer h3 {
    margin-right: 143px;
  }
}

@media (max-width: 599px) and (min-width: 1366px) {
  .blockmodel3 .textcontainer h3 {
    margin-right: 116px;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel3 .textcontainer h3 {
    margin-right: 154px;
  }
}

.blockmodel3 .inner {
  margin-right: 2.2rem;
  margin-left: 0;
  flex-direction: row-reverse;
}

@media (min-width: 1024px) {
  .blockmodel3 .inner {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel3 .inner {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel3 .inner {
    flex-direction: row;
    margin-right: 0;
  }
}

@media (max-width: 599px) {
  .blockmodel3 .inner {
    flex-direction: column-reverse;
    margin-right: 0;
  }
}

.blockmodel3 .inner .imagecontainer {
  margin-left: 0;
}

@media (max-width: 1279px) {
  .blockmodel3 .inner .imagecontainer {
    margin-left: 4.375rem;
  }
}

@media (max-width: 599px) {
  .blockmodel3 .inner .imagecontainer {
    z-index: 1;
    width: 19.875rem;
    left: 0;
    height: 24.6875rem;
    margin-left: 0;
    margin-bottom: 8rem;
  }
}

.blockmodel4 {
  padding-top: 8.4rem;
  display: flex;
  align-items: flex-start;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel4 {
    display: block;
    padding-top: 0;
  }
}

.blockmodel4 h3 {
  margin-left: 2.2rem;
  color: #ff4800;
  display: block;
  margin-right: 9.4rem;
  width: 26.37rem;
  border-bottom: 0.63rem solid #ff4800;
  position: sticky;
  margin-top: 2.1rem;
  margin-bottom: 4.21rem;
  top: 3.16rem;
}

@media (min-width: 1024px) {
  .blockmodel4 h3 {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel4 h3 {
    margin-left: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel4 h3 {
    margin-right: 1.89rem;
    width: 18.37rem;
  }
}

@media (max-width: 599px) {
  .blockmodel4 h3 {
    width: calc(100% - 4.4rem);
    position: inherit;
  }
}

.blockmodel4 h3::after {
  content: "";
  display: block;
  height: 1.58rem;
}

@media (max-width: 1279px) {
  .blockmodel4 h3::after {
    height: 1rem;
  }
}

.blockmodel4 .bckvlak {
  position: absolute;
  right: 0;
  top: 13.7rem;
  height: calc(100% - 20rem);
  background-color: #eceeee;
  width: 35.6rem;
}

@media (max-width: 599px) {
  .blockmodel4 .bckvlak {
    top: 20rem;
    height: calc(100% - 26rem);
    width: 100%;
  }
}

.blockmodel4 .items {
  position: relative;
  z-index: 1;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  .blockmodel4 .items {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel4 .items {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) {
  .blockmodel4 .items {
    margin-right: 0;
  }
}

.blockmodel4 .items .item {
  display: flex;
  background-color: #fff;
  width: 950px;
  min-height: 193px;
  padding: 50px 64px;
  align-items: center;
  margin-bottom: 42px;
  box-shadow: 0px 26px 60px #23201E1A;
}

@media (max-width: 1279px) {
  .blockmodel4 .items .item {
    width: 41.3rem;
    padding: 3.3rem 2.52rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel4 .items .item {
    width: 34.1rem;
    margin-left: auto;
    padding: 3.3rem 2.37rem;
  }
}

@media (max-width: 599px) {
  .blockmodel4 .items .item {
    width: 19.8rem;
    display: block;
    margin-right: auto;
    padding: 3.15rem 2.25rem;
  }
}

.blockmodel4 .items .item .teller {
  background-color: #ff4800;
  width: 5.36rem;
  height: 5.36rem;
  border-radius: 2.68rem;
  font-size: 1.89rem;
  line-height: 5.667rem;
  text-align: center;
  margin-right: 2.63rem;
  color: #fff;
}

@media (max-width: 1279px) {
  .blockmodel4 .items .item .teller {
    width: 7.36rem;
    height: 5.36rem;
  }
}

@media (max-width: 599px) {
  .blockmodel4 .items .item .teller {
    width: 5.36rem;
    height: 5.36rem;
  }
}

.blockmodel4 .items .item .text {
  color: #000;
  width: 30.31rem;
}

@media (max-width: 1279px) {
  .blockmodel4 .items .item .text {
    width: 25.437;
  }
}

@media (max-width: 599px) {
  .blockmodel4 .items .item .text {
    width: 100%;
    margin-top: 1rem;
  }
}

/* Verder als blockmodel1 */

.blockmodel5 {
  margin-bottom: 10rem;
}

@media (max-width: 1279px) {
  .blockmodel5 {
    margin-bottom: 6.8rem;
  }
}

.blockmodel5 .inner {
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  .blockmodel5 .inner {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel5 .inner {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel5 .inner {
    flex-direction: column;
  }
}

@media (max-width: 599px) {
  .blockmodel5 .inner {
    margin-right: 0;
  }
}

.blockmodel5 .inner .imagecontainer {
  height: auto;
}

@media (max-width: 1279px) {
  .blockmodel5 .inner .imagecontainer {
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 3rem);
    align-self: flex-end;
    margin-right: -3rem;
    height: 25.89rem;
  }
}

@media (max-width: 599px) {
  .blockmodel5 .inner .imagecontainer {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

.blockmodel5 .inner .textcontainer {
  padding-top: 5.3rem;
  align-self: flex-start;
  padding-bottom: 5.55rem;
}

@media (max-width: 1279px) {
  .blockmodel5 .inner .textcontainer {
    padding-top: 6.66rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel5 .inner .textcontainer {
    height: auto;
  }
}

@media (max-width: 1279px) {
  .blockmodel5 .inner .textcontainer .mainblockcontent {
    padding-bottom: 0;
  }
}

@media (max-width: 599px) {
  .blockmodel5 .inner .textcontainer .mainblockcontent {
    padding-bottom: 0;
  }
}

.blockmodel5 .inner .textcontainer h3 {
  width: 520px;
}

@media (max-width: 1365px) {
  .blockmodel5 .inner .textcontainer h3 {
    margin-left: 58px;
  }
}

@media (max-width: 767px) {
  .blockmodel5 .inner .textcontainer h3 {
    width: auto;
    margin: 0 36px;
  }
}

.blockmodel5 .inner .textcontainer .mainblockcontent {
  width: 530px;
}

@media (max-width: 1365px) {
  .blockmodel5 .inner .textcontainer .mainblockcontent {
    margin-left: 58px;
  }
}

@media (max-width: 767px) {
  .blockmodel5 .inner .textcontainer .mainblockcontent {
    width: auto;
    margin: 0 36px;
  }
}

.blockmodel5 .whitetop {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 640px;
}

@media (max-width: 1279px) {
  .blockmodel5 .whitetop {
    height: 211px;
  }
}

.blockmodel5 .imagecontainer > img {
  display: block;
}

.blockmodel5 .logoblok {
  background-color: #ff4800;
  overflow: hidden;
}

@media (max-width: 1365px) {
  .blockmodel5 .logoblok {
    width: 500px;
    margin: 0 0 0 auto;
  }
}

@media (max-width: 767px) {
  .blockmodel5 .logoblok {
    width: 100%;
  }
}

.blockmodel5 .logoblok img.blok5logo {
  width: 314px;
  display: block;
  margin: 68px auto;
}

@media (max-width: 1365px) {
  .blockmodel5 .logoblok img.blok5logo {
    width: 241px;
    margin: 43px 129px;
  }
}

@media (max-width: 767px) {
  .blockmodel5 .logoblok img.blok5logo {
    width: 241px;
    margin: 43px auto;
  }
}

.blockmodel6,
.lapostablock {
  background-color: #5a7247;
  /* client side validation */
}

.blockmodel6 .inner,
.lapostablock .inner {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #5a7247;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

@media (max-width: 599px) {
  .blockmodel6 .inner,
.lapostablock .inner {
    display: block;
    padding-top: 7.5rem;
    padding-bottom: 3.5rem;
  }
}

.blockmodel6 h3,
.lapostablock h3 {
  margin-bottom: 2.4rem;
}

.blockmodel6 h4,
.lapostablock h4 {
  font-size: inherit;
  margin-bottom: 1rem;
}

.blockmodel6 .textcontainer,
.lapostablock .textcontainer {
  margin-left: 2.2rem;
  width: 42.73rem;
}

@media (min-width: 1024px) {
  .blockmodel6 .textcontainer,
.lapostablock .textcontainer {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel6 .textcontainer,
.lapostablock .textcontainer {
    margin-left: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel6 .textcontainer,
.lapostablock .textcontainer {
    width: 55rem;
  }

  .blockmodel6 .textcontainer .mainblockcontent,
.lapostablock .textcontainer .mainblockcontent {
    width: 33rem;
  }
}

@media (max-width: 599px) {
  .blockmodel6 .textcontainer,
.lapostablock .textcontainer {
    width: 20rem;
  }

  .blockmodel6 .textcontainer .mainblockcontent,
.lapostablock .textcontainer .mainblockcontent {
    width: 20rem;
  }
}

@media (max-width: 599px) {
  .blockmodel6 .logocontainer,
.lapostablock .logocontainer {
    margin-top: 8.4rem;
  }
}

.blockmodel6 .logocontainer .logobck,
.lapostablock .logocontainer .logobck {
  padding: 4rem;
  margin-left: 21rem;
  background-color: #fff;
  border-radius: 10rem;
}

.blockmodel6 .logocontainer .logobck img,
.lapostablock .logocontainer .logobck img {
  width: 8.5rem;
  height: 8.4rem;
}

@media (max-width: 1279px) {
  .blockmodel6 .logocontainer .logobck,
.lapostablock .logocontainer .logobck {
    width: 16.5rem;
    height: 16.5rem;
    margin-bottom: 2rem;
    margin-right: 2.2rem;
    margin-left: auto;
    padding: 6.325rem;
  }
}

@media (max-width: 1279px) and (min-width: 1024px) {
  .blockmodel6 .logocontainer .logobck,
.lapostablock .logocontainer .logobck {
    margin-right: 4.4rem;
  }
}

@media (max-width: 1279px) and (min-width: 1280px) {
  .blockmodel6 .logocontainer .logobck,
.lapostablock .logocontainer .logobck {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel6 .logocontainer .logobck img,
.lapostablock .logocontainer .logobck img {
    width: 5.225rem;
    height: 5.225rem;
  }
}

@media (max-width: 599px) {
  .blockmodel6 .logocontainer .logobck,
.lapostablock .logocontainer .logobck {
    width: 11.5rem;
    height: 11.5rem;
    margin-right: auto;
    padding: 3.825rem;
  }

  .blockmodel6 .logocontainer .logobck img,
.lapostablock .logocontainer .logobck img {
    width: 3.725rem;
    height: 3.925rem;
  }
}

.blockmodel6 .form-hds2yeznju,
.lapostablock .form-hds2yeznju {
  background-color: #fff;
  display: flex;
  width: 100%;
  padding: 0 0 0 0.55rem;
  height: 4.22rem;
  border-radius: 1.9rem;
  overflow: hidden;
}

@media (max-width: 599px) {
  .blockmodel6 .form-hds2yeznju,
.lapostablock .form-hds2yeznju {
    display: block;
    padding: 0;
    height: auto;
  }
}

.blockmodel6 div.contact,
.lapostablock div.contact {
  display: flex;
}

.blockmodel6 .form-hds2yeznju label,
.lapostablock .form-hds2yeznju label {
  display: none;
  padding: 0.4em 0 0.1em 0;
}

.blockmodel6 .form-hds2yeznju fieldset,
.lapostablock .form-hds2yeznju fieldset {
  border: 0;
}

.blockmodel6 .form-hds2yeznju fieldset label,
.lapostablock .form-hds2yeznju fieldset label {
  display: inline;
  padding: 0 0 0 0.1em;
}

.blockmodel6 .form-hds2yeznju input[type=text],
.blockmodel6 .form-hds2yeznju input[type=email],
.blockmodel6 .form-hds2yeznju input[type=number],
.lapostablock .form-hds2yeznju input[type=text],
.lapostablock .form-hds2yeznju input[type=email],
.lapostablock .form-hds2yeznju input[type=number] {
  padding: 1.11rem;
  margin: 0.944rem;
  width: calc(100% - 13.5rem);
  border-radius: 0 0 0 0;
  height: 2rem;
  border: 0;
  color: #000;
  font-size: 1.1666rem;
  line-height: 2rem;
}

@media (max-width: 599px) {
  .blockmodel6 .form-hds2yeznju input[type=text],
.blockmodel6 .form-hds2yeznju input[type=email],
.blockmodel6 .form-hds2yeznju input[type=number],
.lapostablock .form-hds2yeznju input[type=text],
.lapostablock .form-hds2yeznju input[type=email],
.lapostablock .form-hds2yeznju input[type=number] {
    text-align: center;
    width: calc(100% - 2rem);
  }
}

.blockmodel6 .form-hds2yeznju input[type=text]:focus,
.blockmodel6 .form-hds2yeznju input[type=email]:focus,
.blockmodel6 .form-hds2yeznju input[type=number]:focus,
.lapostablock .form-hds2yeznju input[type=text]:focus,
.lapostablock .form-hds2yeznju input[type=email]:focus,
.lapostablock .form-hds2yeznju input[type=number]:focus {
  outline: 0;
}

.blockmodel6 .form-hds2yeznju input[type=text]::placeholder,
.blockmodel6 .form-hds2yeznju input[type=email]::placeholder,
.blockmodel6 .form-hds2yeznju input[type=number]::placeholder,
.lapostablock .form-hds2yeznju input[type=text]::placeholder,
.lapostablock .form-hds2yeznju input[type=email]::placeholder,
.lapostablock .form-hds2yeznju input[type=number]::placeholder {
  color: #b7b7b7;
  font-family: "geomanistlightitalic", Arial, Helvetica, sans-serif;
}

.blockmodel6 ::-webkit-input-placeholder,
.lapostablock ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b7b7b7;
  font-family: "geomanistlightitalic", Arial, Helvetica, sans-serif;
}

.blockmodel6 ::-moz-placeholder,
.lapostablock ::-moz-placeholder {
  /* Firefox 19+ */
  color: #b7b7b7;
  font-family: "geomanistlightitalic", Arial, Helvetica, sans-serif;
}

.blockmodel6 :-ms-input-placeholder,
.lapostablock :-ms-input-placeholder {
  /* IE 10+ */
  color: #b7b7b7;
  font-family: "geomanistlightitalic", Arial, Helvetica, sans-serif;
}

.blockmodel6 :-moz-placeholder,
.lapostablock :-moz-placeholder {
  /* Firefox 18- */
  color: #b7b7b7;
  font-family: "geomanistlightitalic", Arial, Helvetica, sans-serif;
}

.blockmodel6 .form-hds2yeznju input[type=submit],
.lapostablock .form-hds2yeznju input[type=submit] {
  background-image: url(../images/serpentinedays_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: 7.8rem 1.61rem;
  background-size: 1.38rem 1rem;
  width: 11.61rem;
  background-color: transparent;
  height: 4.32rem;
  line-height: 4.222rem;
  padding-right: 2.1rem;
  font-size: 1.1666rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #28282d;
}

@media (max-width: 599px) {
  .blockmodel6 .form-hds2yeznju input[type=submit],
.lapostablock .form-hds2yeznju input[type=submit] {
    background-position: 90% center;
    margin-top: 1rem;
    width: 100%;
  }
}

.blockmodel6 .form-hds2yeznju input:invalid,
.lapostablock .form-hds2yeznju input:invalid {
  border: none;
}

.blockmodel6 .form-hds2yeznju input:invalid:required,
.lapostablock .form-hds2yeznju input:invalid:required {
  border: none;
}

.blockmodel6 .form-hds2yeznju input:valid,
.lapostablock .form-hds2yeznju input:valid {
  border: none;
}

a.button.notify {
  background-image: url(../images/serpentinedays_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: 10.1rem 1.72rem;
  background-size: 1.388rem 1rem;
  /* width: 209px; */
  background-color: transparent;
  height: 4.22rem;
  /* line-height: 76px; */
  padding-right: 2.5rem;
  padding-left: 0.889rem;
  font-size: 1.1666rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #28282d;
}

@media (max-width: 599px) {
  a.button.notify {
    background-position: 12.8rem 1.722rem;
    margin-top: 1rem;
    width: 100%;
  }
}

a.button.meet {
  background-color: transparent;
  height: 4.222rem;
  padding-left: 1.444rem;
  padding-right: 1.444rem;
  font-size: 1.166rem;
  font-weight: bold;
  color: #fff;
  border-radius: 2.777rem;
  text-align: center;
  cursor: pointer;
  background-color: #28282d;
}

@media (max-width: 599px) {
  a.button.meet {
    margin-top: 1rem;
    width: 100%;
  }
}

.blockmodel7 {
  background-color: #23201e;
  padding: 8.888rem 0;
  color: #fff;
}

@media (max-width: 1279px) {
  .blockmodel7 {
    padding: 6.25rem 0 7.5rem;
  }
}

.blockmodel7 .boxed .inner {
  display: flex;
  align-items: center;
}

@media (max-width: 1279px) {
  .blockmodel7 .boxed .inner {
    display: block;
  }
}

.blockmodel7 .boxed .inner .elementcontainer {
  margin-left: 7.7778rem;
  width: 37.444rem;
  height: 34.8889rem;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel7 .boxed .inner .elementcontainer {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
  }
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer {
    width: 20rem;
    height: 18.64rem;
  }
}

.blockmodel7 .boxed .inner .elementcontainer .imgcontainer {
  position: absolute;
  left: 0;
  top: 0;
  width: 37.444rem;
  height: 34.8889rem;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .imgcontainer {
    width: 20rem;
    height: 18.64rem;
  }
}

.blockmodel7 .boxed .inner .elementcontainer .imgcontainer img {
  width: 50%;
  height: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
}

.blockmodel7 .boxed .inner .elementcontainer .imgcontainer.driehoek2 {
  background-color: #222;
  -webkit-clip-path: circle(25.7% at 50% 26.6%);
          clip-path: circle(25.7% at 50% 26.6%);
  transition: -webkit-clip-path 600ms;
  transition: clip-path 600ms;
  transition: clip-path 600ms, -webkit-clip-path 600ms;
}

.blockmodel7 .boxed .inner .elementcontainer .imgcontainer.driehoek2 img {
  filter: blur(0.7rem);
}

.blockmodel7 .boxed .inner .elementcontainer.pos1 .imgcontainer.driehoek2 {
  -webkit-clip-path: circle(25.7% at 50% 26.6%);
          clip-path: circle(25.7% at 50% 26.6%);
}

.blockmodel7 .boxed .inner .elementcontainer.pos2 .imgcontainer.driehoek2 {
  -webkit-clip-path: circle(25.7% at 75% 73.2%);
          clip-path: circle(25.7% at 75% 73.2%);
}

.blockmodel7 .boxed .inner .elementcontainer.pos3 .imgcontainer.driehoek2 {
  -webkit-clip-path: circle(25.7% at 25% 73.2%);
          clip-path: circle(25.7% at 25% 73.2%);
}

.blockmodel7 .boxed .inner .elementcontainer .woorden {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.blockmodel7 .boxed .inner .elementcontainer .woorden .woord {
  width: 18.6rem;
  text-align: center;
  padding: 0 2rem;
  position: absolute;
  color: #fff;
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .woorden .woord {
    width: 9.935rem;
  }
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .woorden .woord {
    padding: 0 1.069rem;
    font-size: 0.909rem;
    letter-spacing: 0.107rem;
  }
}

.blockmodel7 .boxed .inner .elementcontainer .woorden .woord.woord1 {
  left: 50%;
  margin-left: -9.36rem;
  top: 25%;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .woorden .woord.woord1 {
    margin-left: -4.999rem;
    top: 22%;
  }
}

.blockmodel7 .boxed .inner .elementcontainer .woorden .woord.woord2 {
  left: 50%;
  top: calc(100% - 10.72rem);
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .woorden .woord.woord2 {
    top: calc(100% - 6.926rem);
  }
}

.blockmodel7 .boxed .inner .elementcontainer .woorden .woord.woord3 {
  left: 0;
  top: calc(100% - 10.72rem);
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .woorden .woord.woord3 {
    top: calc(100% - 6.926rem);
  }
}

.blockmodel7 .boxed .inner .elementcontainer .cirkels {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel {
  cursor: pointer;
  width: 18.72rem;
  height: 18.72rem;
  position: absolute;
  border-radius: 18.72rem;
  border: 2px solid #fff;
  transition: all 600ms;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel {
    width: 9.999rem;
    height: 9.999rem;
    border-radius: 9.999rem;
    border: 1px solid #fff;
  }
}

.blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel[data-pos=pos1] {
  left: 50%;
  margin-left: -9.36rem;
  top: 0;
  transition: all 600ms;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel[data-pos=pos1] {
    margin-left: -4.999rem;
  }
}

.blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel[data-pos=pos2] {
  left: 50%;
  top: calc(100% - 18.72rem);
  margin-left: 0;
  transition: all 600ms;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel[data-pos=pos2] {
    top: calc(100% - 10.026rem);
  }
}

.blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel[data-pos=pos3] {
  left: 0;
  top: calc(100% - 18.72rem);
  margin-left: 0;
  transition: all 600ms;
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .elementcontainer .cirkels .cirkel[data-pos=pos3] {
    top: calc(100% - 10.026rem);
  }
}

.blockmodel7 .boxed .inner .textcontainer {
  width: 39rem;
  margin-left: 8.5rem;
}

@media (max-width: 1279px) {
  .blockmodel7 .boxed .inner .textcontainer {
    width: 29rem;
  }
}

@media (max-width: 599px) {
  .blockmodel7 .boxed .inner .textcontainer {
    margin-left: 2.2rem;
    width: 20rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel7 .boxed .inner .textcontainer {
    margin-left: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel7 .boxed .inner .textcontainer {
    margin-left: 8rem;
  }
}

.blockmodel7 .boxed .inner .textcontainer .mainblockcontent {
  font-size: 1.14rem;
  line-height: 1.9;
}

.blockmodel8 {
  background-color: #23201e;
  padding: 7.05rem 0;
}

@media (max-width: 1279px) {
  .blockmodel8 {
    padding: 6.25rem 0 7.5rem;
  }
}

@media (max-width: 599px) {
  .blockmodel8 {
    padding: 5rem 0 5rem;
  }
}

.blockmodel8 .boxed .inner h2 {
  text-align: center;
  width: 100%;
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: 4em;
  text-transform: uppercase;
}

@media (max-width: 599px) {
  .blockmodel8 .boxed .inner h2 {
    font-size: 3em;
  }
}

.blockmodel9 {
  background-color: #fff;
  padding: 7.05rem 0;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel9 {
    padding: 6.25rem 0 7.5rem;
  }
}

.blockmodel9 .greybar {
  height: 12.7222rem;
  position: absolute;
  width: 22.222rem;
  top: 20rem;
  left: 0;
  background-color: #ECEEEE;
}

@media (max-width: 1279px) {
  .blockmodel9 .greybar {
    width: calc(50vw - 5.1rem);
  }
}

@media (max-width: 599px) {
  .blockmodel9 .greybar {
    width: calc(50vw - 2.55rem);
    height: 6.35rem;
    top: 13rem;
  }
}

.blockmodel9 .boxed .inner {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .blockmodel9 .boxed .inner {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel9 .boxed .inner {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .blockmodel9 .boxed .inner {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel9 .boxed .inner {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel9 .boxed .inner {
    display: block;
  }
}

.blockmodel9 .boxed .inner .icon {
  background-color: #00abc8;
  width: 22.111rem;
  height: 22.111rem;
  padding: 5.9444rem;
  margin-left: 2.2rem;
}

@media (min-width: 1024px) {
  .blockmodel9 .boxed .inner .icon {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel9 .boxed .inner .icon {
    margin-left: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel9 .boxed .inner .icon {
    margin-left: auto;
    margin-right: auto;
  }
}

.blockmodel9 .boxed .inner .icon img {
  width: 10.222rem;
  height: 10.222rem;
}

@media (max-width: 599px) {
  .blockmodel9 .boxed .inner .icon {
    width: 11.0555rem;
    height: 11.0555rem;
    padding: 3.4rem;
  }

  .blockmodel9 .boxed .inner .icon img {
    width: 5.1111rem;
    height: 5.111rem;
  }
}

.blockmodel9 .boxed .inner div.textcontainer {
  text-align: left;
  margin-right: 2.2rem;
  width: 100%;
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: 2.6667rem;
  margin-left: 8.555rem;
  line-height: normal;
}

@media (min-width: 1024px) {
  .blockmodel9 .boxed .inner div.textcontainer {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel9 .boxed .inner div.textcontainer {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel9 .boxed .inner div.textcontainer {
    margin-right: 0;
    margin-top: 7rem;
    margin-left: 0;
  }
}

@media (max-width: 599px) {
  .blockmodel9 .boxed .inner div.textcontainer {
    font-size: 1.6667rem;
  }
}

.blockmodel10 {
  background-color: #fff;
  padding: 0 0 7.05rem 0;
  position: relative;
}

@media (max-width: 1279px) {
  .blockmodel10 {
    padding: 0 0 7.5rem;
  }
}

.blockmodel10 .textcontainer {
  width: 56.7vw;
  padding-top: 8.75rem;
  padding-bottom: 4.7rem;
}

@media (max-width: 1279px) {
  .blockmodel10 .textcontainer {
    width: 43rem;
  }
}

@media (max-width: 599px) {
  .blockmodel10 .textcontainer {
    width: 100vw;
    padding-top: 4.75rem;
  }
}

.blockmodel10 .imagecontainer {
  margin-right: 2.2rem;
  position: relative;
  margin-left: auto;
  width: 35rem;
  align-self: stretch;
}

@media (min-width: 1024px) {
  .blockmodel10 .imagecontainer {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel10 .imagecontainer {
    margin-right: 8rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel10 .imagecontainer {
    width: 24.1rem;
    height: 30.5rem;
  }
}

@media (max-width: 599px) {
  .blockmodel10 .imagecontainer {
    width: 100%;
    height: auto;
  }
}

.blockmodel10 .imagecontainer img {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 599px) {
  .blockmodel10 .imagecontainer img {
    width: 100%;
    height: auto;
    position: relative;
  }
}

.blockmodel10 .quote {
  line-height: 1.7;
  width: 48rem;
  padding-top: 20.8rem;
  padding-right: 12rem;
  font-size: 2.5rem;
  font-family: "lato", Arial, Helvetica, sans-serif;
}

@media (max-width: 1279px) {
  .blockmodel10 .quote {
    padding-top: 2.8rem;
  }
}

@media (max-width: 599px) {
  .blockmodel10 .quote {
    padding-top: 1.2rem;
    width: 100%;
    padding-right: 0;
    font-size: 1.5rem;
  }
}

.blockmodel10 .mainblockcontent {
  margin-left: 2.2rem;
  margin-right: 15.33rem;
}

@media (min-width: 1024px) {
  .blockmodel10 .mainblockcontent {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel10 .mainblockcontent {
    margin-left: 8rem;
  }
}

@media (min-width: 2560px) {
  .blockmodel10 .mainblockcontent {
    margin-left: calc(50vw - 1280px + 8rem);
  }
}

@media (max-width: 2559px) {
  .blockmodel10 .mainblockcontent {
    margin-right: 15.33rem;
  }
}

@media (max-width: 1279px) {
  .blockmodel10 .mainblockcontent {
    margin-right: 15.33rem;
    width: 29.18rem;
  }
}

@media (max-width: 599px) {
  .blockmodel10 .mainblockcontent {
    width: calc(100vw - 4.4rem);
    margin-left: 2.2rem;
    margin-right: 2.2rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel10 .mainblockcontent {
    margin-left: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel10 .mainblockcontent {
    margin-left: 8rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  .blockmodel10 .mainblockcontent {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  .blockmodel10 .mainblockcontent {
    margin-right: 8rem;
  }
}

.blockmodel10 .boxed {
  margin-top: -11.1rem;
}

@media (max-width: 1279px) {
  .blockmodel10 .boxed {
    margin-top: -3.1rem;
  }
}

.blockmodel10 .boxed .inner {
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (max-width: 1279px) {
  .blockmodel10 .boxed .inner {
    display: block;
  }
}

@media (min-width: 1024px) {
  .blockmodel10 .boxed .inner {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel10 .boxed .inner {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .blockmodel10 .boxed .inner {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .blockmodel10 .boxed .inner {
    margin-right: 8rem;
  }
}

div.explore .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.explore .country {
  width: 28.2rem;
  height: 31.2rem;
  padding: 3.1rem 2.52rem;
  margin: 1.157rem 0.5rem;
  background-color: #fff;
  box-shadow: 0px 26px 60px #23201e1a;
}

@media (max-width: 1279px) {
  div.explore .country {
    padding: 3.1rem 2.52rem;
    margin: 1.157rem 0.5rem;
    width: 27.25rem;
    height: 27.25rem;
  }
}

@media (max-width: 599px) {
  div.explore .country {
    padding: 3.1rem 2.52rem;
    margin-top: 1.157rem;
    margin-bottom: 1.157rem;
    margin-right: 2.2rem;
    margin-left: 2.2rem;
    width: calc(100% - 4.4rem);
    height: auto;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  div.explore .country {
    margin-right: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  div.explore .country {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) and (min-width: 1024px) {
  div.explore .country {
    margin-left: 4.4rem;
  }
}

@media (max-width: 599px) and (min-width: 1280px) {
  div.explore .country {
    margin-left: 8rem;
  }
}

div.explore .country h3 {
  font-size: 26px;
  margin-bottom: 52px;
  display: flex;
  align-items: center;
}

div.explore .country h3 img {
  width: 44px;
  height: 44px;
  margin-right: 13px;
}

div.explore .country .facility {
  font-size: inherit;
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 599px) {
  div.explore .country .facility {
    display: block;
    margin-top: 1rem;
  }

  div.explore .country .facility a.visit {
    text-align: center;
    margin-top: 0.5rem;
  }
}

div.explore .country .facility h4 {
  font-size: inherit;
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
}

div.explore .country .visit {
  color: #fff;
  padding: 16px 56px;
  background-color: #ff4800;
  margin-left: 21px;
  text-decoration: none;
}

@media (max-width: 599px) {
  div.explore .country .visit {
    display: block;
    margin-left: 0;
    width: 100%;
  }
}

.countriesdraaier {
  background-color: #eceeee;
  padding-top: 8.8rem;
  padding-bottom: 8.8rem;
}

@media (max-width: 599px) {
  .countriesdraaier {
    padding-top: 6.2rem;
    padding-bottom: 6.2rem;
  }
}

.countriesdraaier .inner.boxed {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  display: flex;
}

@media (min-width: 1024px) {
  .countriesdraaier .inner.boxed {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .countriesdraaier .inner.boxed {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .countriesdraaier .inner.boxed {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .countriesdraaier .inner.boxed {
    margin-right: 8rem;
  }
}

@media (min-width: 1280px) {
  .countriesdraaier .inner.boxed {
    width: calc(100vw - 16rem);
    margin: 0 auto;
  }
}

@media (max-width: 1279px) {
  .countriesdraaier .inner.boxed {
    display: block;
    margin: 0 7.5rem;
  }
}

@media (max-width: 599px) {
  .countriesdraaier .inner.boxed {
    margin: 0;
  }
}

.countriesdraaier .countries {
  width: 49rem;
  background-color: #fff;
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0.3);
  background-image: url(../images/serpentinedays_node_icon_grey.svg);
  background-repeat: no-repeat;
  background-position: 140% 150%;
  background-size: 22rem 22rem;
}

@media (max-width: 599px) {
  .countriesdraaier .countries {
    width: calc(100% - 4.6rem);
    margin: 0 2.3rem;
  }
}

.countriesdraaier .countries .slick-arrow {
  position: absolute;
}

.countriesdraaier .countries .rotateup {
  width: 6.7778rem;
  height: 6.7778rem;
  border: 0;
  right: -3.3889rem;
  cursor: pointer;
  z-index: 2;
  top: calc(50% - 7.777rem);
  transform: rotateZ(-90deg);
  background-color: #23201e;
  position: absolute;
}

@media (max-width: 1279px) {
  .countriesdraaier .countries .rotateup {
    width: 5.375rem;
    height: 5.375rem;
    left: -2.6rem;
    transform: rotate(-180deg);
    top: calc(50% - 2.6rem);
  }
}

@media (max-width: 599px) {
  .countriesdraaier .countries .rotateup {
    top: calc(100% - 2.8rem);
    left: calc(50% - 6.3rem);
  }
}

.countriesdraaier .countries .rotatedown {
  cursor: pointer;
  border: 0;
  width: 6.7778rem;
  height: 6.7778rem;
  right: -3.3889rem;
  transform: rotateZ(90deg);
  top: calc(50% + 1rem);
  z-index: 2;
  background-color: #23201e;
  position: absolute;
}

@media (max-width: 1279px) {
  .countriesdraaier .countries .rotatedown {
    width: 5.375rem;
    height: 5.375rem;
    transform: rotate(0);
    right: -2.6rem;
    top: calc(50% - 2.6rem);
  }
}

@media (max-width: 599px) {
  .countriesdraaier .countries .rotatedown {
    left: calc(50% + 1rem);
    right: auto;
    top: calc(100% - 2.8rem);
  }
}

.countriesdraaier .countries .country {
  height: auto;
  padding: 5rem 5.4rem;
}

@media (max-width: 599px) {
  .countriesdraaier .countries .country {
    height: auto;
    padding: 2.6rem 1.875rem 6.6rem;
  }
}

.countriesdraaier .countries .country h3 {
  font-family: "lato", Arial, Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}

@media (max-width: 599px) {
  .countriesdraaier .countries .country h3 {
    margin-bottom: 2.1rem;
  }
}

.countriesdraaier .countries .country h3 img {
  margin-right: 1.3rem;
  width: 3.6rem;
  height: 3.6rem;
}

@media (max-width: 599px) {
  .countriesdraaier .countries .country h3 img {
    margin-right: 0.9rem;
    width: 1.725rem;
    height: 1.725rem;
  }
}

.countriesdraaier .countries .country h3 .serpentinedays {
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.1rem;
  margin-right: 0.4rem;
}

.countriesdraaier .countries .country h3 .cntry {
  margin-top: 1.3rem;
  font-size: 1.39rem;
}

@media (max-width: 599px) {
  .countriesdraaier .countries .country h3 .cntry {
    margin-top: 0.8rem;
    font-size: 1rem;
  }
}

.countriesdraaier .countries .country .desc {
  margin-bottom: 1rem;
}

.countriesdraaier .countries .country .facility {
  font-size: inherit;
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  width: 100%;
  justify-content: space-between;
}

.countriesdraaier .countries .country .facility:last-child {
  margin-bottom: 5rem;
}

@media (max-width: 599px) {
  .countriesdraaier .countries .country .facility {
    display: block;
    margin-top: 1rem;
  }

  .countriesdraaier .countries .country .facility:last-child {
    margin-bottom: 0;
  }

  .countriesdraaier .countries .country .facility a.visit {
    display: block;
    margin-top: 0.5rem;
    margin-left: 0;
    text-align: center;
  }
}

.countriesdraaier .countries .country .facility h4 {
  font-size: inherit;
  margin: 0;
}

.countriesdraaier .countries .country .visit {
  color: #fff;
  padding: 1rem 3rem;
  background-color: #ff4800;
  margin-left: 21px;
  text-decoration: none;
}

.countriesdraaier .control {
  padding-left: 6.8rem;
  padding-top: 2.8rem;
}

@media (max-width: 1279px) {
  .countriesdraaier .control {
    display: none;
  }
}

.countriesdraaier .control h3 {
  transform: scaleY(1);
  height: 1rem;
  transition: all 600ms;
  cursor: pointer;
}

.countriesdraaier .control h3 .cntry {
  transition: all 600ms;
}

.countriesdraaier .control .cntry {
  font-size: 1rem;
}

.countriesdraaier .control .country_l0 h3 {
  font-size: 1rem;
  transform: scaleY(0);
  height: 0;
}

.countriesdraaier .control .country_l1 h3 {
  font-size: 4.4rem;
  height: 6rem;
}

.countriesdraaier .control .country_l1 h3 .cntry {
  font-size: 2rem;
}

.countriesdraaier .control .country_l2 h3 {
  font-size: 3.5rem;
  height: 4.9rem;
}

.countriesdraaier .control .country_l2 h3 .cntry {
  font-size: 1.6rem;
}

.countriesdraaier .control .country_l3 h3 {
  font-size: 2.8rem;
  height: 3.7rem;
}

.countriesdraaier .control .country_l3 h3 .cntry {
  font-size: 1.3rem;
}

.countriesdraaier .control .country_l4 h3 {
  font-size: 2.2rem;
  height: 3.4rem;
}

.countriesdraaier .control .country_l4 h3 .cntry {
  font-size: 1.1rem;
}

.countriesdraaier .control .serpentinedays {
  text-transform: uppercase;
}

.agendagrid .inner.boxed {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .agendagrid .inner.boxed {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .agendagrid .inner.boxed {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .agendagrid .inner.boxed {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .agendagrid .inner.boxed {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) {
  .agendagrid .inner.boxed {
    flex-direction: column;
  }
}

.agendagrid .agenda {
  width: 29.277rem;
  margin-bottom: 2rem;
}

@media (max-width: 1279px) {
  .agendagrid .agenda {
    width: 26.677rem;
  }
}

@media (max-width: 599px) {
  .agendagrid .agenda {
    margin-bottom: 4rem;
  }
}

.agendagrid .agenda .thumbcontainer img {
  display: block;
  width: 100%;
  height: auto;
}

.agendagrid .agenda .thumbcontainer .placeholder {
  width: 100%;
  height: 13.5rem;
  background-color: #ddd;
}

.agendagrid .agenda .thumbcontainer h3 {
  background-color: #23201e;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  font-family: "lato";
  line-height: 3.72222rem;
}

.agendagrid .agenda .textcontainer .date {
  text-transform: uppercase;
  color: #23201e;
  opacity: 0.3;
  font-size: 0.889rem;
  line-height: 1;
  margin-top: 2.22222rem;
  margin-bottom: 0.555555rem;
}

@media (max-width: 599px) {
  .agendagrid .agenda .textcontainer .date {
    margin-top: 1.42222rem;
  }
}

.agendagrid .agenda .textcontainer h3 {
  font-size: 1.666rem;
  font-family: "lato";
  color: #23201e;
  height: 4.3888rem;
  margin-bottom: 1.111rem;
}

@media (max-width: 599px) {
  .agendagrid .agenda .textcontainer h3 {
    height: auto;
  }
}

.agendagrid .agenda .textcontainer a.followlink {
  font-size: 1.16666rem;
  color: #00abc8 !important;
  text-decoration: none;
}

.webinarsgrid .inner.boxed {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .webinarsgrid .inner.boxed {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .webinarsgrid .inner.boxed {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .webinarsgrid .inner.boxed {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .webinarsgrid .inner.boxed {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) {
  .webinarsgrid .inner.boxed {
    flex-direction: column;
  }
}

.webinarsgrid .webinar {
  width: 29.277rem;
  margin-bottom: 2rem;
}

@media (max-width: 1279px) {
  .webinarsgrid .webinar {
    width: 26.677rem;
  }
}

@media (max-width: 599px) {
  .webinarsgrid .webinar {
    margin-bottom: 4rem;
  }
}

.webinarsgrid .webinar .thumbcontainer img {
  display: block;
  width: 100%;
  height: auto;
}

.webinarsgrid .webinar .thumbcontainer .placeholder {
  width: 100%;
  height: 13.5rem;
  background-color: #ddd;
}

.webinarsgrid .webinar .thumbcontainer h3 {
  background-color: #23201e;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  font-family: "lato";
  line-height: 3.72222rem;
}

.webinarsgrid .webinar .textcontainer .date {
  text-transform: uppercase;
  color: #23201e;
  opacity: 0.3;
  font-size: 0.889rem;
  line-height: 1;
  margin-top: 2.22222rem;
  margin-bottom: 0.555555rem;
}

@media (max-width: 599px) {
  .webinarsgrid .webinar .textcontainer .date {
    margin-top: 1.42222rem;
  }
}

.webinarsgrid .webinar .textcontainer h3 {
  font-size: 1.666rem;
  font-family: "lato";
  color: #23201e;
  height: 4.3888rem;
  margin-bottom: 1.111rem;
}

@media (max-width: 599px) {
  .webinarsgrid .webinar .textcontainer h3 {
    height: auto;
  }
}

.webinarsgrid .webinar .textcontainer a.followlink {
  font-size: 1.16666rem;
  color: #00abc8 !important;
  text-decoration: none;
}

.newsgrid .inner.boxed {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .newsgrid .inner.boxed {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .newsgrid .inner.boxed {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .newsgrid .inner.boxed {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .newsgrid .inner.boxed {
    margin-right: 8rem;
  }
}

@media (min-width: 1280px) {
  .newsgrid .inner.boxed {
    width: calc(100vw - 16rem);
    margin: 0 auto;
  }
}

@media (max-width: 599px) {
  .newsgrid .inner.boxed {
    flex-direction: column;
  }
}

.newsgrid .news {
  width: 29.277rem;
  margin-bottom: 4rem;
}

@media (max-width: 1279px) {
  .newsgrid .news {
    width: 26.677rem;
  }
}

@media (max-width: 599px) {
  .newsgrid .news {
    width: 100%;
    margin-bottom: 4rem;
  }
}

.newsgrid .news .thumbcontainer img {
  display: block;
  width: 100%;
  height: auto;
}

.newsgrid .news .thumbcontainer .placeholder {
  width: 100%;
  height: 13.5rem;
  background-color: #ddd;
}

.newsgrid .news .thumbcontainer h3 {
  background-color: #23201e;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  font-family: "lato";
  line-height: 3.72222rem;
}

.newsgrid .news .textcontainer .date {
  text-transform: uppercase;
  color: #23201e;
  opacity: 0.3;
  font-size: 0.889rem;
  line-height: 1;
  margin-top: 2.22222rem;
  margin-bottom: 0.555555rem;
}

.newsgrid .news .textcontainer h3 {
  font-size: 1.666rem;
  font-family: "lato";
  color: #23201e;
  height: 4.3888rem;
  margin-bottom: 1.111rem;
}

@media (max-width: 599px) {
  .newsgrid .news .textcontainer h3 {
    height: auto;
  }
}

.newsgrid .news .textcontainer a.followlink {
  font-size: 1.16666rem;
  color: #00abc8 !important;
  text-decoration: none;
}

header.banner {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: rgba(40, 40, 45, 0.95);
  transition: background-color 200ms;
  z-index: 4;
  display: block;
  align-items: start;
  left: 0;
  min-height: 112px;
}

@media (min-width: 1280px) {
  header.banner {
    position: fixed;
  }

  header.banner.opaque {
    transition: background-color 200ms;
    background-color: rgba(40, 40, 45, 0.9);
  }
}

@media (max-width: 599px) {
  header.banner {
    z-index: 50;
  }
}

header.banner .brand img {
  margin-left: 2.2rem;
  margin-top: 2rem;
  display: inline-block;
  vertical-align: top;
  width: 17.6rem;
  height: auto;
}

@media (min-width: 1024px) {
  header.banner .brand img {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  header.banner .brand img {
    margin-left: 8rem;
  }
}

@media (max-width: 1279px) {
  header.banner .brand img {
    width: 19.6875rem;
  }
}

@media (max-width: 599px) {
  header.banner .brand img {
    width: 7.6875rem;
    margin-top: 2.6rem;
  }
}

header.banner .nav-primary {
  font-family: "latobold", Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-left: 3.944rem;
}

@media (max-width: 1279px) {
  header.banner .nav-primary {
    display: none;
  }
}

header.banner .nav-primary .primary_navigation_container > ul {
  display: block;
  justify-content: space-between;
  width: 100%;
}

header.banner .nav-primary .primary_navigation_container > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 1.667rem;
}

header.banner .nav-primary .primary_navigation_container > ul > li > a {
  color: #fff;
  display: block;
  font-size: 1.16667rem;
  text-decoration: none;
  padding: 3.111rem 0 0.05rem;
  margin: 0 0 2.728rem;
  border-bottom: 2px solid transparent;
}

header.banner .nav-primary .primary_navigation_container > ul > li:hover > a, header.banner .nav-primary .primary_navigation_container > ul > li.current-menu-item > a {
  border-bottom: 2px solid #fff;
}

header.banner .nav-primary .primary_navigation_container > ul > li ul {
  position: absolute;
  display: none;
  background-color: #fff;
  padding: 2rem 3.333rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 20px 60px #00000029;
  min-width: 23rem;
}

header.banner .nav-primary .primary_navigation_container > ul > li ul:before {
  position: absolute;
  left: 50%;
  margin-left: -0.5rem;
  top: -0.5rem;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #fff;
}

header.banner .nav-primary .primary_navigation_container > ul > li ul li {
  display: block;
}

header.banner .nav-primary .primary_navigation_container > ul > li ul li a {
  text-decoration: none;
  color: #23201e;
  display: block;
  margin-left: 0;
  transition: margin-left 600ms;
  padding: 20px 0;
}

header.banner .nav-primary .primary_navigation_container > ul > li ul li:hover a {
  margin-left: 1rem;
  color: #00abc8;
  transition: margin-left 600ms;
}

header.banner .nav-primary .primary_navigation_container > ul > li:hover ul {
  display: block;
}

.mobileopener {
  display: none;
  line-height: 1;
  position: fixed;
  top: 2rem;
  z-index: 100;
  background-color: #fff;
  right: 4.375rem;
  padding: 1.375rem 2.3125rem;
  color: #23201e;
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 1279px) {
  .mobileopener {
    display: flex;
  }
}

@media (max-width: 599px) {
  .mobileopener {
    right: 1.85rem;
    top: 2rem;
    padding: 0.975rem 1.2875rem;
  }
}

.mobileopener:after {
  content: "";
  width: 1.75rem;
  margin-left: 1.125rem;
  height: 1rem;
  border-top: 0.25rem solid #23201e;
  border-bottom: 0.25rem solid #23201e;
}

.mobilemenu {
  display: none;
  position: fixed;
  width: 768px;
  max-width: 100%;
  top: 0;
  z-index: 160;
  left: 50%;
  transform: translateX(-50%);
  height: 100vh;
  background-color: #23201e;
}

@media (max-width: 767px) {
  .mobilemenu {
    width: 390px;
  }
}

.mobilemenu a {
  text-decoration: none;
  color: #fff;
}

.mobilemenu .closemobilemenu {
  line-height: 1;
  position: absolute;
  top: 67px;
  color: #fff;
  right: 101px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 599px) {
  .mobilemenu .closemobilemenu {
    display: flex;
  }
}

.mobilemenu .closemobilemenu:after {
  position: absolute;
  right: -60px;
  content: "";
  width: 39.5px;
  transform: rotate(45deg);
  margin-left: 18px;
  top: 5px;
  height: 4px;
  background-color: #fff;
}

.mobilemenu .closemobilemenu:before {
  position: absolute;
  right: -60px;
  content: "";
  top: 5px;
  width: 39.5px;
  transform: rotate(-45deg);
  margin-left: 18px;
  height: 4px;
  background-color: #fff;
}

.mobilemenu .widget_nav_menu {
  display: none;
}

.mobilemenu .widget_text,
.mobilemenu .widget_block {
  margin-top: 180px;
  margin-left: 60px;
  max-width: 400px;
  color: #fff;
}

@media (max-width: 599px) {
  .mobilemenu .widget_text,
.mobilemenu .widget_block {
    margin-left: 36px;
  }
}

.mobilemenu .widget_text h3,
.mobilemenu .widget_block h3 {
  font-size: inherit;
}

.mobilemenu .wp-block-page-list {
  display: none;
}

.menuimage {
  width: 36%;
  max-width: 200px;
  margin: 60px 0 0 60px;
  height: auto;
}

@media (max-width: 599px) {
  .menuimage {
    margin: 60px 0 0 38px;
  }
}

body.mobilemenuopen {
  overflow: hidden;
}

body.mobilemenuopen #main,
body.mobilemenuopen header.banner a.brand,
body.mobilemenuopen footer,
body.mobilemenuopen .mobileopener {
  filter: contrast(0.1);
}

body.mobilemenuopen .mobilemenu {
  display: block;
}

.nav-mobile {
  height: calc(var(--vh, 1vh) * 100 - 6.4rem);
  overflow-y: auto;
}

.nav-mobile .menu-mainmenu-container {
  padding-bottom: 3rem;
}

.nav-mobile ul {
  margin-top: 50px;
  margin-left: 60px;
}

@media (max-width: 599px) {
  .nav-mobile ul {
    margin-left: 36px;
  }
}

.nav-mobile ul li a {
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 1;
  margin-bottom: 36px;
  color: #fff;
  text-decoration: none;
}

.nav-mobile ul li:hover > a, .nav-mobile ul li.current-menu-item > a {
  color: #00abc8;
}

.headercta {
  position: absolute;
  right: 0;
  margin-right: 2.2rem;
  top: 50%;
  transform: translate(0, -50%);
}

@media (min-width: 1024px) {
  .headercta {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .headercta {
    margin-right: 8rem;
  }
}

@media (max-width: 599px) {
  .headercta {
    top: auto;
    bottom: 3rem;
  }
}

.headercta.disabled .playbutton {
  color: #656362 !important;
}

.page-header .right.headercta.disabled a.playbutton {
  color: #656362 !important;
}

.page-header .right.headercta.disabled a.playbutton .play {
  background-color: #656362 !important;
}

.page-header .right.headercta.disabled a.playbutton .play::after {
  border-color: #656362;
}

footer.content-info {
  background-color: #eceeee;
}

footer.content-info .inner {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
  padding: 8.888rem 0;
  display: flex;
  align-items: top;
}

@media (min-width: 1024px) {
  footer.content-info .inner {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  footer.content-info .inner {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  footer.content-info .inner {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  footer.content-info .inner {
    margin-right: 8rem;
  }
}

@media (min-width: 1280px) {
  footer.content-info .inner {
    max-width: calc(100vw - 16rem);
    margin: 0 auto;
  }
}

@media (min-width: 2560px) {
  footer.content-info .inner {
    max-width: calc(2560px - 16rem);
    margin: 0 auto;
  }
}

@media (max-width: 1279px) {
  footer.content-info .inner {
    display: block;
  }
}

footer.content-info .inner .part p {
  margin-bottom: 0;
}

footer.content-info .inner .part .footerlogo {
  position: relative;
  width: 20rem;
  height: auto;
  margin-right: 5rem;
}

@media (max-width: 1279px) {
  footer.content-info .inner .part .footerlogo {
    top: -1rem;
    margin-right: 2rem;
    width: 41.8rem;
  }
}

@media (max-width: 1279px) {
  footer.content-info .inner .part .footerlogo {
    width: 14.8rem;
  }
}

footer.content-info .inner .part.subparts {
  display: flex;
  justify-content: space-around;
}

@media (max-width: 599px) {
  footer.content-info .inner .part.subparts {
    width: 20rem;
    display: block;
  }
}

footer.content-info .inner .part.subparts .widget {
  width: 20rem;
  margin-right: 3rem;
}

footer.content-info .inner .part.subparts .widget img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 1279px) {
  footer.content-info .inner .part.subparts .widget {
    width: 22rem;
  }
}

@media (max-width: 599px) {
  footer.content-info .inner .part.subparts .widget {
    width: 20rem;
  }
}

footer.content-info .inner .part.subparts .widget.widget_nav_menu {
  flex-shrink: 70%;
}

@media (max-width: 1279px) {
  footer.content-info .inner .part.subparts .widget.widget_nav_menu {
    width: 8rem;
    margin-top: 0;
  }
}

@media (max-width: 599px) {
  footer.content-info .inner .part.subparts .widget.widget_nav_menu {
    width: 20rem;
    margin-top: 2rem;
  }
}

footer.content-info .inner .part.subparts .widget h3 {
  font-size: 18px;
  margin: 0 0 22px 0;
}

footer.content-info .inner .part.subparts .widget a {
  text-decoration: none;
  color: #000;
}

footer.content-info .inner .part.subparts .widget .menu {
  list-style-type: disc;
  list-style-position: inside;
}

footer.content-info .subfooter {
  background-color: #fff;
  color: #8e8e8e;
}

@media (max-width: 1279px) {
  footer.content-info .subfooter {
    font-size: 16px;
  }
}

footer.content-info .subfooter .inner {
  margin-right: 91px;
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 599px) {
  footer.content-info .subfooter .inner {
    padding: 44px 0 62px;
    display: block;
  }

  footer.content-info .subfooter .inner .links {
    margin-bottom: 16px;
  }
}

footer.content-info .subfooter .inner .links a {
  color: #8e8e8e;
  margin-right: 40px;
  display: inline-block;
}

.accordionblock {
  padding-top: 2rem;
}

.accordionblock h3 {
  font-size: 1.54rem;
  margin-bottom: 2.4rem;
}

.accordionblock .inner.boxed {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}

@media (min-width: 1024px) {
  .accordionblock .inner.boxed {
    margin-left: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .accordionblock .inner.boxed {
    margin-left: 8rem;
  }
}

@media (min-width: 1024px) {
  .accordionblock .inner.boxed {
    margin-right: 4.4rem;
  }
}

@media (min-width: 1280px) {
  .accordionblock .inner.boxed {
    margin-right: 8rem;
  }
}

.accordionblock .item-heading {
  font-weight: 400;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 2.2rem;
  font-size: 1.57rem;
  font-family: "lato", Arial, Helvetica, sans-serif;
}

@media (max-width: 599px) {
  .accordionblock .item-heading {
    font-size: 1rem;
    line-height: 1.4;
    padding: 0 0.7rem;
    width: calc(100% - 4rem);
  }
}

.accordionblock .item-text {
  font-family: "lato", Arial, Helvetica, sans-serif;
  padding: 2.2rem 2.2rem;
  font-weight: 400;
  font-size: 1.2rem;
}

.accordionblock .items {
  max-width: 60.4rem;
  background: white;
  border-radius: 4px;
  position: relative;
}

.accordionblock .items label {
  margin-bottom: 0.9rem;
  display: block;
  position: relative;
  overflow: hidden;
  height: 5.8333rem;
  padding-top: 1px;
  background-color: #ECEEEE;
}

.accordionblock .items input[type=radio] {
  display: none;
}

.accordionblock .items .faqvraag {
  height: 5.8333rem;
  cursor: pointer;
  color: #000;
  font-size: 1.666rem;
}

@media (max-width: 599px) {
  .accordionblock .items .faqvraag {
    height: 3.7333rem;
  }
}

.accordionblock .items .item-heading {
  display: inline-block;
  vertical-align: middle;
}

.accordionblock .items .arrow {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 5.8333rem;
  height: 5.8333rem;
  background-color: #00abc8;
  padding: 1.7777rem;
}

@media (max-width: 599px) {
  .accordionblock .items .arrow {
    width: 3.7333rem;
    height: 3.7333rem;
    padding: 0.5777rem;
  }
}

.accordionblock .items .arrow .plus {
  opacity: 1;
}

.accordionblock .items .arrow .min {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.accordionblock .items input[type=radio]:checked + label {
  display: block;
  min-height: 225px;
  height: auto;
  transition: height 0.8s;
}

.accordionblock .items input[type=radio]:checked + label .arrow .plus {
  opacity: 0;
}

.accordionblock .items input[type=radio]:checked + label .arrow .min {
  opacity: 1;
}

.accordionblock .items input[type=radio]:not(:checked) + label {
  display: block;
  transition: height 0.8s;
  height: 5.8333rem;
}

@media (max-width: 599px) {
  .accordionblock .items input[type=radio]:not(:checked) + label {
    height: 3.8333rem;
  }
}

.accordionblock ::-webkit-scrollbar {
  display: none;
}

.accordionblock .item-text {
  width: calc(100% - 5.8333rem);
  margin-left: 5.8333rem;
}

@media (max-width: 599px) {
  .accordionblock .item-text {
    margin-left: 3.8333rem;
    width: calc(100% - 3.8333rem);
    padding: 0.7rem;
    font-size: 0.9rem;
  }
}