/*!
 * Copyright 2023 gewoonwonen All Rights Reserved.
 * Last updated: 15/11/2023 (9:29)
 */
* {
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
  min-height: 0vh
}

html {
  position: relative;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
  font-family: var(--text-font-body);
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  html {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
  }
}

body {
  color: var(--color-text-base);
  line-height: 1.5;
  overflow-x: hidden;
  overflow-y: auto
}

article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block
}

embed,
iframe,
img,
object,
video {
  display: block;
  max-width: 100%;
  height: auto
}

figure {
  position: relative
}

figure:before {
  content: "";
  position: absolute;
  background-color: var(--color-bright-blue);
  width: 100%;
  height: 100%
}

[data-src] {
  opacity: 0;
  will-change: opacity;
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
  -webkit-user-drag: none;
  transition: all .4s ease
}

[data-src].loaded {
  opacity: 0;
  -webkit-animation-name: blur-in;
  animation-name: blur-in;
  -webkit-animation-delay: 240ms;
  animation-delay: 240ms;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

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

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

ul[class],
ol[class] {
  list-style: none
}

[hidden] {
  display: none
}

::selection {
  background-color: var(--color-select-bg);
  color: var(--color-select-text);
  text-shadow: none
}

.overflow-hidden {
  overflow: hidden
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
  display: grid;
  grid-gap: 1.5rem;
  place-items: start
}

em {
  display: block;
  color: var(--color-text-base);
  font-size: 1.6rem;
  font-family: var(--text-font-roman);
  text-align: center;
  margin-top: 2rem
}

.grecaptcha-badge {
  display: none
}

@font-face {
  font-family: "Antique-Olive-Std-Roman";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Antique-Olive-Std-Roman.woff") format("woff"), url("../fonts/Antique-Olive-Std-Roman.woff2") format("woff2")
}

@font-face {
  font-family: "Antique-Olive-Std-Bold-Cond";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Antique-Olive-Std-Bold-Cond.woff") format("woff"), url("../fonts/Antique-Olive-Std-Bold-Cond.woff2") format("woff2")
}

h1,
h2,
h3,
h4 {
  line-height: 1;
  font-family: var(--text-font-headers)
}

h1 {
  font-size: var(--text-h1-size)
}

h2 {
  font-size: var(--text-h2-size)
}

h3 {
  font-size: var(--text-h3-size)
}

h4 {
  font-size: var(--text-h4-size)
}

p {
  font-size: var(--text-base-size)
}

a {
  text-decoration: none;
  color: var(--color-link-base)
}

:root {
  --color-light: #fff;
  --color-darker: #ebebeb;
  --color-light-gray: #f7f7f7;
  --color-bright-pink: #e40050;
  --color-bright-blue: #c3e0f2;
  --color-select-bg: #e40050;
  --color-select-text: #fff;
  --color-text-base: #000;
  --color-link-base: #000;
  --color-link-hover: #262626
}

:root {
  --text-font-roman: "Antique-Olive-Std-Roman";
  --text-font-bold: "Antique-Olive-Std-Bold-Cond";
  --text-font-body: var(--text-font-roman);
  --text-font-headers: var(--text-font-bold);
  --text-scale-ratio: 1.25;
  --text-base-size: 1.5rem;
  --text-h1-size: 8rem;
  --text-h2-size: 6.5rem;
  --text-h3-size: 4rem;
  --text-h4-size: 3.2rem
}

:root {
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

:root {
  --spacer-1: .5rem;
  --spacer-2: 1rem;
  --spacer-3: 2rem;
  --spacer-4: 2.5rem;
  --spacer-5: 3rem;
  --spacer-6: 3.5rem;
  --spacer-7: 6rem;
  --spacer-8: 12rem;
  --spacer-9: 18rem;
  --spacer-10: 24rem
}

[aria-role-theme],
.manifest__block {
  padding: 5rem 0
}

[aria-role-theme] .grid,
.manifest__block .grid {
  display: grid;
  grid-gap: 6rem
}

[aria-role-theme] .grid__three,
.manifest__block .grid__three {
  grid-template-columns: repeat(3, 1fr)
}

[aria-role-theme] .grid__highlighted,
.manifest__block .grid__highlighted {
  grid-template-columns: repeat(2, 1fr)
}

[aria-role-theme] .grid__events,
.manifest__block .grid__events,
[aria-role-theme] .grid__agenda,
.manifest__block .grid__agenda {
  grid-gap: 3rem
}

[aria-role-theme] .grid__downloads,
.manifest__block .grid__downloads {
  grid-gap: 1.5rem
}

@media(min-width: 768px)and (max-width: 991.98px) {

  [aria-role-theme] .grid__instructions,
  .manifest__block .grid__instructions {
    grid-template-columns: repeat(2, 1fr)
  }

  [aria-role-theme] .grid__instructions .avatar__block:first-child,
  .manifest__block .grid__instructions .avatar__block:first-child {
    grid-column: 1/-1
  }
}

@media(min-width: 768px)and (max-width: 991.98px) {

  [aria-role-theme] .grid__downloads,
  .manifest__block .grid__downloads,
  [aria-role-theme] .grid__agenda,
  .manifest__block .grid__agenda,
  [aria-role-theme] .grid__events,
  .manifest__block .grid__events {
    grid-template-columns: repeat(2, 1fr)
  }

  [aria-role-theme] .grid__downloads .card:first-child,
  .manifest__block .grid__downloads .card:first-child,
  [aria-role-theme] .grid__agenda .card:first-child,
  .manifest__block .grid__agenda .card:first-child,
  [aria-role-theme] .grid__events .card:first-child,
  .manifest__block .grid__events .card:first-child {
    grid-column: 1/-1
  }
}

@media(max-width: 767.98px) {

  [aria-role-theme] .grid,
  .manifest__block .grid {
    grid-template-columns: 1fr
  }
}

@media(min-width: 992px) {

  [aria-role-theme] .grid,
  .manifest__block .grid {
    grid-gap: 4rem
  }
}

[aria-role-theme] .grid__overview,
.manifest__block .grid__overview {
  grid-gap: 4rem 5rem
}

@media(min-width: 768px)and (max-width: 991.98px) {

  [aria-role-theme] .grid__overview,
  .manifest__block .grid__overview {
    grid-template-columns: repeat(2, 1fr)
  }
}

[aria-role-theme] .grid__stories,
.manifest__block .grid__stories {
  grid-gap: 4rem 5rem
}

@media(min-width: 768px)and (max-width: 1199.98px) {

  [aria-role-theme] .grid__stories,
  .manifest__block .grid__stories {
    grid-template-columns: repeat(2, 1fr)
  }
}

[aria-role-theme] .grid__what-we-do,
.manifest__block .grid__what-we-do {
  grid-gap: 4rem 2rem
}

@media(min-width: 768px) {

  [aria-role-theme],
  .manifest__block {
    padding: 7rem 0
  }
}

[aria-role-theme].related,
.related.manifest__block {
  padding-top: 5rem
}

[aria-role-theme].downloads,
.downloads.manifest__block {
  padding-top: 0
}

[aria-role-theme=blue],
.manifest__block:nth-child(even) {
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink)
}

[aria-role-theme=pink] {
  background-color: var(--color-bright-pink);
  color: var(--color-light)
}

[aria-role-theme=light],
.manifest__block:nth-child(odd) {
  background-color: var(--color-light);
  color: var(--color-bright-pink)
}

[aria-role-theme=gray] {
  background-color: var(--color-light-gray);
  color: var(--color-bright-pink)
}

[card-theme=blue] {
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink)
}

[card-theme=pink] {
  background-color: var(--color-bright-pink);
  color: var(--color-light)
}

.footer {
  position: relative
}

.footer__grid {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: repeat(12, 1fr);
  align-items: center
}

.footer__text {
  grid-column: 1/-1
}

@media(min-width: 768px) {
  .footer__text {
    grid-column: span 7/span 4
  }
}

@media(min-width: 992px) {
  .footer__text {
    max-width: 37rem;
    grid-column: span 9/span 4
  }
}

.footer__c2a {
  text-transform: uppercase;
  text-decoration: underline;
  grid-column: 1/-1;
  max-width: 37rem
}

.footer__c2a h4 {
  font-size: clamp(2rem, 1.8vw, 3.2rem)
}

@media(min-width: 768px) {
  .footer__c2a {
    grid-column: 1/-1
  }
}

@media(min-width: 992px) {
  .footer__c2a {
    grid-column: span 3/span 4
  }
}

@media(min-width: 1200px) {
  .footer__c2a {
    grid-column: span 4/span 4
  }
}

.footer__nav {
  font-size: 1.6rem;
  gap: .5rem;
  grid-column: 1/-1
}

@media(min-width: 768px) {
  .footer__nav {
    display: flex;
    gap: 1rem;
    grid-column: span 8/span 4
  }
}

@media(min-width: 992px) {
  .footer__nav {
    margin-left: auto;
    grid-column: span 6/span 4
  }
}

@media(min-width: 1200px) {
  .footer__nav {
    grid-column: span 6/span 4
  }
}

.footer__socials {
  display: grid;
  grid-template-columns: repeat(3, 3rem);
  grid-gap: 1rem;
  grid-column: 1/-1
}

@media(min-width: 768px) {
  .footer__socials {
    grid-column: span 5/span 4;
    margin-left: auto
  }
}

@media(min-width: 992px) {
  .footer__socials {
    grid-column: span 3/span 4
  }
}

.footer__link {
  color: currentColor;
  font-size: clamp(1.4rem, 1vw, 1.6rem)
}

.footer__item {
  text-decoration: underline
}

@media(min-width: 992px) {
  .footer__item+.footer__item {
    margin-left: 1rem
  }
}

.footer__form {
  display: flex;
  width: 100%;
  border-bottom: .2rem solid var(--color-bright-pink)
}

@media(min-width: 992px) {
  .footer__form {
    grid-column: 1/-1;
    max-width: 34rem
  }
}

.footer__input {
  width: 100%;
  outline: none;
  background: rgba(0, 0, 0, 0);
  padding: .5rem 0;
  font-size: 1.6rem;
  color: var(--color-bright-pink)
}

.footer__input::-webkit-input-placeholder {
  font-size: 1.6rem;
  color: currentColor
}

.footer__input::placeholder {
  font-size: 1.6rem;
  color: currentColor
}

.footer__copyright {
  grid-column: 1/-1
}

@media(min-width: 768px) {
  .footer__copyright {
    margin-left: auto;
    grid-column: span 4/span 4
  }
}

@media(min-width: 992px) {
  .footer__copyright {
    grid-column: span 3/span 4
  }
}

@media(min-width: 1200px) {
  .footer__copyright {
    grid-column: span 2/span 4
  }
}

.footer__submit {
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  font-size: 1.2rem;
  text-transform: uppercase;
  color: currentColor
}

main {
  position: relative
}

main:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out
}

main.active-overlay:before {
  z-index: 1;
  background-color: rgba(228, 0, 80, .4)
}

.section,
section {
  position: relative
}

.section__events,
.section__downloads,
section__events,
section__downloads {
  padding-top: 4rem
}

.section__info,
section__info {
  text-align: center;
  display: grid;
  grid-gap: 1.5rem;
  place-items: center
}

.section__info.mt,
section__info.mt {
  margin-top: 3rem
}

.section__actions,
section__actions {
  display: block;
  text-align: center
}

.section__intro,
section__intro {
  font-size: 1.6rem;
  max-width: 70rem;
  margin: 0 auto
}

.section__intro--large,
section__intro--large {
  max-width: 92rem
}

.section__title,
section__title {
  font-size: 4rem;
  text-transform: uppercase
}

.section__media,
section__media {
  margin-top: 2.5rem
}

.section__overview,
section__overview {
  margin-top: -13.5rem
}

.section__doorgeefcolumns,
section__doorgeefcolumns {
  margin-top: 0
}

.section__verhalen,
section__verhalen {
  margin-top: -10.5rem
}

.section__avatar--desktop,
section__avatar--desktop {
  display: none
}

@media(min-width: 768px) {

  .section__avatar--desktop,
  section__avatar--desktop {
    display: block
  }
}

.section__avatar--mobile,
section__avatar--mobile {
  display: none
}

@media(max-width: 767.98px) {

  .section__avatar--mobile,
  section__avatar--mobile {
    display: block
  }
}

.section__video,
section__video {
  position: relative;
  padding-top: 56.25%;
  margin-top: 2.5rem
}

.section__video iframe,
section__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.section__sub-wrap,
section__sub-wrap {
  max-width: 79rem;
  margin: 0 auto
}

.section__list,
section__list {
  padding: 3rem 0;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 92rem;
  flex-direction: row;
  flex-wrap: wrap
}

.section__item,
section__item {
  font-size: var(--text-base-size);
  margin-right: .5rem
}

.section__link,
section__link {
  font-size: 1.6rem;
  color: currentColor;
  border-bottom: .1rem solid currentColor;
  position: relative
}

.section__link:after,
section__link:after {
  content: ",";
  display: inline-block
}

@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(0.2rem);
    filter: blur(0.2rem)
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(0.2rem);
    filter: blur(0.2rem)
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(0.2rem);
    filter: blur(0.2rem)
  }
}

@keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(0.2rem);
    filter: blur(0.2rem)
  }
}

@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(9rem);
    filter: blur(9rem)
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(9rem);
    filter: blur(9rem)
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2rem);
    filter: blur(2rem)
  }
}

@keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2rem);
    filter: blur(2rem)
  }
}

@-webkit-keyframes blur-in {
  from {
    opacity: 0;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem)
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@keyframes blur-in {
  from {
    opacity: 0;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem)
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}

@-webkit-keyframes blur-out {
  from {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  to {
    opacity: 0;
    -webkit-filter: blur(0.4rem);
    filter: blur(0.4rem)
  }
}

@keyframes blur-out {
  from {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }

  to {
    opacity: 0;
    -webkit-filter: blur(0.4rem);
    filter: blur(0.4rem)
  }
}

@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(80rem) rotateX(-90deg);
    transform: perspective(80rem) rotateX(-90deg)
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(80rem) rotateX(50deg);
    transform: perspective(80rem) rotateX(50deg)
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(80rem) rotateX(0deg);
    transform: perspective(80rem) rotateX(0deg)
  }
}

@keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(80rem) rotateX(-90deg);
    transform: perspective(80rem) rotateX(-90deg)
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(80rem) rotateX(50deg);
    transform: perspective(80rem) rotateX(50deg)
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(80rem) rotateX(0deg);
    transform: perspective(80rem) rotateX(0deg)
  }
}

@-webkit-keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(80rem) rotateX(0deg) rotateY(0deg);
    transform: perspective(80rem) rotateX(0deg) rotateY(0deg)
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(80rem) rotateX(0deg) rotateY(10deg);
    transform: perspective(80rem) rotateX(0deg) rotateY(10deg)
  }

  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(80rem) rotateX(0deg) rotateY(0deg);
    transform: perspective(80rem) rotateX(0deg) rotateY(0deg)
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(80rem) rotateX(10deg) rotateY(10deg);
    transform: perspective(80rem) rotateX(10deg) rotateY(10deg)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(80rem) rotateX(90deg) rotateY(0deg);
    transform: perspective(80rem) rotateX(90deg) rotateY(0deg)
  }
}

@keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(80rem) rotateX(0deg) rotateY(0deg);
    transform: perspective(80rem) rotateX(0deg) rotateY(0deg)
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(80rem) rotateX(0deg) rotateY(10deg);
    transform: perspective(80rem) rotateX(0deg) rotateY(10deg)
  }

  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(80rem) rotateX(0deg) rotateY(0deg);
    transform: perspective(80rem) rotateX(0deg) rotateY(0deg)
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: perspective(80rem) rotateX(10deg) rotateY(10deg);
    transform: perspective(80rem) rotateX(10deg) rotateY(10deg)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: perspective(80rem) rotateX(90deg) rotateY(0deg);
    transform: perspective(80rem) rotateX(90deg) rotateY(0deg)
  }
}

@-webkit-keyframes fade-in-bottom-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-bottom-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-bottom-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-bottom-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-top-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-top-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-top-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-top-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fade-out-bottom-left {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

@keyframes fade-out-bottom-left {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

@-webkit-keyframes fade-out-bottom-right {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

@keyframes fade-out-bottom-right {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

@-webkit-keyframes fade-out-down {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fade-out-down {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@-webkit-keyframes fade-out-left {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fade-out-left {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@-webkit-keyframes fade-out-right {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fade-out-right {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@-webkit-keyframes fade-out-top-left {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

@keyframes fade-out-top-left {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

@-webkit-keyframes fade-out-top-right {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

@keyframes fade-out-top-right {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

@-webkit-keyframes fade-out-up {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fade-out-up {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes roll-in-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes roll-in-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes roll-in-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes roll-in-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes roll-out-left {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
}

@keyframes roll-out-left {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
}

@-webkit-keyframes roll-out-right {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes roll-out-right {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@-webkit-keyframes rotateDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateX(0deg) translateZ(0);
    transform: perspective(80rem) rotateX(0deg) translateZ(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(80rem) rotateX(-180deg) translateZ(30rem);
    transform: perspective(80rem) rotateX(-180deg) translateZ(30rem)
  }
}

@keyframes rotateDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateX(0deg) translateZ(0);
    transform: perspective(80rem) rotateX(0deg) translateZ(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(80rem) rotateX(-180deg) translateZ(30rem);
    transform: perspective(80rem) rotateX(-180deg) translateZ(30rem)
  }
}

@-webkit-keyframes rotateLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateY(0deg) translateZ(0);
    transform: perspective(80rem) rotateY(0deg) translateZ(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(80rem) rotateY(-180deg) translateZ(30rem);
    transform: perspective(80rem) rotateY(-180deg) translateZ(30rem)
  }
}

@keyframes rotateLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateY(0deg) translateZ(0);
    transform: perspective(80rem) rotateY(0deg) translateZ(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(80rem) rotateY(-180deg) translateZ(30rem);
    transform: perspective(80rem) rotateY(-180deg) translateZ(30rem)
  }
}

@-webkit-keyframes rotateRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateY(0deg) translate3d(0);
    transform: perspective(80rem) rotateY(0deg) translate3d(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(80rem) rotateY(180deg) translateZ(15rem);
    transform: perspective(80rem) rotateY(180deg) translateZ(15rem)
  }
}

@keyframes rotateRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateY(0deg) translate3d(0);
    transform: perspective(80rem) rotateY(0deg) translate3d(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(80rem) rotateY(180deg) translateZ(15rem);
    transform: perspective(80rem) rotateY(180deg) translateZ(15rem)
  }
}

@-webkit-keyframes rotateUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateX(0deg) translateZ(0);
    transform: perspective(80rem) rotateX(0deg) translateZ(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(80rem) rotateX(180deg) translateZ(10rem);
    transform: perspective(80rem) rotateX(180deg) translateZ(10rem)
  }
}

@keyframes rotateUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(80rem) rotateX(0deg) translateZ(0);
    transform: perspective(80rem) rotateX(0deg) translateZ(0)
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(80rem) rotateX(180deg) translateZ(10rem);
    transform: perspective(80rem) rotateX(180deg) translateZ(10rem)
  }
}

@-webkit-keyframes slide-in-down {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slide-in-down {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes slide-in-left {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slide-in-left {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes slide-in-right {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slide-in-right {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes slide-in-up {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slide-in-up {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes slide-out-down {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes slide-out-down {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@-webkit-keyframes slide-out-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes slide-out-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@-webkit-keyframes slide-out-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes slide-out-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@-webkit-keyframes slide-out-up {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slide-out-up {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.d-none {
  display: none !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media(min-width: 576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width: 768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width: 992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media(min-width: 1200px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media(min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media(min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media(min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media(min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto
}

@media(min-width: 576px) {

  .container-sm,
  .container {
    max-width: 540px
  }
}

@media(min-width: 768px) {

  .container-md,
  .container-sm,
  .container {
    max-width: 760px
  }
}

@media(min-width: 992px) {

  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px
  }
}

@media(min-width: 1200px) {

  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1200px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2rem;
  margin-left: -2rem
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  flex: 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4>* {
  flex: 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media(min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1>* {
    flex: 100%;
    max-width: 100%
  }

  .row-cols-sm-2>* {
    flex: 50%;
    max-width: 50%
  }

  .row-cols-sm-3>* {
    flex: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 25%;
    max-width: 25%
  }

  .row-cols-sm-5>* {
    flex: 20%;
    max-width: 20%
  }

  .row-cols-sm-6>* {
    flex: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1>* {
    flex: 100%;
    max-width: 100%
  }

  .row-cols-md-2>* {
    flex: 50%;
    max-width: 50%
  }

  .row-cols-md-3>* {
    flex: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 25%;
    max-width: 25%
  }

  .row-cols-md-5>* {
    flex: 20%;
    max-width: 20%
  }

  .row-cols-md-6>* {
    flex: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1>* {
    flex: 100%;
    max-width: 100%
  }

  .row-cols-lg-2>* {
    flex: 50%;
    max-width: 50%
  }

  .row-cols-lg-3>* {
    flex: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 25%;
    max-width: 25%
  }

  .row-cols-lg-5>* {
    flex: 20%;
    max-width: 20%
  }

  .row-cols-lg-6>* {
    flex: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media(min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1>* {
    flex: 100%;
    max-width: 100%
  }

  .row-cols-xl-2>* {
    flex: 50%;
    max-width: 50%
  }

  .row-cols-xl-3>* {
    flex: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 25%;
    max-width: 25%
  }

  .row-cols-xl-5>* {
    flex: 20%;
    max-width: 20%
  }

  .row-cols-xl-6>* {
    flex: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

.accordion {
  position: relative;
  width: 100%;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  cursor: pointer
}

.accordion__topbar {
  position: relative
}

.accordion__content {
  line-height: 1.6;
  padding: 1rem 1.5rem 0
}

.accordion__title {
  font-family: var(--text-font-roman);
  color: var(--color-bright-pink);
  font-size: 1.6rem;
  padding-right: 3rem;
  padding-left: 1.5rem
}

.accordion__arrow {
  display: inline-flex;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: all .3s ease;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.16 8.85"><g><g><polyline points="13.28 0.88 7.08 7.08 0.88 0.88" fill="none" stroke="%23e40050" stroke-miterlimit="10" stroke-width="2.5"/></g></g></svg>')
}

.accordion__box {
  transition: max-height .3s ease-in-out;
  overflow: hidden;
  max-height: 0
}

.accordion__item {
  display: block;
  padding: 1.5rem 0;
  position: relative
}

.accordion__item:not(:last-child) {
  border-bottom: .1rem solid var(--color-bright-pink)
}

.accordion__item.open .accordion__arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.accordion__item.open .accordion__box {
  max-height: var(--max-height)
}

.accordion__item.open .accordion__content {
  line-height: 1.6;
  padding-top: 1rem
}

.banner {
  position: fixed;
  padding: .7rem 0;
  background-color: var(--color-bright-pink);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  color: var(--color-light);
  font-family: var(--text-font-roman);
  font-size: 1.2rem
}

.banner__text {
  margin-right: .5rem;
  text-transform: uppercase
}

.banner__link {
  color: var(--color-light);
  display: flex;
  align-items: center;
  transition: all .2s ease
}

.banner__link:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 1.7rem;
  height: 2rem;
  padding-left: 1rem;
  order: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><g><path d="M22,9a1,1,0,0,0,0,1.42l4.6,4.6H3.06a1,1,0,1,0,0,2H26.58L22,21.59A1,1,0,0,0,22,23a1,1,0,0,0,1.41,0l6.36-6.36a.88.88,0,0,0,0-1.27L23.42,9A1,1,0,0,0,22,9Z"/></g></svg>')
}

.btn,
.searchandfilter ul li label,
.hero .sf-input-select,
.hero__select,
.gform_button {
  cursor: pointer;
  position: relative;
  font-family: var(--text-font-roman);
  font-size: 1.2rem;
  letter-spacing: -0.04rem;
  text-transform: uppercase;
  padding: .5rem 1.5rem;
  border: .1rem solid rgba(0, 0, 0, 0);
  display: inline-flex;
  align-items: flex-end;
  border-radius: 2rem;
  transition: all .2s ease
}

.btn[aria-role=share-post].is-open,
.searchandfilter ul li label[aria-role=share-post].is-open,
.hero [aria-role=share-post].is-open.sf-input-select,
[aria-role=share-post].is-open.hero__select,
[aria-role=share-post].is-open.gform_button {
  display: none
}

.btn--small {
  font-size: 1rem;
  padding: .3rem 1.2rem;
  outline: none
}

.btn:after,
.searchandfilter ul li label:after,
.hero .sf-input-select:after,
.hero__select:after,
.gform_button:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .4s
}

.btn__podcast {
  border-radius: 4rem;
  font-size: 4rem;
  font-family: var(--text-font-headers);
  text-transform: uppercase;
  color: var(--color-light);
  line-height: 1;
  background-color: var(--color-bright-pink);
  padding: 2rem 5rem 1.5rem 7rem
}

.btn__podcast:before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><path d="M-838-2232H562v3600H-838z" fill="none"/><path d="M16 10v28l22-14z"/><path d="M0 0h48v48H0z" fill="none"/></svg>')
}

.btn__podcast:after {
  background-color: var(--color-bright-pink)
}

.btn__arrow:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1.7rem;
  height: 2rem;
  padding-left: 1rem;
  order: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="%23e40050"><g><path d="M22,9a1,1,0,0,0,0,1.42l4.6,4.6H3.06a1,1,0,1,0,0,2H26.58L22,21.59A1,1,0,0,0,22,23a1,1,0,0,0,1.41,0l6.36-6.36a.88.88,0,0,0,0-1.27L23.42,9A1,1,0,0,0,22,9Z"/></g></svg>')
}

.btn__outline,
.searchandfilter ul li label,
.hero .sf-input-select,
.hero__select {
  color: var(--color-bright-pink);
  border: .1rem solid var(--color-bright-pink);
  background-color: rgba(0, 0, 0, 0)
}

.btn__outline:after,
.searchandfilter ul li label:after,
.hero .sf-input-select:after,
.hero__select:after {
  background-color: rgba(0, 0, 0, 0)
}

.btn__outline--light,
.searchandfilter ul li label,
.hero .sf-input-select,
.hero__select {
  color: var(--color-light);
  border-color: var(--color-light)
}

.btn__outline--light:hover,
.searchandfilter ul li label:hover,
.hero .sf-input-select:hover,
.hero__select:hover {
  background-color: var(--color-light);
  color: var(--color-bright-pink);
  -webkit-transform: none !important;
  transform: none !important;
  box-shadow: none !important
}

.btn__light {
  color: var(--color-bright-pink);
  background-color: var(--color-light)
}

.btn__light:after {
  background-color: var(--color-light)
}

.btn__light.btn__arrow:before {
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="%23e40050"><g><path d="M22,9a1,1,0,0,0,0,1.42l4.6,4.6H3.06a1,1,0,1,0,0,2H26.58L22,21.59A1,1,0,0,0,22,23a1,1,0,0,0,1.41,0l6.36-6.36a.88.88,0,0,0,0-1.27L23.42,9A1,1,0,0,0,22,9Z"/></g></svg>')
}

.btn__clear {
  color: var(--color-light);
  background-color: rgba(0, 0, 0, 0)
}

.btn__clear:after {
  background-color: rgba(0, 0, 0, 0)
}

.btn__clear.btn__arrow:before {
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><g><path d="M22,9a1,1,0,0,0,0,1.42l4.6,4.6H3.06a1,1,0,1,0,0,2H26.58L22,21.59A1,1,0,0,0,22,23a1,1,0,0,0,1.41,0l6.36-6.36a.88.88,0,0,0,0-1.27L23.42,9A1,1,0,0,0,22,9Z"/></g></svg>')
}

.btn__pink,
.gform_button {
  color: var(--color-light);
  background-color: var(--color-bright-pink)
}

.btn__pink:after,
.gform_button:after {
  background-color: var(--color-bright-pink)
}

.btn__pink.btn__arrow:before,
.btn__arrow.gform_button:before {
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><g><path d="M22,9a1,1,0,0,0,0,1.42l4.6,4.6H3.06a1,1,0,1,0,0,2H26.58L22,21.59A1,1,0,0,0,22,23a1,1,0,0,0,1.41,0l6.36-6.36a.88.88,0,0,0,0-1.27L23.42,9A1,1,0,0,0,22,9Z"/></g></svg>')
}

.btn__pink--border {
  border: .1rem solid var(--color-light)
}

.btn__blue {
  color: var(--color-bright-pink);
  background-color: var(--color-bright-blue)
}

.btn__blue:after {
  background-color: var(--color-bright-blue)
}

.btn:hover,
.searchandfilter ul li label:hover,
.hero .sf-input-select:hover,
.hero__select:hover,
.gform_button:hover {
  -webkit-transform: translateY(-0.3rem);
  transform: translateY(-0.3rem);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .2)
}

.btn:hover:after,
.searchandfilter ul li label:hover:after,
.hero .sf-input-select:hover:after,
.hero__select:hover:after,
.gform_button:hover:after {
  -webkit-transform: scaleX(1.4) scaleY(1.6);
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0
}

.btn:active,
.searchandfilter ul li label:active,
.hero .sf-input-select:active,
.hero__select:active,
.gform_button:active {
  -webkit-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .2)
}

.btn--wil-flip {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 0;
  -webkit-perspective: 0;
  visibility: visible
}

.card {
  position: relative
}

.card__figure {
  aspect-ratio: 16/9
}

.card--full {
  grid-column: 1/-1;
  position: relative
}

.card--full .story__content {
  place-items: start;
  aspect-ratio: 4/3
}

.card--full .story__quote--video {
  background-color: var(--color-light)
}

.card--full .card__figure {
  aspect-ratio: 4/3
}

.card--full .card__figure:before {
  mix-blend-mode: multiply;
  z-index: 1;
  background-image: linear-gradient(to bottom, #fff, rgba(0, 0, 0, 0.76))
}

.card--full .card__body {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0
}

.card__body {
  padding: 2rem 1.5rem 1.5rem
}

.card__body--downloadable {
  min-height: 12.8rem;
  display: grid;
  place-content: space-between;
  grid-template-columns: 1fr
}

.card__body--team {
  padding-bottom: 2.5rem
}

.card__link {
  display: block;
  height: 100%;
  width: 100%
}

.card__title {
  font-size: 2.2rem;
  text-transform: uppercase
}

.card__job {
  line-height: 1;
  font-size: 2.2rem;
  text-transform: uppercase;
  font-family: var(--text-font-headers);
  padding-bottom: .5rem
}

.card__image--team {
  aspect-ratio: 16/9
}

.card__info {
  padding: 1.5rem 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 1rem;
  place-content: start;
  align-items: center
}

.card__date {
  font-size: var(--text-base-size)
}

.card__category {
  display: block
}

.card__top {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  width: 100%;
  grid-column: 1/-1
}

.card__icon {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.card__icon--link {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><rect width="29" height="29" x=".5" y=".5" stroke="%23e40050" rx="14.5"/><path fill="%23e40050" d="M11.933 13.842a2.685 2.685 0 0 1 3.905 0 .592.592 0 0 1 0 .813.537.537 0 0 1-.78 0 1.611 1.611 0 0 0-2.344 0L9.59 17.907a1.774 1.774 0 0 0 0 2.438 1.61 1.61 0 0 0 2.343 0l1.562-1.626a.537.537 0 0 1 .781 0 .592.592 0 0 1 0 .813l-1.562 1.626a2.685 2.685 0 0 1-3.905 0 2.957 2.957 0 0 1 0-4.064Zm4.962-5.03c1.168-1.083 3.062-1.083 4.23 0 1.167 1.084 1.167 2.84 0 3.923l-3.722 3.452c-1.167 1.084-3.06 1.084-4.228 0a.527.527 0 0 1 0-.784.631.631 0 0 1 .846 0c.7.65 1.836.65 2.537 0l3.72-3.452c.701-.65.701-1.704 0-2.354-.7-.65-1.836-.65-2.537 0l-2.029 1.883a.631.631 0 0 1-.846 0 .527.527 0 0 1 0-.785Z"/></g></svg>')
}

.card__icon--twitter {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path d="M0 0h30v30H0z"/><circle cx="15" cy="15" r="14" stroke="%23e40050"/><path fill="%23e40050" d="M20.813 11.486a3.075 3.075 0 0 0 1.291-1.714 5.697 5.697 0 0 1-1.866.752 2.86 2.86 0 0 0-2.143-.979c-1.622 0-2.937 1.388-2.937 3.098 0 .243.024.48.075.706-2.44-.13-4.605-1.362-6.054-3.237a3.22 3.22 0 0 0-.398 1.558c0 1.074.519 2.023 1.307 2.58a2.832 2.832 0 0 1-1.331-.388v.038c0 1.502 1.012 2.754 2.357 3.038a2.734 2.734 0 0 1-.775.109c-.189 0-.374-.019-.552-.055.373 1.23 1.458 2.127 2.744 2.151a5.703 5.703 0 0 1-4.35 1.284 8.01 8.01 0 0 0 4.504 1.391c5.404 0 8.357-4.72 8.357-8.815 0-.135-.002-.268-.008-.4a6.14 6.14 0 0 0 1.466-1.605 5.63 5.63 0 0 1-1.687.488Z"/></g></svg>')
}

.card__icon--facebook {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path d="M0 0h30v30H0z"/><circle cx="15" cy="15" r="14" stroke="%23e40050"/><path fill="%23e40050" d="M15.896 23.864h-3.325v-7.842h-1.662V13.32h1.662v-1.623c0-2.204.938-3.515 3.604-3.515h2.219v2.703h-1.387c-1.038 0-1.107.377-1.107 1.082l-.004 1.353h2.513l-.294 2.702h-2.22v7.842h.001Z"/></g></svg>')
}

.card__icon--linkedin {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path d="M0 0h30v30H0z"/><circle cx="15" cy="15" r="14" stroke="%23e40050"/><path fill="%23e40050" d="M8.526 12.554h2.658v9.263H8.526v-9.263Zm1.26-1.158h-.018c-.962 0-1.586-.708-1.586-1.605 0-.915.642-1.61 1.623-1.61.98 0 1.584.693 1.603 1.607 0 .897-.622 1.608-1.621 1.608Zm12.032 10.422h-3.014v-4.794c0-1.255-.471-2.11-1.508-2.11-.793 0-1.234.577-1.439 1.135-.077.199-.065.477-.065.757v5.012h-2.986s.039-8.492 0-9.264h2.986v1.454c.177-.635 1.13-1.543 2.653-1.543 1.89 0 3.373 1.334 3.373 4.202v5.151Z"/></g></svg>')
}

.card__socials {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  position: relative
}

.card__socials--light .card__icon--link {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><rect width="29" height="29" x=".5" y=".5" stroke="%23fff" rx="14.5"/><path fill="%23fff" d="M11.933 13.842a2.685 2.685 0 0 1 3.905 0 .592.592 0 0 1 0 .813.537.537 0 0 1-.78 0 1.611 1.611 0 0 0-2.344 0L9.59 17.907a1.774 1.774 0 0 0 0 2.438 1.61 1.61 0 0 0 2.343 0l1.562-1.626a.537.537 0 0 1 .781 0 .592.592 0 0 1 0 .813l-1.562 1.626a2.685 2.685 0 0 1-3.905 0 2.957 2.957 0 0 1 0-4.064Zm4.962-5.03c1.168-1.083 3.062-1.083 4.23 0 1.167 1.084 1.167 2.84 0 3.923l-3.722 3.452c-1.167 1.084-3.06 1.084-4.228 0a.527.527 0 0 1 0-.784.631.631 0 0 1 .846 0c.7.65 1.836.65 2.537 0l3.72-3.452c.701-.65.701-1.704 0-2.354-.7-.65-1.836-.65-2.537 0l-2.029 1.883a.631.631 0 0 1-.846 0 .527.527 0 0 1 0-.785Z"/></g></svg>')
}

.card__socials--light .card__icon--twitter {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path d="M0 0h30v30H0z"/><circle cx="15" cy="15" r="14" stroke="%23fff"/><path fill="%23fff" d="M20.813 11.486a3.075 3.075 0 0 0 1.291-1.714 5.697 5.697 0 0 1-1.866.752 2.86 2.86 0 0 0-2.143-.979c-1.622 0-2.937 1.388-2.937 3.098 0 .243.024.48.075.706-2.44-.13-4.605-1.362-6.054-3.237a3.22 3.22 0 0 0-.398 1.558c0 1.074.519 2.023 1.307 2.58a2.832 2.832 0 0 1-1.331-.388v.038c0 1.502 1.012 2.754 2.357 3.038a2.734 2.734 0 0 1-.775.109c-.189 0-.374-.019-.552-.055.373 1.23 1.458 2.127 2.744 2.151a5.703 5.703 0 0 1-4.35 1.284 8.01 8.01 0 0 0 4.504 1.391c5.404 0 8.357-4.72 8.357-8.815 0-.135-.002-.268-.008-.4a6.14 6.14 0 0 0 1.466-1.605 5.63 5.63 0 0 1-1.687.488Z"/></g></svg>')
}

.card__socials--light .card__icon--facebook {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path d="M0 0h30v30H0z"/><circle cx="15" cy="15" r="14" stroke="%23fff"/><path fill="%23fff" d="M15.896 23.864h-3.325v-7.842h-1.662V13.32h1.662v-1.623c0-2.204.938-3.515 3.604-3.515h2.219v2.703h-1.387c-1.038 0-1.107.377-1.107 1.082l-.004 1.353h2.513l-.294 2.702h-2.22v7.842h.001Z"/></g></svg>')
}

.card__socials--light .card__icon--linkedin {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path d="M0 0h30v30H0z"/><circle cx="15" cy="15" r="14" stroke="%23fff"/><path fill="%23fff" d="M8.526 12.554h2.658v9.263H8.526v-9.263Zm1.26-1.158h-.018c-.962 0-1.586-.708-1.586-1.605 0-.915.642-1.61 1.623-1.61.98 0 1.584.693 1.603 1.607 0 .897-.622 1.608-1.621 1.608Zm12.032 10.422h-3.014v-4.794c0-1.255-.471-2.11-1.508-2.11-.793 0-1.234.577-1.439 1.135-.077.199-.065.477-.065.757v5.012h-2.986s.039-8.492 0-9.264h2.986v1.454c.177-.635 1.13-1.543 2.653-1.543 1.89 0 3.373 1.334 3.373 4.202v5.151Z"/></g></svg>')
}

.card__actions {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, auto);
  place-content: flex-start;
  align-items: center
}

.card__actions__three {
  grid-template-columns: repeat(3, auto)
}

.card__actions--visible .card__socials {
  display: grid;
  grid-gap: .5rem;
  height: 3rem
}

.card__description {
  grid-column: 1/-1;
  font-size: 1.4rem
}

.card [aria-role=copy-text] {
  display: none
}

.card[aria-role-card=light] {
  background-color: var(--color-light);
  color: var(--color-bright-pink)
}

.card[aria-role-card=blue] {
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink)
}

.card[aria-role-card=blue].card--full {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-light)
}

.card[aria-role-card=pink] {
  background-color: var(--color-bright-pink);
  color: var(--color-light)
}

.doorgeefcolumns {
  position: relative
}

.doorgeefcolumns__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem
}

@media(min-width: 992px) {
  .doorgeefcolumns__grid {
    grid-template-columns: 1fr 1.6fr;
    grid-gap: 6rem
  }
}

.doorgeefcolumns__block {
  background-color: var(--color-bright-blue);
  padding: 3rem;
  gap: 1.5rem;
  display: grid
}

.doorgeefcolumns__info {
  text-align: left;
  text-transform: none
}

.doorgeefcolumns__avatar {
  object-fit: cover;
  width: 10rem;
  height: 10rem;
  border-radius: 50%
}

.doorgeefcolumns__body {
  margin-top: .5rem
}

.doorgeefcolumns .card__actions {
  margin-top: 1.5rem
}

.doorgeefcolumns__publisher {
  display: flex;
  gap: 2rem;
  align-items: center
}

.doorgeefcolumns__publisher.center {
  place-content: center
}

.doorgeefcolumns__pretitle {
  text-transform: uppercase
}

.doorgeefcolumns__name,
.doorgeefcolumns__job {
  font-size: clamp(1.6rem, 2vw, 1.9rem)
}

.doorgeefcolumns__title {
  font-size: clamp(3.2rem, 5vw, 6.5rem);
  text-transform: uppercase
}

.doorgeefcolumns__subtitle,
.doorgeefcolumns__date {
  font-size: clamp(3.2rem, 3vw, 4rem);
  text-transform: uppercase
}

.doorgeefcolumns__content {
  display: grid;
  grid-gap: 1.5rem;
  place-content: flex-start;
  place-items: flex-start
}

.doorgeefcolumns__content--single-block {
  grid-gap: .5rem
}

body .gform_wrapper .gform_body .gform_fields .gfield .gchoice {
  position: relative
}

.gform_confirmation_wrapper {
  font-size: 1.6rem !important
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  padding: 1rem !important;
  font-size: 1rem !important;
  border: 0 !important;
  background-color: var(--color-bright-pink) !important;
  color: #fff !important;
  font-weight: 700
}

.gform_wrapper .gfield_error [aria-invalid=true] {
  border-width: .2rem !important
}

.gform_wrapper .gfield_error [aria-invalid=true] {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important
}

.gform_validation_errors {
  display: none
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
  font-size: 1.4rem !important
}

.gfield_label {
  color: var(--color-bright-pink);
  font-size: 1.4rem !important;
  font-weight: 300 !important
}

.gfield_radio {
  display: flex;
  grid-gap: 1.5rem;
  align-items: center;
  margin-top: 1rem
}

.gform_wrapper [type=radio]:checked,
.gform_wrapper [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px
}

.gform_wrapper [type=radio]:checked+label,
.gform_wrapper [type=radio]:not(:checked)+label {
  position: relative;
  padding-left: 2.5rem;
  font-size: 1.6rem !important;
  cursor: pointer;
  color: #000
}

.gform_wrapper [type=radio]:checked+label:before,
.gform_wrapper [type=radio]:not(:checked)+label:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background: #ccc
}

.gform_wrapper [type=radio]:checked+label:after,
.gform_wrapper [type=radio]:not(:checked)+label:after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background-color: var(--color-bright-pink);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  border-radius: 100%;
  transition: all .2s ease
}

.gform_wrapper [type=radio]:not(:checked)+label:after {
  opacity: 0
}

.gform_wrapper [type=radio]:checked+label:after {
  opacity: 1
}

.gchoice label {
  width: 100%;
  height: 100%;
  align-items: center;
  font-size: 1.6rem !important;
  max-width: 100% !important;
  border-radius: .5rem;
  padding: 0 1rem
}

.gfield_required {
  display: none !important
}

.gfield input,
.gfield textarea {
  background-color: rgba(0, 0, 0, 0)
}

.gfield select,
.gfield input {
  border-bottom: .2rem solid var(--color-bright-pink);
  color: var(--color-bright-pink);
  outline: 0;
  font-size: 1.6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.gfield select::-webkit-input-placeholder,
.gfield input::-webkit-input-placeholder {
  color: currentColor
}

.gfield select::placeholder,
.gfield input::placeholder {
  color: currentColor
}

.gfield textarea {
  border-bottom: .2rem solid var(--color-bright-pink);
  color: var(--color-bright-pink);
  outline: 0;
  font-size: 1.4rem !important;
  resize: none;
  height: 14rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: var(--text-font-body) !important
}

.gfield textarea::-webkit-input-placeholder {
  color: currentColor
}

.gfield textarea::placeholder {
  color: currentColor
}

.hero {
  position: relative
}

.hero__block-title {
  text-transform: uppercase;
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: clamp(4rem, 8vw, 12rem);
  line-height: 1
}

.hero__block-title span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 1.1rem 1.5rem 0
}

.hero__block-title span:nth-child(odd) {
  color: var(--color-light);
  background-color: var(--color-bright-pink)
}

.hero__block-title span:nth-child(even) {
  color: var(--color-bright-pink);
  background-color: var(--color-bright-blue)
}

.hero__block-subtitle {
  color: var(--color-bright-pink);
  text-transform: uppercase;
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: var(--text-font-bold);
  font-size: clamp(2.2rem, 3vw, 3.5rem);
  margin-top: 3rem;
  line-height: 1
}

.hero__block-subtitle span {
  background-color: var(--color-light);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: .5rem 1rem 0
}

@media(min-width: 768px) {
  .hero__block-subtitle {
    margin-top: 4.8rem
  }
}

.hero__solid {
  min-height: 80vh;
  transition: all .4s ease
}

.hero__solid--light {
  background-color: var(--color-light)
}

.hero__solid--blue {
  background-color: var(--color-bright-blue)
}

.hero__solid--pink {
  background-color: var(--color-bright-pink)
}

.hero__solid--home {
  min-height: auto
}

.hero__menu--home {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hero__anchor {
  position: relative;
  top: 0;
  z-index: 10;
  line-height: 1;
  font-size: clamp(2.4rem, 3vw, 3rem);
  font-family: var(--text-font-bold);
  color: var(--color-bright-pink);
  text-transform: uppercase;
  max-width: 17rem
}

.hero__anchor--left {
  left: 0;
  text-align: left
}

.hero__anchor--right {
  right: 0;
  text-align: right
}

@media(min-width: 768px) {
  .hero__anchor {
    position: absolute;
    top: 50%
  }
}

.hero__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0 3rem
}

@media(min-width: 992px) {
  .hero__content {
    padding: 7rem 0
  }
}

.hero__content--overview {
  background-color: var(--color-bright-pink);
  color: var(--color-light);
  text-transform: uppercase;
  padding: 8rem 3rem 12rem;
  display: flex;
  text-align: center;
  justify-content: space-between;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
  transform: none
}

.hero__content--verhalen,
.hero__content--doorgeefcolumns {
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink)
}

.hero__content--videos {
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink);
  padding: 6rem 3rem
}

.hero__content--home {
  height: auto;
  justify-content: start;
  top: 14rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hero__header {
  display: grid;
  grid-gap: 5rem;
  padding-top: 10rem;
  padding-bottom: 3rem
}

.hero__header--doorgeefcolumns {
  grid-gap: 2rem
}

.hero__grid {
  display: grid;
  grid-gap: 1rem
}

.hero .sf-input-select,
.hero__select {
  font-family: var(--text-font-roman);
  display: flex;
  height: 3rem;
  width: 100%;
  align-items: center;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 3.5rem;
  outline: 0;
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: 92% 50%;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.16 8.85"><g><g><polyline points="13.28 0.88 7.08 7.08 0.88 0.88" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="2.5"/></g></g></svg>')
}

.hero .sf-input-select:hover,
.hero__select:hover {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.16 8.85"><g><g><polyline points="13.28 0.88 7.08 7.08 0.88 0.88" fill="none" stroke="%23e40050" stroke-miterlimit="10" stroke-width="2.5"/></g></g></svg>')
}

.hero .sf-input-select option,
.hero__select option {
  font-family: var(--text-font-body) !important;
  color: var(--color-dark)
}

.hero__icon {
  display: block;
  width: 1.7rem;
  height: 2.5rem;
  margin-bottom: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.hero__icon--left {
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 24 36" xmlns="http://www.w3.org/2000/svg"><path d="m17.678 0 5.657 5.657-12.023 12.02 12.023 12.021-5.657 5.657L0 17.678z" fill="%23e40050" fill-rule="nonzero"/></svg>')
}

.hero__icon--right {
  margin-left: auto;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 24 36" xmlns="http://www.w3.org/2000/svg"><path d="m17.678 0 5.657 5.657-12.023 12.02 12.023 12.021-5.657 5.657L0 17.678z" fill="%23e40050" fill-rule="nonzero"/></svg>')
}

@media(min-width: 576px) {
  .hero__icon {
    width: 2.3rem;
    height: 3.5rem
  }
}

.hero__title {
  font-size: clamp(7rem, 12vw, 18rem)
}

.hero__title--boxed {
  max-width: 120rem;
  margin: 0 auto
}

.hero__subtitle {
  font-size: clamp(2.5rem, 3vw, 4rem);
  max-width: 90rem;
  margin: 0 auto
}

.hero__text {
  max-width: 90rem;
  padding-top: 3rem;
  margin: 0 auto;
  text-transform: initial
}

.hero__text--doorgeefcolumns {
  padding-top: 1rem
}

.hero__pretitle {
  font-size: 1.6rem;
  font-weight: 100;
  font-family: var(--text-font-roman);
  margin-bottom: 1.5rem
}

.hero__vector {
  display: inline-block;
  width: 100%
}

.hero__image {
  display: block;
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  padding: 0 6rem
}

@media(min-width: 768px) {
  .hero__image {
    max-width: 100rem
  }
}

.hero__image--desktop {
  display: none
}

@media(min-width: 768px) {
  .hero__image--desktop {
    display: block
  }
}

.hero__image--404 {
  display: block
}

@media screen and (min-width: 568px) {
  .hero__image--404 {
    max-width: 28rem
  }
}

@media(min-width: 768px) {
  .hero__image--404 {
    max-width: 34rem
  }
}

.hero__image--manifest {
  display: block
}

@media screen and (min-width: 568px) {
  .hero__image--manifest {
    max-width: 34rem
  }
}

@media(min-width: 768px) {
  .hero__image--manifest {
    max-width: 70rem
  }
}

.hero__image--mobile {
  display: none
}

@media(max-width: 767.98px) {
  .hero__image--mobile {
    display: block;
    max-width: 60vw
  }
}

.hero__image--home {
  padding-top: 6rem
}

.hero__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem
}

.hero__actions h4 {
  margin: 0
}

.hero__actions--hidden {
  visibility: hidden
}

.hero__actions--grid {
  display: grid;
  grid-gap: 1.5rem;
  justify-content: center
}

@media(min-width: 768px) {
  .hero__actions--grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem
  }
}

.hero__bg {
  min-height: 65rem;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}

@media(min-width: 576px) {
  .hero__bg {
    min-height: 90vh;
    padding-top: 56.25%
  }
}

.highlighted {
  position: relative
}

.highlighted__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem
}

@media(min-width: 992px) {
  .highlighted__grid {
    grid-template-columns: 1.6fr 1fr;
    grid-gap: 6rem
  }
}

.highlighted__title {
  font-size: clamp(3.2rem, 3vw, 5.6rem);
  text-transform: uppercase
}

.highlighted__content {
  display: grid;
  grid-gap: 2.5rem;
  place-content: flex-start;
  place-items: flex-start
}

.icon {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.icon--instagram {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M6 6h17.25v18H6z"/><path fill="%23e40050" d="M18.344 9.147h-6.688c-1.422 0-2.509 1.087-2.509 2.509v6.688c0 1.422 1.087 2.509 2.509 2.509h6.688c1.422 0 2.509-1.087 2.509-2.509v-6.688c0-1.422-1.087-2.509-2.509-2.509"/><path fill="%23FFF" d="M15 10.82A4.14 4.14 0 0 1 19.18 15 4.14 4.14 0 0 1 15 19.18 4.14 4.14 0 0 1 10.82 15 4.14 4.14 0 0 1 15 10.82zm0 1.672c-1.421 0-2.508 1.087-2.508 2.508s1.087 2.508 2.508 2.508 2.508-1.087 2.508-2.508-1.087-2.508-2.508-2.508z"/><path fill="%23e40050" d="M22.525 18.344a4.14 4.14 0 0 1-4.18 4.18h-6.69a4.14 4.14 0 0 1-4.18-4.18v-6.688a4.14 4.14 0 0 1 4.18-4.18h6.69a4.14 4.14 0 0 1 4.18 4.18v6.688zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z"/><path fill="%23FFF" d="M18.915 11.921c-.502 0-.836-.334-.836-.836 0-.501.334-.836.836-.836s.836.335.836.836c0 .502-.334.836-.836.836"/></g></svg>')
}

.icon--facebook {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M9 6h12v18H9z"/><path fill="%23e40050" d="M18.975 9.78H17.41c-.973 0-1.313.923-1.313 1.964v1.37h2.853l-.387 2.504h-2.466v6.907l-2.715-.02v-6.887h-2.357v-2.505h2.357v-1.667c0-2.76 1.345-3.97 3.639-3.97 1.098 0 1.68.08 1.954.118V9.78zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z"/></g></svg>')
}

.icon--twitter {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 0C11.25 0 0 11.25 0 25C0 38.75 11.25 50 25 50C38.75 50 50 38.75 50 25C50 11.25 38.75 0 25 0ZM29.5 36.5L23.5 27.75L16 36.5H14L22.75 26.5L14 13.75H20.75L26.5 22L33.75 13.75H35.75L27.5 23.5L36.5 36.75H29.75L29.5 36.5Z" fill="%23E40050"/><path d="M25.25 23.25L19.5 15H16.5L23.5 25.25L24.5 26.5L30.5 35H33.5L26 24.5L25.25 23.25Z" fill="%23E40050"/></svg>');
}

.icon--linkedin {
  background-image: url('data:image/svg+xml;utf-8,<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z" fill="%23E40050"/><path d="M18.538 12.002c2.923 0 3.462 2.02 3.462 4.647L21.999 22h-2.884v-4.744c0-1.13-.02-2.587-1.5-2.587-1.502 0-1.731 1.232-1.731 2.505V22H13v-9.755h2.768v1.333h.04c.563-1.012 1.615-1.62 2.73-1.576zM11 12v10H8V12h3zm-1-5a2.01 2.01 0 0 1 1.994 1.851L12 9a2.01 2.01 0 0 1-1.851 1.994L10 11c-1.097 0-2-.903-2-2s.903-2 2-2z" fill="%23FFF"/></g></svg>')
}

.manifest {
  position: relative
}

.map {
  position: relative
}

.map-status h4 {
  z-index: 50;
  color: var(--color-bright-pink);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all .3s ease-in-out;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: clamp(3rem, 3vw, 5rem)
}

.map-status.loading h4 {
  visibility: visible;
  opacity: 1
}

.map-status.loading:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-darker);
  opacity: .4;
  z-index: 40
}

.map [data-gewoon-wonen] {
  position: relative;
  height: 85rem;
  width: 100%
}

.map__image {
  position: relative;
  aspect-ratio: 16/9;
  object-fit: cover
}

.map__status {
  box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, .16);
  background-color: var(--color-bright-pink);
  color: var(--color-light);
  position: relative;
  font-family: var(--text-font-roman);
  font-size: .9rem;
  letter-spacing: -0.04rem;
  text-transform: uppercase;
  padding: 0 1.5rem;
  display: inline-flex;
  border-radius: 2rem;
  transition: all .2s ease
}

.map__status--planfase {
  background-color: var(--color-bright-pink)
}

.map__status--bouwfase {
  background-color: #244256
}

.map__status--opgeleverd {
  background-color: #66b5e6
}

.map__status--overlay {
  position: absolute;
  top: 3rem;
  right: 3rem
}

.map__filter {
  position: absolute;
  top: 15rem;
  left: 4rem;
  z-index: 1;
  display: grid;
  grid-gap: 1rem
}

.map__filter input[type=button] {
  display: block;
  cursor: pointer;
  padding: .9rem 1.8rem .5rem;
  font-family: var(--text-font-body);
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2rem;
  box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, .16);
  color: var(--color-light)
}

.map__filter input[type=button].hidden {
  display: none
}

.map__filter input[type=button].status--planfase {
  background-color: var(--color-bright-pink)
}

.map__filter input[type=button].status--bouwfase {
  background-color: #244256
}

.map__filter input[type=button].status--opgeleverd {
  background-color: #66b5e6
}

.map__filter input[name=reset] {
  background-color: var(--color-light);
  color: var(--color-bright-pink)
}

@media(min-width: 768px) {
  .map__filter {
    top: 20rem
  }
}

.map__jumbo {
  position: absolute;
  top: 4rem;
  left: 4rem;
  color: var(--color-bright-pink);
  text-transform: uppercase;
  font-size: clamp(3.5rem, 4vw, 5.6rem);
  max-width: 30rem;
  pointer-events: none;
  z-index: 60
}

@media(min-width: 768px) {
  .map__jumbo {
    max-width: 50rem
  }
}

.map__title {
  font-size: clamp(2rem, 3vw, 3.2rem);
  text-transform: uppercase;
  color: var(--color-bright-pink);
  padding-top: 1.2rem;
  position: relative
}

.map__subtitle {
  font-size: clamp(1.4rem, 3vw, 1.6rem);
  color: var(--color-bright-pink)
}

.map__subtitle:empty {
  display: none
}

.map__info {
  padding: .5rem 0 2rem;
  font-size: 1.4rem;
  position: relative
}

.map__project {
  font-weight: 700;
  font-size: 1.4rem;
  position: relative;
  line-height: 1;
  margin-top: 1.5rem
}

.map__project:empty {
  display: none
}

.map__content--image .mapboxgl-popup-tip {
  border-bottom-color: var(--color-bright-blue)
}

.map__content--image .mapboxgl-popup-content:before {
  content: "";
  top: 0;
  left: 0;
  height: 16rem;
  width: 100%;
  position: absolute;
  background-color: var(--color-bright-blue);
  z-index: 0
}

.map .mapboxgl-scroll-zoom-blocker {
  color: var(--color-bright-pink);
  background: var(--color-darker);
  font-family: var(--text-font-headers);
  font-size: clamp(3rem, 3vw, 4rem) !important
}

.map .mapboxgl-scroll-zoom-blocker-show {
  opacity: .8
}

.map .mapboxgl-popup {
  max-width: 32.5rem;
  position: relative;
  z-index: 100
}

.map .mapboxgl-popup-content {
  box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, .24);
  padding: 2rem
}

.map .mapboxgl-popup-close-button {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: -2rem;
  right: -2rem;
  outline: none;
  background: var(--color-light);
  border-radius: 50%;
  font-family: var(--text-font-body);
  font-size: 2.5rem;
  color: var(--color-bright-pink);
  box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, .24);
  transition: all .2s ease-in-out
}

.map .mapboxgl-popup-close-button:hover {
  background: var(--color-bright-pink);
  color: var(--color-light)
}

.map .mapboxgl-ctrl-group {
  background: rgba(0, 0, 0, 0);
  margin: 3rem;
  display: grid;
  grid-gap: 1.5rem
}

.map .mapboxgl-ctrl-group:not(:empty) {
  box-shadow: none
}

.map .mapboxgl-ctrl-group button {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: var(--color-light);
  box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, .24);
  transition: all .2s ease-in-out
}

.map .mapboxgl-ctrl-group button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-size: 2rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf-8,<svg fill="%23e40050" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M30 15.25h-13.25v-13.25c0-0.414-0.336-0.75-0.75-0.75s-0.75 0.336-0.75 0.75v0 13.25h-13.25c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h13.25v13.25c0 0.414 0.336 0.75 0.75 0.75s0.75-0.336 0.75-0.75v0-13.25h13.25c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0z"></path></svg>')
}

@media(min-width: 992px) {
  .map .mapboxgl-ctrl-group button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-size: 2.4rem
  }
}

.map .mapboxgl-ctrl-group button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf-8,<svg fill="%23e40050" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M30 15.25h-28c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h28c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0z"></path></svg>')
}

@media(min-width: 992px) {
  .map .mapboxgl-ctrl-group button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-size: 2.4rem
  }
}

.map .mapboxgl-ctrl-group button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect x="0" fill="none" width="20" height="20"/><g><path fill="%23e40050" d="M3.4 2L2 3.4l2.8 2.8L3 8h5V3L6.2 4.8 3.4 2zm11.8 4.2L18 3.4 16.6 2l-2.8 2.8L12 3v5h5l-1.8-1.8zM4.8 13.8L2 16.6 3.4 18l2.8-2.8L8 17v-5H3l1.8 1.8zM17 12h-5v5l1.8-1.8 2.8 2.8 1.4-1.4-2.8-2.8L17 12z"/></g></svg>')
}

@media(min-width: 992px) {
  .map .mapboxgl-ctrl-group button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-size: 2.4rem
  }
}

.map .mapboxgl-ctrl-group button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect x="0" fill="none" width="20" height="20"/><g><path fill="%23e40050" d="M7 2H2v5l1.8-1.8L6.5 8 8 6.5 5.2 3.8 7 2zm6 0l1.8 1.8L12 6.5 13.5 8l2.7-2.7L18 7V2h-5zm.5 10L12 13.5l2.7 2.7L13 18h5v-5l-1.8 1.8-2.7-2.8zm-7 0l-2.7 2.7L2 13v5h5l-1.8-1.8L8 13.5 6.5 12z"/></g></svg>')
}

@media(min-width: 992px) {
  .map .mapboxgl-ctrl-group button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-size: 2.4rem
  }
}

.map .mapboxgl-ctrl-group button:not(:disabled):hover {
  background-color: var(--color-light)
}

@media(min-width: 992px) {
  .map .mapboxgl-ctrl-group button {
    width: 6rem;
    height: 6rem
  }
}

.menu {
  position: fixed;
  width: 100%;
  top: -100%;
  background-color: var(--color-bright-blue);
  z-index: 15;
  padding: 9rem 0 0;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out
}

.menu--inner {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: 1fr
}

@media(min-width: 768px) {
  .menu--inner {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(min-width: 992px) {
  .menu--inner {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(min-width: 768px) {
  .menu__box {
    margin-left: 2rem
  }
}

.menu__link {
  line-height: 1.25;
  color: var(--color-bright-pink);
  text-transform: uppercase;
  transition: .6s ease-in-out all;
  opacity: 0;
  font-family: var(--text-font-bold);
  font-size: clamp(4rem, 3.5vw, 6rem)
}

@media(min-width: 768px) {
  .menu__link {
    line-height: 1.33
  }
}

.menu__sub-link {
  color: var(--color-bright-pink);
  text-transform: uppercase;
  line-height: 1.2;
  font-family: var(--text-font-bold);
  font-size: clamp(2rem, 2vw, 4rem)
}

.menu__icon {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  height: 3.5rem;
  width: 3.5rem;
  cursor: pointer
}

.menu__icon--close {
  background-image: url('data:image/svg+xml;utf-8,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="m15 2.5-5 5 5 5-2.5 2.5-5-5-5 5L0 12.5l5-5-5-5L2.5 0l5 5 5-5z" fill="%23e40050" fill-rule="evenodd"/></svg>');
  position: absolute;
  top: 1rem;
  right: 1rem
}

@media(min-width: 768px) {
  .menu__icon--close {
    top: 3rem;
    right: 3rem
  }
}

@media(min-width: 992px) {
  .menu__icon--close {
    right: 7rem
  }
}

.menu__item {
  position: relative
}

.menu__content {
  display: grid
}

.menu.open {
  top: 0;
  min-height: 56rem;
  visibility: visible;
  opacity: 1;
  overflow-y: auto
}

.menu.open .menu__link,
.menu.open .socials {
  opacity: 1
}

@media(max-width: 575.98px) {
  .menu.open {
    height: 100%
  }
}

.newsletter {
  position: relative
}

.newsletter__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem
}

@media(min-width: 992px) {
  .newsletter__grid {
    grid-template-columns: 1fr 1.8fr;
    grid-gap: 6rem
  }
}

.newsletter__title {
  font-size: clamp(3.2rem, 3vw, 5.6rem);
  text-transform: uppercase
}

.newsletter__content {
  display: grid;
  grid-gap: 2.5rem;
  place-content: flex-start;
  place-items: flex-start
}

.newsletter__form {
  padding-top: 7rem
}

.newsletter__form .gfield input {
  font-size: 3rem !important
}

.post {
  position: relative
}

.post__block:not(:first-child) {
  margin-top: 5rem
}

.post__date,
.post__source,
.post__location {
  font-size: 2rem;
  text-transform: initial
}

.post__details {
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  align-items: center;
  grid-gap: 2rem
}

.post__details--doorgeefcolumn {
  align-items: center;
  margin: 4rem 0 2rem;
  gap: 1rem
}

.post__hero {
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink);
  text-transform: uppercase;
  padding: 6rem 3rem 0;
  display: flex;
  text-align: center;
  justify-content: space-between;
  position: relative
}

.post__hero--info,
.post__hero--avatar {
  height: 100%;
  width: 100%;
  max-width: 97rem;
  margin: 0 auto;
  margin-bottom: -10rem;
  position: relative
}

.post__hero--info.no-max-width,
.no-max-width.post__hero--avatar {
  max-width: none
}

@media(min-width: 768px) {

  .post__hero--info,
  .post__hero--avatar {
    margin-bottom: -20rem
  }
}

.post__hero--doorgeefcolumn {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  max-width: 97rem;
  position: relative;
  padding-bottom: 3rem
}

.post__hero--doorgeefcolumn.no-max-width {
  max-width: none
}

.post__hero--avatar {
  margin-bottom: 0;
  text-transform: uppercase;
  position: initial
}

.post__hero .video {
  margin-bottom: 0
}

.post__featured {
  max-width: 80rem;
  margin: 6rem auto auto
}

@media(max-width: 767.98px) {
  .post__anchors {
    display: flex;
    justify-content: space-between;
    width: 100%
  }
}

.post__quote {
  max-width: 88rem;
  margin: 0 auto;
  padding-bottom: 3rem;
  color: var(--color-bright-pink);
  font-family: var(--text-font-bold);
  font-size: clamp(2.4rem, 3vw, 4rem);
  line-height: 1.2;
  text-align: center
}

@media(min-width: 768px) {
  .post__quote {
    padding-bottom: 6rem
  }
}

.post em,
.post__cite {
  display: block;
  color: var(--color-text-base);
  font-size: 1.6rem;
  font-family: var(--text-font-roman);
  text-align: center;
  margin-top: 2rem
}

.post__content {
  padding-top: 14rem;
  max-width: 92rem;
  margin: 0 auto
}

.post__content ul {
  font-size: var(--text-base-size);
  padding-left: 1.5rem;
  margin-bottom: 2.5rem
}

.post__content a {
  text-decoration: underline;
  color: var(--color-bright-pink)
}

.post__content .card__actions {
  margin-bottom: 3rem
}

.post__content .card__actions ul {
  margin: 0
}

.post__content .card__actions a {
  text-decoration: none
}

.post__content h2,
.post__content h3,
.post__content h4 {
  font-family: var(--text-font-bold);
  line-height: 1;
  color: var(--color-bright-pink);
  margin-bottom: 1rem
}

.post__content h3 {
  font-size: clamp(2.4rem, 3vw, 3rem)
}

.post__content h4 {
  font-size: 1.6rem
}

.post__content p:not(.accordion__title, .accordion__content) {
  margin-bottom: 2.5rem
}

.post__content--landingpage {
  padding-top: 3rem
}

.post__content--landingpage h2,
.post__content--landingpage h3,
.post__content--landingpage h4 {
  font-family: var(--text-font-roman);
  line-height: 1.5;
  color: var(--color-bright-pink)
}

.post__content--landingpage .post__subtitle {
  font-family: var(--text-font-bold);
  text-align: center
}

.post__content--landingpage h4 {
  font-size: 1.6rem
}

.post__content--landingpage p {
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  .post__content--landingpage {
    padding-top: 5rem
  }
}

@media(min-width: 768px) {
  .post__content {
    padding-top: 25rem
  }
}

.post__content--stories {
  max-width: 70rem;
  padding-bottom: 3rem
}

.post__content--doorgeefcolumns {
  padding-top: 8rem
}

.post__content--doorgeefcolumns p {
  margin-top: 2.5rem
}

.post--podcast .post__hero--info,
.post--podcast .post__hero--avatar {
  margin-bottom: 0
}

.post--podcast .post__featured {
  -webkit-transform: translateY(4rem);
  transform: translateY(4rem)
}

.post--podcast .post__content {
  padding-top: 12rem
}

.post__header {
  display: grid;
  grid-gap: 2rem;
  position: relative
}

.post__header--centered {
  text-align: center
}

.post__header--hkg {
  padding-top: 3rem
}

@media(min-width: 576px) {
  .post__header--hkg {
    padding-top: 8rem
  }
}

.post__title {
  padding-top: 6rem;
  font-size: clamp(4rem, 12vw, 10rem)
}

.post__title--hkg {
  font-size: clamp(6rem, 8vw, 12rem);
  padding-top: 3rem
}

@media(min-width: 576px) {
  .post__title--hkg {
    padding-left: 8rem;
    padding-right: 8rem
  }
}

.post__title span {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: inline;
  padding: 1rem 1rem 0;
  text-transform: uppercase;
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink)
}

@media(min-width: 992px) {
  .post__title span {
    padding: 2.5rem 1rem 0
  }
}

.post__title__doorgeefcolumn {
  padding-top: 0
}

.post__subtitle {
  font-size: clamp(2.5rem, 3vw, 4rem);
  font-family: var(--text-font-bold);
  max-width: 70rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase
}

@media(min-width: 992px) {
  .post__subtitle {
    max-width: none
  }
}

.pre-footer {
  background-color: var(--color-bright-pink);
  color: var(--color-light);
  display: flex;
  padding: 5.5rem 0
}

.pre-footer__text {
  font-size: 4rem;
  font-family: var(--text-font-bold);
  text-align: center;
  text-transform: uppercase
}

.pre-footer__actions {
  text-align: center;
  padding-top: 3rem
}

.preloader {
  position: relative;
  transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden
}

.preloader--loading {
  opacity: 1;
  visibility: visible;
  pointer-events: none
}

.preloader--loading:after {
  transition: all .4s ease-in-out;
  content: "";
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(228, 0, 80, .7)
}

.preloader__icon {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  display: block;
  width: 8rem;
  height: 8rem
}

.searchandfilter ul {
  display: flex
}

.searchandfilter ul li+li {
  margin-left: 1rem
}

.searchandfilter ul li input {
  -webkit-appearance: none;
  appearance: none
}

.searchandfilter ul li label {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.searchandfilter ul li.sf-option-active label {
  background-color: var(--color-light);
  color: var(--color-bright-pink);
  -webkit-transform: none !important;
  transform: none !important;
  box-shadow: none !important
}

.socials {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  opacity: 0;
  transition: .7s ease-in-out all
}

.socials__container {
  display: grid;
  grid-template-columns: 1fr;
  place-self: flex-start
}

@media(max-width: 991.98px) {
  .socials__container {
    position: absolute;
    bottom: 7rem
  }
}

.socials__item--title {
  grid-column: 1/-1
}

.socials__title {
  color: var(--color-bright-pink);
  font-size: 1.5rem;
  font-family: var(--text-font-roman);
  text-transform: uppercase
}

.socials__link {
  position: relative;
  display: inline-block;
  margin-right: 3rem
}

.socials__icon {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  height: 3.5rem;
  width: 3.5rem
}

.socials__icon--instagram {
  background-image: url('data:image/svg+xml;utf-8,<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M6 6h17.25v18H6z"/><path d="M18.344 9.147h-6.688c-1.422 0-2.509 1.087-2.509 2.509v6.688c0 1.422 1.087 2.509 2.509 2.509h6.688c1.422 0 2.509-1.087 2.509-2.509v-6.688c0-1.422-1.087-2.509-2.509-2.509" fill="%23E40050"/><g fill="%23FFF"><path d="M15 10.82A4.14 4.14 0 0 1 19.18 15 4.14 4.14 0 0 1 15 19.18 4.14 4.14 0 0 1 10.82 15 4.14 4.14 0 0 1 15 10.82Zm0 1.672c-1.421 0-2.508 1.087-2.508 2.508s1.087 2.508 2.508 2.508 2.508-1.087 2.508-2.508-1.087-2.508-2.508-2.508Z"/><path d="M18.915 11.921c-.502 0-.836-.334-.836-.836 0-.501.334-.836.836-.836s.836.335.836.836c0 .502-.334.836-.836.836"/></g><path d="M22.525 18.344a4.14 4.14 0 0 1-4.18 4.18h-6.69a4.14 4.14 0 0 1-4.18-4.18v-6.688a4.14 4.14 0 0 1 4.18-4.18h6.69a4.14 4.14 0 0 1 4.18 4.18v6.688ZM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15Z" fill="%23e40050"/></g></svg>')
}

.socials__icon--facebook {
  background-image: url('data:image/svg+xml;utf-8,<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M9 6h12v18H9z"/><path d="M18.975 9.78H17.41c-.973 0-1.313.923-1.313 1.964v1.37h2.853l-.387 2.504h-2.466v6.907l-2.715-.02v-6.887H11.025v-2.505H13.382v-1.667c0-2.76 1.345-3.97 3.639-3.97 1.098 0 1.68.08 1.954.118V9.78ZM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15Z" fill="%23E40050"/></g></svg>')
}

.socials__icon--twitter {
  background-image: url('data:image/svg+xml;utf-8,<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15Z" fill="%23E40050"/><path d="M23 10.445c-.548.25-1.146.399-1.744.499.648-.4 1.096-.997 1.345-1.695a6.557 6.557 0 0 1-1.943.748A3.026 3.026 0 0 0 18.415 9a3.105 3.105 0 0 0-3.09 3.09c0 .249.05.498.1.697-2.541-.15-4.834-1.345-6.329-3.239-.249.449-.398.997-.398 1.545 0 1.047.548 1.993 1.345 2.542-.498 0-.996-.15-1.395-.35v.05c0 1.496 1.046 2.741 2.442 2.99-.25.05-.548.1-.798.1-.199 0-.398 0-.598-.05.399 1.196 1.545 2.093 2.84 2.143-1.046.847-2.391 1.296-3.786 1.296-.25 0-.499 0-.748-.05 1.346.847 2.99 1.395 4.684 1.395 5.632 0 8.721-4.684 8.721-8.72v-.4A6.064 6.064 0 0 0 23 10.446Z" fill="%23fff" fill-rule="nonzero"/></g></svg>')
}

.socials__icon--linkedin {
  background-image: url('data:image/svg+xml;utf-8,<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z" fill="%23E40050"/><path d="M18.538 12.002c2.923 0 3.462 2.02 3.462 4.647L21.999 22h-2.884v-4.744c0-1.13-.02-2.587-1.5-2.587-1.502 0-1.731 1.232-1.731 2.505V22H13v-9.755h2.768v1.333h.04c.563-1.012 1.615-1.62 2.73-1.576zM11 12v10H8V12h3zm-1-5a2.01 2.01 0 0 1 1.994 1.851L12 9a2.01 2.01 0 0 1-1.851 1.994L10 11c-1.097 0-2-.903-2-2s.903-2 2-2z" fill="%23FFF"/></g></svg>')
}

.stay-informed,
.the-events {
  position: relative
}

@media(min-width: 576px)and (max-width: 1199.98px) {

  .stay-informed .container,
  .the-events .container {
    max-width: 100%
  }
}

.stay-informed__grid,
.the-events__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem
}

@media(min-width: 992px) {

  .stay-informed__grid,
  .the-events__grid {
    grid-template-columns: 1fr 2fr;
    grid-gap: 6rem
  }
}

.stay-informed__title,
.the-events__title {
  font-size: clamp(3.2rem, 3vw, 5.6rem);
  text-transform: uppercase
}

.stay-informed__content,
.the-events__content {
  display: grid;
  grid-gap: 2.5rem;
  place-content: flex-start;
  place-items: flex-start
}

.stay-involved {
  position: relative
}

.stay-involved__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem
}

@media(min-width: 992px) {
  .stay-involved__grid {
    grid-template-columns: 1fr 2fr;
    grid-gap: 6rem
  }
}

.stay-involved__title {
  font-size: clamp(3.2rem, 3vw, 5.6rem);
  text-transform: uppercase
}

.stay-involved__content {
  display: grid;
  grid-gap: 2.5rem;
  place-content: flex-start;
  place-items: flex-start
}

.story__card {
  box-shadow: 0 1.5rem 3rem 0 rgba(17, 17, 17, .2);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  position: relative;
  -webkit-perspective: 100rem;
  perspective: 100rem;
  min-height: 50rem
}

.story__card--video {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 1.5rem 3rem 0 rgba(17, 17, 17, .2);
  min-height: 47rem;
  display: flex
}

@media(min-width: 768px) {
  .story__card--video {
    min-height: 45rem
  }
}

.story__card.is-flipped {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg)
}

@media(min-width: 768px) {
  .story__card {
    min-height: 48rem
  }
}

.story__face {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 0;
  -webkit-perspective: 0;
  visibility: visible;
  transition: var(--ease-in-out-quad) .8s;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  padding: 3.5rem
}

@media(min-width: 768px) {
  .story__face {
    row-gap: 5rem
  }
}

.story__face--front,
.story__face--back {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%
}

.story__face--back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  position: absolute
}

.story__content {
  display: grid;
  padding: 3rem;
  height: 100%;
  width: 100%;
  gap: 3rem;
  place-content: flex-start;
  align-content: flex-end;
  place-items: center;
  text-align: center
}

@media(min-width: 992px) {
  .story__content {
    min-height: 38rem
  }
}

.story__quote {
  font-size: 4rem;
  font-family: var(--text-font-bold);
  line-height: 4rem;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 0;
  -webkit-perspective: 0;
  visibility: visible
}

.story__quote--video {
  font-size: 4rem;
  font-family: var(--text-font-bold);
  line-height: 4rem;
  padding: .5rem .5rem 0;
  text-transform: uppercase;
  background-color: var(--color-bright-blue);
  color: var(--color-bright-pink)
}

.story__text {
  font-size: 1.6rem;
  font-family: var(--text-font-roman);
  text-align: center;
  position: relative;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 0;
  -webkit-perspective: 0;
  visibility: visible
}

.story__text:before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 50%;
  right: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 3rem;
  height: .1rem;
  margin: 0 auto;
  border-bottom: solid .1rem currentColor
}

.story__info {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 0;
  -webkit-perspective: 0;
  visibility: visible
}

.story__inner {
  display: grid;
  align-content: flex-start
}

@media(max-width: 991.98px) {
  .story__inner {
    height: 27rem
  }
}

.story__loadmore {
  margin: 4rem auto 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center
}

.tippy-box[data-theme~=maaskoepel] {
  background-color: var(--color-bright-pink);
  color: var(--color-light);
  font-size: 1.4rem;
  font-family: var(--text-font-headers);
  text-transform: uppercase
}

.tippy-box[data-theme~=maaskoepel][data-placement^=top]>.tippy-arrow::before {
  border-top-color: var(--color-bright-pink)
}

.tippy-box[data-theme~=maaskoepel][data-placement^=bottom]>.tippy-arrow::before {
  border-bottom-color: var(--color-bright-pink)
}

.tippy-box[data-theme~=maaskoepel][data-placement^=left]>.tippy-arrow::before {
  border-left-color: var(--color-bright-pink)
}

.tippy-box[data-theme~=maaskoepel][data-placement^=right]>.tippy-arrow::before {
  border-right-color: var(--color-bright-pink)
}

.tippy-box[data-theme~=maaskoepel]>.tippy-svg-arrow {
  fill: var(--color-bright-pink)
}

.video {
  position: relative;
  padding-top: 56.25%;
  margin: 3rem 0
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

:root {
  --plyr-color-main: var(--color-bright-pink)
}

.plyr {
  margin: 0;
  transition: all .8s;
  position: relative;
  overflow: hidden
}

@media(max-width: 575.98px) {
  .plyr {
    max-width: 95vw;
    margin: 0 auto
  }
}

.plyr__poster {
  background-size: cover
}

.plyr--container {
  opacity: 0
}

.plyr--container.active {
  width: 100%;
  max-width: 85rem;
  margin: 0 auto;
  opacity: 0;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.plyr__controls {
  padding-top: .5rem;
  opacity: 1;
  visibility: visible
}

.plyr__control--overlaid {
  opacity: 1 !important;
  background-color: var(--color-light) !important;
  padding: calc(var(--plyr-control-spacing, 1.5rem)*1.5)
}

.plyr__control--overlaid svg {
  fill: var(--color-dark) !important;
  height: var(--plyr-control-icon-size, 2rem);
  width: var(--plyr-control-icon-size, 2rem)
}

@media(min-width: 768px) {
  .plyr__control--overlaid svg {
    height: var(--plyr-control-icon-size, 2rem);
    width: var(--plyr-control-icon-size, 2rem)
  }
}

@media(min-width: 768px) {
  .plyr__control--overlaid {
    padding: calc(var(--plyr-control-spacing, 1.7rem)*1.5)
  }
}

.plyr__video-embed iframe {
  top: -50%;
  height: 200%
}

.plyr--stopped .plyr__controls,
.plyr--paused .plyr__controls {
  opacity: 0;
  visibility: hidden
}

.videos {
  position: relative
}

.videos__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 6rem 4rem
}

@media(min-width: 992px) {
  .videos__grid {
    grid-template-columns: 1fr 2fr
  }
}

.videos__content {
  display: grid;
  grid-gap: 2.5rem;
  place-content: flex-start;
  place-items: flex-start
}

.videos__box {
  position: relative
}

.videos__figure {
  aspect-ratio: 4/3
}

.videos__figure:before {
  display: none
}

.videos__title {
  font-size: clamp(3.2rem, 3vw, 5.6rem);
  text-transform: uppercase
}

.videos__play-btn {
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

@media(min-width: 768px) {
  .videos__play-btn {
    width: 7.1rem;
    height: 7.1rem
  }
}

.videos__play-arrow {
  width: 2rem;
  height: 2rem;
  margin-left: .5rem;
  background-color: #000;
  z-index: 100;
  -webkit-clip-path: polygon(0 0, 80% 48%, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 48%, 0 100%, 0% 100%)
}

.what-we-do {
  position: relative
}

.what-we-do__block {
  display: grid;
  grid-gap: 2rem;
  place-content: flex-start;
  place-items: start
}

.what-we-do__icon {
  width: 100%;
  height: 8rem;
  max-width: 9rem;
  display: flex
}

@media(min-width: 768px) {
  .what-we-do__icon {
    max-width: 12rem
  }
}

.what-we-do__info {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column
}

.what-we-do__info .what-we-do__title {
  font-size: clamp(3rem, 3vw, 5.6rem)
}

@media(min-width: 992px) {
  .what-we-do__info .what-we-do__title {
    flex: 2
  }
}

.what-we-do__info .what-we-do__body {
  grid-column: 1/-1
}

@media(max-width: 991.98px) {
  .what-we-do__info .what-we-do__body {
    margin-top: 2rem
  }
}

@media(min-width: 992px) {
  .what-we-do__info .what-we-do__body {
    gap: 6rem;
    flex: 2
  }
}

@media(min-width: 992px) {
  .what-we-do__info {
    flex-direction: row;
    margin-bottom: 1rem;
    grid-gap: 2.5rem
  }
}

.what-we-do__title {
  font-size: clamp(3rem, 3vw, 4rem);
  text-transform: uppercase
}

.what-we-do__title span {
  display: block
}

[data-cky-tag=detail-powered-by] {
  display: none !important
}

.cky-notice-btn-wrapper {
  position: relative
}

.cky-notice-btn-wrapper .cky-btn {
  cursor: pointer !important;
  position: relative !important;
  font-family: var(--text-font-roman) !important;
  font-size: 1.2rem !important;
  letter-spacing: -0.04rem !important;
  text-transform: uppercase !important;
  padding: .5rem 1.5rem !important;
  align-items: flex-end !important;
  border-radius: 2rem !important;
  transition: all .2s ease !important;
  display: initial !important
}

.cky-notice-btn-wrapper .cky-btn:hover {
  -webkit-transform: translateY(-0.3rem) !important;
  transform: translateY(-0.3rem) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .2) !important
}

.cky-notice-btn-wrapper .cky-btn:hover:after {
  -webkit-transform: scaleX(1.4) scaleY(1.6) !important;
  transform: scaleX(1.4) scaleY(1.6) !important;
  opacity: 0
}

.cky-notice-btn-wrapper .cky-btn:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .4s
}

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: var(--color-bright-pink);
  outline: none !important;
  opacity: 0;
  transition: opacity .3s ease
}

.lity * {
  box-sizing: border-box
}

.lity-active,
.lity-active body {
  overflow: hidden
}

.lity.lity-opened {
  opacity: 1
}

.lity.lity-closed {
  opacity: 0
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  opacity: 0;
  transition: opacity .3s ease
}

.lity-loading .lity-loader {
  opacity: 1
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  width: 50vw;
  height: auto;
  outline: none !important
}

@media(max-width: 991.98px) {
  .lity-container {
    width: 94vw
  }
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  transform: scale(0.8)
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 .8rem rgba(0, 0, 0, .6)
}

.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  z-index: 9994;
  width: 3.5rem;
  height: 3.5rem;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 3.5rem;
  font-family: "Arial", "Baskerville", "monospace";
  line-height: 3.5rem;
  text-shadow: 0 .1rem .2rem rgba(0, 0, 0, .6);
  border: 0;
  background: none;
  box-shadow: none
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}

.lity-close:active {
  top: 1px
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}

.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 .8rem rgba(0, 0, 0, .6);
  background: #000
}

.lity-hide {
  display: none
}

.splide {
  position: relative;
  padding: 0 !important
}

.splide__pagination {
  position: absolute;
  bottom: 3rem;
  align-items: center
}

.splide__list {
  position: relative
}

.splide__pagination__page {
  background-color: var(--color-light);
  width: 1.6rem;
  height: 1.6rem;
  margin: .4rem;
  border-radius: 50%
}

.splide__pagination__page:hover {
  background-color: var(--color-bright-pink)
}

.splide__pagination__page.is-active {
  background-color: var(--color-bright-pink);
  -webkit-transform: scale(1);
  transform: scale(1)
}

@media(min-width: 576px) {
  .splide__pagination__page {
    width: 1.8rem;
    height: 1.8rem
  }
}