/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

*{box-sizing:border-box}html{position:relative;min-height:100%;padding:0;margin:0;font-size:var(--basefontsize)}body{padding:0;margin:0;font-family:var(--font-regular);-webkit-font-smoothing:antialiased;color:var(--text);min-height:100vh}html,body{width:100%;overflow-x:hidden}html.sr .load-hidden{visibility:hidden}h1,h2,h3,h4,h5,h6{max-width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.container{width:100%;margin:0 auto;padding:0 10px;box-sizing:border-box;position:relative}@media(min-width: 576px){.container{width:540px}}@media(min-width: 768px){.container{width:720px}}@media(min-width: 992px){.container{padding:0 10px;width:960px}}@media(min-width: 1200px){.container{width:1150px}}@media(min-width: 1400px){.container{width:1350px}}@media(min-width: 576px){.container.container--wide{width:565px}}@media(min-width: 768px){.container.container--wide{width:750px}}@media(min-width: 992px){.container.container--wide{padding:0 10px;width:980px}}@media(min-width: 1200px){.container.container--wide{width:1180px}}@media(min-width: 1400px){.container.container--wide{width:1350px}}.row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}@media(min-width: 768px){.row.row--thic{padding:0 2rem;margin-left:-2rem;margin-right:-2rem}.row.row--thic>.col{padding:0 2rem}}.row.row--reverse{flex-direction:row-reverse}.row.row--center{justify-content:center}.row.row--nopadding{margin-left:0;margin-right:0}.row.row--nopadding .col{padding:0}.col{flex:0 0 auto;padding:0 10px;display:block;flex-wrap:wrap;position:relative}@media(max-width: 991.98px){.col{padding:0 20px}}.col.col--flex{display:flex}.col.col--relative{position:relative}.col.col--1{flex:0 0 8.3333333333%;max-width:8.3333333333%}@media(max-width: 767.98px){.col.col--1{flex:0 0 100%;max-width:100%}}.col.col--2{flex:0 0 16.6666666667%;max-width:16.6666666667%}@media(max-width: 767.98px){.col.col--2{flex:0 0 100%;max-width:100%}}.col.col--3{flex:0 0 25%;max-width:25%}@media(max-width: 767.98px){.col.col--3{flex:0 0 100%;max-width:100%}}.col.col--4{flex:0 0 33.3333333333%;max-width:33.3333333333%}@media(max-width: 767.98px){.col.col--4{flex:0 0 100%;max-width:100%}}.col.col--5{flex:0 0 41.6666666667%;max-width:41.6666666667%}@media(max-width: 767.98px){.col.col--5{flex:0 0 100%;max-width:100%}}.col.col--6{flex:0 0 50%;max-width:50%}@media(max-width: 767.98px){.col.col--6{flex:0 0 100%;max-width:100%}}.col.col--7{flex:0 0 58.3333333333%;max-width:58.3333333333%}@media(max-width: 767.98px){.col.col--7{flex:0 0 100%;max-width:100%}}.col.col--8{flex:0 0 66.6666666667%;max-width:66.6666666667%}@media(max-width: 767.98px){.col.col--8{flex:0 0 100%;max-width:100%}}.col.col--9{flex:0 0 75%;max-width:75%}@media(max-width: 767.98px){.col.col--9{flex:0 0 100%;max-width:100%}}.col.col--10{flex:0 0 83.3333333333%;max-width:83.3333333333%}@media(max-width: 767.98px){.col.col--10{flex:0 0 100%;max-width:100%}}.col.col--11{flex:0 0 91.6666666667%;max-width:91.6666666667%}@media(max-width: 767.98px){.col.col--11{flex:0 0 100%;max-width:100%}}.col.col--12{flex:0 0 100%;max-width:100%}@media(max-width: 767.98px){.col.col--12{flex:0 0 100%;max-width:100%}}.col.col--align-right{justify-content:flex-end}.col.col--align-bottom{align-items:flex-end}.col.col--align-center{align-items:center}.col.col--padded{padding:0 4rem}@media(max-width: 991.98px){.col.col--padded{padding:0 1.5rem}}.col.col--flex-column{display:flex;flex-direction:column;justify-content:flex-end}.flex{display:flex}.flex.flex--v-end{justify-content:flex-end}.flex.flex--h-end{align-items:flex-end}a{color:var(--color-main);text-decoration:none;font-family:var(--font-heading);cursor:pointer}p{font-size:1rem;line-height:1.75}form .input-group{width:100%;position:relative}form .input-group.input-group--textarea label{top:.75rem;transform:translateY(0)}form .input-group label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);display:block;width:100%;pointer-events:none;font-size:1rem;text-align:left;color:rgba(3,2,1,.5);transition:.2s ease-out}form .input-group label.active{transform:translateY(-100%);top:0}form .input-group input,form .input-group textarea{resize:none;display:block;width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-main);margin-top:2rem;font-family:var(--font-regular);text-align:left;color:var(--color-text);border-radius:var(--border-radius)}form .input-group input::-webkit-input-placeholder,form .input-group textarea::-webkit-input-placeholder{color:rgba(0,0,0,0)}form .input-group input:-moz-placeholder,form .input-group textarea:-moz-placeholder{color:rgba(0,0,0,0)}form .input-group input::-moz-placeholder,form .input-group textarea::-moz-placeholder{color:rgba(0,0,0,0)}form .input-group input:-ms-input-placeholder,form .input-group textarea:-ms-input-placeholder{color:rgba(0,0,0,0)}form .input-group textarea{height:8rem}.formbtn{border-radius:var(--border-radius);display:block;width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-emphasis);margin-top:2rem;font-family:var(--font-regular);text-align:center;color:var(--color-emphasis);cursor:pointer}.image{position:relative}.image:before{display:block;content:"";width:100%;padding-top:75%}.image>.content{position:absolute;top:0;left:0;right:0;bottom:0}.image>.content{overflow:hidden;border-radius:var(--border-radius)}.image>.content iframe,.image>.content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.image.image--contain>.content iframe,.image.image--contain>.content img{-o-object-fit:contain;object-fit:contain}.image.image--vertical{position:relative}.image.image--vertical:before{display:block;content:"";width:100%;padding-top:133.3333333333%}.image.image--vertical>.content{position:absolute;top:0;left:0;right:0;bottom:0}.image.image--square{position:relative}.image.image--square:before{display:block;content:"";width:100%;padding-top:100%}.image.image--square>.content{position:absolute;top:0;left:0;right:0;bottom:0}.image.image--wide{position:relative}.image.image--wide:before{display:block;content:"";width:100%;padding-top:56.25%}.image.image--wide>.content{position:absolute;top:0;left:0;right:0;bottom:0}.push{width:100%}.push.push--content-down{margin-top:auto}.push.push--center{margin-top:auto;margin-bottom:auto}.btn{position:relative;padding:20px 35px 20px 75px;display:inline-block;color:var(--color-main-complement);text-transform:var(--a-transform);font-weight:var(--font-heading-weight-bold);font-family:var(--font-heading)}.btn:before{content:"";position:absolute;width:40px;height:40px;border:2px solid var(--color-main-complement);left:0;top:50%;transition:.2s ease-out;transform:translateY(-50%);border-radius:var(--border-radius-big)}.btn:after{transition:.2s ease-out;content:"";width:20px;height:15px;position:absolute;left:12px;top:50%;transform:translateY(-50%);background-size:contain;background-position:center center;background-repeat:no-repeat}.btn span.label{position:absolute;left:40px;top:50%;transform:translate(-15px, -35px);width:30px;height:30px;background-color:var(--color-emphasis);border-radius:2000px;color:#fff;text-align:center;line-height:30px}.btn:hover:before{width:50px}.btn:hover:after{transform:translate(10px, -50%)}.btn.btn--dark{color:var(--color-main)}.btn.btn--dark:before{border-color:var(--color-main)}.bigbutton{color:var(--color-main-complement);border-radius:var(--border-radius);border:none;text-transform:var(--a-transform);font-family:var(--font-heading);padding:1rem;background-color:var(--color-emphasis);font-weight:var(--font-heading-weight-bold);display:inline-block;position:relative;overflow:hidden;cursor:pointer}.bigbutton:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);mix-blend-mode:overlay;transition:transform .12s ease-out;transform:translateY(calc(100% - 3px))}.bigbutton:hover:after{transform:translateY(0)}.filebutton{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}nav{background-color:var(--color-main);padding:1.25rem 0}nav .logorow .logo{display:flex;height:5rem}nav .logorow .logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}nav .logorow .hamburger{display:none}nav .menucol ul{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end}nav .menucol ul li a{color:var(--color-main-complement);text-transform:var(--a-transform);font-weight:var(--navigation-font-weight);font-family:var(--font-heading);padding:1rem;margin-left:.5rem;transition:background-color .3s ease-out;position:relative;border-radius:var(--border-radius)}nav .menucol ul li a span{position:absolute;right:0;top:0;transform:translate(15%, -15%);box-shadow:0 5px 8px rgba(0,0,0,.1);width:30px;height:30px;background-color:var(--color-emphasis);border-radius:2000px;color:#fff;text-align:center;line-height:30px}nav .menucol ul li a:hover{background-color:var(--color-emphasis)}nav .menucol ul li:last-of-type a{background-color:var(--color-emphasis);font-weight:var(--font-heading-weight-bold)}@media(max-width: 991.98px){nav{position:fixed;top:0;left:0;right:0;padding:0;z-index:99}nav .logorow{padding-top:1rem;padding-bottom:1rem;display:flex;justify-content:space-between;box-shadow:0 5px 8px rgba(0,0,0,.1);flex-wrap:nowrap}nav .logorow .logo{height:3.5rem}nav .logorow .hamburger{display:block}nav .logorow .hamburger .hamburger-inner{background-color:var(--color-main-complement)}nav .logorow .hamburger .hamburger-inner:before,nav .logorow .hamburger .hamburger-inner:after{background-color:var(--color-main-complement)}nav .menucol{position:fixed;left:0;right:0;top:5.5rem;bottom:0;background-color:var(--color-main);transition:.3s ease-out;transform:translateX(-100%)}nav .menucol .navi ul.navbar-nav{flex-direction:column}nav .menucol .navi ul.navbar-nav li{display:flex;justify-content:center}nav.show .menucol{transform:translateX(0)}}@media(max-width: 991.98px){body{padding-top:5.5rem}}header.header--default{background-color:var(--color-main)}header.header--default h1,header.header--default p{color:var(--color-main-complement)}header.header--default h1{font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);text-transform:var(--title-transform);font-size:var(--title-size);margin:0}header.header--default p{font-size:1.2rem}header.header--default p a{font-family:var(--font-regular);font-weight:var(--font-regular-weight-bold);color:var(--color-main-complement)}@media(max-width: 991.98px){header.header--default h1{font-size:2.5rem}header.header--default .push{padding-top:2rem;padding-bottom:2rem}}header .push{padding-right:50px}header .imagecol{position:relative;margin-bottom:-3rem}header .imagecol .image{position:relative}header .imagecol .image:before{display:block;content:"";width:100%;padding-top:75%}header .imagecol .image>.content{position:absolute;top:0;left:0;right:0;bottom:0}header.header--small{background-color:var(--color-main)}header.header--small h1,header.header--small p{color:var(--color-main-complement)}header.header--small h1{font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);text-transform:var(--title-transform);font-size:var(--title-size);margin-bottom:0}header.header--small p{font-size:1.2rem}@media(max-width: 991.98px){header.header--small h1{font-size:2.5rem}}header .push{padding-right:50px}header .imagecol{position:relative;margin-bottom:-3rem}header .imagecol .image{position:relative}header .imagecol .image:before{display:block;content:"";width:100%;padding-top:50%}header .imagecol .image>.content{position:absolute;top:0;left:0;right:0;bottom:0}header.header--vacature{background-color:var(--color-main)}header.header--vacature h1,header.header--vacature p{color:var(--color-main-complement)}header.header--vacature h1{font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);text-transform:var(--title-transform);font-size:var(--title-size);line-height:var(--title-size);margin:0}header.header--vacature p{font-size:1.2rem;margin:0}@media(max-width: 991.98px){header.header--vacature{padding-top:2rem;padding-bottom:2rem}header.header--vacature h1{font-size:2.5rem;line-height:2.5rem;margin-top:.5rem;margin-bottom:.5rem}header.header--vacature .push{padding-bottom:2rem}}header .push{padding-right:50px}header .imagecol{position:relative;margin-bottom:-3rem}header .imagecol .image{position:relative}header .imagecol .image:before{display:block;content:"";width:100%;padding-top:75%}header .imagecol .image>.content{position:absolute;top:0;left:0;right:0;bottom:0}header .bigbutton{margin-top:2rem}section.collage{margin-top:6rem}section.collage.collage--default .image{position:relative}section.collage.collage--default .image:before{display:block;content:"";width:100%;padding-top:38.2352941176%}section.collage.collage--default .image>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.collage.collage--large .image{margin-bottom:20px}section.widget{margin-top:6rem}section.widget h2{font-size:2.3rem;font-family:var(--font-heading);color:var(--color-main);text-transform:var(--title-transform);margin-bottom:3rem;margin-top:0}@media(max-width: 991.98px){section.widget{margin-top:4rem}}section.widget.widget--vacatures h2+p{margin-top:-2.5rem;margin-bottom:3rem}section.widget.widget--vacatures .titlerow{margin-top:3rem;margin-bottom:3rem}section.widget.widget--vacatures .titlerow .col{display:flex;align-items:center}section.widget.widget--vacatures .titlerow h2{margin:0}section.widget.widget--vacatures .titlerow .ar{justify-content:flex-end}section.widget.widget--vacatures .vacatures .card{margin-top:1rem;margin-bottom:1rem;position:relative;display:block}section.widget.widget--vacatures .vacatures .card:before{display:block;content:"";width:100%;padding-top:85%}section.widget.widget--vacatures .vacatures .card>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--vacatures .vacatures .card>.content .imgwrap{position:relative;overflow:hidden;border-radius:var(--border-radius)}section.widget.widget--vacatures .vacatures .card>.content .imgwrap:before{display:block;content:"";width:100%;padding-top:75%}section.widget.widget--vacatures .vacatures .card>.content .imgwrap>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--vacatures .vacatures .card>.content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.2s ease-out;display:block}section.widget.widget--vacatures .vacatures .card img{width:100%}section.widget.widget--vacatures .vacatures .card .block{position:relative;width:90%;position:absolute;bottom:0;left:0;transition:.3s ease-out;background-color:#fff;border-top-right-radius:var(--border-radius);overflow:hidden}section.widget.widget--vacatures .vacatures .card .block:before{display:block;content:"";width:100%;padding-top:40%}section.widget.widget--vacatures .vacatures .card .block>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--vacatures .vacatures .card .block:before{transition:.3s ease-out}section.widget.widget--vacatures .vacatures .card .block>.content{padding:.5rem 1.5rem;display:flex;flex-direction:column;justify-content:center}section.widget.widget--vacatures .vacatures .card .block>.content h3{margin:0;color:var(--color-main);text-transform:var(--title-transform);font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);font-size:1.3rem}section.widget.widget--vacatures .vacatures .card .block>.content span{margin-top:0rem;color:var(--color-text-light);font-family:var(--font-regular)}section.widget.widget--vacatures .vacatures .card:hover>.content img{transform:scale(1.1)}section.widget.widget--vacatures .vacatures .card:hover .block:before{background-color:#f7f7f7}@media(max-width: 991.98px){section.widget.widget--vacatures .vacatures .card{margin-bottom:4rem}}section.widget.widget--vacaturesrecent{margin-bottom:2rem;margin-top:6rem;position:relative}section.widget.widget--vacaturesrecent:before{content:"";position:absolute;top:-3rem;bottom:3rem;left:0;right:0;background-color:var(--color-main);opacity:.1;z-index:-1}section.widget.widget--vacaturesrecent .titlerow{margin-top:3rem;margin-bottom:3rem}section.widget.widget--vacaturesrecent .titlerow .col{display:flex;align-items:center}section.widget.widget--vacaturesrecent .titlerow h2{margin:0}section.widget.widget--vacaturesrecent .titlerow .ar{justify-content:flex-end}section.widget.widget--vacaturesrecent .vacatures .card{border-radius:var(--border-radius);overflow:hidden;display:block;position:relative;box-shadow:0 5px 8px rgba(0,0,0,.1)}section.widget.widget--vacaturesrecent .vacatures .card:before{display:block;content:"";width:100%;padding-top:133.6298932384%}section.widget.widget--vacaturesrecent .vacatures .card>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--vacaturesrecent .vacatures .card>.content{background-color:#fff}section.widget.widget--vacaturesrecent .vacatures .card>.content .imgwrap{position:relative;overflow:hidden}section.widget.widget--vacaturesrecent .vacatures .card>.content .imgwrap:before{display:block;content:"";width:100%;padding-top:75%}section.widget.widget--vacaturesrecent .vacatures .card>.content .imgwrap>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--vacaturesrecent .vacatures .card>.content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.2s ease-out;display:block}section.widget.widget--vacaturesrecent .vacatures .card>.content .block{position:relative;position:absolute;bottom:0;left:0;right:0;clear:both}section.widget.widget--vacaturesrecent .vacatures .card>.content .block:before{display:block;content:"";width:100%;padding-top:58.5409252669%}section.widget.widget--vacaturesrecent .vacatures .card>.content .block>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--vacaturesrecent .vacatures .card>.content .block>.content{padding:1.5rem;display:flex;justify-content:space-between;flex-direction:column}section.widget.widget--vacaturesrecent .vacatures .card>.content .block>.content h3{margin:0;color:var(--color-main);text-transform:var(--title-transform);font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);font-size:1.3rem}section.widget.widget--vacaturesrecent .vacatures .card>.content .block>.content span.plaats{color:var(--color-text-light);text-transform:var(--title-transform);font-size:.8rem;font-family:var(--font-heading)}section.widget.widget--vacaturesrecent .vacatures .card:hover>.content img{transform:scale(1.1)}@media(max-width: 991.98px){section.widget.widget--vacaturesrecent{margin-top:4rem}section.widget.widget--vacaturesrecent:before{bottom:0}section.widget.widget--vacaturesrecent .titlerow .ar{margin-top:2rem;justify-content:flex-start}section.widget.widget--vacaturesrecent .vacatures .card{margin-bottom:3rem}}section.vacature--detail h2{font-size:2.3rem;font-family:var(--font-heading);color:var(--color-main);text-transform:var(--title-transform);margin-bottom:3rem;margin-top:0}section.vacature--detail article.lists{position:relative;margin-top:6rem;padding-bottom:1rem}section.vacature--detail article.lists:before{content:"";position:absolute;z-index:-1;top:7rem;left:0;right:0;bottom:0;background-color:var(--color-main);opacity:.1}section.vacature--detail article.lists .wrap{height:100%;display:flex;flex-direction:column;width:100%}section.vacature--detail article.lists h2{margin-bottom:1rem;display:block}section.vacature--detail article.lists .card{overflow:hidden;border-radius:var(--border-radius);flex-grow:1;height:100%;background-color:#fff;padding:1rem;box-shadow:0 5px 8px rgba(0,0,0,.1)}section.vacature--detail article.lists .card ul{margin:0;padding:0 0 0 2.5rem;list-style:none}section.vacature--detail article.lists .card ul li{color:var(--color-main);font-family:var(--font-regular);font-weight:var(--font-regular-weight-normal);margin-bottom:1rem;position:relative;min-height:1.5rem;display:flex;align-items:center}section.vacature--detail article.lists .card ul li:before{content:"";width:1.5rem;height:1.5rem;position:absolute;background-size:contain;background-repeat:no-repeat;top:0;opacity:.5;left:-2.5rem}section.vacature--detail article.lists .card .points>div{position:relative;min-height:20px;line-height:20px;padding-left:35px;margin-bottom:20px;font-size:.9rem}section.vacature--detail article.lists .card .points>div:before{content:"";position:absolute;left:0;top:0;height:20px;width:20px;background-size:contain;background-position:center}@media(max-width: 991.98px){section.vacature--detail article.lists h2{margin-top:2rem}}section.vacature--detail article.contactpersoon{padding-top:5rem;position:relative}section.vacature--detail article.contactpersoon:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:var(--color-main);opacity:.1}section.vacature--detail article.contactpersoon .row:after{content:"";position:absolute;left:-50vw;top:0;right:0;bottom:2rem;background-color:#fff;z-index:-1;overflow:hidden;border-radius:var(--border-radius)}section.vacature--detail article.contactpersoon .row h2{margin:2rem 0}section.vacature--detail article.contactpersoon .row .name{font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);color:var(--color-main);font-size:2rem}section.vacature--detail article.contactpersoon .row .story{font-size:1rem}section.vacature--detail article.contactpersoon .row .story span{color:var(--color-emphasis);font-weight:var(--font-regular-weight-bold)}section.vacature--detail article.contactpersoon .row .push{padding-bottom:2rem}section.vacature--detail article.contactpersoon .row .contactRow{display:flex;margin-top:2rem}section.vacature--detail article.contactpersoon .row .contactRow .contact{margin-right:2rem}section.vacature--detail article.contactpersoon .row .contactRow .contact:last-of-type{margin-right:0}section.vacature--detail article.contactpersoon .row .contactRow .contact a{display:flex;align-items:center;font-weight:var(--font-regular-weight-bold);font-family:var(--font-regular)}section.vacature--detail article.contactpersoon .row .contactRow .contact a .icon{display:block;width:35px;height:35px;margin-right:1rem}@media(max-width: 991.98px){section.vacature--detail article.contactpersoon .row .contactRow{flex-wrap:wrap}section.vacature--detail article.contactpersoon .row .contactRow .contact{text-align:center;width:100%;margin-right:0;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}}section.vacature--detail article.percentages{margin-top:6rem;position:relative}section.vacature--detail article.percentages:before{content:"";position:absolute;z-index:-1;top:-6rem;left:0;right:0;bottom:0;background-color:var(--color-main);opacity:.1}section.vacature--detail article.percentages .bars{height:400px;display:flex;flex-direction:column;margin-bottom:2rem;position:relative}section.vacature--detail article.percentages .bars:before{content:attr(data-title);white-space:nowrap;position:absolute;right:100%;top:50%;transform:translateX(calc(50% - 1rem)) rotate(-90deg);font-family:var(--font-heading);color:var(--color-main)}@media(max-width: 991.98px){section.vacature--detail article.percentages .bars{padding-left:2rem}section.vacature--detail article.percentages .bars:before{transform:translateX(calc(50% + 1rem)) rotate(-90deg)}}section.vacature--detail article.percentages .bars .bar{padding-left:4rem;position:relative;display:flex;align-items:center}section.vacature--detail article.percentages .bars .bar .label{position:relative;padding-left:3.5rem;font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);color:var(--color-main)}section.vacature--detail article.percentages .bars .bar .label span{font-family:var(--font-regular);font-weight:var(--font-regular-weight-bold)}section.vacature--detail article.percentages .bars .bar .label:before{content:"";position:absolute;height:2px;width:2rem;left:0;top:50%;transform:translateY(-50%);background-color:var(--color-main)}section.vacature--detail article.percentages .bars .bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2.5rem}section.vacature--detail article.percentages .bars .bar:first-of-type:before{overflow:hidden;border-radius:var(--border-radius) var(--border-radius) 0 0}section.vacature--detail article.percentages .bars .bar:last-of-type:before{overflow:hidden;border-radius:0 0 var(--border-radius) var(--border-radius)}section.vacature--detail article.percentages .bars .bar:nth-of-type(4n):before{background-color:var(--color-main)}section.vacature--detail article.percentages .bars .bar:nth-of-type(4n + 1):before{background-color:var(--color-emphasis)}section.vacature--detail article.percentages .bars .bar:nth-of-type(4n + 2):before{background-color:var(--color-main);opacity:.7}section.vacature--detail article.percentages .bars .bar:nth-of-type(4n + 3):before{background-color:var(--color-emphasis);opacity:.7}section.vacature--detail article.percentages .piegroup{min-height:400px;margin-bottom:3rem;position:relative;display:flex;flex-direction:row}section.vacature--detail article.percentages .piegroup .pie{display:flex;justify-content:center;align-items:center;width:50%;max-width:225px}section.vacature--detail article.percentages .piegroup .pie svg{margin:auto;width:100%}section.vacature--detail article.percentages .piegroup .pie .graph{visibility:hidden}section.vacature--detail article.percentages .piegroup .pie .graph.hover>*{opacity:1}section.vacature--detail article.percentages .piegroup .pie .graph>*{visibility:visible;transition:all 200ms ease-in-out}section.vacature--detail article.percentages .piegroup .pie .graph .graph__percent{transform-origin:center;transform:scale(0.9)}section.vacature--detail article.percentages .piegroup .pie .graph .graph__percent.hover{transform:scale(1);opacity:1}section.vacature--detail article.percentages .piegroup .legend{width:100%;display:flex;flex-direction:column;justify-content:center}section.vacature--detail article.percentages .piegroup .legend.hover>span{opacity:.5}section.vacature--detail article.percentages .piegroup .legend>span{position:relative;padding-left:3.5rem;font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);color:var(--color-main);margin-bottom:1rem;cursor:pointer}section.vacature--detail article.percentages .piegroup .legend>span.hover{opacity:1}@media(max-width: 991.98px){section.vacature--detail article.percentages .piegroup{flex-direction:column}section.vacature--detail article.percentages .piegroup .pie{margin:0 auto}section.vacature--detail article.percentages .piegroup .legend{margin-top:2rem}section.vacature--detail article.percentages .piegroup .legend>span{padding-left:0;text-align:center}}section.vacature--detail article.percentages .image{width:calc(100% + 6rem);position:absolute}@media(max-width: 991.98px){section.vacature--detail article.percentages{margin-top:4rem}section.vacature--detail article.percentages:before{top:-4rem}section.vacature--detail article.percentages .bars{height:300px}section.vacature--detail article.percentages .image{width:100%;position:unset}}section.vacature--detail article.vacature{margin-top:6rem}section.vacature--detail article.vacature p{line-height:1.75}@media(max-width: 991.98px){section.vacature--detail article.vacature{margin-top:4rem}}section.vacature--detail article.quote{margin-top:6rem}section.vacature--detail article.quote .image{position:relative}section.vacature--detail article.quote .image:before{display:block;content:"";width:100%;padding-top:133.3333333333%}section.vacature--detail article.quote .image>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.vacature--detail article.quote .name{margin-bottom:1rem}section.vacature--detail article.quote .name h2{margin-bottom:0}section.vacature--detail article.quote .name .functie{color:var(--color-emphasis);font-size:1.5rem;line-height:1.5rem;font-family:var(--font-heading)}section.vacature--detail article.quote .quoteBlock{background-color:var(--color-main);padding:2rem;position:relative;border-radius:0 var(--border-radius) var(--border-radius) 0}section.vacature--detail article.quote .quoteBlock:before{content:"";position:absolute;z-index:-1;right:calc(100% - 1px);top:0;bottom:0;width:3rem;background-color:var(--color-main)}section.vacature--detail article.quote .quoteBlock p{color:var(--color-main-complement);text-align:center;font-size:2rem;font-family:var(--font-heading)}@media(max-width: 991.98px){section.vacature--detail article.quote{margin-top:4rem}section.vacature--detail article.quote .image{width:70%;float:right}section.vacature--detail article.quote .name{position:absolute;width:60%;padding:.5rem;background-color:#fff;transform:translateY(-100%)}section.vacature--detail article.quote .name h2{font-size:1.5rem}section.vacature--detail article.quote .name .functie{font-size:1rem}section.vacature--detail article.quote .quoteBlock{margin-top:-2rem;z-index:-1;padding-bottom:2rem}section.vacature--detail article.quote .quoteBlock:before{content:none}section.vacature--detail article.quote .quoteBlock p{font-size:1.2rem;margin-bottom:0}}section.vacature--detail article.solliciteer{margin-top:6rem}section.vacature--detail article.solliciteer small{opacity:.7}section.vacature--detail article.solliciteer p{color:var(--color-text)}section.vacature--detail article.solliciteer .submitarea{margin-top:2rem;border-top:1px solid var(--color-main)}section.vacature--detail article.solliciteer .submitarea button{margin-top:1rem}section.widget.widget--about{margin-top:6rem}section.widget.widget--about .image{position:relative;width:110%;float:right}section.widget.widget--about .image:before{display:block;content:"";width:100%;padding-top:75%}section.widget.widget--about .image>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--about .contentcol{position:relative}section.widget.widget--about .contentcol:before{content:"";position:absolute;top:0;bottom:0;left:-6rem;width:100vw;background-color:var(--color-main);z-index:-1;border-radius:var(--border-radius)}section.widget.widget--about .contentcol .inner{padding:5rem 0 5rem 0;width:70%;margin:0 auto}section.widget.widget--about .contentcol .inner h2{font-size:2.3rem;color:var(--color-main-complement);font-family:var(--font-heading);text-transform:var(--title-transform)}section.widget.widget--about .contentcol .inner p{color:var(--color-main-complement);line-height:1.75rem}@media(max-width: 991.98px){section.widget.widget--about{margin-top:4rem}section.widget.widget--about .image{width:100%;margin:0 auto;float:none}section.widget.widget--about .contentcol:before{left:50%;transform:translateX(-50%) translateY(-3rem)}section.widget.widget--about .contentcol .inner{width:100%;padding:3rem 0 4rem 0}}section.widget.widget--opdrachtgevers .textcol{position:relative;display:flex;align-items:center}section.widget.widget--opdrachtgevers .textcol .inner{padding:6rem 2rem 6rem 0}section.widget.widget--opdrachtgevers .textcol h2,section.widget.widget--opdrachtgevers .textcol p{margin:0;color:var(--color-main-complement)}section.widget.widget--opdrachtgevers .textcol p{margin-top:1rem;font-size:1.2rem}section.widget.widget--opdrachtgevers .textcol:before{content:"";position:absolute;top:0;right:0;bottom:0;width:50vw;background-color:var(--color-main);z-index:-1;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}section.widget.widget--opdrachtgevers .logocol{padding:0;display:flex;align-items:center}section.widget.widget--opdrachtgevers .logocol .inner{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;background-color:#e7ecef;display:flex;box-shadow:0 5px 8px rgba(0,0,0,.1);flex-wrap:wrap;justify-content:space-between;position:relative;width:100%}section.widget.widget--opdrachtgevers .logocol .inner:after{content:"";width:100%;height:3px;background-color:#e7ecef;left:0;top:50%;transform:translateY(-50%);position:absolute}section.widget.widget--opdrachtgevers .logocol a{display:inline-block;position:relative;width:calc(33.3333333333% - 2px);background-color:#fff}section.widget.widget--opdrachtgevers .logocol a:before{display:block;content:"";width:100%;padding-top:48.7804878049%}section.widget.widget--opdrachtgevers .logocol a>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--opdrachtgevers .logocol a>.content{display:flex;justify-content:center;align-items:center}section.widget.widget--opdrachtgevers .logocol a img{width:70%;height:70%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:filter .2s ease-out;filter:grayscale(1)}section.widget.widget--opdrachtgevers .logocol a img:hover{filter:grayscale(0)}@media(max-width: 991.98px){section.widget.widget--opdrachtgevers .textcol:before{width:102vw;left:50%;transform:translateX(-50%)}section.widget.widget--opdrachtgevers .textcol .inner{padding:3rem 0}section.widget.widget--opdrachtgevers .logocol .inner{border-radius:0 0 var(--border-radius) var(--border-radius);width:90%;margin:-2rem auto 0}section.widget.widget--opdrachtgevers .logocol .inner:before{content:"";height:3px;top:0;left:0;right:0;position:absolute;background-color:var(--color-main);z-index:99}section.widget.widget--opdrachtgevers .logocol .inner:after{height:100%;width:3px;left:50%;top:0;transform:translateX(-50%)}section.widget.widget--opdrachtgevers .logocol a{width:50%;border-top:3px solid #e7ecef}}section.widget.widget--mensen{margin-top:6rem;position:relative}section.widget.widget--mensen:before{content:"";top:-3rem;bottom:3rem;left:0;right:0;position:absolute;z-index:-1;background-color:var(--color-main);opacity:.1}section.widget.widget--mensen h2{margin:0 0 3rem 0}section.widget.widget--mensen .titlerow{margin-top:3rem;margin-bottom:3rem}section.widget.widget--mensen .titlerow .col{display:flex;align-items:center}section.widget.widget--mensen .titlerow h2{margin:0}section.widget.widget--mensen .titlerow .ar{justify-content:flex-end}section.widget.widget--mensen .mensen .card{border-radius:var(--border-radius);overflow:hidden;display:block;position:relative;box-shadow:0 5px 8px rgba(0,0,0,.1)}section.widget.widget--mensen .mensen .card:before{display:block;content:"";width:100%;padding-top:173.8434163701%}section.widget.widget--mensen .mensen .card>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--mensen .mensen .card>.content{background-color:#fff}section.widget.widget--mensen .mensen .card>.content img{width:100%}section.widget.widget--mensen .mensen .card>.content .block{position:relative;position:absolute;bottom:0;left:0;right:0;clear:both}section.widget.widget--mensen .mensen .card>.content .block:before{display:block;content:"";width:100%;padding-top:40.5693950178%}section.widget.widget--mensen .mensen .card>.content .block>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--mensen .mensen .card>.content .block>.content{padding:1.5rem;display:flex;justify-content:center;flex-direction:column}section.widget.widget--mensen .mensen .card>.content .block>.content h3{margin:0;color:var(--color-main);text-transform:var(--title-transform);font-family:var(--font-heading);font-weight:var(--font-heading-weight-bold);font-size:1.5rem}section.widget.widget--mensen .mensen .card>.content .block>.content span.functie{color:var(--color-emphasis);font-size:1rem;font-family:var(--font-heading)}@media(max-width: 991.98px){section.widget.widget--mensen{margin-top:4rem}section.widget.widget--mensen:before{top:0;bottom:0}section.widget.widget--mensen h2{margin-top:3rem}section.widget.widget--mensen .card{margin-bottom:3rem}}section.widget.widget--bedrijfsprofiel p{line-height:1.75rem;font-family:var(--font-regular)}section.widget.widget--bedrijfsprofiel .infobits{display:flex;flex-wrap:wrap;margin-bottom:3rem}section.widget.widget--bedrijfsprofiel .infobits .info{width:calc(50% - 1rem);display:flex}section.widget.widget--bedrijfsprofiel .infobits .info .icon{position:relative;width:2rem}section.widget.widget--bedrijfsprofiel .infobits .info .icon:before{display:block;content:"";width:100%;padding-top:119.4029850746%}section.widget.widget--bedrijfsprofiel .infobits .info .icon>.content{position:absolute;top:0;left:0;right:0;bottom:0}section.widget.widget--bedrijfsprofiel .infobits .info .icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section.widget.widget--bedrijfsprofiel .infobits .info .text{display:flex;flex-direction:column;justify-content:flex-end;font-family:var(--font-heading);padding-left:1rem}section.widget.widget--bedrijfsprofiel .infobits .info .text .key{color:var(--color-text-light);font-family:var(--font-regular);font-weight:var(--font-regular-weight-normal)}section.widget.widget--bedrijfsprofiel .infobits .info .text .value{color:var(--color-main);font-weight:var(--font-heading-weight-bold);font-size:1.3rem}@media(max-width: 991.98px){section.widget.widget--bedrijfsprofiel{text-align:center}section.widget.widget--bedrijfsprofiel .contentcol{display:flex;flex-direction:column}section.widget.widget--bedrijfsprofiel .bigbutton{order:1;text-align:center}section.widget.widget--bedrijfsprofiel .infobits{order:2}section.widget.widget--bedrijfsprofiel .image{margin-top:2rem}section.widget.widget--bedrijfsprofiel .infobits{margin-top:2rem}section.widget.widget--bedrijfsprofiel .infobits .info{align-items:center;flex-direction:column;margin-bottom:2rem;width:100%}section.widget.widget--bedrijfsprofiel .infobits .info .text{padding-left:0;text-align:center}}footer{margin-top:6rem}footer section.socials{padding:1rem 0;background-color:var(--color-main);color:var(--color-main-complement)}footer section.socials .col{display:flex;align-items:center}footer section.socials .col span{font-weight:var(--font-heading-weight-bold);font-family:var(--font-heading);text-transform:var(--title-transform);font-size:2rem}footer section.socials .col a{margin-left:1rem;display:flex;align-items:center}footer section.socials .col a svg{width:2rem;height:2rem}footer section.socials .col a svg *{transition:fill .15s ease-out}footer section.socials .col a:hover svg *{fill:var(--color-emphasis)}@media(max-width: 991.98px){footer section.socials .col a{margin-left:0;margin-right:1rem}}footer section.bandwerk{padding:1rem 0;color:var(--color-main)}footer section.bandwerk a{text-transform:var(--title-transform);font-family:var(--font-regular);font-weight:var(--font-regular-weight-normal)}@media(max-width: 991.98px){footer{margin-top:0}footer section.socials .col span{margin-bottom:1rem;display:block;width:100%;font-size:1.2rem}}article.inhoud{margin-top:6rem}
