/*
 * Mixin for easy media queries
 * @include bp(tablet) { SCSS here };
 * http://albertogasparin.it/articles/2014/09/breakpoint-library-and-libsass/
*/
/*
 * Mixin for basic CSS triangles
 * @include triangle(up, #000, 50px)
*/
/*
 * @font-face mixin
 * Bulletproof font-face via Font Squirrel
 * @include fontface('family', 'assets/fonts/', 'myfontname');
 */
/*
 * Mixin for setting font-size and line-height
 * @include font-size(font-size-map, $breakpoints)
*/
/*$color: #000;
$bgColor: #fff;
$diagramBG: #d4d4d4;
$diagramColor: #1c1c1c;
$white: #fff;
$yellow: #ffc954;
$yellowDark: #f2c35c;
$nude: #ddaeb0;
$blue: #0058ab;
$green: #a1b193;
$grey: #dedede;
$mapBG: #c2c2c2;
$mapInstagramBG: #f7f7f7; 
*/
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333; }

.flickity-button:hover {
  background: white;
  cursor: pointer; }

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F; }

.flickity-button:active {
  opacity: 0.6; }

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none; }

.flickity-button-icon {
  fill: #333; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%); }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

body {
  margin: 0;
  background-color: #fff;
  overflow-x: hidden; }

.c-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.c-main {
  flex: 1 1 auto; }
  .c-main__inner {
    transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99); }
    .s-initial-reveal .c-main__inner {
      transform: translate3d(0, calc(100vh + 203px), 0); }

.c-max-width,
.c-max-width-menu,
.c-full-width-menu {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px; }

@media all and (min-width: 764px) {
  .c-max-width {
    width: calc(100% - 98px);
    max-width: 1960px; } }

@media all and (min-width: 764px) {
  .c-max-width-menu {
    max-width: 2049px;
    padding-right: 109px; } }

@media all and (min-width: 764px) {
  .c-full-width-menu {
    padding-right: 109px; } }

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

.js-object-fit {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .js-object-fit-image.s-hidden {
    display: none; }

img {
  display: block;
  width: 100%;
  height: auto; }

video {
  display: block;
  width: 100%; }

.c-list--reset {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.c-cta {
  padding: 11px 24px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap; }
  @media screen and (min-width: 0px) {
    .c-cta {
      font-size: 0.875rem; } }
  .c-cta:not(.c-cta--border) {
    background-color: #000;
    color: #fff; }
  .c-cta--border {
    border: 2px solid currentColor; }
    @media all and (min-width: 764px) {
      .c-cta--border {
        border-width: 3px; } }

.c-close-icon {
  width: 44px;
  height: 44px; }
  .c-close-icon:before, .c-close-icon:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 6px;
    width: 30px;
    height: 6px; }
  .c-close-icon:before {
    transform: rotate(45deg); }
  .c-close-icon:after {
    transform: rotate(-45deg); }

.c-lines {
  position: fixed;
  top: 0;
  left: 0;
  right: 89px;
  bottom: 0;
  overflow: hidden;
  clip: rect(0, auto, auto, 0);
  pointer-events: none; }

.c-line {
  position: absolute;
  background-color: #000; }

@media all and (-ms-high-contrast: none) {
  .c-lines {
    display: none !important; }
  /* IE10 */
  *::-ms-backdrop, .c-lines {
    display: none !important; }
  /* IE11 */
  .c-line {
    display: none !important; }
  /* IE10 */
  *::-ms-backdrop, .c-line {
    display: none !important; }
  /* IE11 */ }

@supports (-ms-ime-align: auto) {
  .c-lines {
    display: none !important; } }

body {
  color: #000;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Verdana", sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
th {
  font-weight: normal; }

a, a:link, a:visited {
  text-decoration: none;
  color: #000; }

.c-link--reset {
  text-decoration: none;
  color: #000; }

::selection {
  background: #000;
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #000;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #000;
  color: #FFF;
  text-shadow: none; }

.b-edge .js-object-fit,
.no-objectfit .js-object-fit,
.no-object-fit .js-object-fit {
  position: relative; }

.b-edge .js-object-fit-video,
.no-objectfit .js-object-fit-video,
.no-object-fit .js-object-fit-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.c-dev {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  pointer-events: none;
  display: none; }
  @media all and (min-width: 764px) {
    .page-template-template-home .c-dev {
      right: 89px; } }
  .c-dev__grid {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    margin: 0 auto; }
    .c-dev__grid-column {
      width: calc((100% - 220px) / 12);
      outline: 1px solid blue; }

.c-header {
  position: absolute;
  top: 0;
  z-index: 6000;
  display: flex;
  align-content: center;
  width: 100%;
  padding: 20px 15px 0 15px;
  pointer-events: none; }
  .c-header > * {
    pointer-events: all; }
  @media all and (min-width: 764px) {
    .c-header {
      padding: 26px 20px 20px; } }
  .c-header:before {
    position: fixed;
    top: 0;
    bottom: 118px;
    right: 89px;
    width: 3px;
    background-color: #000;
    transition: transform 400ms ease-in-out, bottom 0ms 500ms; }
    @media all and (min-width: 764px) {
      .c-header:before {
        content: ""; } }
    .s-initial-reveal .c-header:before {
      transition: transform 400ms ease-in-out, bottom 0ms 0ms; }
    .s-initial-reveal .c-header:before,
    .s-overlayed .c-header:before,
    .case-template-default .c-header:before,
    .influencer-template-default .c-header:before {
      bottom: 0; }
    .s-initial-reveal .c-header:before,
    .s-overlayed .c-header:before,
    .case-template-default .c-header:before,
    .influencer-template-default .c-header:before {
      transform: translateX(92px); }
  .single-case .c-header,
  .single-influencer .c-header {
    pointer-events: none; }
  .c-header__logo-link {
    width: 81px;
    transition: transform 400ms ease-in-out;
    transform: translate3d(0, 0, 0); }
    @media all and (min-width: 764px) {
      .c-header__logo-link {
        width: 108px; } }
    .s-initial-reveal .c-header__logo-link,
    .s-overlayed .c-header__logo-link,
    .case-template-default .c-header__logo-link,
    .influencer-template-default .c-header__logo-link {
      transform: translate(-128px, -62px); }
    .c-header__logo-link svg {
      width: 100%;
      height: 100%; }
  .c-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  .c-header__menu-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% + 2px);
    max-width: 416px;
    padding: 83px 40px 25px;
    background-color: #fff;
    border-left: 2px solid currentColor;
    font-weight: bold;
    text-transform: uppercase;
    transition: transform 400ms 250ms ease-in-out;
    transform: translate3d(100%, 0, 0); }
    @media all and (min-width: 764px) {
      .c-header__menu-container {
        width: calc(100% + 3px);
        border-left-width: 3px;
        transform: translate3d(calc(100% - 89px), 0, 0);
        transform: translate3d(100%, 0, 0); } }
    .s-menu-open .c-header__menu-container {
      transition-delay: 0ms; }
    .case-template-default .c-header__menu-container,
    .influencer-template-default .c-header__menu-container {
      transform: translate3d(100%, 0, 0); }
    .s-menu-open .c-header__menu-container {
      transform: translateX(0); }
  .c-header__menu-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: transform 400ms ease-in-out;
    transform: translate3d(50px, 0, 0); }
    .s-menu-open .c-header__menu-inner {
      transform: translateX(0); }
  .c-header__menu {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 0px) {
      .c-header__menu {
        font-size: 1.25rem;
        line-height: 1; } }
    @media screen and (min-width: 400px) {
      .c-header__menu {
        font-size: 1.65rem;
        line-height: 1; } }
    .c-header__menu .menu-item a {
      transition: color 200ms ease-in-out; }
      .c-header__menu .menu-item a:hover {
        color: #0051ba; }
    .c-header__menu .menu-item.lang-item {
      display: inline;
      font-size: 0.75em;
      display: none; }
    .c-header__menu .menu-item:not(:last-child) {
      margin-bottom: 26px; }
      @media all and (min-width: 400px) {
        .c-header__menu .menu-item:not(:last-child) {
          margin-bottom: 52px; } }
  .c-header__map-link {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
    font-size: .75em; }
    @media all and (min-width: 400px) {
      .c-header__map-link {
        font-size: 1em; } }
    .s-menu-open .c-header__map-link {
      transition-delay: 400ms;
      transition-duration: 200ms;
      transform: translateY(0);
      opacity: 1; }

.current-menu-item a,
.current_page_item a {
  color: #0051ba; }

.c-footer {
  padding-top: 36px;
  padding-bottom: 90px;
  background-color: #d4d4d4;
  text-align: center; }
  @media all and (min-width: 764px) {
    .c-footer {
      padding-top: 95px;
      padding-bottom: 20px; } }
  .case-template-default .c-footer,
  .influencer-template-default .c-footer {
    display: none; }
  .c-footer__headline, .c-footer__text {
    font-weight: bold; }
  .c-footer__headline {
    margin-bottom: 0;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-footer__headline {
        font-size: 0.9375rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-footer__headline {
        font-size: 1.3125rem;
        line-height: 1; } }
  .c-footer__text {
    margin-top: 21px;
    margin-bottom: 0; }
    @media screen and (min-width: 0px) {
      .c-footer__text {
        font-size: 1.5625rem; } }
    @media screen and (min-width: 764px) {
      .c-footer__text {
        font-size: 2.75rem; } }
    @media screen and (min-width: 1440px) {
      .c-footer__text {
        font-size: 3.75rem; } }
    @media all and (min-width: 764px) {
      .c-footer__text {
        margin: 10px auto 0; } }
    @media all and (min-width: 1024px) {
      .c-footer__text {
        width: 80%; } }
    @media all and (min-width: 1440px) {
      .c-footer__text {
        width: 70%; } }
    .c-footer__text,
    .c-footer__text a {
      color: #fff; }
    .c-footer__text *:first-child {
      margin-top: 0; }
    .c-footer__text *:last-child {
      margin-bottom: 0; }
  .c-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 33px 0 0 0;
    padding: 0;
    list-style-type: none; }
    @media screen and (min-width: 0px) {
      .c-footer__bottom {
        font-size: 0.75rem;
        line-height: 1.33333; } }
    @media all and (min-width: 764px) {
      .c-footer__bottom {
        margin-top: 65px; } }
    .c-footer__bottom__item {
      position: relative;
      display: flex;
      white-space: nowrap;
      margin-bottom: 1em; }
      .c-footer__bottom__item:after {
        position: relative;
        left: 0;
        bottom: 1px;
        width: 100%;
        height: 1px; }
      .c-footer__bottom__item:not(:last-child):after {
        content: "|";
        padding-right: 20px;
        padding-left: 20px; }
  .c-footer__copyright, .c-footer__link {
    margin-top: 0;
    margin-bottom: 0; }

.c-home {
  margin-bottom: 40px; }
  @media all and (min-width: 764px) {
    .c-home {
      margin-bottom: 80px; } }

.page-template-template-facts .c-facts__modules {
  padding-bottom: 40px; }
  @media all and (min-width: 764px) {
    .page-template-template-facts .c-facts__modules {
      padding-bottom: 80px; } }

.c-hamburger {
  position: absolute;
  z-index: 5000;
  width: 73px;
  height: 68px;
  margin-left: auto;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  transition: transform 200ms 400ms ease-in-out, background-color 200ms ease-in-out;
  background-color: #fff;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor; }
  @media all and (min-width: 764px) {
    .c-hamburger {
      width: auto;
      height: auto;
      background-color: transparent;
      border: none; } }
  .page-template-template-facts .c-hamburger,
  .page-template-template-about .c-hamburger {
    background-color: #ddaeb0; }
    @media all and (min-width: 764px) {
      .page-template-template-facts .c-hamburger,
      .page-template-template-about .c-hamburger {
        background-color: transparent; } }
  .s-menu-open .c-hamburger {
    background-color: #fff; }
  .c-hamburger__container {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 5000;
    width: 73px;
    height: 68px;
    transform: translate3d(0, 0, 0);
    transition: transform 200ms 400ms ease-in-out, color 300ms ease-in-out;
    cursor: pointer; }
    @media all and (min-width: 764px) {
      .c-hamburger__container {
        top: auto;
        right: 22px;
        width: 45px;
        height: 45px; } }
    .c-hamburger__container:hover {
      color: #0051ba; }
    .s-initial-reveal .c-hamburger__container,
    .s-overlayed .c-hamburger__container,
    .case-template-default .c-hamburger__container,
    .influencer-template-default .c-hamburger__container,
    .s-menu-open .c-hamburger__container {
      transition: transform 200ms ease-in-out, color 300ms ease-in-out;
      transform: translateX(100px); }
  .c-hamburger__label {
    position: absolute;
    top: 69px;
    right: 3px;
    display: none;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    transform: rotate(90deg);
    cursor: pointer; }
    @media screen and (min-width: 0px) {
      .c-hamburger__label {
        font-size: 0.75rem;
        line-height: 1; } }
    @media all and (min-width: 764px) {
      .c-hamburger__label {
        display: block; } }
  .c-hamburger__line {
    position: absolute;
    width: 35px;
    height: 4px;
    background-color: currentColor;
    transition: transform 300ms 300ms ease-in-out;
    transform: translate3d(0, 0, 0); }
    @media all and (min-width: 764px) {
      .c-hamburger__line {
        height: 6px; } }
    .c-hamburger__line--top, .c-hamburger__line--middle, .c-hamburger__line--bottom {
      transition: transform 300ms ease-in-out;
      left: 19px; }
      @media all and (min-width: 764px) {
        .c-hamburger__line--top, .c-hamburger__line--middle, .c-hamburger__line--bottom {
          left: 5px; } }
    .c-hamburger__line--top {
      top: 23px; }
      @media all and (min-width: 764px) {
        .c-hamburger__line--top {
          top: 8px; } }
    .c-hamburger__line--middle {
      top: 31px;
      transition-delay: 200ms; }
      @media all and (min-width: 764px) {
        .c-hamburger__line--middle {
          top: 19px; } }
    .c-hamburger__line--bottom {
      top: 39px;
      transition-delay: 300ms; }
      @media all and (min-width: 764px) {
        .c-hamburger__line--bottom {
          top: 30px; } }
    .c-hamburger__line--close {
      top: 19px;
      left: 6px; }
      .c-hamburger__line--close--1 {
        transform: rotate(45deg); }
      .c-hamburger__line--close--2 {
        transform: rotate(-45deg); }

.c-menu-close {
  position: fixed;
  top: 20px;
  right: 22px;
  z-index: 5000;
  width: 44px;
  height: 44px;
  transition: transform 200ms ease-in-out, color 300ms ease-in-out;
  transform: translate3d(100px, 0, 0); }
  .c-menu-close:hover {
    color: #a1b193; }
  .s-menu-open .c-menu-close {
    transition: transform 200ms 200ms ease-in-out, color 300ms ease-in-out;
    transform: translateX(0); }

.c-play-icon,
.c-pause-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: background-color 150ms ease-in-out;
  fill: #fff; }
  .c-video__player-btns .c-play-icon, .c-video__player-btns
  .c-pause-icon {
    width: 60px;
    height: 60px; }
  .c-play-icon path,
  .c-pause-icon path {
    transition: fill 150ms ease-in-out; }
  .c-video__player-btns__inner:hover .c-play-icon, .c-play-icon:hover, .c-video__player-btns__inner:hover
  .c-pause-icon,
  .c-pause-icon:hover {
    background-color: #fff; }
    .c-video__player-btns__inner:hover .c-play-icon path, .c-play-icon:hover path, .c-video__player-btns__inner:hover
    .c-pause-icon path,
    .c-pause-icon:hover path {
      fill: #ffda1a; }

.c-video__player-btns__inner {
  display: flex;
  flex-direction: column;
  align-items: center; }

.c-play-icon {
  display: block; }

.c-play-text {
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center; }
  .c-play-text, .c-play-text:visited {
    color: #fff; }
  .c-play-icon + .c-play-text {
    margin-top: .75em; }

.c-pause-icon {
  display: none; }
  .s-video-playing .c-pause-icon {
    display: block; }

body:not(.touch-device) .c-video--controls.s-video-playing:hover .c-video__controls, body:not(.touch-device) .c-video--controls.s-video-paused:hover .c-video__controls {
  transform: translate3d(0, 0, 0); }

body:not(.touch-device) .c-video:not(.c-video--controls) .c-video__container:hover .c-video__controls {
  transform: translate3d(0, 0, 0); }

.c-video__container {
  position: relative;
  overflow: hidden; }

.c-video-element {
  display: block; }

.c-video__video {
  position: relative;
  display: block;
  width: 100%; }
  .c-video__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: opacity 200ms ease-in-out;
    opacity: 1; }
    .s-video-paused .c-video__video-overlay,
    .s-video-playing .c-video__video-overlay {
      opacity: 0;
      pointer-events: none; }

.c-video__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 25px;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 500ms ease-in-out;
  transform: translate3d(0, 100%, 0); }
  .s-controls-visible .c-video__controls,
  .s-video-seeking .c-video__controls,
  .s-video-paused .c-video__controls {
    transform: translate3d(0, 0, 0); }
  .c-video__controls__player-btns {
    width: 32px;
    height: 32px; }
  .c-video__controls .c-play-icon {
    display: none; }
    .s-video-paused .c-video__controls .c-play-icon {
      display: block; }
  .c-video__controls .c-pause-icon {
    display: none; }
    .s-video-playing .c-video__controls .c-pause-icon {
      display: block; }
  .c-video__controls .c-fullscreen-icon {
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 22px; }
    .c-video__controls .c-fullscreen-icon svg {
      width: 100%;
      height: 100%;
      fill: #fff; }

.c-video__progress {
  flex: 1 1 auto;
  position: relative;
  width: calc(100% - 82px);
  width: 100%;
  height: 10px;
  margin-left: 25px;
  background-color: #000;
  overflow: hidden; }
  .c-video__progress__progress {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffda1a;
    transform: translate3d(-100%, 0, 0); }

.c-survey__inner {
  margin-top: 32px;
  border: 3px solid #000; }
  @media all and (min-width: 764px) {
    .c-survey__inner {
      margin-top: 0; } }
  @media all and (min-width: 764px) {
    .c-home .c-survey__inner {
      width: calc((100% - 220px) / 12 * 9 + 180px); } }

.c-home .c-survey {
  margin-top: 100px; }

.c-survey__question-container {
  padding: 20px;
  font-weight: bold; }
  @media screen and (min-width: 0px) {
    .c-survey__question-container {
      font-size: 1.125rem; } }
  @media screen and (min-width: 764px) {
    .c-survey__question-container {
      font-size: 1.5625rem; } }
  @media all and (min-width: 764px) {
    .c-survey__question-container {
      padding: 40px; } }

.c-survey__question {
  max-width: 800px;
  text-align: center; }
  @media all and (min-width: 764px) {
    .c-survey__question {
      text-align: left; } }
  .c-survey__question *:first-child {
    margin-top: 0; }
  .c-survey__question *:last-child {
    margin-bottom: 0; }

.c-survey__answers {
  margin-top: 13px;
  font-weight: bold; }
  @media all and (min-width: 764px) {
    .c-survey__answers {
      margin-top: 36px; } }
  .c-survey__answers, .c-survey__answers__answer {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media all and (min-width: 764px) {
      .c-survey__answers, .c-survey__answers__answer {
        justify-content: flex-start; } }
  .s-open .c-survey__answers__answer {
    pointer-events: none; }
  .c-survey__answers__answer span {
    margin-left: 16px; }
  .c-survey__answers__answer:not(:last-child) {
    margin-right: 17px; }
  .c-survey__answers input[type=radio] {
    position: relative;
    width: 39px;
    height: 39px;
    -webkit-appearance: none;
    appearance: none;
    border: 3px solid currentColor;
    outline: none; }
    .c-survey__answers input[type=radio]:checked:after {
      content: "X";
      position: absolute;
      top: 1px;
      left: 0;
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 25px; }

.c-survey .c-survey__answer {
  transition: height 200ms ease-in-out;
  overflow: hidden; }

.c-survey__answer {
  position: relative; }
  .c-survey__answer:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 3px;
    background-color: currentColor; }

.c-survey-result__headline-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  @media all and (min-width: 764px) {
    .c-survey-result__headline-container {
      margin-bottom: 60px; } }
  .c-home .c-survey .c-survey-result__headline-container {
    flex-wrap: wrap; }
    @media all and (min-width: 764px) {
      .c-home .c-survey .c-survey-result__headline-container {
        padding-right: 40px; } }

.c-survey-result__headline {
  position: relative;
  display: block;
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase; }
  .c-survey-result__headline--facts {
    margin-bottom: 0;
    color: #000; }
    @media screen and (min-width: 0px) {
      .c-survey-result__headline--facts {
        font-size: 1.5625rem; } }
    @media screen and (min-width: 764px) {
      .c-survey-result__headline--facts {
        font-size: 2rem;
        line-height: 0.75; } }
    @media screen and (min-width: 1024px) {
      .c-survey-result__headline--facts {
        font-size: 2.5rem;
        line-height: 0.75; } }
    @media all and (min-width: 764px) {
      .c-survey-result__headline--facts {
        margin-bottom: 33px; } }
    .c-survey-result__headline--facts:before {
      position: absolute;
      top: calc(50% - 1px);
      left: calc((100% - 220px) / 10 * -1 + -20px - 18px);
      width: calc((100% - 220px) / 10 * .5 + 20px + 18px);
      height: 3px;
      background-color: #000; }
      @media all and (min-width: 764px) {
        .c-survey-result__headline--facts:before {
          content: ""; } }
  .c-survey-result__headline--home {
    margin-bottom: -7px; }
    @media screen and (min-width: 0px) {
      .c-survey-result__headline--home {
        font-size: 1.5625rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-survey-result__headline--home {
        font-size: 3.75rem;
        line-height: 1; } }

.c-survey-result__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }
  @media all and (min-width: 764px) {
    .c-survey-result__inner {
      flex-direction: row; } }
  .c-survey .c-survey-result__inner {
    padding: 20px; }
    @media all and (min-width: 764px) {
      .c-survey .c-survey-result__inner {
        padding: 0; } }

.c-survey-result__visuals {
  flex: 0 0 auto;
  width: 100%; }
  @media all and (min-width: 764px) {
    .c-survey-result__visuals {
      width: 50%; } }
  .c-survey-result__visuals--circle {
    position: relative;
    height: 0;
    padding-bottom: 100%; }
    @media all and (min-width: 764px) {
      .c-survey-result__visuals--circle {
        padding-bottom: 50%; } }
    .c-survey-result__visuals--circle .c-survey-result__visuals__inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .c-survey-result__visuals--circle .c-survey-result__visuals__number {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: 0;
      transform: translate(-50%, -50%);
      font-weight: bold;
      color: #0051ba; }
      @media screen and (min-width: 0px) {
        .c-survey-result__visuals--circle .c-survey-result__visuals__number {
          font-size: 5.0625rem;
          line-height: 1; } }
      @media screen and (min-width: 1024px) {
        .c-survey-result__visuals--circle .c-survey-result__visuals__number {
          font-size: 6.375rem;
          line-height: 1; } }
      @media screen and (min-width: 1260px) {
        .c-survey-result__visuals--circle .c-survey-result__visuals__number {
          font-size: 9.375rem;
          line-height: 1; } }
      .c-survey-result__visuals--circle .c-survey-result__visuals__number__percent {
        position: absolute;
        top: 8px;
        right: -15%; }
        @media screen and (min-width: 0px) {
          .c-survey-result__visuals--circle .c-survey-result__visuals__number__percent {
            font-size: 1rem;
            line-height: 1; } }
        @media screen and (min-width: 1024px) {
          .c-survey-result__visuals--circle .c-survey-result__visuals__number__percent {
            font-size: 1.25rem;
            line-height: 1; } }
        @media screen and (min-width: 1260px) {
          .c-survey-result__visuals--circle .c-survey-result__visuals__number__percent {
            font-size: 1.875rem;
            line-height: 1; } }
        @media all and (min-width: 1024px) {
          .c-survey-result__visuals--circle .c-survey-result__visuals__number__percent {
            top: 0;
            right: -10%; } }
    .c-survey-result__visuals--circle .c-survey-result__visuals__circle {
      width: 100%;
      height: 100%; }
      .c-survey-result__visuals--circle .c-survey-result__visuals__circle path {
        stroke: #0051ba; }
  .c-survey-result__visuals--people {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px; }
  .c-survey-result__visuals__person-container {
    display: flex;
    justify-content: flex-start;
    flex: 1 1 auto;
    width: 20%;
    margin-top: 12.5px;
    margin-bottom: 12.5px; }
    @media all and (min-width: 764px) {
      .c-survey-result__visuals__person-container {
        justify-content: flex-end; } }
  .c-survey-result__visuals__person--white {
    fill: #0051ba; }
    .page-template-template-home .c-survey-result__visuals__person--white {
      fill: #0051ba; }
  .c-survey-result__visuals--bars {
    margin-top: 26px; }
    @media all and (min-width: 764px) {
      .c-survey-result__visuals--bars {
        margin-top: 0; } }
  .c-survey-result__visuals__bar {
    position: relative; }
    .c-survey-result__visuals__bar__bg {
      position: absolute;
      top: calc((100% - 2px) / 2);
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #fff; }
      @media all and (min-width: 764px) {
        .c-survey-result__visuals__bar__bg {
          top: calc((100% - 4px) / 2);
          height: 4px; } }
    .c-survey-result__visuals__bar__progress {
      position: relative;
      height: 35px;
      background-color: #000; }
      @media all and (min-width: 764px) {
        .c-survey-result__visuals__bar__progress {
          height: 40px; } }
      @media all and (min-width: 1260px) {
        .c-survey-result__visuals__bar__progress {
          height: 60px; } }
    .c-survey-result__visuals__bar__text-container {
      display: flex;
      margin-top: 12px;
      margin-bottom: 11px; }
      @media screen and (min-width: 0px) {
        .c-survey-result__visuals__bar__text-container {
          font-size: 0.8125rem;
          line-height: 1; } }
      @media screen and (min-width: 764px) {
        .c-survey-result__visuals__bar__text-container {
          font-size: 1rem;
          line-height: 1; } }
      @media screen and (min-width: 1260px) {
        .c-survey-result__visuals__bar__text-container {
          font-size: 1.3125rem;
          line-height: 1; } }
      @media all and (min-width: 764px) {
        .c-survey-result__visuals__bar__text-container {
          margin-top: 15px;
          margin-bottom: 17px; } }
    .c-survey-result__visuals__bar__percent, .c-survey-result__visuals__bar__text {
      margin-top: 0;
      margin-bottom: 0; }
    .c-survey-result__visuals__bar__percent {
      font-weight: bold;
      margin-right: 0.5em; }
  .c-survey-result__visuals__percent {
    display: flex;
    justify-content: center; }
    .c-survey-result__visuals__percent .c-survey-result__visuals__number {
      position: relative;
      display: inline-block;
      margin: 0 auto;
      font-weight: bold; }
      @media screen and (min-width: 0px) {
        .c-survey-result__visuals__percent .c-survey-result__visuals__number {
          font-size: 6.75rem;
          line-height: 1; } }
      @media screen and (min-width: 1024px) {
        .c-survey-result__visuals__percent .c-survey-result__visuals__number {
          font-size: 9rem;
          line-height: 1; } }
      @media screen and (min-width: 1260px) {
        .c-survey-result__visuals__percent .c-survey-result__visuals__number {
          font-size: 12.5rem;
          line-height: 1; } }
      .c-survey-result__visuals__percent .c-survey-result__visuals__number__percent {
        position: absolute;
        top: 8px;
        right: -15%; }
        @media screen and (min-width: 0px) {
          .c-survey-result__visuals__percent .c-survey-result__visuals__number__percent {
            font-size: 1.33rem;
            line-height: 1; } }
        @media screen and (min-width: 1024px) {
          .c-survey-result__visuals__percent .c-survey-result__visuals__number__percent {
            font-size: 1.5rem;
            line-height: 1; } }
        @media screen and (min-width: 1260px) {
          .c-survey-result__visuals__percent .c-survey-result__visuals__number__percent {
            font-size: 1.875rem;
            line-height: 1; } }
        @media all and (min-width: 764px) {
          .c-survey-result__visuals__percent .c-survey-result__visuals__number__percent {
            top: 0;
            right: -10%; } }

.c-survey-result__description {
  flex: 0 0 auto;
  margin-top: 10px; }
  @media all and (min-width: 764px) {
    .c-survey-result__description {
      width: calc((100% - 180px) / 10 * 4 + 80px);
      margin-top: 0;
      margin-right: 0; } }
  @media all and (min-width: 1024px) {
    .c-survey-result__description {
      width: calc((100% - 180px) / 10 * 3.5 + 60px);
      margin-right: calc((100% - 180px) / 10 * .5 + 20px); } }
  @media all and (min-width: 764px) {
    .c-survey__answer .c-survey-result__description {
      padding-right: 40px; } }

@media screen and (min-width: 0px) {
  .c-survey-result__description__headline, .c-survey-result__description__text {
    font-size: 1rem;
    line-height: 1.25; } }

@media screen and (min-width: 764px) {
  .c-survey-result__description__headline, .c-survey-result__description__text {
    font-size: 1.125rem;
    line-height: 1.42857; } }

@media screen and (min-width: 1024px) {
  .c-survey-result__description__headline, .c-survey-result__description__text {
    font-size: 1.3125rem;
    line-height: 1.42857; } }

.c-survey-result__description__headline {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold; }

.c-survey-result__description__text *:first-child {
  margin-top: 0; }

.c-survey-result__description__text *:last-child {
  margin-bottom: 0; }

@media all and (min-width: 764px) {
  .c-survey .c-survey-result:not(.c-survey-result--circle) {
    padding-top: 90px;
    padding-bottom: 90px; } }

@media all and (min-width: 764px) {
  .c-survey .c-survey-result.c-survey-result--circle {
    padding-top: 20px;
    padding-bottom: 20px; } }

.c-home-survey__cta {
  margin-top: 24px; }

.c-instagram__top {
  margin-top: 95px;
  text-align: center; }
  @media all and (min-width: 764px) {
    .c-instagram__top {
      margin-top: 107px; } }

.c-instagram__content {
  max-width: 800px;
  margin-top: 2em;
  margin-right: auto;
  margin-bottom: 4em;
  margin-left: auto; }
  @media screen and (min-width: 0px) {
    .c-instagram__content {
      font-size: 1rem;
      line-height: 1.25; } }
  @media screen and (min-width: 764px) {
    .c-instagram__content {
      font-size: 1.375rem;
      line-height: 1.27273; } }

.c-instagram #photowall {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 42px; }
  @media all and (min-width: 764px) {
    .c-instagram #photowall {
      margin-top: 39px; } }
  .c-instagram #photowall .photowall-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0; }
    @media all and (min-width: 764px) {
      .c-instagram #photowall .photowall-image {
        width: calc((100% - 40px) / 3); } }
    @media all and (min-width: 1440px) {
      .c-instagram #photowall .photowall-image {
        width: calc((100% - 60px) / 4); } }
    .c-instagram #photowall .photowall-image:not(:last-child) {
      margin-bottom: 40px; }
      @media all and (min-width: 764px) {
        .c-instagram #photowall .photowall-image:not(:last-child) {
          margin-bottom: 20px; } }
    .c-instagram #photowall .photowall-image > a {
      position: relative;
      display: block;
      height: 0;
      padding-bottom: 100%;
      overflow: hidden; }
      .c-instagram #photowall .photowall-image > a > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

.c-404 {
  position: relative;
  height: calc(100vh - 240px);
  height: calc(100vh - 80px);
  padding-top: 74px;
  padding-bottom: 160px;
  margin-right: auto;
  margin-left: auto; }
  @media all and (min-width: 764px) {
    .c-404 {
      width: calc(100% - 80px);
      height: 100vh;
      padding: 102px 0; } }
  @media all and (min-width: 1024px) {
    .c-404 {
      width: calc(100% - 256px);
      padding: 102px 0 102px 0; } }
  .c-404__inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden; }
  .c-404__image, .c-404__video {
    height: 100%;
    object-fit: cover; }
  .c-404__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold; }
    .c-404__content__inner {
      padding: 15px; }
      @media all and (min-width: 764px) {
        .c-404__content__inner {
          padding: 100px 10%; } }
  .c-404__text {
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-404__text {
        font-size: 1.5rem;
        line-height: 0.9434; } }
    @media screen and (min-width: 764px) {
      .c-404__text {
        font-size: 3.5vw;
        line-height: 1; } }
  .c-404__cta {
    display: inline-block; }
  .c-404__bottom {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-404__bottom {
        font-size: 0.8125rem;
        line-height: 1; } }
    @media all and (min-width: 764px) {
      .c-404__bottom {
        right: 30px;
        right: 0;
        bottom: 44px; } }
    .c-404__bottom__link, .c-404__bottom__text {
      margin-top: 0;
      margin-bottom: 0; }
    .c-404__bottom__link {
      display: none; }
      @media all and (min-width: 764px) {
        .c-404__bottom__link {
          display: block; } }
    .c-404__bottom__text {
      margin-right: auto;
      margin-left: auto; }
      @media all and (min-width: 764px) {
        .c-404__bottom__text {
          margin-right: 0; } }

.c-post-teaser {
  padding: 20px; }
  @media all and (min-width: 764px) {
    .c-post-teaser {
      display: flex; } }
  .c-post-teaser__meta {
    width: 100%;
    padding-right: 20px; }
    @media all and (min-width: 764px) {
      .c-post-teaser__meta {
        max-width: 150px; } }
  .c-post-teaser__content {
    flex: 1 1 auto; }
    @media all and (min-width: 764px) {
      .c-post-teaser__content {
        padding-right: 135px; } }
    .c-post-teaser__content-items {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
    .c-post-teaser__content-item {
      width: 100%;
      margin-bottom: 15px; }
      @media all and (min-width: 764px) {
        .c-post-teaser__content-item {
          margin-right: 15px; } }
      @media all and (min-width: 764px) {
        .c-post-teaser__content-item--25 {
          width: calc(25% - 15px); } }
      @media all and (min-width: 764px) {
        .c-post-teaser__content-item--40 {
          width: calc(40% - 15px); } }
      @media all and (min-width: 764px) {
        .c-post-teaser__content-item--50 {
          width: calc(50% - 15px); } }
      @media all and (min-width: 764px) {
        .c-post-teaser__content-item--60 {
          width: calc(60% - 15px); } }
      @media all and (min-width: 764px) {
        .c-post-teaser__content-item--75 {
          width: calc(75% - 15px); } }
      .c-post-teaser__content-item iframe {
        width: 100%; }
      .c-post-teaser__content-item video {
        display: block;
        width: 100%;
        mix-blend-mode: overlay;
        mix-blend-mode: screen; }

.c-cases-overview__lines-tr__container, .c-cases-overview__lines-bl__container {
  position: fixed;
  z-index: -1;
  display: none;
  transition: transform 700ms cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transform: translate3d(0, 0, 0); }
  @media all and (min-width: 764px) {
    .c-cases-overview__lines-tr__container, .c-cases-overview__lines-bl__container {
      display: block; } }

.c-cases-overview__lines-tr__container {
  top: 50px;
  right: 89px;
  bottom: 221px;
  width: 313px; }
  .s-hidden .c-cases-overview__lines-tr__container {
    transform: translateX(50vw); }
  .c-cases-overview__lines-tr__container .c-line--1 {
    top: 0;
    right: 0;
    width: 57%;
    height: 3px; }
  .c-cases-overview__lines-tr__container .c-line--2 {
    top: 0;
    right: 57%;
    width: 3px;
    height: 70px; }
  .c-cases-overview__lines-tr__container .c-line--3 {
    top: 70px;
    right: 57%;
    width: 43%;
    height: 3px; }
  .c-cases-overview__lines-tr__container .c-line--4 {
    top: 70px;
    left: 0;
    width: 3px;
    height: calc(100% - 70px); }
  .c-cases-overview__lines-tr__container .c-line--5 {
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px; }

.c-cases-overview__lines-bl__container {
  top: calc(100vh - 216px);
  bottom: 0;
  left: 0;
  width: 188px; }
  .s-hidden .c-cases-overview__lines-bl__container {
    transform: translateY(500px); }
  .c-cases-overview__lines-bl__container .c-line--1 {
    top: 0;
    left: 0;
    width: 64%;
    height: 3px; }
  .c-cases-overview__lines-bl__container .c-line--2 {
    top: 0;
    left: 64%;
    width: 3px;
    height: 130px; }
  .c-cases-overview__lines-bl__container .c-line--3 {
    top: 130px;
    left: 64%;
    width: 36%;
    height: 3px; }
  .c-cases-overview__lines-bl__container .c-line--4 {
    top: 130px;
    right: 0;
    width: 3px;
    height: calc(100% - 130px); }

.c-cases-overview .c-cases-overview__headline {
  margin-top: 95px; }
  @media all and (min-width: 764px) {
    .c-cases-overview .c-cases-overview__headline {
      margin-top: 107px; } }

@media all and (min-width: 764px) {
  .c-cases-overview {
    min-height: 100vh; } }

.c-cases-overview__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 42px; }
  @media all and (min-width: 764px) {
    .c-cases-overview__list {
      margin-top: 39px; } }

.c-cases-overview__list-item {
  display: block;
  width: 100%; }
  @media all and (min-width: 764px) {
    .c-cases-overview__list-item {
      width: calc((100% - 40px) / 3); } }
  @media all and (min-width: 1440px) {
    .c-cases-overview__list-item {
      width: calc((100% - 60px) / 4); } }
  .c-cases-overview__list-item:hover .c-cases-overview__list-item__content, .c-cases-overview__list-item:hover .c-cases-overview__list-item__content:before {
    opacity: 1; }
  .c-cases-overview__list-item:not(:last-child) {
    margin-bottom: 40px; }
    @media all and (min-width: 764px) {
      .c-cases-overview__list-item:not(:last-child) {
        margin-bottom: 20px; } }
  .c-cases-overview__list-item__inner {
    position: relative; }
    @media all and (min-width: 764px) {
      .c-cases-overview__list-item__inner {
        height: 0;
        padding-bottom: 100%;
        overflow: hidden; } }
  @media all and (min-width: 764px) {
    .c-cases-overview__list-item__media, .c-cases-overview__list-item__content, .c-cases-overview__list-item__content:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  .c-cases-overview__list-item__media {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover; }
    .b-ie .c-cases-overview__list-item__media,
    .b-edge .c-cases-overview__list-item__media,
    .browser-edge .c-cases-overview__list-item__media {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .c-cases-overview__list-item__media-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 90%;
      overflow: hidden; }
      @media all and (min-width: 764px) {
        .c-cases-overview__list-item__media-container {
          position: absolute;
          height: 0;
          padding-bottom: 100%; } }
      .c-cases-overview__list-item__media-container:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        @media all and (min-width: 764px) {
          .c-cases-overview__list-item__media-container:before {
            content: none; } }
  .c-cases-overview__list-item__content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 20px;
    font-weight: bold; }
    @media all and (min-width: 764px) {
      .c-cases-overview__list-item__content {
        padding: 30px;
        color: #fff;
        transition: opacity 300ms ease-in-out;
        opacity: 0; } }
    .c-cases-overview__list-item__content:before {
      content: "";
      z-index: -1;
      background-color: rgba(0, 0, 0, 0.4);
      transition: opacity 400ms ease-in-out;
      opacity: 0; }
  .c-cases-overview__list-item__kicker {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-cases-overview__list-item__kicker {
        font-size: 0.8125rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-cases-overview__list-item__kicker {
        font-size: 0.875rem;
        line-height: 1; } }
  .c-cases-overview__list-item__headline {
    margin-top: 12px;
    margin-bottom: 0; }
    @media screen and (min-width: 0px) {
      .c-cases-overview__list-item__headline {
        font-size: 1.25rem; } }
    @media screen and (min-width: 764px) {
      .c-cases-overview__list-item__headline {
        font-size: 1.375rem; } }
    @media all and (min-width: 764px) {
      .c-cases-overview__list-item__headline {
        margin-top: 7px; } }
  .c-cases-overview__list-item__cta {
    display: inline-block;
    margin-top: 17px;
    margin-bottom: 0;
    align-self: flex-start; }
    @media all and (min-width: 764px) {
      .c-cases-overview__list-item__cta {
        margin-top: 22px;
        background-color: transparent !important;
        color: #fff;
        border: 3px solid currentColor; } }

.single-case .c-lines,
.single-influencer .c-lines {
  position: absolute;
  overflow: visible; }

.c-case {
  position: relative;
  z-index: 7000;
  padding-top: 80px; }
  .c-case__lines-t__container {
    position: absolute;
    display: none;
    width: calc(50% + 248px);
    height: 403px;
    transition: transform 700ms cubic-bezier(0.59, 0.04, 0.08, 0.99);
    transform: translate3d(0, 0, 0); }
    @media all and (min-width: 764px) {
      .c-case__lines-t__container {
        display: block; } }
    .s-hidden .c-case__lines-t__container {
      transform: translate(-75vw, -403px); }
    .c-case__lines-t__container .c-line--1 {
      bottom: 0;
      left: 0;
      width: 40%;
      height: 3px; }
    .c-case__lines-t__container .c-line--2 {
      bottom: 0;
      left: 40%;
      width: 3px;
      height: 85%; }
    .c-case__lines-t__container .c-line--3 {
      top: 15%;
      left: 29%;
      width: 11%;
      height: 3px; }
    .c-case__lines-t__container .c-line--4 {
      top: 0;
      left: 29%;
      width: 3px;
      height: 15%; }
    .c-case__lines-t__container .c-line--5 {
      top: 79%;
      right: 0;
      left: 40%;
      height: 3px; }
    .c-case__lines-t__container .c-line--6 {
      top: 0;
      right: 0;
      width: 3px;
      height: 79%; }
  .c-case-text, .c-case-media, .c-case-slideshow, .c-case-facts, .c-case-grid, .c-case-about {
    margin-top: 20px; }
    @media all and (min-width: 764px) {
      .c-case-text, .c-case-media, .c-case-slideshow, .c-case-facts, .c-case-grid, .c-case-about {
        margin-top: 100px; } }
  .c-case__top-container {
    position: relative;
    margin: auto; }
    @media all and (min-width: 764px) {
      .c-case__top-container {
        height: calc(100vh - 160px); } }
  .c-case__top-text {
    position: absolute;
    bottom: 24px;
    left: 50%;
    z-index: 11000;
    width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-case__top-text {
        font-size: 1.5625rem; } }
    @media screen and (min-width: 764px) {
      .c-case__top-text {
        font-size: 4.0625rem; } }
    @media all and (min-width: 764px) {
      .c-case__top-text {
        bottom: 54px;
        width: calc((100% - 220px) / 12 * 10 + 220px); } }
    .c-case__top-text__text {
      display: block;
      margin-top: 0;
      margin-bottom: 0; }
    .s-360-open .c-case__top-text {
      opacity: 0;
      pointer-events: none; }
  .c-case__deactivate {
    position: fixed;
    top: 14px;
    left: 14px;
    z-index: 1;
    transform: translate3d(0, 0, 0); }
    .c-case__deactivate:before, .c-case__deactivate:after {
      background-color: currentColor; }
  .c-case__scroll-link {
    display: none; }
    @media all and (min-width: 764px) {
      .c-case__scroll-link {
        position: absolute;
        top: calc(100vh - 75px);
        left: 22px;
        display: block;
        width: 26px; } }
    .c-case__scroll-link__arrow {
      width: 100%; }
  @media (max-width: 764px) {
    .c-case .c-case-parallax__float-inner {
      transform: none !important; } }
  @media all and (min-width: 764px) {
    .c-case .c-case-parallax__float-inner .c-case-parallax__inner {
      transform: none !important; } }

.c-case-360 {
  position: relative;
  height: 0;
  padding-bottom: 125%;
  background-color: rgba(0, 0, 0, 0.25); }
  @media all and (min-width: 764px) {
    .c-case-360 {
      height: 100%;
      padding-bottom: 56.25%;
      padding: 0; } }
  .c-case-360.s-activated {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 8000;
    padding-bottom: 0; }
  .c-case-360__inner, .c-case-360__poster, .c-case-360__poster:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .c-case-360__poster {
    z-index: 11000;
    transition: opacity 500ms ease-in-out; }
    .c-case-360__poster:after {
      content: "";
      background-color: rgba(0, 0, 0, 0.2); }
    .s-activated .c-case-360__poster {
      opacity: 0;
      pointer-events: none; }
  .c-case-360__poster-image {
    height: 100%;
    object-fit: cover; }
  .c-case-360__video, .c-case-360__image {
    display: none; }
  .c-case-360__activate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: opacity 200ms ease-in-out;
    opacity: 1;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase; }
    .s-activated .c-case-360__activate {
      pointer-events: none;
      opacity: 0; }
    .c-case-360__activate, .c-case-360__activate:link, .c-case-360__activate:visited {
      color: #fff; }
    .c-case-360__activate__gfx {
      width: 65px;
      height: 65px;
      margin-top: -15%; }
      @media all and (min-width: 764px) {
        .c-case-360__activate__gfx {
          width: 108px;
          height: 108px;
          margin-top: -15%; } }
      .c-case-360__activate__gfx svg {
        width: 100%;
        height: 100%; }
      .c-case-360__activate__gfx__360, .c-case-360__activate__gfx__play {
        stroke: currentColor; }
      .c-case-360__activate__gfx__360 {
        fill: currentColor; }
      .c-case-360__activate__gfx__play {
        fill: transparent; }
    .c-case-360__activate__text {
      margin-top: 17px; }
      @media screen and (min-width: 0px) {
        .c-case-360__activate__text {
          font-size: 0.8125rem; } }
      @media screen and (min-width: 764px) {
        .c-case-360__activate__text {
          font-size: 0.9375rem; } }
      @media all and (min-width: 764px) {
        .c-case-360__activate__text {
          margin-top: 20px; } }
  .c-case-360__deactivate {
    position: absolute;
    top: 14px;
    left: 14px;
    transition: opacity 200ms ease-in-out;
    opacity: 0;
    pointer-events: none; }
    .s-activated .c-case-360__deactivate {
      opacity: 1;
      pointer-events: auto; }
    .c-case-360__deactivate:before, .c-case-360__deactivate:after {
      background-color: #fff; }
  .c-case-360__navigation-arrows__prev, .c-case-360__navigation-arrows__next, .c-case-360__navigation {
    position: fixed;
    z-index: 10000;
    opacity: 0;
    pointer-events: none; }
    .s-activated .c-case-360__navigation-arrows__prev, .s-activated .c-case-360__navigation-arrows__next, .s-activated .c-case-360__navigation {
      opacity: 1;
      pointer-events: auto; }
  .c-case-360__navigation-arrows__prev, .c-case-360__navigation-arrows__next {
    position: fixed;
    top: 50%; }
  .c-case-360__navigation-arrows__prev {
    left: 20px;
    transform: rotate(180deg); }
  .c-case-360__navigation-arrows__next {
    right: 20px; }
  .c-case-360__navigation {
    bottom: 50px;
    right: 20px;
    left: 20px;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    display: none; }
    @media all and (min-width: 764px) {
      .c-case-360__navigation {
        display: flex; } }
    .c-case-360__navigation-item + .c-case-360__navigation-item {
      margin-left: 20px; }
    .c-case-360__navigation-item__link, .c-case-360__navigation-item__link:link, .c-case-360__navigation-item__link:visited {
      color: #fff; }

body.s-360-open {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.c-case-text {
  display: flex;
  font-weight: bold; }
  .c-case-text--left {
    justify-content: flex-start; }
  .c-case-text--center {
    justify-content: center;
    text-align: center; }
  .c-case-text__inner {
    max-width: 960px; }
  .c-case-text__kicker {
    margin-bottom: 0; }
    @media screen and (min-width: 0px) {
      .c-case-text__kicker {
        font-size: 0.8125rem; } }
    @media screen and (min-width: 764px) {
      .c-case-text__kicker {
        font-size: 0.9375rem; } }
  .c-case-text__text {
    margin-top: 11px; }
    @media screen and (min-width: 0px) {
      .c-case-text__text {
        font-size: 1.25rem;
        line-height: 1.25; } }
    @media screen and (min-width: 764px) {
      .c-case-text__text {
        font-size: 2.5rem; } }
    @media all and (min-width: 764px) {
      .c-case-text__text {
        margin-top: 0; } }
    .c-case-text__text p:first-child {
      margin-top: 0; }
    .c-case-text__text p:last-child {
      margin-bottom: 0; }

.c-case-media {
  display: flex; }
  .c-case-media__inner {
    width: 100%; }
  .c-case-media--left {
    justify-content: flex-start; }
    @media all and (min-width: 764px) {
      .c-case-media--left .c-case-media__inner {
        width: calc((100% - 220px) / 12 * 9 + 160px); } }
  .c-case-media--center {
    justify-content: center; }
    @media all and (min-width: 764px) {
      .c-case-media--center .c-case-media__inner {
        width: calc((100% - 220px) / 12 * 8 + 140px); } }
  .c-case-media--right {
    justify-content: flex-end; }
    @media all and (min-width: 764px) {
      .c-case-media--right .c-case-media__inner {
        width: calc((100% - 220px) / 12 * 9 + 180px); } }
  .c-case-media__video-embed {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; }
    .c-case-media__video-embed iframe {
      position: absolute;
      width: 100%;
      height: 100%; }

@media all and (min-width: 764px) {
  .c-case-grid {
    display: flex;
    justify-content: space-between; } }

@media all and (min-width: 764px) {
  .c-case-grid__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - 20px) / 2); } }

.c-case-grid__column-item {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media all and (min-width: 764px) {
    .c-case-grid__column-item {
      margin-top: 0;
      margin-bottom: 0; } }
  .c-case-grid__column-item--left {
    justify-content: flex-start; }
  .c-case-grid__column-item--center_narrow, .c-case-grid__column-item--center_wide {
    justify-content: center; }
  @media all and (min-width: 764px) {
    .c-case-grid__column-item--center_narrow .c-case-grid__column-item__inner {
      width: calc((100% - 100px) / 6 * 4 + 60px); } }
  @media all and (min-width: 764px) {
    .c-case-grid__column-item--center_wide .c-case-grid__column-item__inner {
      width: calc((100% - 100px) / 6 * 5 + 80px); } }
  @media all and (min-width: 764px) {
    .c-case-grid__column-item--left .c-case-grid__column-item__inner, .c-case-grid__column-item--right .c-case-grid__column-item__inner {
      width: calc((100% - 100px) / 6 * 5 + 80px); } }
  .c-case-grid__column-item--right {
    justify-content: flex-end; }
  .c-case-grid__column-item--center {
    justify-content: center;
    text-align: center; }
  .c-case-grid__column-item--text {
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-case-grid__column-item--text {
        font-size: 1.25rem;
        line-height: 1.25; } }
    @media screen and (min-width: 764px) {
      .c-case-grid__column-item--text {
        font-size: 1.5rem; } }
    @media screen and (min-width: 1024px) {
      .c-case-grid__column-item--text {
        font-size: 2rem; } }
    @media screen and (min-width: 1440px) {
      .c-case-grid__column-item--text {
        font-size: 2.5rem; } }
    .c-case-grid__column-item--text:not(:first-child) {
      margin-top: 40px; }
      @media all and (min-width: 764px) {
        .c-case-grid__column-item--text:not(:first-child) {
          margin-top: 100px; } }
    .c-case-grid__column-item--text:not(:last-child) {
      margin-bottom: 40px; }
      @media all and (min-width: 764px) {
        .c-case-grid__column-item--text:not(:last-child) {
          margin-bottom: 100px; } }
    @media all and (min-width: 764px) {
      .c-case-grid__column-item--text {
        margin-top: 100px;
        margin-bottom: 100px; } }
    .c-case-grid__column-item--text *:first-child {
      margin-top: 0; }
    .c-case-grid__column-item--text *:last-child {
      margin-bottom: 0; }

@media all and (min-width: 764px) {
  .c-case-grid--right .c-case-media__inner {
    width: calc((100% - 220px) / 12 * 9 + 180px); } }

.c-case-timestamp {
  position: relative;
  z-index: -1;
  padding-top: 100px; }
  @media all and (min-width: 764px) {
    .c-case-timestamp {
      padding-top: 200px; } }
  .c-case-timestamp:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    z-index: 1;
    height: 50px;
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0)); }
    @media all and (min-width: 764px) {
      .c-case-timestamp:before {
        height: 100px; } }
  .c-case-timestamp__timestamp {
    position: relative;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-case-timestamp__timestamp {
        font-size: 4.6875rem; } }
    @media screen and (min-width: 764px) {
      .c-case-timestamp__timestamp {
        font-size: 12.5rem; } }
    .c-case-timestamp__timestamp__inner {
      position: fixed;
      top: 50%;
      right: 0;
      left: 0;
      z-index: 1;
      display: block;
      transform: translateY(-50%); }
    .c-case-timestamp__timestamp--back, .c-case-timestamp__timestamp--front {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      clip: rect(0, auto, auto, 0); }
    .c-case-timestamp__timestamp--front {
      color: #fff; }
    .c-case-timestamp__timestamp__text {
      margin: 0;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden; }
  .c-case-timestamp__media-container {
    position: relative; }

.c-case-slideshow {
  position: relative;
  margin-bottom: 107px; }
  .c-case-slideshow__slide {
    margin-right: 20px; }
  .c-case-slideshow__image {
    height: 328px;
    width: auto; }
    @media all and (min-width: 764px) {
      .c-case-slideshow__image {
        height: 500px; } }
  .c-case-slideshow .flickity-page-dots {
    bottom: -45px; }
  .c-case-slideshow .dot {
    width: 15px;
    height: 15px;
    border: 2px solid currentColor;
    background: transparent;
    opacity: 1; }
    .c-case-slideshow .dot.is-selected {
      background-color: currentColor; }
  .c-case-slideshow__arrow {
    position: absolute;
    top: calc((100% - 30px) / 2);
    width: 30px; }
    @media all and (min-width: 764px) {
      .c-case-slideshow__arrow {
        top: calc((100% - 48px) / 2);
        width: 48px; } }
    .c-case-slideshow__arrow--prev {
      left: 30px;
      transform: rotate(90deg); }
      @media all and (min-width: 764px) {
        .c-case-slideshow__arrow--prev {
          left: 90px; } }
    .c-case-slideshow__arrow--next {
      right: 30px;
      transform: rotate(-90deg); }
      @media all and (min-width: 764px) {
        .c-case-slideshow__arrow--next {
          right: 90px; } }

.c-case-facts {
  position: relative;
  display: flex;
  justify-content: flex-end;
  background-color: #fff; }
  .c-case-facts:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: calc((100vw - 100%) / 2);
    height: 100%;
    background-color: #fff;
    border-top: 3px solid currentColor;
    border-bottom: 3px solid currentColor; }
  .c-case-facts__inner {
    padding-left: 20px;
    border: 3px solid currentColor;
    border-right: none; }
    @media all and (min-width: 764px) {
      .c-case-facts__inner {
        width: 100%; } }
    @media all and (min-width: 1024px) {
      .c-case-facts__inner {
        width: calc((100% - 220px) / 12 * 11 + 200px);
        padding-left: calc((100% - 200px) / 11 * .5); } }
  .c-case-facts__headline {
    margin-top: 30px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-case-facts__headline {
        font-size: 1.25rem; } }
    @media screen and (min-width: 764px) {
      .c-case-facts__headline {
        font-size: 1.4375rem; } }
    @media all and (min-width: 1024px) {
      .c-case-facts__headline {
        margin-top: 36px; } }
  @media all and (min-width: 1024px) {
    .c-case-facts__content {
      display: flex;
      align-items: flex-end;
      margin-bottom: 23px; } }
  .c-case-facts__number,
  .c-case-facts__text *:last-child, .c-case-facts__cta {
    margin-bottom: 0; }
  .c-case-facts__number {
    display: flex;
    margin-top: 0;
    margin-left: -13px;
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-case-facts__number {
        font-size: 8.75rem;
        line-height: 1; } }
    @media all and (min-width: 1024px) {
      .c-case-facts__number {
        margin-top: 12px;
        margin-left: 0; } }
  .c-case-facts__percent {
    margin-top: 16px;
    margin-left: -4px;
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-case-facts__percent {
        font-size: 1.5625rem;
        line-height: 1; } }
  .c-case-facts__text {
    max-width: 500px;
    margin-top: -5px; }
    @media screen and (min-width: 0px) {
      .c-case-facts__text {
        font-size: 0.8125rem; } }
    @media screen and (min-width: 764px) {
      .c-case-facts__text {
        font-size: 1.125rem; } }
    @media all and (min-width: 880px) {
      .c-case-facts__text {
        margin-bottom: 20px; } }
    @media all and (min-width: 1024px) {
      .c-case-facts__text {
        width: 40%;
        margin-top: 0;
        margin-bottom: 9px;
        margin-left: 20px;
        padding-right: 20px; } }
  .c-case-facts__cta {
    display: inline-block;
    margin-top: 28px;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-left: auto; }
    @media all and (min-width: 880px) {
      .c-case-facts__cta {
        position: absolute;
        right: 0;
        bottom: -3px; } }
    @media all and (min-width: 1024px) {
      .c-case-facts__cta {
        position: static;
        margin-bottom: 12px; } }

.c-case-about__top-lines {
  position: relative;
  z-index: -1; }

.c-case-about__top-line {
  position: absolute;
  background-color: currentColor; }
  .c-case-about__top-line--1 {
    top: 30px;
    left: calc(50% - 50vw);
    width: calc(50vw - ((100% - 220px) / 12 * 3 + 70px));
    height: 3px; }
    @media all and (min-width: 764px) {
      .c-case-about__top-line--1 {
        top: 0; } }
  .c-case-about__top-line--2 {
    top: -114px;
    left: calc(50% - ((100% - 220px) / 12 * 3 + 70px));
    width: 3px;
    height: 147px; }
    @media all and (min-width: 764px) {
      .c-case-about__top-line--2 {
        top: -255px;
        height: 258px; } }
    .c-case-cta + .c-case-about .c-case-about__top-line--2 {
      top: -718px;
      height: 751px; }
      @media all and (min-width: 764px) {
        .c-case-cta + .c-case-about .c-case-about__top-line--2 {
          top: -521px;
          height: 524px; } }
  .c-case-about__top-line--3 {
    top: -114px;
    left: calc(50% - ((100% - 220px) / 12 * 3 + 70px));
    width: calc(50vw + ((100% - 220px) / 12 * 3 + 70px));
    height: 3px; }
    @media all and (min-width: 764px) {
      .c-case-about__top-line--3 {
        top: -255px; } }
    .c-case-cta + .c-case-about .c-case-about__top-line--3 {
      top: -718px; }
      @media all and (min-width: 764px) {
        .c-case-cta + .c-case-about .c-case-about__top-line--3 {
          top: -521px; } }

.c-case-about__headline, .c-case-about__top-headline, .c-case-about__zip, .c-case-about__top-number, .c-case-about__bottom-headline {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold; }

.c-case-about__headline, .c-case-about__top-headline, .c-case-about__zip, .c-case-about__bottom-headline {
  text-transform: uppercase; }

.c-case-about__headline {
  padding-top: 57px; }
  @media screen and (min-width: 0px) {
    .c-case-about__headline {
      font-size: 1.5625rem; } }
  @media screen and (min-width: 764px) {
    .c-case-about__headline {
      font-size: 3.125rem; } }
  @media all and (min-width: 764px) {
    .c-case-about__headline {
      padding-top: 95px; } }

.c-case-about__top-headline {
  margin-top: 12px; }
  @media screen and (min-width: 0px) {
    .c-case-about__top-headline {
      font-size: 0.8125rem; } }
  @media screen and (min-width: 764px) {
    .c-case-about__top-headline {
      font-size: 0.9375rem; } }
  @media all and (min-width: 764px) {
    .c-case-about__top-headline {
      margin-top: 0; } }

.c-case-about__zip {
  margin-top: -10px;
  margin-left: -4px; }
  @media screen and (min-width: 0px) {
    .c-case-about__zip {
      font-size: 5rem; } }
  @media screen and (min-width: 764px) {
    .c-case-about__zip {
      font-size: 12.5rem; } }
  @media screen and (min-width: 1024px) {
    .c-case-about__zip {
      font-size: 12.5rem; } }
  @media all and (min-width: 1024px) {
    .c-case-about__zip {
      margin-top: -31px;
      margin-left: -21px;
      letter-spacing: -12px; } }
  @media all and (min-width: 1260px) {
    .c-case-about__zip {
      letter-spacing: 0; } }

.c-case-about__top-number {
  margin-top: 4px; }
  @media screen and (min-width: 0px) {
    .c-case-about__top-number {
      font-size: 1.875rem; } }
  @media screen and (min-width: 764px) {
    .c-case-about__top-number {
      font-size: 3.125rem; } }

@media screen and (min-width: 0px) {
  .c-case-about__bottom {
    font-size: 0.8125rem; } }

@media screen and (min-width: 764px) {
  .c-case-about__bottom {
    font-size: 1.125rem; } }

.c-case-about__top {
  margin-top: 9px; }
  @media all and (min-width: 1024px) {
    .c-case-about__top {
      display: flex;
      justify-content: space-between;
      margin-top: 68px; } }
  @media all and (min-width: 764px) {
    .c-case-about__top-column:first-child {
      width: calc((100% - 220px) / 12 * 5 + 100px); } }
  .c-case-about__top-column:last-child {
    display: flex;
    flex-wrap: wrap;
    margin-top: -11px; }
    @media all and (min-width: 764px) {
      .c-case-about__top-column:last-child {
        width: calc((100% - 220px) / 12 * 5 + 100px);
        margin-top: 0; } }
  .c-case-about__top-cell {
    width: 50%; }
    @media all and (min-width: 1024px) {
      .c-case-about__top-cell {
        margin-bottom: 15px; } }

.c-case-about__bottom {
  position: relative;
  margin-top: 32px; }
  @media all and (min-width: 764px) {
    .c-case-about__bottom {
      display: flex; } }
  .c-case-about__bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    height: 3px;
    background-color: currentColor; }
  .c-case-about__bottom-column {
    padding-top: 34px;
    padding-bottom: 34px; }
    @media all and (min-width: 764px) {
      .c-case-about__bottom-column {
        width: 50%;
        padding-right: 20px;
        padding-bottom: 100px; } }
    @media all and (min-width: 764px) {
      .c-case-about__bottom-column:first-child {
        border-right: 3px solid currentColor; } }
    @media all and (min-width: 764px) {
      .c-case-about__bottom-column:last-child {
        padding-left: calc((100% - 220px) / 12 + 10px); } }

.c-case-about__residents, .c-case-about__transportation-types {
  display: flex;
  align-items: flex-end;
  margin-top: 29px;
  margin-bottom: 42px; }

.c-case-about__resident, .c-case-about__transportation-type {
  width: 60px; }
  .c-case-about__resident + .c-case-about__resident, .c-case-about__transportation-type + .c-case-about__resident, .c-case-about__resident + .c-case-about__transportation-type, .c-case-about__transportation-type + .c-case-about__transportation-type {
    margin-left: 14px; }
  .c-case-about__resident svg, .c-case-about__transportation-type svg {
    width: 100%;
    height: 100%; }

.c-case-about__text *:first-child {
  margin-top: 0; }

.c-case-about__work-life__text {
  display: flex; }
  .c-case-about__work-life__text p {
    margin-top: .5em;
    margin-bottom: 0; }
    .c-case-about__work-life__text p:first-child {
      margin-right: 20px; }

.c-case-about__work-life__gfx {
  position: relative;
  width: 275px;
  height: 275px;
  margin-top: 26px; }
  .c-case-about__work-life__gfx__ring {
    stroke: #d4d4d4; }
  .c-case-about__work-life__gfx__segment {
    stroke: #1c1c1c; }

.c-case-cta {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px; }
  @media all and (min-width: 764px) {
    .c-case-cta {
      margin-top: 100px;
      margin-bottom: 100px;
      margin-left: calc((100% - 220px) / 12 * 1 + 20px); } }
  .c-case-cta, .c-case-cta:after {
    background-color: #0051ba; }
  .c-case-cta:after {
    position: absolute;
    top: 0;
    right: calc(50% - 50vw);
    width: calc(50vw - 50%);
    height: 100%; }
    @media all and (min-width: 764px) {
      .c-case-cta:after {
        content: ""; } }
  .c-case-cta__inner {
    padding: 30px 20px; }
    @media all and (min-width: 764px) {
      .c-case-cta__inner {
        display: flex;
        align-items: center;
        padding-right: 0;
        padding-left: 0; } }
  .c-case-cta__image {
    align-self: center; }
    @media all and (min-width: 764px) {
      .c-case-cta__image {
        width: calc((100% - 200px) / 11 * 1.5 + 20px);
        margin-left: 40px; } }
  @media all and (min-width: 764px) {
    .c-case-cta__content {
      width: calc((100% - 200px) / 11 * 3 + 80px);
      margin-left: 60px; } }
  .c-case-cta__headline {
    margin-top: 16px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff; }
    @media screen and (min-width: 0px) {
      .c-case-cta__headline {
        font-size: 1.25rem; } }
    @media screen and (min-width: 764px) {
      .c-case-cta__headline {
        font-size: 2.5rem; } }
    @media all and (min-width: 764px) {
      .c-case-cta__headline {
        margin-top: 0; } }
  .c-case-cta__text {
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff; }
    @media screen and (min-width: 0px) {
      .c-case-cta__text {
        font-size: 0.8125rem; } }
    @media screen and (min-width: 764px) {
      .c-case-cta__text {
        font-size: 1.125rem;
        line-height: 1.27778; } }
  .c-case-cta__cta {
    display: inline-block;
    align-self: flex-end;
    margin-top: 37px;
    margin-right: 0;
    margin-left: auto;
    color: #0051ba !important;
    background: #fff !important; }
    @media all and (min-width: 764px) {
      .c-case-cta__cta {
        margin-top: 0; } }

.c-case-related {
  padding-top: 31px;
  padding-bottom: 60px;
  background-color: #d4d4d4;
  color: #fff; }
  @media all and (min-width: 764px) {
    .c-case-related {
      padding-top: 53px; } }
  .c-case-related__headline {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .c-case-related__headline {
        font-size: 1.875rem;
        line-height: 1.2; } }
    @media screen and (min-width: 764px) {
      .c-case-related__headline {
        font-size: 2.25rem; } }
    @media screen and (min-width: 1024px) {
      .c-case-related__headline {
        font-size: 3.125rem; } }
  .c-case-related__inner {
    position: relative;
    display: flex;
    margin-top: 24px;
    padding-right: 20px;
    padding-left: 20px; }
    @media all and (min-width: 764px) {
      .c-case-related__inner {
        margin-top: 58px; } }
  .c-case-related__slideshow {
    width: 100%; }
  .c-case-related .flickity-viewport {
    width: 100%; }
  .c-case-related .c-cases-overview__list {
    justify-content: center; }
    @media all and (min-width: 764px) {
      .c-case-related .c-cases-overview__list {
        flex-wrap: nowrap; } }
    .c-case-related .c-cases-overview__list-item {
      margin-bottom: 20px;
      margin-left: 20px; }
  .c-case-related .flickity-page-dots {
    bottom: -45px; }
  .c-case-related .dot {
    width: 15px;
    height: 15px;
    border: 2px solid currentColor;
    background: transparent;
    opacity: 1; }
    .c-case-related .dot.is-selected {
      background-color: currentColor; }
  .c-case-related__arrow {
    position: absolute;
    top: calc((100% - 30px) / 2);
    width: 30px; }
    @media all and (min-width: 764px) {
      .c-case-related__arrow {
        top: calc((100% - 48px) / 2);
        width: 48px; } }
    .c-case-related__arrow path {
      stroke: #fff;
      fill: #fff; }
    .c-case-related__arrow--prev {
      left: 30px;
      transform: rotate(90deg); }
      @media all and (min-width: 764px) {
        .c-case-related__arrow--prev {
          left: 90px; } }
    .c-case-related__arrow--next {
      right: 30px;
      transform: rotate(-90deg); }
      @media all and (min-width: 764px) {
        .c-case-related__arrow--next {
          right: 90px; } }

.c-page-module-headline {
  padding-top: 50px; }
  @media all and (min-width: 764px) {
    .c-page-module-headline {
      padding-top: 113px; } }
  .c-page-module-headline__headline {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-page-module-headline__headline {
        font-size: 2rem;
        line-height: 1.125; } }
    @media screen and (min-width: 764px) {
      .c-page-module-headline__headline {
        font-size: 3.375rem;
        line-height: 1.14286; } }
    @media screen and (min-width: 1440px) {
      .c-page-module-headline__headline {
        font-size: 4.375rem;
        line-height: 1.14286; } }
    @media all and (min-width: 764px) {
      .c-page-module-headline__headline {
        width: calc((100% - 220px) / 12 * 9 + 180px); } }

.c-page-module-text {
  margin-top: 11px; }
  @media screen and (min-width: 0px) {
    .c-page-module-text {
      font-size: 1rem;
      line-height: 1.25; } }
  @media screen and (min-width: 764px) {
    .c-page-module-text {
      font-size: 1.3125rem;
      line-height: 1.42857; } }
  @media all and (min-width: 764px) {
    .c-page-module-text {
      margin-top: 20px; } }
  .c-page-module-text__inner {
    max-width: 900px; }
    @media all and (min-width: 764px) {
      .c-page-module-text__inner {
        width: calc((100% - 220px) / 12 * 9 + 160px);
        margin-left: calc((100% - 220px) / 12 * 1 + 20px); } }
  .c-page-module-text p:first-child {
    margin-top: 0; }
  .c-page-module-text p:last-child {
    margin-bottom: 0; }

@media all and (min-width: 764px) {
  .c-page-columns {
    width: calc((100% - 220px) / 12 * 9 + 200px);
    margin-left: calc((100% - 220px) / 12 * 1 + 0px); } }

.c-page-columns__headline {
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase; }
  @media screen and (min-width: 0px) {
    .c-page-columns__headline {
      font-size: 1.5625rem; } }
  @media screen and (min-width: 764px) {
    .c-page-columns__headline {
      font-size: 2rem;
      line-height: 0.75; } }
  @media screen and (min-width: 1024px) {
    .c-page-columns__headline {
      font-size: 2.5rem;
      line-height: 0.75; } }
  @media all and (min-width: 764px) {
    .c-page-columns__headline {
      margin-top: 66px; } }

.c-page-columns__columns {
  margin-top: 13px; }
  @media screen and (min-width: 0px) {
    .c-page-columns__columns {
      font-size: 1rem;
      line-height: 1.25; } }
  @media screen and (min-width: 764px) {
    .c-page-columns__columns {
      font-size: 1.1rem;
      line-height: 1.42857; } }
  @media screen and (min-width: 1024px) {
    .c-page-columns__columns {
      font-size: 1.3125rem;
      line-height: 1.42857; } }
  @media all and (min-width: 764px) {
    .c-page-columns__columns {
      margin-top: 36px;
      columns: 2;
      column-gap: calc((100% - 220px) / 12 * 1 + 20px); } }
  .c-page-columns__columns *:first-child {
    margin-top: 0; }
  .c-page-columns__columns *:last-child {
    margin-top: 0; }

.c-page-module-media-and-caption {
  margin-top: 29px; }
  @media all and (min-width: 764px) {
    .c-page-module-media-and-caption {
      margin-top: 80px; } }
  .c-page-module-text + .c-page-module-media-and-caption {
    margin-top: 38px; }
    @media all and (min-width: 764px) {
      .c-page-module-text + .c-page-module-media-and-caption {
        margin-top: 60px; } }
  .c-page-module-media-and-caption__inner {
    position: relative; }
    .c-page-module-media-and-caption__inner .c-video__video-overlay__poster-container, .c-page-module-media-and-caption__inner .c-video__video-overlay__poster {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .c-page-module-media-and-caption__inner .c-video__video-overlay__poster-container:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.25); }
    .c-page-module-media-and-caption__inner .c-video__video-overlay__poster {
      height: 100%;
      object-fit: cover; }
    @media all and (min-width: 1260px) {
      .c-page-module-media-and-caption__inner--justified {
        width: calc((100% - 220px) / 12 * 10 + 200px);
        margin-left: calc((100% - 220px) / 12 * 1 + 20px); } }
    .c-page-module-media-and-caption__inner--justified .c-video__video-overlay {
      position: static;
      flex-direction: column; }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__inner--justified .c-video__video-overlay {
          position: absolute; } }
    .c-page-module-media-and-caption__inner--justified .c-video__player-btns {
      position: absolute;
      top: 0;
      display: flex;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__inner--justified .c-video__player-btns {
          position: static;
          width: auto;
          height: auto;
          padding-bottom: 0; } }
      .c-page-module-media-and-caption__inner--justified .c-video__player-btns:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        @media all and (min-width: 764px) {
          .c-page-module-media-and-caption__inner--justified .c-video__player-btns:before {
            content: none; } }
    .c-page-module-media-and-caption__inner--justified .c-video__play-icon {
      position: absolute;
      top: calc((100% - 60px) / 2);
      left: calc((100% - 60px) / 2); }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__inner--justified .c-video__play-icon {
          position: static; } }
    .c-page-module-media-and-caption__inner--justified .c-page-module-media-and-caption__text-container {
      width: 100%; }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__inner--justified .c-page-module-media-and-caption__text-container {
          margin-top: 20px;
          padding-right: 20px;
          padding-left: 20px;
          color: #fff;
          text-align: center; } }
    @media screen and (min-width: 0px) {
      .c-page-module-media-and-caption__inner--justified .c-page-module-media-and-caption__text {
        font-size: 1.5rem;
        line-height: 1.16667; } }
    @media screen and (min-width: 764px) {
      .c-page-module-media-and-caption__inner--justified .c-page-module-media-and-caption__text {
        font-size: 2.5rem; } }
    @media screen and (min-width: 1440px) {
      .c-page-module-media-and-caption__inner--justified .c-page-module-media-and-caption__text {
        font-size: 3.875rem; } }
    @media all and (min-width: 764px) {
      .c-page-module-media-and-caption__inner--left, .c-page-module-media-and-caption__inner--right {
        display: flex;
        align-items: center; } }
    @media all and (min-width: 764px) {
      .c-page-module-media-and-caption__inner--left .c-page-module-media-and-caption__media, .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__media {
        width: calc((100% - 220px) / 12 * 5 + 100px); } }
    @media screen and (min-width: 0px) {
      .c-page-module-media-and-caption__inner--left .c-page-module-media-and-caption__text, .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__text {
        font-size: 1.5rem;
        line-height: 1.16667; } }
    @media screen and (min-width: 764px) {
      .c-page-module-media-and-caption__inner--left .c-page-module-media-and-caption__text, .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__text {
        font-size: 1.75rem; } }
    @media screen and (min-width: 1260px) {
      .c-page-module-media-and-caption__inner--left .c-page-module-media-and-caption__text, .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__text {
        font-size: 2rem; } }
    @media screen and (min-width: 1440px) {
      .c-page-module-media-and-caption__inner--left .c-page-module-media-and-caption__text, .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__text {
        font-size: 2.5rem; } }
    @media all and (min-width: 764px) {
      .c-page-module-media-and-caption__inner--left .c-page-module-media-and-caption__text-container {
        width: calc((100% - 220px) / 12 * 5 + 120px);
        margin-left: calc((100% - 220px) / 12 * 1); } }
    .c-page-module-media-and-caption__inner--right {
      flex-direction: row-reverse; }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__media {
          margin-right: calc((100% - 220px) / 12 * 1); } }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__inner--right .c-page-module-media-and-caption__text-container {
          width: calc((100% - 220px) / 12 * 5 + 80px);
          margin-right: calc((100% - 220px) / 12 * 1); } }
  .c-page-module-media-and-caption__video {
    position: relative; }
  .c-page-module-media-and-caption__text-container {
    margin-top: 16px; }
    @media all and (min-width: 764px) {
      .c-page-module-media-and-caption__text-container {
        margin-top: 0; } }
    @media all and (min-width: 764px) {
      .c-page-module-media-and-caption__inner--justified .c-page-module-media-and-caption__text-container--small {
        display: none; } }
    .c-page-module-media-and-caption__text-container--desktop {
      display: none;
      z-index: 1; }
      @media all and (min-width: 764px) {
        .c-page-module-media-and-caption__text-container--desktop {
          display: block; } }
  .c-page-module-media-and-caption__text {
    font-weight: bold; }
    .c-page-module-media-and-caption__text p:first-child {
      margin-top: 0; }
    .c-page-module-media-and-caption__text p:last-child {
      margin-bottom: 0; }
  .c-page-module-media-and-caption__credits {
    margin-top: 14px;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-page-module-media-and-caption__credits {
        font-size: 0.875rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-page-module-media-and-caption__credits {
        font-size: 0.9375rem;
        line-height: 1; } }
    @media all and (min-width: 764px) {
      .c-page-module-media-and-caption__credits {
        margin-top: 36px; } }
  .c-page-module-media-and-caption__name {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold; }
  .c-page-module-media-and-caption__byline {
    margin-top: 2px;
    margin-bottom: 0; }
  .c-page-module-media-and-caption .c-video__player-btns {
    z-index: 1; }

.page-template-template-home .c-lines {
  display: none; }
  @media all and (min-width: 764px) {
    .page-template-template-home .c-lines {
      display: block; } }

.c-home__lines-tl__container, .c-home__lines-t__container, .c-home__lines-br__container {
  z-index: -1;
  transition: transform 300ms cubic-bezier(0.11, 0.92, 0.59, 1);
  transition: transform 300ms cubic-bezier(0.28, 0.03, 0.05, 0.98);
  transition: transform 700ms cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transform: translate3d(0, 0, 0); }

.c-home__lines-tl__container {
  position: absolute; }
  @media all and (min-width: 764px) {
    .c-home__lines-tl__container {
      position: fixed; } }

.c-home__lines-t__container, .c-home__lines-br__container {
  position: fixed;
  display: none; }
  @media all and (min-width: 764px) {
    .c-home__lines-t__container, .c-home__lines-br__container {
      display: block; } }

.c-home__lines-tl, .c-home__lines-t, .c-home__lines-br {
  position: fixed;
  width: 100%;
  height: 100%; }

.c-home__lines-tl__top:before, .c-home__lines-tl__top:after, .c-home__lines-tl__bottom:before, .c-home__lines-tl__bottom:after, .c-home__lines-t__left:before, .c-home__lines-t__left:after, .c-home__lines-t__right:before, .c-home__lines-t__right:after, .c-home__lines-br__left:before, .c-home__lines-br__left:after, .c-home__lines-br__right:before, .c-home__lines-br__right:after {
  content: "";
  position: absolute;
  background-color: #000; }

.c-home__lines-tl__container {
  top: 0;
  left: 0;
  width: calc(50vw + 92px);
  height: 50vh; }
  @media all and (min-width: 764px) {
    .c-home__lines-tl__container {
      width: calc(50vw - 44.5px - 366px); } }
  .s-hidden .c-home__lines-tl__container {
    transform: translateX(calc(-50vw + 44.5px + 365px));
    transform: translateX(-50vw); }

.c-home__lines-tl__top:after, .c-home__lines-tl__bottom:after {
  right: 0; }

.c-home__lines-tl__top:after, .c-home__lines-tl__bottom:before {
  top: 59px; }

.c-home__lines-tl__top:before {
  top: 0;
  right: 131px;
  width: 2px;
  height: 62px; }
  @media all and (min-width: 764px) {
    .c-home__lines-tl__top:before {
      width: 3px; } }

.c-home__lines-tl__top:after {
  width: 132px;
  height: 2px; }
  @media all and (min-width: 764px) {
    .c-home__lines-tl__top:after {
      height: 3px; } }

.c-home__lines-tl__bottom:before, .c-home__lines-tl__bottom:after {
  bottom: 0; }

.c-home__lines-tl__bottom:before {
  right: 0;
  width: 2px; }
  @media all and (min-width: 764px) {
    .c-home__lines-tl__bottom:before {
      width: 3px; } }

.c-home__lines-tl__bottom:after {
  left: 0;
  height: 2px; }
  @media all and (min-width: 764px) {
    .c-home__lines-tl__bottom:after {
      height: 3px; } }

.c-home__lines-t__container {
  top: 0;
  left: calc(50vw - 44.5px - 420px/2);
  width: 420px;
  height: 508px; }
  .s-hidden .c-home__lines-t__container {
    transform: translateY(-100vh); }

.c-home__lines-t__top {
  position: absolute;
  top: 0;
  left: 47%;
  width: 3px;
  height: 50%;
  background-color: #000; }

.c-home__lines-t__left:before {
  top: calc(50% - 3px);
  left: 0;
  width: 47%;
  height: 3px; }

.c-home__lines-t__left:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 50%; }

.c-home__lines-t__right:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px; }

.c-home__lines-t__right:after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px; }

.c-home__lines-br__container {
  right: 89px;
  bottom: 0;
  width: calc((100vw + 3px - 89px) / 2);
  height: 66.666%; }
  .s-hidden .c-home__lines-br__container {
    transform: translateX(60vw); }

.c-home__lines-br__left:before {
  bottom: 20%;
  left: 0;
  width: 65%;
  height: 3px; }

.c-home__lines-br__left:after {
  bottom: 0;
  left: 0;
  width: 3px;
  height: 20%; }

.c-home__lines-br__right:before {
  bottom: 20%;
  left: 65%;
  width: 3px;
  height: 80%; }

.c-home__lines-br__right:after {
  top: 0;
  right: 0;
  left: 65%;
  height: 3px; }

.c-home-top-media {
  position: relative;
  display: none;
  height: calc(100vh - 240px);
  margin: 74px auto; }
  @media all and (min-width: 764px) {
    .c-home-top-media {
      height: calc(100vh - 160px); } }
  .c-home-top-media.s-visible {
    display: block; }
  .c-home-top-media__media-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden; }
    @media all and (min-width: 764px) {
      .c-home-top-media__media-container {
        width: calc(100% - 80px); } }
    @media all and (min-width: 1024px) {
      .c-home-top-media__media-container {
        width: calc(100% - 256px); } }
    .c-home-top-media__media-container:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.25);
      transition: opacity 200ms ease-in-out; }
      .s-video-playing .c-home-top-media__media-container:after,
      .s-video-paused .c-home-top-media__media-container:after {
        opacity: 0;
        pointer-events: none; }
  .c-home-top-media .c-video, .c-home-top-media .c-video__container, .c-home-top-media .c-video-element {
    height: 100%; }
  .c-home-top-media .c-video-element {
    object-fit: cover; }
  .c-home-top-media .c-video__player-btns {
    position: relative;
    top: -20px;
    display: flex;
    justify-content: center; }
    @media all and (min-width: 764px) {
      .c-home-top-media .c-video__player-btns {
        top: -40px; } }
  .c-home-top-media .c-play-text {
    display: none; }
    @media all and (min-width: 764px) {
      .c-home-top-media .c-play-text {
        display: block; } }
  .c-home-top-media__inner {
    position: relative;
    width: 100%;
    height: 100%; }
    @media all and (min-width: 764px) {
      .c-home-top-media__inner {
        overflow: hidden; } }
  .c-home-top-media__image, .c-home-top-media__video {
    height: 100%;
    object-fit: cover; }
  .c-home-top-media__bg-video {
    position: absolute;
    top: 0;
    transition: opacity 200ms ease-in-out; }
    .s-video-playing .c-home-top-media__bg-video,
    .s-video-paused .c-home-top-media__bg-video {
      opacity: 0;
      pointer-events: none; }
  .c-home-top-media__content, .c-home-top-media__headline {
    font-weight: bold; }
  .c-home-top-media__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: opacity 200ms ease-in-out; }
    .s-video-playing .c-home-top-media__content,
    .s-video-paused .c-home-top-media__content {
      opacity: 0;
      pointer-events: none; }
    .c-home-top-media__content,
    .c-home-top-media__content a {
      color: #ffda1a; }
    .c-home-top-media__content .c-play-text {
      color: #fff; }
  .c-home-top-media__headline {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-home-top-media__headline {
        font-size: 2.3125rem;
        line-height: 0.9434; } }
    @media screen and (min-width: 764px) {
      .c-home-top-media__headline {
        font-size: 12vw;
        line-height: 1; } }
    @media screen and (min-width: tabletBig) {
      .c-home-top-media__headline {
        font-size: 11vw;
        line-height: 1; } }
    @media screen and (min-width: 1024px) {
      .c-home-top-media__headline {
        font-size: 9vw;
        line-height: 1; } }
    @media all and (min-width: 1024px) {
      .c-home-top-media__headline {
        white-space: nowrap; } }
    @media all and (min-width: 1024px) {
      .c-home-top-media__headline br {
        display: none; } }
  .c-home-top-media__subheadline {
    width: 75%;
    margin: 13px auto 0; }
    @media screen and (min-width: 0px) {
      .c-home-top-media__subheadline {
        font-size: 0.9375rem;
        line-height: 1.33; } }
    @media screen and (min-width: 764px) {
      .c-home-top-media__subheadline {
        font-size: 0.9375rem;
        line-height: 1.33; } }
    @media screen and (min-width: 1024px) {
      .c-home-top-media__subheadline {
        font-size: 1.3125rem;
        line-height: 1; } }
    @media all and (min-width: 1024px) {
      .c-home-top-media__subheadline {
        width: 100%; } }
  .c-home-top-media__link {
    position: absolute;
    bottom: -38px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    color: #ffda1a;
    text-align: center;
    font-weight: bold; }
    @media all and (min-width: 764px) {
      .c-home-top-media__link {
        bottom: 29px; } }
    .c-home-top-media__link:hover .c-home-top-media__link__text {
      transform: translateY(5px); }
    .c-home-top-media__link:hover .c-home-top-media__link__arrow {
      transform: translateY(10px); }
    .c-home-top-media__link__text, .c-home-top-media__link__arrow {
      color: #ffda1a;
      transition: transform 200ms ease-in-out;
      transform: translate3d(0, 0, 0); }
    @media screen and (min-width: 0px) {
      .c-home-top-media__link__text {
        font-size: 0.9375rem;
        line-height: 1; } }
    .c-home-top-media__link__arrow path {
      fill: currentColor;
      stroke: currentColor; }
  .c-home-top-media__bottom {
    position: absolute;
    bottom: -78px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-home-top-media__bottom {
        font-size: 0.8125rem;
        line-height: 1; } }
    @media all and (min-width: 764px) {
      .c-home-top-media__bottom {
        right: 30px;
        bottom: -49px; } }
    .c-home-top-media__bottom__link, .c-home-top-media__bottom__text {
      margin-top: 0;
      margin-bottom: 0; }
    .c-home-top-media__bottom__link {
      display: none; }
      @media all and (min-width: 764px) {
        .c-home-top-media__bottom__link {
          display: block; } }
    .c-home-top-media__bottom__text {
      margin-right: auto;
      margin-left: auto; }
      @media all and (min-width: 764px) {
        .c-home-top-media__bottom__text {
          margin-right: 0; } }

.c-home-timestamps {
  position: relative;
  display: none;
  height: calc(100vh - 240px);
  margin: 74px auto; }
  @media all and (min-width: 764px) {
    .c-home-timestamps {
      height: calc(100vh - 160px);
      overflow: hidden; } }
  .c-home-timestamps.s-visible {
    display: block; }
  .c-home-timestamps__inner {
    width: 100%;
    height: 100%; }
  .c-home-timestamps__timestamps {
    height: 100%; }
  .c-home-timestamps__timestamp {
    position: relative;
    display: none;
    height: 100%; }
  .c-home-timestamps__kicker, .c-home-timestamps__time {
    right: 0;
    left: 0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center; }
  .c-home-timestamps__kicker {
    position: absolute;
    top: 54px;
    z-index: 10;
    color: #fff; }
    @media screen and (min-width: 0px) {
      .c-home-timestamps__kicker {
        font-size: 0.9375rem;
        line-height: 1; } }
  .c-home-timestamps__time {
    margin-top: 0;
    margin-bottom: 0;
    color: #ffda1a; }
  .c-home-timestamps__media-container, .c-home-timestamps__content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden; }
  @media all and (min-width: 764px) {
    .c-home-timestamps__media-container {
      width: calc(100% - 80px); } }
  @media all and (min-width: 1024px) {
    .c-home-timestamps__media-container {
      width: calc(100% - 256px); } }
  .c-home-timestamps__media-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25); }
  .c-home-timestamps__image, .c-home-timestamps__video {
    height: 100%;
    object-fit: cover; }
  .c-home-timestamps__content, .c-home-timestamps__headline {
    font-weight: bold; }
  .c-home-timestamps__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    @media all and (min-width: 764px) {
      .c-home-timestamps__content {
        width: calc(100% - 160px);
        margin-left: 80px; } }
    @media all and (min-width: 1260px) {
      .c-home-timestamps__content {
        width: calc(100% - 512px);
        margin-left: 256px; } }
    .c-home-timestamps__content,
    .c-home-timestamps__content a {
      color: #ffda1a; }
  .c-home-timestamps__headline {
    margin-top: 15px;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-home-timestamps__headline {
        font-size: 2rem;
        line-height: 0.9434; } }
    @media screen and (min-width: 764px) {
      .c-home-timestamps__headline {
        font-size: 4vw;
        line-height: 1; } }
    @media screen and (min-width: 1260px) {
      .c-home-timestamps__headline {
        font-size: 5vw;
        line-height: 1; } }
    @media all and (min-width: 1024px) {
      .c-home-timestamps__headline br {
        display: none; } }
  .c-home-timestamps__link {
    position: absolute;
    bottom: -38px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%); }
    @media all and (min-width: 764px) {
      .c-home-timestamps__link {
        bottom: 29px; } }
    .c-home-timestamps__link:hover .c-home-top-media__link__text {
      transform: translateY(5px); }
    .c-home-timestamps__link:hover .c-home-top-media__link__arrow {
      transform: translateY(10px); }
    .c-home-timestamps__link__text, .c-home-timestamps__link__arrow {
      transition: transform 200ms ease-in-out;
      transform: translate3d(0, 0, 0); }
    @media screen and (min-width: 0px) {
      .c-home-timestamps__link__text {
        font-size: 0.9375rem;
        line-height: 1; } }
    .c-home-timestamps__link__arrow path {
      stroke: currentColor; }
  .c-home-timestamps__bottom {
    position: absolute;
    bottom: -78px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-home-timestamps__bottom {
        font-size: 0.8125rem;
        line-height: 1; } }
    @media all and (min-width: 764px) {
      .c-home-timestamps__bottom {
        right: 30px;
        bottom: -49px; } }
    .c-home-timestamps__bottom__link, .c-home-timestamps__bottom__text {
      margin-top: 0;
      margin-bottom: 0; }
    .c-home-timestamps__bottom__link {
      display: none; }
      @media all and (min-width: 764px) {
        .c-home-timestamps__bottom__link {
          display: block; } }
    .c-home-timestamps__bottom__text {
      margin-right: auto;
      margin-left: auto; }
      @media all and (min-width: 764px) {
        .c-home-timestamps__bottom__text {
          margin-right: 0; } }

.c-home-intro {
  margin-top: 150px;
  text-align: center; }
  @media all and (min-width: 764px) {
    .c-home-intro {
      margin-top: 100px; } }
  .c-home-intro__text {
    margin-right: auto;
    margin-left: auto; }
    @media screen and (min-width: 0px) {
      .c-home-intro__text {
        font-size: 1rem;
        line-height: 1.375; } }
    @media screen and (min-width: 764px) {
      .c-home-intro__text {
        font-size: 1.375rem;
        line-height: 1.54545; } }
    @media all and (min-width: 764px) {
      .c-home-intro__text {
        width: calc((100% - 220px) / 12 * 7 + 140px); } }
    .c-home-intro__text *:first-child {
      margin-top: 0; }
    .c-home-intro__text *:last-child {
      margin-bottom: 0; }
  .c-home-intro__cta-container {
    margin-top: 34px; }
  .c-home-intro__cta {
    display: inline-block; }
  .c-home-intro__media-items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px; }
    @media all and (min-width: 764px) {
      .c-home-intro__media-items {
        flex-wrap: nowrap;
        margin-top: 55px; } }
  .c-home-intro__media-item {
    position: relative;
    flex: 0 0 auto;
    width: 70%; }
    .c-home-intro__media-item:nth-child(1) {
      order: 1;
      top: 20px;
      left: 0; }
      @media all and (min-width: 764px) {
        .c-home-intro__media-item:nth-child(1) {
          top: 0;
          margin-top: 8%;
          left: 20px;
          width: calc((100% - 220px) / 12 * 4 + 100px); } }
    .c-home-intro__media-item:nth-child(2) {
      order: 3;
      left: calc((100% - 220px) / 12 * 1);
      margin: 20px 40px 0 auto;
      z-index: 1; }
      @media all and (min-width: 764px) {
        .c-home-intro__media-item:nth-child(2) {
          order: 2;
          left: calc((100% - 220px) / 12 * -.5);
          width: calc((100% - 220px) / 12 * 4 + 100px);
          margin-top: 25%;
          margin-left: 0; } }
    .c-home-intro__media-item:nth-child(3) {
      order: 2;
      top: 0;
      right: -20px;
      margin-left: auto; }
      @media all and (min-width: 764px) {
        .c-home-intro__media-item:nth-child(3) {
          order: 3;
          position: absolute;
          right: calc((100% - 220px) / 12 * 1 + 0px);
          width: calc((100% - 220px) / 12 * 5 + 120px); } }

.c-selected-homes {
  position: relative;
  margin-top: 40px; }
  @media all and (min-width: 764px) {
    .c-selected-homes {
      margin-top: 120px;
      padding-left: 190px; } }
  @media all and (min-width: 1260px) {
    .c-selected-homes {
      padding-left: 0; } }
  .c-selected-homes__headline {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-selected-homes__headline {
        font-size: 1.5625rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-selected-homes__headline {
        font-size: 3.75rem;
        line-height: 1; } }
  .c-selected-homes__counter {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    font-weight: bold;
    color: #ffda1a; }
    @media all and (min-width: 764px) {
      .c-selected-homes__counter {
        position: fixed;
        top: 0;
        left: 20px;
        z-index: 0;
        justify-content: flex-start;
        width: calc((100% - 220px) / 12 * 1 + 20px);
        height: 100vh;
        transform: none; } }
    .c-selected-homes__counter__inner {
      display: flex; }
      @media all and (min-width: 764px) {
        .c-selected-homes__counter__inner {
          position: absolute;
          transition: transform 600ms ease-in-out;
          transform: translate3d(-40vw, 0, 0); } }
      @media all and (min-width: 764px) {
        .c-selected-homes__counter__inner.s-visible {
          transform: translateX(0px); } }
    .c-selected-homes__counter__i, .c-selected-homes__counter__total {
      margin-top: 0;
      margin-bottom: 0; }
    @media screen and (min-width: 0px) {
      .c-selected-homes__counter__i {
        font-size: 4.25rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-selected-homes__counter__i {
        font-size: 6.25rem;
        line-height: 1; } }
    .c-selected-homes__counter__total {
      margin-top: 0.65em; }
      @media screen and (min-width: 0px) {
        .c-selected-homes__counter__total {
          font-size: 0.8125rem;
          line-height: 1; } }
      @media screen and (min-width: 764px) {
        .c-selected-homes__counter__total {
          font-size: 1.25rem;
          line-height: 1; } }
    .c-selected-homes__counter__arrow {
      position: absolute;
      top: 123px;
      left: 7px;
      display: none;
      width: 27px; }
      @media all and (min-width: 764px) {
        .c-selected-homes__counter__arrow {
          display: block; } }
      .c-selected-homes__counter__arrow path {
        stroke: currentColor;
        fill: currentColor; }
  .c-selected-homes__inner {
    position: relative;
    margin-top: 62px; }
    @media all and (min-width: 1260px) {
      .c-selected-homes__inner {
        margin-left: calc((100% - 220px) / 12 * 2 + 20px); } }

.c-selected-home {
  display: flex;
  align-items: center;
  margin-bottom: 51px; }
  @media all and (min-width: 764px) {
    .c-selected-home {
      min-height: 100vh;
      margin-bottom: 0; } }
  @media all and (min-width: 764px) {
    .c-selected-home:first-child {
      margin-top: -15vh; } }
  .c-selected-home__inner {
    width: 100%; }
  .c-selected-home__grid {
    position: relative;
    display: flex; }
    @media all and (min-width: 764px) {
      .c-selected-home__grid {
        padding-top: 50px; } }
  .c-selected-home__media-item__inner, .c-selected-home__map__inner {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden; }
    .c-selected-home__media-item__inner img,
    .c-selected-home__media-item__inner video, .c-selected-home__map__inner img,
    .c-selected-home__map__inner video {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      object-fit: cover; }
  .c-selected-home__media-item {
    z-index: 1;
    width: 100%; }
    @media all and (min-width: 764px) {
      .c-selected-home__media-item {
        width: calc((100% - 180px) / 9 * 7 + 140px); } }
    .c-selected-home__media-item__inner {
      padding-bottom: 108%; }
      @media all and (min-width: 764px) {
        .c-selected-home__media-item__inner {
          padding-bottom: 56.25%; } }
  .c-selected-home__map {
    position: absolute;
    right: -20px;
    bottom: -20px;
    z-index: 1;
    width: 33.333%; }
    @media all and (min-width: 764px) {
      .c-selected-home__map {
        right: 40px;
        bottom: -40px;
        width: calc((100% - 180px) / 9 * 3 + 40px); } }
    .c-selected-home__map__inner {
      position: relative;
      height: 0;
      padding-bottom: 106%; }
    .c-selected-home__map-image {
      height: 100%;
      object-fit: cover; }
    .c-selected-home__map__open-cta {
      position: absolute;
      top: 20px;
      left: 20px;
      margin: 0;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 0.75rem; }
    .c-selected-home__map__open-icon {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 21px;
      height: 21px; }
  .c-selected-home__kicker, .c-selected-home__text {
    font-weight: bold; }
    @media all and (min-width: 764px) {
      .c-selected-home__kicker, .c-selected-home__text {
        width: calc((100% - 180px) / 9 * 6 + 120px); } }
  .c-selected-home__kicker {
    margin-top: 31px;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-selected-home__kicker {
        font-size: 0.8125rem;
        line-height: 1; } }
  .c-selected-home__text {
    margin-top: 10px;
    margin-bottom: 0; }
    @media screen and (min-width: 0px) {
      .c-selected-home__text {
        font-size: 1.25rem; } }
    @media screen and (min-width: 764px) {
      .c-selected-home__text {
        font-size: 1.875rem;
        line-height: 1.26667; } }
  .c-selected-home__cta-container {
    margin-top: 33px; }

.c-home-about {
  margin-top: 100px; }
  @media all and (min-width: 764px) {
    .c-home-about {
      margin-top: 150px; } }
  .c-home-about__headline {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-home-about__headline {
        font-size: 1.5625rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-home-about__headline {
        font-size: 3.75rem;
        line-height: 1; } }
  .c-home-about__content {
    margin-top: 27px; }
    @media all and (min-width: 764px) {
      .c-home-about__content {
        margin-top: 43px;
        margin-left: calc((100% - 220px) / 12 * 1 + 0px); } }
  @media all and (min-width: 764px) {
    .c-home-about__media-item {
      width: calc((100% - 220px) / 11 * 8 + 180px); } }
  .c-home-about__text {
    max-width: 800px;
    margin-top: 27px; }
    @media screen and (min-width: 0px) {
      .c-home-about__text {
        font-size: 1rem;
        line-height: 1.25; } }
    @media screen and (min-width: 764px) {
      .c-home-about__text {
        font-size: 1.375rem;
        line-height: 1.27273; } }
    @media all and (min-width: 764px) {
      .c-home-about__text {
        width: calc((100% - 220px) / 11 * 7 + 160px);
        margin-top: 38px; } }
    .c-home-about__text *:first-child {
      margin-top: 0; }
    .c-home-about__text *:last-child {
      margin-bottom: 0; }
  .c-home-about__cta-container {
    margin-top: 17px; }
    @media all and (min-width: 764px) {
      .c-home-about__cta-container {
        margin-top: 70px; } }
  .c-home-about__cta {
    display: inline-block; }

.overlay {
  position: fixed;
  z-index: 6020;
  background: #1C53B3;
  padding: 2em;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  width: 90vw;
  margin-left: calc(50% - 45vw); }
  @media all and (min-width: 764px) {
    .overlay {
      padding: 4em;
      width: 70vw;
      margin-left: calc(50% - 35vw);
      margin-top: 100px; } }
  @media all and (min-width: 1600px) {
    .overlay {
      width: 50vw;
      margin-left: calc(50% - 25vw);
      margin-top: 100px; } }

.overlay.overlay--loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease-in;
  transition-delay: 2.2s; }

.overlay__bg {
  position: fixed;
  z-index: 6010;
  background: rgba(22, 22, 22, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; }

.overlay__bg.overlay--loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease-in;
  transition-delay: 2s; }

.overlay.overlay--hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in; }

.overlay__bg.overlay--hidden {
  opacity: 0 !important;
  visibility: hidden;
  transition: all 0.4s ease-in;
  transition-delay: 0.3s; }

.overlay__header {
  color: white;
  margin: 1rem 0;
  font-weight: bold; }
  @media screen and (min-width: 0px) {
    .overlay__header {
      font-size: 2.5rem; } }
  @media screen and (min-width: 1440px) {
    .overlay__header {
      font-size: 5rem;
      line-height: 1; } }
  @media all and (min-width: 764px) {
    .overlay__header {
      margin: 3rem 0; } }

.overlay__label {
  color: white;
  font-weight: bold;
  margin-top: 30px; }
  @media screen and (min-width: 0px) {
    .overlay__label {
      font-size: 0.875rem; } }
  @media screen and (min-width: 1440px) {
    .overlay__label {
      font-size: 0.875rem; } }

.overlay__description {
  color: white;
  margin: 0 auto 40px auto;
  max-width: 500px; }
  @media screen and (min-width: 1440px) {
    .overlay__description {
      font-size: 1.0625rem;
      line-height: 1.4; } }

a.overlay__link {
  background: white;
  padding: 10px 20px;
  display: inline-block;
  color: #1C53B3;
  font-weight: bold;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media screen and (min-width: 0px) {
    a.overlay__link {
      font-size: 0.875rem; } }
  @media screen and (min-width: 1440px) {
    a.overlay__link {
      font-size: 0.875rem; } }
  a.overlay__link:hover {
    color: black;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.overlay__close {
  color: white;
  right: 0px;
  left: auto !important;
  top: 30px !important;
  height: 50px;
  width: 50px;
  font-size: 40px;
  cursor: pointer;
  position: absolute; }
  @media all and (min-width: 764px) {
    .overlay__close {
      margin-right: 40px; } }

.overlay__close:before, .overlay__close:after {
  background-color: #fff; }

.overlay .overlay__bg-video-container {
  margin-left: -2em;
  margin-top: -2em;
  z-index: -1; }
  @media all and (min-width: 764px) {
    .overlay .overlay__bg-video-container {
      margin-left: -4em;
      margin-top: -4em; } }

.b-ie .overlay__bg-video-container, .b-edge .overlay__bg-video-container {
  position: absolute !important; }

.s-initial-reveal .overlay {
  opacity: 0 !important;
  visibility: hidden !important; }

.s-initial-reveal .overlay__bg {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  transition-delay: 0.6s; }

.happiness-teaser {
  position: relative;
  z-index: 110;
  width: 100vw;
  background: #1C53B3;
  transition: all 0.4s ease-in;
  opacity: 1;
  visibility: visible;
  text-align: center;
  height: 100vw;
  margin-left: -20px;
  margin-top: 100px;
  margin-bottom: 100px;
  max-height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 350px; }
  @media all and (min-width: 764px) {
    .happiness-teaser {
      height: 66vw; } }

.happiness-teaser__header {
  color: white;
  margin: 0.5rem auto;
  font-weight: bold;
  max-width: 720px; }
  @media screen and (min-width: 0px) {
    .happiness-teaser__header {
      font-size: 2.5rem; } }
  @media screen and (min-width: 764px) {
    .happiness-teaser__header {
      font-size: 3.875rem;
      line-height: 1.03; } }
  @media screen and (min-width: 1024px) {
    .happiness-teaser__header {
      font-size: 4.875rem;
      line-height: 1.03; } }
  @media screen and (min-width: 1440px) {
    .happiness-teaser__header {
      font-size: 6.875rem;
      line-height: 1.03; } }
  @media all and (min-width: 764px) {
    .happiness-teaser__header {
      margin: 3rem auto; } }

.happiness-teaser__label {
  color: white;
  font-weight: bold; }
  @media screen and (min-width: 0px) {
    .happiness-teaser__label {
      font-size: 0.875rem; } }
  @media screen and (min-width: 1440px) {
    .happiness-teaser__label {
      font-size: 1.125rem; } }

.happiness-teaser__description {
  color: white;
  margin: 0 auto 40px auto;
  max-width: 720px;
  display: none; }
  @media screen and (min-width: 0px) {
    .happiness-teaser__description {
      font-size: 0.875rem;
      line-height: 1.4; } }
  @media screen and (min-width: 880px) {
    .happiness-teaser__description {
      font-size: 1.25rem;
      line-height: 1.4; } }
  @media screen and (min-width: 1440px) {
    .happiness-teaser__description {
      font-size: 1.25rem;
      line-height: 1.4; } }
  @media all and (min-width: 764px) {
    .happiness-teaser__description {
      display: block; } }

.happiness-teaser__description--mobile {
  display: block; }
  @media all and (min-width: 764px) {
    .happiness-teaser__description--mobile {
      display: none; } }

a.happiness-teaser__link {
  background: white;
  padding: 15px 30px;
  display: inline-block;
  color: #1C53B3;
  font-weight: bold;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media screen and (min-width: 0px) {
    a.happiness-teaser__link {
      font-size: 0.875rem; } }
  @media screen and (min-width: 1440px) {
    a.happiness-teaser__link {
      font-size: 1.125rem; } }
  a.happiness-teaser__link:hover {
    color: black;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.happiness-teaser .happiness-teaser__bg-video-container {
  z-index: -1; }

.b-ie .happiness-teaser__bg-video-container, .b-edge .happiness-teaser__bg-video-container {
  position: absolute !important;
  top: 0px;
  left: 0px; }

.b-ie .happiness-teaser__content, .b-edge .happiness-teaser__content {
  top: 20%;
  position: absolute;
  left: 20%; }

.b-ie .happiness-teaser, .b-edge .happiness-teaser {
  height: 55vw; }

.happiness-teaser__content {
  position: absolute;
  width: 80%; }
  @media all and (min-width: 764px) {
    .happiness-teaser__content {
      width: 60%; } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.page-template-template-join {
  background: #cb1337; }

.join-spinner {
  width: 60px;
  position: absolute;
  right: 41%;
  top: -40px;
  height: 60px;
  background-image: url(/wp-content/themes/ikea/dist/fonts/join.svg);
  z-index: 100;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 7000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 7000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 7000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 7000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /*@include bp($mobileLarge) {
      right:$columnGutter * 5;
      height:$columnGutter * 5;
      width:$columnGutter * 5;
    }*/ }
  @media all and (min-width: 764px) {
    .join-spinner {
      right: 100px;
      height: 100px;
      width: 100px; } }

.spin-control--intro {
  right: 60px;
  z-index: 17; }
  .spin-control--intro .join-spinner {
    right: -49px;
    top: 40px; }
    @media all and (min-width: 764px) {
      .spin-control--intro .join-spinner {
        right: 0px;
        top: 25px; } }
    @media all and (min-width: 880px) {
      .spin-control--intro .join-spinner {
        right: 100px;
        top: 0px; } }

.join-spinner {
  display: block; }
  @media all and (min-width: 764px) {
    .join-spinner {
      display: block; } }

.c-home-join__content .join-spinner {
  display: none; }
  @media all and (min-width: 764px) {
    .c-home-join__content .join-spinner {
      display: block; } }

.spin-control {
  position: relative;
  width: 100%; }
  .spin-control.join-spinner {
    right: 100px; }

.c-page-join {
  width: calc((100% - 220px) / 12 * 10 + 220px); }

.c-join {
  color: #fff;
  position: relative; }
  .c-join p, .c-join li {
    line-height: 1.5; }
  .c-join__headline {
    width: calc((100% - 220px) / 12 * 8 + 220px);
    margin-top: 160px !important;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-bottom: 60px !important; }
  .c-join__intro {
    margin-top: 100px; }
  .c-join__intro__inner {
    width: calc((100% - 220px) / 12 * 10 + 220px); }
    .c-join__intro__inner p, .c-join__intro__inner li {
      line-height: 1.5; }
      @media all and (min-width: 764px) {
        .c-join__intro__inner p, .c-join__intro__inner li {
          font-size: 21px;
          line-height: 30px; } }
  .c-join__hookline {
    font-weight: bold;
    font-size: 1.5em; }
    @media all and (min-width: 764px) {
      .c-join__hookline {
        font-size: 2.5em; } }
  .c-join__extra-text {
    width: calc((100% - 220px) / 12 * 7 + 220px); }
    .c-join__extra-text h3 {
      font-weight: bold;
      font-size: 1.5em;
      margin-bottom: 10px;
      text-transform: uppercase; }
      @media all and (min-width: 764px) {
        .c-join__extra-text h3 {
          font-size: 2.5em; } }
  .c-join__cta-container {
    margin-bottom: 30px;
    cursor: pointer; }
    @media all and (min-width: 764px) {
      .c-join__cta-container {
        text-align: right;
        margin-top: -50px; } }
  .c-join__list {
    display: flex;
    border: 3px solid #fff;
    justify-content: stretch;
    flex-wrap: wrap; }
  .c-join__list__item {
    flex-grow: 1;
    width: 100%;
    padding: 20px; }
    @media all and (min-width: 764px) {
      .c-join__list__item {
        width: 33%;
        font-size: 21px;
        line-height: 30px; } }
    .c-join__list__item::before {
      content: '1';
      border-radius: 50%;
      background: #fff;
      color: #cb1337;
      font-size: 1.3em;
      height: 40px;
      display: block;
      width: 40px;
      padding-top: 5px;
      text-align: center;
      font-weight: bold;
      margin-bottom: 10px; }
  .c-join__list__item:nth-child(2) {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff; }
    @media all and (min-width: 764px) {
      .c-join__list__item:nth-child(2) {
        border-top: none;
        border-bottom: none;
        border-left: 3px solid #fff;
        border-right: 3px solid #fff; } }
    .c-join__list__item:nth-child(2)::before {
      content: '2'; }
  .c-join__list__item:nth-child(3)::before {
    content: '3'; }

.page-template-template-join .c-lines {
  position: absolute; }

.c-join__lines-t__container, .c-join__lines-b__container {
  position: absolute;
  display: none;
  z-index: 0;
  transition: transform 700ms cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transform: translate3d(0, 0, 0); }
  @media all and (min-width: 764px) {
    .c-join__lines-t__container, .c-join__lines-b__container {
      display: block; } }
  .c-join__lines-t__container .c-line, .c-join__lines-b__container .c-line {
    position: absolute;
    background-color: #000; }

.c-join__lines-t__container {
  top: 0;
  left: 0;
  width: 306px;
  height: 89px;
  transition-delay: 200ms; }
  .s-hidden .c-join__lines-t__container {
    transform: translateY(-314px); }
  .c-join__lines-t__container .c-line--1 {
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px; }
  .c-join__lines-t__container .c-line--2 {
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px; }

.c-join__lines-b__container {
  top: 296px;
  right: 0;
  left: 0;
  height: 314px;
  transition-delay: 0ms; }
  .s-hidden .c-join__lines-b__container {
    transition-delay: 200ms;
    transform: translateY(-610px); }
  .c-join__lines-b__container .c-line--1 {
    bottom: 0;
    left: 0;
    width: 20%;
    height: 3px; }
  .c-join__lines-b__container .c-line--2 {
    top: 57%;
    left: 20%;
    width: 3px;
    height: 43%; }
  .c-join__lines-b__container .c-line--3 {
    top: 57%;
    left: 20%;
    width: 65%;
    height: 3px; }
  .c-join__lines-b__container .c-line--4 {
    top: 0;
    left: 85%;
    width: 3px;
    height: calc(57% + 3px); }
  .c-join__lines-b__container .c-line--5 {
    top: 0;
    right: 0;
    width: 15%;
    height: 3px; }

.c-join__forms {
  background: #f0f0f0;
  font-size: 16px;
  line-height: 21px;
  color: #000;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  @media all and (min-width: 764px) {
    .c-join__forms {
      font-size: 21px;
      line-height: 30px; } }
  .c-join__forms label {
    width: 100%;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold; }
  .c-join__forms input, .c-join__forms textarea {
    border: 3px solid #000;
    padding: 10px 10px;
    width: 100%;
    background: #eaeaea;
    font-size: 21px;
    line-height: 30px;
    font-family: Verdana, Arial, sans-serif; }
    .c-join__forms input:valid, .c-join__forms textarea:valid {
      border-color: black; }
  .c-join__forms input[type="file"] {
    width: auto; }
  .c-join__forms .join-form__text {
    font-size: 16px;
    line-height: 21px; }
    @media all and (min-width: 764px) {
      .c-join__forms .join-form__text {
        font-size: 21px;
        line-height: 30px; } }
  .c-join__forms .join-form__video {
    font-weight: 700;
    color: #fff;
    background-color: #000;
    display: inline-block;
    cursor: pointer;
    width: auto;
    padding: 20px 0px;
    font-size: 18px;
    width: 100%;
    text-align: center; }
    @media all and (min-width: 400px) {
      .c-join__forms .join-form__video {
        padding: 20px 100px;
        width: auto; } }
  .c-join__forms #video:focus + label,
  .c-join__forms #video + label:hover {
    background-color: #cb1337;
    color: #fff; }
  .c-join__forms .error input[type="file"]:invalid ~ .join-form__video {
    background-color: red; }
  .c-join__forms #video {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    padding: 0px;
    border: none; }
  .c-join__forms input[type="checkbox"] {
    width: auto; }
  .c-join__forms .check-group {
    position: relative;
    margin-top: 3em;
    margin-bottom: 3em;
    display: flex; }
    .c-join__forms .check-group label {
      display: inline-block;
      padding: 0;
      width: auto; }
  .c-join__forms .check-group p {
    margin: 0;
    margin-left: 40px; }
  .c-join__forms .check-group div {
    display: inline-block; }
  .c-join__forms .check-group input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .c-join__forms .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 3px solid #000; }
  .c-join__forms .check-group:hover input ~ .checkmark {
    background-color: #ccc; }
  .c-join__forms .check-group input:checked ~ .checkmark {
    background-color: #fff; }
  .c-join__forms .checkmark:after {
    content: "+";
    position: absolute;
    display: none; }
  .c-join__forms .check-group input:checked ~ .checkmark:after {
    display: block; }
  .c-join__forms .error input:invalid ~ .checkmark {
    border-color: red; }
  .c-join__forms .check-group .checkmark:after {
    left: 9px;
    top: -6px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .c-join__forms input[type="submit"] {
    width: auto;
    background: #000;
    color: #fff;
    border: none;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    width: 100%;
    padding: 20px 0px; }
    .c-join__forms input[type="submit"]:hover {
      background-color: #cb1337;
      color: #fff; }
    @media all and (min-width: 400px) {
      .c-join__forms input[type="submit"] {
        padding: 20px 100px;
        width: auto; } }
  .c-join__forms input[type=number]::-webkit-inner-spin-button,
  .c-join__forms input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .c-join__forms #day {
    width: 54px;
    margin-right: 8px; }
  .c-join__forms #month {
    width: 54px;
    margin-right: 8px; }
  .c-join__forms #year {
    width: 81px; }
  @media all and (min-width: 400px) {
    .c-join__forms #day {
      width: 74px;
      margin-right: 8px;
      padding: 10px 20px; }
    .c-join__forms #month {
      width: 74px;
      margin-right: 8px;
      padding: 10px 20px; }
    .c-join__forms #year {
      width: 100px;
      padding: 10px 20px; } }

.c-join-form {
  width: calc((100% - 220px) / 12 * 10 + 220px);
  padding-bottom: 100px; }

.form-status {
  font-size: 21px;
  line-height: 30px; }
  .form-status .error-msg {
    display: block;
    padding: 40px;
    margin: 30px 0;
    text-align: center;
    border: 3px solid red;
    transition: opacity 1s ease-out;
    opacity: 1; }
  .form-status h4 {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0; }
  .form-status .success-msg {
    display: block;
    padding: 40px;
    margin: 30px 0;
    text-align: center;
    border: 3px solid black;
    transition: opacity 1s ease-out;
    opacity: 1; }
  .form-status .hidden {
    display: none;
    opacity: 0; }

.form-loading {
  margin-top: 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 1s ease-out;
  opacity: 1; }
  .form-loading.hidden {
    display: none;
    opacity: 1; }
  .form-loading .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px; }
  .form-loading .lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite; }
  .form-loading .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: #000; }
  .form-loading .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s; }
  .form-loading .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s; }
  .form-loading .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s; }
  .form-loading .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s; }
  .form-loading .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s; }
  .form-loading .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s; }
  .form-loading .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s; }
  .form-loading .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s; }
  .form-loading .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s; }
  .form-loading .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s; }
  .form-loading .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s; }
  .form-loading .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s; }

@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.join-form {
  transition: opacity 1s ease-out;
  opacity: 1;
  font-size: 16px;
  line-height: 21px; }
  .join-form.hidden {
    display: none;
    opacity: 0; }
  .join-form.error :invalid {
    border-color: red; }
  .join-form.error :valid {
    border-color: black; }
  @media all and (min-width: 764px) {
    .join-form {
      font-size: 21px;
      line-height: 30px; } }
  .join-form .check-group {
    font-size: 21px;
    line-height: 30px; }
  .join-form__header {
    width: calc((100% - 220px) / 12 * 7 + 220px);
    line-height: 80px;
    padding-top: 100px;
    padding-left: 20px;
    font-weight: bold;
    color: #cb1337; }
    @media screen and (min-width: 0px) {
      .join-form__header {
        font-size: 1.5625rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .join-form__header {
        font-size: 70px;
        line-height: 80px; } }
  .join-form__inner {
    width: calc((100% - 220px) / 12 * 7 + 220px);
    position: relative; }
  .join-form label p {
    margin-top: 4px;
    margin-bottom: 0px;
    font-weight: normal; }

.c-home-join {
  margin-top: 100px;
  color: #fff;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 175px; }
  @media all and (min-width: 764px) {
    .c-home-join {
      margin-top: 150px;
      min-height: 500px; } }
  @media all and (min-width: 764px) {
    .c-home-join {
      margin-bottom: 300px; } }
  .c-home-join:before {
    content: "";
    background-color: #cb1337;
    width: 100vw;
    position: absolute;
    height: 100%;
    left: -20px;
    z-index: -1; }
    @media all and (min-width: 764px) {
      .c-home-join:before {
        width: 60vw; } }
  .c-home-join__cta-container a {
    color: #cb1337 !important;
    background: #fff !important; }
  .c-home-join__content {
    position: relative;
    margin-top: 27px;
    padding-bottom: 40px; }
    @media all and (min-width: 764px) {
      .c-home-join__content {
        margin-top: 43px;
        margin-left: calc((100% - 220px) / 12 * 1 + 0px);
        margin-bottom: 60px; } }
  .c-home-join__text {
    width: 100%; }
    @media all and (min-width: 764px) {
      .c-home-join__text {
        width: calc((100% - 220px) / 11 * 3 + 60px);
        font-size: 22px;
        line-height: 28px; } }
  .c-home-join__headline {
    padding-top: 40px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .c-home-join__headline {
        font-size: 1.5625rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-home-join__headline {
        font-size: 3.75rem;
        line-height: 1; } }
    @media all and (min-width: 764px) {
      .c-home-join__headline {
        margin-left: calc((100% - 220px) / 12 * 1 + 0px); } }
  .c-home-join__media-item--image {
    position: relative;
    margin-top: 10px; }
    @media all and (min-width: 764px) {
      .c-home-join__media-item--image {
        margin-top: -200px; } }
    .c-home-join__media-item--image .join-spinner {
      position: absolute;
      z-index: 10;
      right: 60px;
      display: none; }
      @media all and (min-width: 764px) {
        .c-home-join__media-item--image .join-spinner {
          display: block; } }
  .c-home-join__media-item__inner {
    overflow: hidden;
    margin-top: 40px;
    width: 100%;
    max-height: 500px; }
    @media all and (min-width: 764px) {
      .c-home-join__media-item__inner {
        position: absolute;
        margin-top: 0px;
        width: calc((100% - 220px) / 11 * 7 + 140px);
        z-index: 1;
        right: 40px;
        top: 20px; } }

.c-home-about {
  margin-top: 150px; }

.c-home-about {
  margin-top: 100px; }

.c-page-headline {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase; }
  @media screen and (min-width: 0px) {
    .c-page-headline {
      font-size: 2rem;
      line-height: 1.03125; } }
  @media screen and (min-width: 764px) {
    .c-page-headline {
      font-size: 3.625rem;
      line-height: 1.11111; } }
  @media screen and (min-width: 1024px) {
    .c-page-headline {
      font-size: 5.625rem;
      line-height: 1.11111; } }

.page-template-template-about {
  background-color: #fff; }
  .page-template-template-about .c-lines {
    position: absolute; }

.c-about__lines-t__container, .c-about__lines-b__container {
  position: absolute;
  display: none;
  z-index: 0;
  transition: transform 700ms cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transform: translate3d(0, 0, 0); }
  @media all and (min-width: 764px) {
    .c-about__lines-t__container, .c-about__lines-b__container {
      display: block; } }
  .c-about__lines-t__container .c-line, .c-about__lines-b__container .c-line {
    position: absolute;
    background-color: #000; }

.c-about__lines-t__container {
  top: 0;
  left: 0;
  width: 306px;
  height: 89px;
  transition-delay: 200ms; }
  .s-hidden .c-about__lines-t__container {
    transform: translateY(-314px); }
  .c-about__lines-t__container .c-line--1 {
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px; }
  .c-about__lines-t__container .c-line--2 {
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px; }

.c-about__lines-b__container {
  top: 296px;
  right: 0;
  left: 0;
  height: 314px;
  transition-delay: 0ms; }
  .s-hidden .c-about__lines-b__container {
    transition-delay: 200ms;
    transform: translateY(-610px); }
  .c-about__lines-b__container .c-line--1 {
    bottom: 0;
    left: 0;
    width: 20%;
    height: 3px; }
  .c-about__lines-b__container .c-line--2 {
    top: 57%;
    left: 20%;
    width: 3px;
    height: 43%; }
  .c-about__lines-b__container .c-line--3 {
    top: 57%;
    left: 20%;
    width: 65%;
    height: 3px; }
  .c-about__lines-b__container .c-line--4 {
    top: 0;
    left: 85%;
    width: 3px;
    height: calc(57% + 3px); }
  .c-about__lines-b__container .c-line--5 {
    top: 0;
    right: 0;
    width: 15%;
    height: 3px; }

.c-about__intro {
  padding-top: 95px; }
  @media all and (min-width: 764px) {
    .c-about__intro {
      padding-top: 144px; } }
  .c-about__intro-inner {
    position: relative;
    margin-top: 16px;
    padding-bottom: 50px; }
    @media all and (min-width: 764px) {
      .c-about__intro-inner {
        width: calc((100% - 220px) / 12 * 10 + 220px); } }
    @media all and (min-width: 1024px) {
      .c-about__intro-inner {
        margin: 40px auto 0;
        padding-right: 100px;
        padding-bottom: 190px; } }
    @media all and (min-width: 1260px) {
      .c-about__intro-inner {
        padding-right: 0; } }

.c-about__content-headline, .c-about__ingress {
  margin-bottom: 0;
  font-weight: bold; }

.c-about__content-headline {
  max-width: calc((100% - 220px) / 10 * 8 + 180px);
  margin-top: 34px;
  color: #000;
  text-transform: uppercase; }
  @media screen and (min-width: 0px) {
    .c-about__content-headline {
      font-size: 1.875rem;
      line-height: 1.2; } }
  @media screen and (min-width: 764px) {
    .c-about__content-headline {
      font-size: 2.25rem; } }
  @media screen and (min-width: 1024px) {
    .c-about__content-headline {
      font-size: 3.125rem; } }
  @media all and (min-width: 764px) {
    .c-about__content-headline {
      margin-top: 64px; } }

.c-about__text *:first-child, .c-about__ingress *:first-child {
  margin-top: 0; }

.c-about__text *:last-child, .c-about__ingress *:last-child {
  margin-bottom: 0; }

.c-about__text {
  margin-top: 15px;
  padding-right: 40px; }
  @media screen and (min-width: 0px) {
    .c-about__text {
      font-size: 1rem;
      line-height: 1.25; } }
  @media screen and (min-width: 764px) {
    .c-about__text {
      font-size: 1.25rem;
      line-height: 1.42857; } }
  @media screen and (min-width: 1024px) {
    .c-about__text {
      font-size: 1.3125rem;
      line-height: 1.42857; } }
  @media all and (min-width: 764px) {
    .c-about__text {
      margin-top: 29px;
      padding-right: 0; } }
  @media all and (min-width: 1024px) {
    .c-about__text {
      width: calc((100% - 220px) / 10 * 7 + 140px); } }
  @media all and (min-width: 1440px) {
    .c-about__text {
      width: calc((100% - 220px) / 10 * 4 + 100px); } }

.c-about__ingress {
  position: relative;
  z-index: 1;
  max-width: calc((100% - 220px) / 10 * 8 + 180px);
  margin-top: 24px;
  color: #0051ba; }
  @media screen and (min-width: 0px) {
    .c-about__ingress {
      font-size: 1.5rem; } }
  @media screen and (min-width: 764px) {
    .c-about__ingress {
      font-size: 2rem; } }
  @media screen and (min-width: 1024px) {
    .c-about__ingress {
      font-size: 2.5rem; } }
  @media all and (min-width: 764px) {
    .c-about__ingress {
      margin-top: 104px; } }
  .c-about__ingress a, .c-about__ingress a:link, .c-about__ingress a:visited {
    color: #fff; }

.c-about__bottom-image {
  width: 75%;
  margin-top: -100px;
  margin-right: 0;
  margin-left: auto; }
  @media all and (min-width: 400px) {
    .c-about__bottom-image {
      margin-top: -70px;
      width: calc((100% - 220px) / 10 * 5 + 120px); } }
  @media all and (min-width: 1024px) {
    .c-about__bottom-image {
      width: calc((100% - 220px) / 10 * 6 + 120px); } }
  @media all and (min-width: 1260px) {
    .c-about__bottom-image {
      position: absolute;
      bottom: 100px;
      right: 0;
      width: calc((100% - 220px) / 10 * 5 + 120px);
      margin-top: 0; } }
  @media all and (min-width: 1440px) {
    .c-about__bottom-image {
      bottom: 130px; } }

.c-about__modules {
  padding-bottom: 50px;
  background-color: #dedede; }
  @media all and (min-width: 764px) {
    .c-about__modules {
      padding-bottom: 140px; } }

.page-template-template-facts {
  background-color: #fff; }
  .page-template-template-facts .c-lines {
    display: none; }
    @media all and (min-width: 764px) {
      .page-template-template-facts .c-lines {
        display: block; } }

.c-facts__line {
  position: absolute;
  top: -40px;
  left: -18px;
  display: none; }
  @media all and (min-width: 764px) {
    .c-facts__line {
      display: block; } }
  .c-facts__line:before, .c-facts__line:after {
    content: "";
    position: absolute;
    background-color: #000; }
  .c-facts__line:before {
    top: 0;
    left: 0;
    width: 360px;
    height: 3px; }
  .c-facts__line:after {
    top: -200px;
    left: 360px;
    width: 3px;
    height: 203px; }

.c-facts__intro {
  padding-top: 95px;
  background: #fff; }
  @media all and (min-width: 764px) {
    .c-facts__intro {
      padding-top: 144px; } }
  .c-facts__intro__inner {
    position: relative; }
    .c-facts__intro__inner:before {
      content: "";
      position: absolute;
      top: -40px;
      left: -18px;
      width: 3px;
      height: calc(100% + 40px);
      background-color: #000; }

.c-facts__surveys {
  margin-top: -5px; }
  @media all and (min-width: 764px) {
    .c-facts__surveys {
      width: calc((100% - 220px) / 12 * 10 + 220px);
      margin-right: auto;
      margin-top: 40px;
      margin-left: auto; } }
  .c-facts__surveys > .c-survey,
  .c-facts__surveys > .c-survey-result {
    padding-top: 30px; }
    @media all and (min-width: 764px) {
      .c-facts__surveys > .c-survey,
      .c-facts__surveys > .c-survey-result {
        padding-top: 90px; } }
    .c-facts__surveys > .c-survey:last-child,
    .c-facts__surveys > .c-survey-result:last-child {
      padding-bottom: 69px; }
      @media all and (min-width: 764px) {
        .c-facts__surveys > .c-survey:last-child,
        .c-facts__surveys > .c-survey-result:last-child {
          padding-bottom: 150px; } }

.c-facts__modules {
  background-color: #f0f0f0; }

body.s-map-open {
  position: absolute;
  overflow: hidden; }

.c-map {
  position: fixed;
  top: calc(100% - 68px);
  left: calc(100% - 73px);
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  z-index: 11000;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transition: transform 500ms ease-in-out, background-color 150ms 450ms ease-in-out;
  transform: translate3d(0, 0, 0); }
  @media all and (min-width: 764px) {
    .c-map {
      top: calc(100% - 118px);
      left: calc(100% - 118px);
      border-top-width: 3px;
      border-left-width: 3px; } }
  .s-map-open .c-map {
    transition: transform 500ms ease-in-out, background-color 200ms ease-in-out;
    background-color: #fff;
    transform: translate(-100%, -100%) translate(73px, 68px);
    transform: translate(calc(-100% + 73px), calc(-100% + 68px)); }
    @media all and (min-width: 764px) {
      .s-map-open .c-map {
        transform: translate(-100%, -100%) translate(118px, 118px);
        transform: translate(calc(-100% + 118px), calc(-100% + 118px)); } }
  .s-initial-reveal .c-map,
  .s-overlayed .c-map,
  .case-template-default .c-map,
  .influencer-template-default .c-map {
    transform: translate(73px, 73px); }
    @media all and (min-width: 764px) {
      .s-initial-reveal .c-map,
      .s-overlayed .c-map,
      .case-template-default .c-map,
      .influencer-template-default .c-map {
        transform: translate(118px, 118px); } }
  .s-initial-reveal .c-map,
  .s-overlayed .c-map,
  .case-template-default .c-map,
  .influencer-template-default .c-map {
    background-color: #fff; }
  .page-template-template-facts .c-map,
  .page-template-template-facts.s-overlayed .c-map,
  .page-template-template-about .c-map,
  .page-template-template-about.s-overlayed .c-map {
    background-color: transparent; }
  .c-map__activate {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 11100;
    width: 71px;
    height: 66px;
    background-color: #fff;
    transition: transform 200ms 300ms ease-in-out, color 300ms ease-in-out;
    transform: translate3d(0, 0, 0); }
    @media all and (min-width: 764px) {
      .c-map__activate {
        width: 115px;
        height: 115px;
        background-color: transparent; } }
    .c-map__activate:hover {
      color: #0051ba; }
    .c-map__activate.s-bg {
      background-color: #fff; }
    .page-template-template-facts .c-map__activate,
    .page-template-template-about .c-map__activate {
      background-color: #ddaeb0; }
      @media all and (min-width: 764px) {
        .page-template-template-facts .c-map__activate,
        .page-template-template-about .c-map__activate {
          background-color: transparent; } }
    .s-initial-reveal .c-map__activate,
    .s-overlayed .c-map__activate,
    .case-template-default .c-map__activate,
    .influencer-template-default .c-map__activate,
    .s-map-open .c-map__activate {
      transition-delay: 0ms;
      transform: translate(100%, 100%); }
    .c-map__activate__label {
      position: fixed;
      top: -56px;
      right: 26px;
      display: none;
      transform: rotate(90deg);
      font-weight: bold;
      text-transform: uppercase; }
      @media screen and (min-width: 0px) {
        .c-map__activate__label {
          font-size: 0.75rem;
          line-height: 1; } }
      @media all and (min-width: 764px) {
        .c-map__activate__label {
          display: block; } }
    .c-map__activate svg {
      position: absolute;
      top: 15px;
      left: 20px;
      width: 42px;
      height: 38px;
      fill: currentColor;
      transition: transform 200ms ease-in-out; }
      @media all and (min-width: 764px) {
        .c-map__activate svg {
          top: 27px;
          left: 30px;
          width: 74px;
          height: 65px; } }
  .c-map__deactivate {
    position: absolute;
    top: 14px;
    left: 14px;
    transition: opacity 200ms ease-in-out;
    opacity: 0;
    pointer-events: none; }
    .s-map-open .c-map__deactivate {
      opacity: 1;
      pointer-events: auto; }
    .c-map__deactivate:before, .c-map__deactivate:after {
      background-color: #fff; }
  .c-map__map {
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease-in-out; }
    .s-map-open .c-map__map {
      opacity: 1;
      pointer-events: auto; }
  .c-map__curated {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    height: 225px;
    padding: 30px 20px;
    background-color: rgba(194, 194, 194, 0.8);
    border-top: 2px solid #fff;
    font-weight: bold;
    transition: transform 200ms ease-in-out;
    transform: translate3d(0, calc(-100vh - 100%), 0); }
    @media all and (min-width: 764px) {
      .c-map__curated {
        left: auto;
        display: block;
        width: 325px;
        height: 100%;
        padding: 0;
        border-top: none;
        border-left: 3px solid #fff;
        transform: translate3d(100%, 0, 0); } }
    .c-map__curated.s-active {
      transform: translate(0, 0); }
    .c-map__curated,
    .c-map__curated a {
      color: #fff; }
    .c-map__curated__headline-container {
      border-bottom: 3px solid #fff; }
    .c-map__curated__headline {
      font-weight: bold;
      text-align: center;
      text-transform: uppercase; }
      @media screen and (min-width: 0px) {
        .c-map__curated__headline {
          font-size: 1.1875rem;
          line-height: 1; } }
    .c-map__curated__image-container {
      order: 1;
      position: relative;
      width: 40%;
      height: 0;
      padding-bottom: 36%;
      overflow: hidden; }
      @media all and (min-width: 764px) {
        .c-map__curated__image-container {
          order: 0;
          width: 100%;
          padding-bottom: 110%; } }
    .c-map__curated__image {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      object-fit: cover; }
    .c-map__curated__content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 66.666%; }
      @media all and (min-width: 764px) {
        .c-map__curated__content {
          display: block;
          width: 100%;
          padding: 33px 20px;
          border-top: 3px solid #fff; } }
      .c-map__curated__content__headline, .c-map__curated__content__read-more {
        font-weight: bold;
        text-transform: uppercase; }
      .c-map__curated__content__headline {
        margin-top: 0;
        margin-bottom: 0; }
        @media screen and (min-width: 0px) {
          .c-map__curated__content__headline {
            font-size: 1.0625rem; } }
        @media screen and (min-width: 764px) {
          .c-map__curated__content__headline {
            font-size: 0.875rem;
            line-height: 1; } }
      .c-map__curated__content__text {
        display: none;
        margin-top: 12px;
        margin-bottom: 31px;
        hyphens: auto; }
        @media screen and (min-width: 0px) {
          .c-map__curated__content__text {
            font-size: 1.5625rem;
            line-height: 1.16; } }
        @media screen and (min-width: 764px) {
          .c-map__curated__content__text {
            font-size: 1.333rem;
            line-height: 1.16; } }
        @media all and (min-width: 764px) {
          .c-map__curated__content__text {
            display: block; } }
        .c-map__curated__content__text *:first-child {
          margin-top: 0; }
        .c-map__curated__content__text *:last-child {
          margin-bottom: 0; }
      .c-map__curated__content__read-more {
        align-self: flex-start;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: -7px; }
        @media all and (min-width: 764px) {
          .c-map__curated__content__read-more {
            margin-top: 5px;
            margin-bottom: 0; } }
  .s-instagram-pin-activated .c-map__instagram {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-map__instagram__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
    display: none; }
    .s-instagram-pin-activated .c-map__instagram__overlay {
      display: block; }
  .c-map__instagram__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    background-color: #f7f7f7; }
    @media all and (min-width: 764px) {
      .c-map__instagram__inner {
        max-width: 460px;
        height: auto; } }
  .c-map__instagram__headline-container {
    flex: 0 0 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 8px 19px;
    border-bottom: 2px solid #000;
    font-weight: bold;
    text-transform: uppercase; }
    @media all and (min-width: 764px) {
      .c-map__instagram__headline-container {
        min-height: 68px;
        flex: 0;
        padding: 20px 12px 16px 18px; } }
  .c-map__instagram__headline {
    margin: 0; }
    @media screen and (min-width: 0px) {
      .c-map__instagram__headline {
        font-size: 1.25rem;
        line-height: 1; } }
    @media screen and (min-width: 764px) {
      .c-map__instagram__headline {
        font-size: 1.6878rem;
        line-height: 1; } }
  .c-map__instagram__deactivate {
    position: relative; }
    .c-map__instagram__deactivate:before, .c-map__instagram__deactivate:after {
      background-color: currentColor; }
  .c-map__instagram__embed-container {
    flex: 1 1 auto;
    padding: 20px 40px;
    overflow-y: scroll; }
    @media all and (min-width: 764px) {
      .c-map__instagram__embed-container {
        padding: 20px; } }
  .c-map__instagram__embed {
    position: relative;
    height: 0;
    padding-bottom: calc(100% + 162px);
    padding-bottom: calc(100% + 206px);
    overflow: hidden; }
    .c-map__instagram__embed iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      max-width: 658px;
      height: 100%;
      margin: 0;
      padding: 0px;
      background: white;
      border: 1px solid #dbdbdb;
      border-radius: 3px;
      box-shadow: none; }

.happiness__content {
  position: relative;
  z-index: 10;
  color: white; }
  @media all and (min-width: 764px) {
    .happiness__content {
      padding: 0 20px;
      padding: 0;
      margin-left: calc((100% - 220px) / 12 * 1 + 0px);
      margin-right: calc((100% - 220px) / 12 * 1 + 0px); } }
  @media all and (min-width: 764px) {
    .happiness__content {
      margin-left: calc((100% - 220px) / 12 * 1 + 0px);
      margin-right: calc((100% - 220px) / 12 * 1 + 0px); } }

.happiness__content.hidden {
  display: none; }

.happiness__bg-video-container {
  top: 0;
  z-index: -1;
  position: fixed;
  height: 90vh; }
  @media all and (min-width: 764px) {
    .happiness__bg-video-container {
      height: auto;
      min-height: 100vh; } }

.b-edge .happiness__bg-video-container, .b-ie .happiness__bg-video-container {
  position: fixed !important; }

.happiness__bg-video-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(28, 83, 179, 0.6);
  position: absolute;
  z-index: 1; }

.happiness__video-container {
  position: relative;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  margin-bottom: 50px;
  height: calc(100vw - 40px); }
  @media all and (min-width: 764px) {
    .happiness__video-container {
      margin-bottom: 200px;
      height: auto; } }
  .happiness__video-container .video-info {
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer; }
  .happiness__video-container.inactive .video-info {
    cursor: context-menu; }

.b-ie .happiness__video-container, .b-edge .happiness__video-container {
  padding-bottom: 55%; }

.happiness__video-container.in-focus {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .happiness__video-container.in-focus .video-info {
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: rgba(0, 0, 0, 0.3); }

.happiness__video-container.inactive.in-focus .video-info {
  background: rgba(28, 83, 179, 0.5); }

.happiness__video-container.inactive .video-info {
  background: rgba(28, 83, 179, 0.5); }

.happiness__video-container:hover {
  transform: scale(1.05);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.happiness__content .c-video__play-icon {
  margin-bottom: 20px; }

.happiness__content .c-video__play-icon:hover svg path {
  fill: none; }

.happiness__intro {
  text-align: center;
  margin-top: 15vh;
  margin-bottom: 10vh; }
  .happiness__intro .happiness__label {
    text-transform: uppercase;
    font-weight: bold; }
    @media screen and (min-width: 1440px) {
      .happiness__intro .happiness__label {
        font-size: 1.125rem; } }
  .happiness__intro .happiness__description {
    max-width: calc(720px + 20vw);
    margin: 0 auto 40px auto; }
    @media screen and (min-width: 1440px) {
      .happiness__intro .happiness__description {
        font-size: 1.25rem;
        line-height: 1.4; } }
    @media all and (min-width: 880px) {
      .happiness__intro .happiness__description {
        padding: 0 10vw; } }
    .happiness__intro .happiness__description .mobile--hidden {
      display: none; }
      @media all and (min-width: 764px) {
        .happiness__intro .happiness__description .mobile--hidden {
          display: inline; } }
  .happiness__intro .happiness__header {
    text-transform: uppercase;
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .happiness__intro .happiness__header {
        font-size: 2.5rem; } }
    @media screen and (min-width: 764px) {
      .happiness__intro .happiness__header {
        font-size: 3.875rem;
        line-height: 1.03; } }
    @media screen and (min-width: 1024px) {
      .happiness__intro .happiness__header {
        font-size: 4.875rem;
        line-height: 1.03; } }
    @media screen and (min-width: 1440px) {
      .happiness__intro .happiness__header {
        font-size: 6.875rem;
        line-height: 1.03; } }
    @media all and (min-width: 764px) {
      .happiness__intro .happiness__header {
        margin-top: 50px;
        padding: 0 10vw; } }

.video-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px; }
  @media all and (min-width: 764px) {
    .video-info {
      padding: 2rem 3rem; } }
  @media all and (min-width: 880px) {
    .video-info {
      padding: 3rem 5rem; } }
  .video-info .c-video__play-icon {
    background: none;
    height: auto; }
    .video-info .c-video__play-icon:hover {
      background: none; }
  .video-info .c-video__play-icon svg {
    width: 48px;
    height: 48px; }
    @media all and (min-width: 764px) {
      .video-info .c-video__play-icon svg {
        width: 68px;
        height: 68px; } }
  .video-info:hover .c-video__play-icon svg circle {
    fill: #fff; }
  .video-info:hover .c-video__play-icon svg path {
    fill: #1C53B3;
    stroke: #1C53B3; }

.happiness__video-container.inactive .video-info .c-video__play-icon svg {
  opacity: 0.4; }

.happiness__video-container.inactive .video-info:hover .c-video__play-icon svg {
  opacity: 0.4; }
  .happiness__video-container.inactive .video-info:hover .c-video__play-icon svg circle {
    fill: none; }
  .happiness__video-container.inactive .video-info:hover .c-video__play-icon svg path {
    fill: none;
    stroke: white; }

.video-info__meta-items {
  display: flex;
  justify-content: space-between; }

.video-info__meta-item {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8125rem; }
  @media all and (min-width: 764px) {
    .video-info__meta-item {
      font-size: 1rem; } }

.video-info__meta-item:nth-last-child {
  text-align: right; }

.video-info__bottom {
  position: absolute;
  bottom: 0;
  padding: 0 15px 15px 0; }
  @media all and (min-width: 764px) {
    .video-info__bottom {
      padding: 0; } }
  @media all and (min-width: 880px) {
    .video-info__bottom {
      bottom: 50px; } }

.video-info__label {
  font-weight: bold;
  text-transform: uppercase; }
  @media screen and (min-width: 0px) {
    .video-info__label {
      font-size: 0.8125rem; } }
  @media screen and (min-width: 1440px) {
    .video-info__label {
      font-size: 0.8125rem; } }

.video-info__header {
  font-weight: bold;
  margin-top: 15px; }
  @media screen and (min-width: 0px) {
    .video-info__header {
      font-size: 1.275rem; } }
  @media screen and (min-width: 764px) {
    .video-info__header {
      font-size: 1.275rem;
      line-height: 1.08; } }
  @media screen and (min-width: 1024px) {
    .video-info__header {
      font-size: 1.875rem;
      line-height: 1.08; } }

/*--- VIDEO VIEW ---*/
.video-view {
  background: #555555;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11111;
  opacity: 0;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transition-delay: 0s;
  min-height: 100vh; }

.video-view__close {
  height: 50px;
  width: 50px;
  margin-right: 40px;
  font-size: 40px;
  cursor: pointer; }

.video-view__content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 80px;
  display: none;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transition-delay: 0s;
  padding: 20px; }
  @media all and (min-width: 1024px) {
    .video-view__content {
      padding: 0;
      width: 70vw;
      margin-left: calc(50vw - 35vw); } }

.video-1 .video-id__1, .video-2 .video-id__2, .video-3 .video-id__3, .video-4 .video-id__4, .video-5 .video-id__5, .video-6 .video-id__6 {
  display: flex; }

.video-2 .video-id__2 {
  display: flex; }

@media screen and (min-width: 1440px) {
  .video-view__text {
    font-size: 1.25rem;
    line-height: 1.4; } }

.video-view__label {
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block; }
  @media screen and (min-width: 0px) {
    .video-view__label {
      font-size: 0.875rem; } }
  @media screen and (min-width: 1440px) {
    .video-view__label {
      font-size: 0.875rem; } }
  @media all and (min-width: 764px) {
    .video-view__label {
      display: block; } }

.video-view__label:nth-of-type(2) {
  margin-top: 20px;
  display: block; }

.video-view__header {
  font-weight: bold;
  margin-top: 15px; }
  @media screen and (min-width: 0px) {
    .video-view__header {
      font-size: 1.875rem; } }
  @media screen and (min-width: 764px) {
    .video-view__header {
      font-size: 3.75rem;
      line-height: 1.08; } }
  @media screen and (min-width: 1024px) {
    .video-view__header {
      font-size: 3.75rem;
      line-height: 1.08; } }

.video-view__meta {
  width: 100%;
  order: 2;
  font-weight: bold;
  height: 20px;
  overflow: hidden;
  margin-bottom: 15px; }
  @media screen and (min-width: 0px) {
    .video-view__meta {
      font-size: 0.875rem; } }
  @media screen and (min-width: 1440px) {
    .video-view__meta {
      font-size: 0.875rem; } }
  @media all and (min-width: 764px) {
    .video-view__meta {
      width: 20%;
      order: 3;
      font-weight: normal;
      height: auto; } }

.video-view__text {
  width: 80%;
  margin-right: 20%;
  order: 3; }
  @media all and (min-width: 764px) {
    .video-view__text {
      width: 65%;
      margin-right: 15%;
      order: 2; } }

.video-view__wrapper {
  display: flex;
  width: 100%;
  flex-shrink: 0;
  padding-bottom: 56.4%;
  position: relative;
  margin-bottom: 20px;
  order: 1; }
  @media all and (min-width: 764px) {
    .video-view__wrapper {
      margin-bottom: 40px; } }

.video-view__wrapper iframe {
  height: 100%;
  width: 100%;
  position: absolute; }

.video-view__deactivate {
  position: absolute;
  top: 14px;
  left: 14px;
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  cursor: pointer; }
  .video-view__deactivate:before, .video-view__deactivate:after {
    background-color: #fff; }

.video-view__slider {
  background: #666666; }
  .video-view__slider .c-cases-overview__list-item__inner svg {
    display: none;
    z-index: 1111111;
    position: absolute;
    margin-left: calc(50% - 34px);
    margin-top: calc(50% - 34px); }
    @media all and (min-width: 764px) {
      .video-view__slider .c-cases-overview__list-item__inner svg {
        display: block; } }
  .video-view__slider .c-cases-overview__list-item__content {
    color: white; }

.happiness__bg-video-container,
.happiness__content {
  opacity: 1;
  visibility: visible;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transition-duration: 0.0s; }

.page-template-template-happiness.overlay-active .video-view, .page-template-template-happiness-en.overlay-active .video-view {
  opacity: 1;
  visibility: visible;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transition-delay: 0.6s; }

.page-template-template-happiness.overlay-active .happiness__bg-video-container,
.page-template-template-happiness.overlay-active .happiness__content, .page-template-template-happiness-en.overlay-active .happiness__bg-video-container,
.page-template-template-happiness-en.overlay-active .happiness__content {
  opacity: 0 !important;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all; }

.page-template-template-happiness.overlay-active .c-happiness__lines-t__container, .page-template-template-happiness-en.overlay-active .c-happiness__lines-t__container {
  opacity: 0 !important;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transform: translateY(-350px) !important; }

.page-template-template-happiness.overlay-active .c-happiness__lines-b__container, .page-template-template-happiness-en.overlay-active .c-happiness__lines-b__container {
  opacity: 0 !important;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transform: translateY(750px) !important; }

.page-template-template-happiness.overlay-active .c-header:before, .page-template-template-happiness-en.overlay-active .c-header:before {
  transform: translateX(100px) !important; }

.page-template-template-happiness.overlay-active .c-header__logo-link, .page-template-template-happiness-en.overlay-active .c-header__logo-link {
  transform: translate3d(-200px, -200px, 0); }

.page-template-template-happiness.overlay-active .c-hamburger__container, .page-template-template-happiness-en.overlay-active .c-hamburger__container {
  transform: translate3d(100px, 0, 0); }

.vv-inspiration__item {
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
  display: none;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  transition-delay: 0s;
  padding: 20px;
  align-items: center;
  justify-content: flex-start; }
  @media all and (min-width: 400px) {
    .vv-inspiration__item {
      margin-top: 100px;
      margin-bottom: 100px; } }
  @media all and (min-width: 1024px) {
    .vv-inspiration__item {
      padding: 0;
      width: 70vw;
      margin-left: calc(50vw - 35vw);
      flex-wrap: nowrap; } }
  .vv-inspiration__item .vv-inspiration__image {
    margin-bottom: 40px; }
    @media all and (min-width: 1024px) {
      .vv-inspiration__item .vv-inspiration__image {
        max-width: 40%;
        margin-right: 40px; } }
  .vv-inspiration__item .vv-inspiration__content {
    max-width: 100%; }
    @media all and (min-width: 400px) {
      .vv-inspiration__item .vv-inspiration__content {
        max-width: 480px; } }
  .vv-inspiration__item .vv-inspiration__link {
    background: #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 0px) {
      .vv-inspiration__item .vv-inspiration__link {
        font-size: 0.875rem; } }
    @media screen and (min-width: 1440px) {
      .vv-inspiration__item .vv-inspiration__link {
        font-size: 0.875rem; } }
  .vv-inspiration__item .vv-inspiration__label {
    font-weight: bold; }
    @media screen and (min-width: 0px) {
      .vv-inspiration__item .vv-inspiration__label {
        font-size: 0.875rem; } }
    @media screen and (min-width: 1440px) {
      .vv-inspiration__item .vv-inspiration__label {
        font-size: 0.875rem; } }
  .vv-inspiration__item .vv-inspiration__header {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 25px;
    word-wrap: break-word; }
    @media screen and (min-width: 0px) {
      .vv-inspiration__item .vv-inspiration__header {
        font-size: 1.875rem; } }
    @media screen and (min-width: 764px) {
      .vv-inspiration__item .vv-inspiration__header {
        font-size: 2.5rem;
        line-height: 1.4; } }
    @media screen and (min-width: 1024px) {
      .vv-inspiration__item .vv-inspiration__header {
        font-size: 2.5rem;
        line-height: 1.4; } }
  .vv-inspiration__item .vv-inspiration__description {
    margin-bottom: 50px; }

/*------- OVERRIDES -----------*/
/* ----- Overrides -----*/
.page-template-template-happiness .c-footer, .page-template-template-happiness-en .c-footer {
  z-index: 20000;
  visibility: visible;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  opacity: 1; }

.page-template-template-happiness.overlay-active .c-footer, .page-template-template-happiness-en.overlay-active .c-footer {
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  opacity: 0; }

.page-template-template-happiness.s-initial-reveal .c-happiness__inner, .page-template-template-happiness-en.s-initial-reveal .c-happiness__inner {
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  opacity: 0;
  transform: none !important; }

.page-template-template-happiness .c-happiness__inner, .page-template-template-happiness-en .c-happiness__inner {
  transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
  transition-duration: 0.6s;
  transition-property: all;
  opacity: 1;
  transform: none !important; }

.c-header__logo-link .white-logo {
  display: none; }

.b-ie svg.white-logo {
  margin-top: -40px; }

.page-template-template-happiness, .page-template-template-happiness-en {
  background: #1C53B3; }
  .page-template-template-happiness .c-header__logo-link svg, .page-template-template-happiness-en .c-header__logo-link svg {
    display: none; }
  .page-template-template-happiness .c-header__logo-link svg.white-logo, .page-template-template-happiness-en .c-header__logo-link svg.white-logo {
    display: block; }
  .page-template-template-happiness .c-line, .page-template-template-happiness-en .c-line {
    background: white;
    color: #000; }
  .page-template-template-happiness .c-map__activate,
  .page-template-template-happiness .c-map, .page-template-template-happiness-en .c-map__activate,
  .page-template-template-happiness-en .c-map {
    transform: translateX(140px) !important;
    transition-timing-function: cubic-bezier(0.59, 0.04, 0.08, 0.99);
    transition-duration: 0.4s;
    transition-property: all; }
  .page-template-template-happiness .c-header:before, .page-template-template-happiness-en .c-header:before {
    bottom: 0;
    background-color: white; }
  .page-template-template-happiness .c-hamburger__container, .page-template-template-happiness-en .c-hamburger__container {
    color: white; }
  .page-template-template-happiness .c-hamburger, .page-template-template-happiness-en .c-hamburger {
    background: none; }
  .page-template-template-happiness .c-header__map-link, .page-template-template-happiness-en .c-header__map-link {
    display: none; }
  .page-template-template-happiness .c-menu-close:hover, .page-template-template-happiness-en .c-menu-close:hover {
    color: #1C53B3; }

/*------- LINES ------*/
.c-happiness__lines-t__container, .c-happiness__lines-b__container {
  position: absolute;
  display: none;
  z-index: 0;
  transform: translate3d(0, 0, 0); }
  @media all and (min-width: 764px) {
    .c-happiness__lines-t__container, .c-happiness__lines-b__container {
      display: block; } }
  .c-happiness__lines-t__container .c-line, .c-happiness__lines-b__container .c-line {
    position: absolute;
    background-color: white; }

.c-happiness__lines-t__container {
  top: 0;
  left: 0;
  width: 306px;
  height: 89px;
  transform: translateY(-314px); }
  .c-happiness__lines-t__container .c-line--1 {
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px; }
  .c-happiness__lines-t__container .c-line--2 {
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px; }

.c-happiness__lines-b__container {
  top: 296px;
  right: 0;
  left: 0;
  height: 314px;
  transition-delay: 0ms;
  transform: translateY(-610px); }
  .c-happiness__lines-b__container .c-line--1 {
    bottom: 0;
    left: 0;
    width: 20%;
    height: 3px; }
  .c-happiness__lines-b__container .c-line--2 {
    top: 57%;
    left: 20%;
    width: 3px;
    height: 43%; }
  .c-happiness__lines-b__container .c-line--3 {
    top: 57%;
    left: 20%;
    width: 65%;
    height: 3px; }
  .c-happiness__lines-b__container .c-line--4 {
    top: 0;
    left: 85%;
    width: 3px;
    height: calc(57% + 3px); }
  .c-happiness__lines-b__container .c-line--5 {
    top: 0;
    right: 0;
    width: 15%;
    height: 3px; }