@charset "UTF-8";
/*!
 * ©2018 Sukoa AG <Interactive Technologies> http://www.sukoa.com
 */
/*!
 * ©2018 Sukoa AG <Interactive Technologies> http://www.sukoa.com
 */
/**
 * Foundation for Sites by ZURB
 * Version 6.4.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "arial";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "arial";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/**
 * Swiper 4.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 13, 2017
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
  display: block;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
  display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=52.5em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 52.5em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 1.9375rem;
  }
  h4, .h4 {
    font-size: 1.5625rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: #1468a0;
}

a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}

cite:before {
  content: "—  ";
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 52.5em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #FFFFFF;
}

[data-whatinput=mouse] .button {
  outline: 0;
}

.button:hover, .button:focus {
  background-color: #14679e;
  color: #FFFFFF;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.button.primary {
  background-color: #1779ba;
  color: #FFFFFF;
}

.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #FFFFFF;
}

.button.secondary {
  background-color: #767676;
  color: #FFFFFF;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #FFFFFF;
}

.button.success {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}

.button.warning {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}

.button.alert {
  background-color: #cc4b37;
  color: #FFFFFF;
}

.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #FFFFFF;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
  background-color: #1779ba;
  color: #FFFFFF;
}

.button.disabled.primary, .button[disabled].primary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
  background-color: #1779ba;
  color: #FFFFFF;
}

.button.disabled.secondary, .button[disabled].secondary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #767676;
  color: #FFFFFF;
}

.button.disabled.success, .button[disabled].success {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.disabled.warning, .button[disabled].warning {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.disabled.alert, .button[disabled].alert {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cc4b37;
  color: #FFFFFF;
}

.button.hollow {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}

.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.secondary {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear, .button.clear:hover, .button.clear:focus {
  background-color: transparent;
}

.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  background-color: transparent;
}

.button.clear:hover, .button.clear:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border-color: transparent;
}

.button.clear.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear.primary:hover, .button.clear.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border-color: transparent;
}

.button.clear.secondary {
  border: 1px solid #767676;
  color: #767676;
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border-color: transparent;
}

.button.clear.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.clear.success:hover, .button.clear.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border-color: transparent;
}

.button.clear.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.clear.warning:hover, .button.clear.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border-color: transparent;
}

.button.clear.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear.alert:hover, .button.clear.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border-color: transparent;
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #FFFFFF transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}

.button.dropdown.hollow::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.primary::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.secondary::after {
  border-top-color: #767676;
}

.button.dropdown.hollow.success::after {
  border-top-color: #3adb76;
}

.button.dropdown.hollow.warning::after {
  border-top-color: #ffae00;
}

.button.dropdown.hollow.alert::after {
  border-top-color: #cc4b37;
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

@font-face {
  font-family: "Euclide";
  font-weight: 800;
  src: url(../e1619871a6711881cbdc.eot);
  src: url(../e1619871a6711881cbdc.eot?#iefix) format("embedded-opentype"), url(../02566ef5fac35551ede5.woff2) format("woff2"), url(../9d10158ecbae4489df78.woff) format("woff"), url(../1db8700cf7ba82c69e1f.ttf) format("truetype"), url(../5af1ed293a6a18297cf6.svg#wf) format("svg");
}
@font-face {
  font-family: "Euclide";
  font-weight: 200;
  src: url(../ecfa5bd9587e3d6f942d.eot);
  src: url(../ecfa5bd9587e3d6f942d.eot?#iefix) format("embedded-opentype"), url(../a2ac58fc51b9578cbb8b.woff2) format("woff2"), url(../9b191014c92350565269.woff) format("woff"), url(../8fe15a7bb6d8e28edb86.ttf) format("truetype"), url(../e0c94e423a2f1a7af335.svg#wf) format("svg");
}
@font-face {
  font-family: "Euclide";
  font-weight: normal;
  src: url(../80d021b641adaddb7683.eot);
  src: url(../80d021b641adaddb7683.eot?#iefix) format("embedded-opentype"), url(../67e999abfc507fb4dd9d.woff2) format("woff2"), url(../492d5906a071b7c18299.woff) format("woff"), url(../827cbab011b76deae33d.ttf) format("truetype"), url(../fd84380c7b4bb074f991.svg#wf) format("svg");
}
@font-face {
  font-family: "Euclide";
  font-weight: 600;
  src: url(../ec3910de8aae10f07f02.eot);
  src: url(../ec3910de8aae10f07f02.eot?#iefix) format("embedded-opentype"), url(../b7739e213bccce2428a1.woff2) format("woff2"), url(../171b6825bec2aeb890c0.woff) format("woff"), url(../080c20415a03cc393d1a.ttf) format("truetype"), url(../a32efe313876ca91c2ab.svg#wf) format("svg");
}
/*!
 * ©2018 Sukoa AG <Interactive Technologies> http://www.sukoa.com
 */
body {
  background-color: #FFFFFF;
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

@media screen and (max-width: 52.4375em) {
  body {
    font-size: 0.875rem;
    color: #0a0a0a;
    line-height: 1.1375rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
}
* {
  box-sizing: border-box;
}

.debug {
  color: lightgrey;
}

a {
  color: #0a0a0a;
}

a:hover, .textAndImage a:hover {
  color: #9d9d9c;
}

h2 {
  font-size: 2.3125rem;
  color: #0a0a0a;
  line-height: 3.00625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 52.4375em) {
  h2 {
    font-size: 1.75rem;
    color: #0a0a0a;
    line-height: 2.275rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 600;
  }
}
h2:hover a, h2:hover span.icon {
  color: #9d9d9c;
}

strong, b {
  font-weight: 600;
}

ul:not(.nav) > li a,
p a,
table a,
footer .right-col a {
  font-weight: 600;
}

ul:not(.nav) > li a:not([href^="javascript:sukoaUtils"]):after,
p a:not([href^="javascript:sukoaUtils"]):after,
table a:not([href^="javascript:sukoaUtils"]):after,
footer .right-col a:not([href^="javascript:sukoaUtils"]):after {
  position: relative;
  content: "→";
  padding: 0 5px;
  top: -1px;
  left: 0;
  transition: left 200ms;
}

ul:not(.nav) > li a:not([href^="javascript:sukoaUtils"]):hover:after,
p a:not([href^="javascript:sukoaUtils"]):hover:after,
table a:not([href^="javascript:sukoaUtils"]):hover:after,
footer .right-col a:not([href^="javascript:sukoaUtils"]):hover:after {
  left: 3px;
}

ul:not(.nav) > li a[href^="/dam"]:after, ul:not(.nav) > li a[href^="/author/dam"]:after,
p a[href^="/dam"]:after,
p a[href^="/author/dam"]:after,
table a[href^="/dam"]:after,
table a[href^="/author/dam"]:after,
footer .right-col a[href^="/dam"]:after,
footer .right-col a[href^="/author/dam"]:after {
  display: inline-block;
  transform: rotateZ(90deg);
  transition: top 200ms;
}

ul:not(.nav) > li a[href^="/dam"]:hover:after, ul:not(.nav) > li a[href^="/author/dam"]:hover:after,
p a[href^="/dam"]:hover:after,
p a[href^="/author/dam"]:hover:after,
table a[href^="/dam"]:hover:after,
table a[href^="/author/dam"]:hover:after,
footer .right-col a[href^="/dam"]:hover:after,
footer .right-col a[href^="/author/dam"]:hover:after {
  top: 3px;
  left: 0;
}

.nav li a:after {
  display: none !important;
}

span.download a .icon {
  display: none !important;
}

.header-wrapper:not(.image), .header-logo-info, .main-wrapper, .footer {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 52.5em) {
  body {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  body.navexp {
    background: #0a0a0a;
  }
  .outer-container {
    height: 100vh;
    max-height: 100vh;
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .outer-container .page-container {
    position: absolute;
    height: 100vh;
    max-height: 100%;
    padding-left: 2.4375rem;
    width: 2.4375rem;
    transform: translate3d(0, 0, 0);
    transition: transform 400ms;
    background-color: #FFFFFF;
  }
  .outer-container .page-container .inner-container {
    position: relative;
    height: 100vh;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .outer-container .page-container .inner-container.no-scroll {
    overflow-y: hidden;
  }
  .outer-container .page-container.active.bars-0 {
    width: calc(100vw - 0px);
    max-width: calc(100vw - 0px);
  }
  .outer-container .page-container.active.bars-1 {
    width: calc(100vw - 39px);
    max-width: calc(100vw - 39px);
  }
  .outer-container .page-container.active.bars-2 {
    width: calc(100vw - 78px);
    max-width: calc(100vw - 78px);
  }
  .outer-container .page-container.active.bars-3 {
    width: calc(100vw - 117px);
    max-width: calc(100vw - 117px);
  }
  .outer-container .page-container.active.bars-4 {
    width: calc(100vw - 156px);
    max-width: calc(100vw - 156px);
  }
  .outer-container .page-container.active.bars-5 {
    width: calc(100vw - 195px);
    max-width: calc(100vw - 195px);
  }
  .outer-container .page-container.active.bars-6 {
    width: calc(100vw - 234px);
    max-width: calc(100vw - 234px);
  }
  .outer-container .page-container.active.bars-7 {
    width: calc(100vw - 273px);
    max-width: calc(100vw - 273px);
  }
  .outer-container .page-container.active.bars-8 {
    width: calc(100vw - 312px);
    max-width: calc(100vw - 312px);
  }
  .outer-container .page-container.active.bars-9 {
    width: calc(100vw - 351px);
    max-width: calc(100vw - 351px);
  }
  .outer-container .page-container.active.bars-10 {
    width: calc(100vw - 390px);
    max-width: calc(100vw - 390px);
  }
  .outer-container .page-container.active.bars-11 {
    width: calc(100vw - 429px);
    max-width: calc(100vw - 429px);
  }
  .outer-container .page-container.active.bars-12 {
    width: calc(100vw - 468px);
    max-width: calc(100vw - 468px);
  }
  .outer-container .page-container.active.bars-13 {
    width: calc(100vw - 507px);
    max-width: calc(100vw - 507px);
  }
  .outer-container .page-container.active.bars-14 {
    width: calc(100vw - 546px);
    max-width: calc(100vw - 546px);
  }
  .outer-container .page-container.active.bars-15 {
    width: calc(100vw - 585px);
    max-width: calc(100vw - 585px);
  }
  .outer-container .page-container.transit.bars-0 {
    width: calc(100vw - 0px);
    max-width: calc(100vw - 0px);
    min-width: calc(100vw - 0px);
  }
  .outer-container .page-container.transit.bars-1 {
    width: calc(100vw - 39px);
    max-width: calc(100vw - 39px);
    min-width: calc(100vw - 39px);
  }
  .outer-container .page-container.transit.bars-2 {
    width: calc(100vw - 78px);
    max-width: calc(100vw - 78px);
    min-width: calc(100vw - 78px);
  }
  .outer-container .page-container.transit.bars-3 {
    width: calc(100vw - 117px);
    max-width: calc(100vw - 117px);
    min-width: calc(100vw - 117px);
  }
  .outer-container .page-container.transit.bars-4 {
    width: calc(100vw - 156px);
    max-width: calc(100vw - 156px);
    min-width: calc(100vw - 156px);
  }
  .outer-container .page-container.transit.bars-5 {
    width: calc(100vw - 195px);
    max-width: calc(100vw - 195px);
    min-width: calc(100vw - 195px);
  }
  .outer-container .page-container.transit.bars-6 {
    width: calc(100vw - 234px);
    max-width: calc(100vw - 234px);
    min-width: calc(100vw - 234px);
  }
  .outer-container .page-container.transit.bars-7 {
    width: calc(100vw - 273px);
    max-width: calc(100vw - 273px);
    min-width: calc(100vw - 273px);
  }
  .outer-container .page-container.transit.bars-8 {
    width: calc(100vw - 312px);
    max-width: calc(100vw - 312px);
    min-width: calc(100vw - 312px);
  }
  .outer-container .page-container.transit.bars-9 {
    width: calc(100vw - 351px);
    max-width: calc(100vw - 351px);
    min-width: calc(100vw - 351px);
  }
  .outer-container .page-container.transit.bars-10 {
    width: calc(100vw - 390px);
    max-width: calc(100vw - 390px);
    min-width: calc(100vw - 390px);
  }
  .outer-container .page-container.transit.bars-11 {
    width: calc(100vw - 429px);
    max-width: calc(100vw - 429px);
    min-width: calc(100vw - 429px);
  }
  .outer-container .page-container.transit.bars-12 {
    width: calc(100vw - 468px);
    max-width: calc(100vw - 468px);
    min-width: calc(100vw - 468px);
  }
  .outer-container .page-container.transit.bars-13 {
    width: calc(100vw - 507px);
    max-width: calc(100vw - 507px);
    min-width: calc(100vw - 507px);
  }
  .outer-container .page-container.transit.bars-14 {
    width: calc(100vw - 546px);
    max-width: calc(100vw - 546px);
    min-width: calc(100vw - 546px);
  }
  .outer-container .page-container.transit.bars-15 {
    width: calc(100vw - 585px);
    max-width: calc(100vw - 585px);
    min-width: calc(100vw - 585px);
  }
}
@media screen and (min-width: 52.5em) and (min-width: 1440px) {
  .outer-container .page-container.transit.bars-0 {
    width: 1440px;
    max-width: 1440px;
    min-width: 1440px;
  }
  .outer-container .page-container.transit.bars-1 {
    width: 1401px;
    max-width: 1401px;
    min-width: 1401px;
  }
  .outer-container .page-container.transit.bars-2 {
    width: 1362px;
    max-width: 1362px;
    min-width: 1362px;
  }
  .outer-container .page-container.transit.bars-3 {
    width: 1323px;
    max-width: 1323px;
    min-width: 1323px;
  }
  .outer-container .page-container.transit.bars-4 {
    width: 1284px;
    max-width: 1284px;
    min-width: 1284px;
  }
  .outer-container .page-container.transit.bars-5 {
    width: 1245px;
    max-width: 1245px;
    min-width: 1245px;
  }
  .outer-container .page-container.transit.bars-6 {
    width: 1206px;
    max-width: 1206px;
    min-width: 1206px;
  }
  .outer-container .page-container.transit.bars-7 {
    width: 1167px;
    max-width: 1167px;
    min-width: 1167px;
  }
  .outer-container .page-container.transit.bars-8 {
    width: 1128px;
    max-width: 1128px;
    min-width: 1128px;
  }
  .outer-container .page-container.transit.bars-9 {
    width: 1089px;
    max-width: 1089px;
    min-width: 1089px;
  }
  .outer-container .page-container.transit.bars-10 {
    width: 1050px;
    max-width: 1050px;
    min-width: 1050px;
  }
  .outer-container .page-container.transit.bars-11 {
    width: 1011px;
    max-width: 1011px;
    min-width: 1011px;
  }
  .outer-container .page-container.transit.bars-12 {
    width: 972px;
    max-width: 972px;
    min-width: 972px;
  }
  .outer-container .page-container.transit.bars-13 {
    width: 933px;
    max-width: 933px;
    min-width: 933px;
  }
  .outer-container .page-container.transit.bars-14 {
    width: 894px;
    max-width: 894px;
    min-width: 894px;
  }
  .outer-container .page-container.transit.bars-15 {
    width: 855px;
    max-width: 855px;
    min-width: 855px;
  }
}
@media print, screen and (min-width: 52.5em) {
  .outer-container .page-container:not(.active) {
    overflow: hidden;
  }
  .outer-container .page-container .sidebar {
    position: absolute;
    display: block;
    height: 100vh;
    left: 0;
    top: 0;
    width: 2.4375rem;
  }
  .outer-container .page-container .sidebar span {
    font-size: 1.5rem;
    color: #0a0a0a;
    line-height: 1.95rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 800;
    letter-spacing: 0.6px;
  }
  .outer-container .page-container .sidebar span.icon {
    display: block;
    position: absolute;
    width: 2.4375rem;
    height: 1.375rem;
    line-height: 1.0625rem;
    top: 1.0625rem;
    left: 0;
    text-align: center;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 400ms;
    filter: none;
    /*Mandatory for IE9 to show the vertical text correctly*/
  }
  .outer-container .page-container .sidebar span.icon.left {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .outer-container .page-container .sidebar span.icon.right {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .outer-container .page-container .sidebar span.title {
    display: block;
    position: absolute;
    top: 9.375rem;
    left: 50%;
    text-align: left;
    width: 12.5rem;
    -webkit-transform: rotate(90deg) translateY(100px);
    -moz-transform: rotate(90deg) translateY(100px);
    -ms-transform: rotate(90deg) translateY(100px);
    -o-transform: rotate(90deg) translateY(100px);
    transform: rotate(90deg) translateY(100px);
    filter: none;
    /*Mandatory for IE9 to show the vertical text correctly*/
    transition: transform 200ms;
  }
  .outer-container .page-container .sidebar:hover {
    color: #0a0a0a;
  }
  .outer-container .page-container .sidebar:hover span.icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
}
@media screen and (max-width: 52.4375em) {
  .outer-container .page-container:not(.active) {
    display: none;
  }
  .outer-container .page-container.active .sidebar {
    display: none;
  }
  .mgnlLikeBtn {
    display: none !important;
  }
}
.main-wrapper {
  padding: 1.875rem;
}

@media screen and (max-width: 52.4375em) {
  .main-wrapper {
    padding: 0.625rem;
  }
}
button {
  cursor: pointer;
}

button:focus {
  outline: none;
}

.spaceBefore3, .spaceAfter3 {
  width: 100%;
  height: 15.625rem;
}

.spaceBefore2, .spaceAfter2 {
  width: 100%;
  height: 7.8125rem;
}

.spaceBefore1, .spaceAfter1 {
  width: 100%;
  height: 4.0625rem;
}

@media screen and (max-width: 52.4375em) {
  .spaceBefore3, .spaceAfter3 {
    height: 9.375rem;
  }
  .spaceBefore2, .spaceAfter2 {
    width: 100%;
    height: 4.6875rem;
  }
  .spaceBefore1, .spaceAfter1 {
    width: 100%;
    height: 2.5rem;
  }
}
header.branding .header-slider {
  height: 100%;
}

header.branding .pagination {
  position: absolute;
  text-align: center;
  padding-bottom: 0.5rem;
  bottom: 0;
  z-index: 1;
}

header.branding .pagination .swiper-pagination-bullet {
  background-color: #FFFFFF;
  margin: 0 10px;
  vertical-align: middle;
  opacity: 1;
}

header.branding .pagination .swiper-pagination-bullet:focus {
  outline: none;
}

header.branding .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.875rem;
  height: 0.875rem;
}

@media print, screen and (min-width: 52.5em) {
  header.branding {
    margin-bottom: 1.25rem;
    min-height: 9.375rem;
  }
  header.branding .header-wrapper {
    position: relative;
  }
  header.branding .header-wrapper.text {
    position: relative;
    padding-top: 11.25rem;
    padding-bottom: 11.25rem;
  }
  header.branding .header-wrapper.text p.lead-text {
    display: block;
    position: relative;
    width: 70%;
    left: 11.25rem;
    font-size: 2.3125rem;
    color: #0a0a0a;
    line-height: 2.775rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
  header.branding .header-wrapper.image {
    height: 56vw;
    max-height: 37.5rem;
    background-size: cover;
    background-position: top left;
  }
  header.branding .header-wrapper .header-slider .slide-image {
    height: 56vw;
    max-height: 37.5rem;
    background-size: cover;
    background-position: top left;
  }
  header.branding .bubble {
    position: absolute;
    width: 20%;
    max-width: 18.75rem;
    min-width: 9.375rem;
    height: auto;
    right: 7rem;
    bottom: 0;
    z-index: 1;
  }
  header.branding .logo {
    position: absolute;
    top: 1.5625rem;
    right: 1.875rem;
  }
  header.branding .logo img {
    width: 10.625rem;
    height: auto;
  }
  header.branding .logo #offcut-animate-logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 10.625rem;
    height: auto;
  }
  header.branding .header-logo-info {
    position: relative;
    min-height: 3.75rem;
  }
  header.branding .header-logo-info .place-info {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: calc(100% - 230px);
  }
  header.branding .header-logo-info .place-info > div {
    padding: 1.875rem;
  }
  header.branding .header-logo-info .place-info > div p {
    font-size: 0.875rem;
    line-height: 1.225rem;
  }
  header.branding .header-logo-info .place-info .contact p {
    margin: 0;
  }
  header.branding .header-logo-info .place-info p.title {
    font-size: 0.875rem;
    line-height: 24px;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
  }
  header.branding .header-logo-info .header-text {
    padding: 1.875rem;
    max-width: calc(100% - 230px);
    font-size: 1.25rem;
    color: #0a0a0a;
    line-height: 1.375rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
}
@media screen and (max-width: 1180px) {
  header.branding .header-wrapper.text p.lead-text {
    left: 7.8125rem;
    font-size: 2rem;
    color: #0a0a0a;
    line-height: 2.4rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
}
@media screen and (max-width: 1080px) {
  header.branding .header-wrapper.text p.lead-text {
    font-size: 1.6875rem;
    color: #0a0a0a;
    line-height: 2.025rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
}
@media screen and (max-width: 980px) {
  header.branding .header-wrapper.text p.lead-text {
    left: 3.125rem;
    width: calc(100% - 70px);
  }
}
@media screen and (max-width: 52.4375em) {
  header.branding {
    margin-bottom: 3.4375rem;
  }
  header.branding .header-wrapper {
    position: relative;
    text-align: right;
  }
  header.branding .header-wrapper.text {
    position: relative;
    width: 100%;
    text-align: right;
  }
  header.branding .header-wrapper.text > a {
    display: contents;
  }
  header.branding .header-wrapper.text p.lead-text {
    display: block;
    text-align: left;
    padding: 0 0.625rem;
    width: 100%;
    font-size: 1.25rem;
    color: #0a0a0a;
    line-height: 1.5rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
  header.branding .header-wrapper.text .bubble {
    position: relative;
    width: 9.375rem;
    bottom: 0;
    right: 1.25rem;
    z-index: 1;
  }
  header.branding .header-wrapper.image {
    height: 18.75rem;
    background-size: cover;
    background-position: top left;
  }
  header.branding .header-wrapper.image .bubble {
    position: absolute;
    width: 9.375rem;
    height: auto;
    bottom: -7.5rem;
    left: 0.75rem;
    z-index: 1;
  }
  header.branding .header-wrapper .header-slider .slide-image {
    max-height: 18.75rem;
    background-size: cover;
    background-position: top left;
  }
  header.branding .header-text {
    padding: 0.625rem;
  }
  header.branding .logo {
    display: block;
    width: 9.375rem;
    margin-left: auto;
    margin-right: 0;
  }
  header.branding .logo img, header.branding .logo svg {
    margin-bottom: 1.875rem;
    width: 38%;
    min-width: 9.375rem;
    max-width: 9.375rem;
    height: auto;
  }
  header.branding .logo img {
    margin-top: 0.4375rem;
  }
  header.branding .logo #offcut-animate-logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 10.625rem;
    height: auto;
  }
  header.branding .header-logo-info {
    position: relative;
  }
  header.branding .header-logo-info .place-info {
    font-size: 0.875rem;
    line-height: 1.05rem;
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  header.branding .header-logo-info .place-info > div {
    margin-bottom: 0.75rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    width: 50%;
  }
  header.branding .header-logo-info .place-info .contact p {
    margin: 0;
  }
  header.branding .header-logo-info .place-info p.title {
    font-size: 0.875rem;
    line-height: 24px;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
  }
}
.content-wrapper {
  max-width: 100%;
}

.content-wrapper h2 {
  position: relative;
  margin-bottom: 2.8125rem;
}

.content-wrapper h2 span.icon {
  display: inline-block;
  position: relative;
  width: 2.4375rem;
  height: 1.4375rem;
  line-height: 1.25rem;
  text-align: center;
  padding-left: 5px;
  top: -1px;
  left: 0;
  transition: left 200ms;
}

.content-wrapper h2 span.icon svg {
  max-height: 100%;
  width: auto;
}

.content-wrapper h2:hover span.icon {
  left: 7px;
}

@media screen and (max-width: 52.4375em) {
  .content-wrapper h2 {
    margin-bottom: 1.5625rem;
  }
}
.content-wrapper .title {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

.content-wrapper p {
  margin-bottom: 0;
}

.content-wrapper .showMore {
  display: block;
  font-size: 1.75rem;
  line-height: 2.275rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
  cursor: pointer;
  margin: 0 auto;
}

.content-wrapper .showMore:focus {
  outline: none;
}

.content-wrapper .showMore span.icon {
  position: relative;
  display: block;
  margin: 0.9375rem auto 0 auto;
  height: 1.4375rem;
  width: 1.4375rem;
  top: 0;
  transition: top 200ms;
  line-height: 1.4375rem;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.content-wrapper .showMore span.icon svg {
  max-height: 100%;
  width: auto;
}

.content-wrapper .showMore:hover {
  color: #9d9d9c;
}

.content-wrapper .showMore:hover span.icon {
  top: 7px;
}

.content-wrapper .content-info {
  margin-top: -1.875rem;
  text-align: right;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 52.5em) and (max-width: 63.9375em) {
  .content-wrapper .content-info {
    margin-bottom: 3.125rem;
  }
}
@media screen and (max-width: 52.4375em) {
  .content-wrapper .content-info {
    margin-bottom: 6.25rem;
  }
}
.searchbox {
  position: relative;
  margin: 0 0 1.875rem auto;
  border-bottom: 2px solid #0a0a0a;
  width: calc(25% - 23px);
  min-width: 12.5rem;
}

@media screen and (min-width: 52.5em) and (max-width: 63.9375em) {
  .searchbox {
    width: calc(33.3333333333% - 16px);
  }
}
@media screen and (max-width: 52.4375em) {
  .searchbox {
    width: calc(33.3333333333% - 16px);
  }
}
@media screen and (max-width: 800px) {
  .searchbox {
    width: calc(50% - 15px);
  }
}
.searchbox input {
  border: none;
  height: 2.1875rem;
  padding: 0.1875rem;
  width: calc(100% - 25px);
}

.searchbox button.icon {
  position: absolute;
  right: 0;
  top: 0.1875rem;
  display: inline-block;
  width: 1.5625rem;
  height: 1.5625rem;
}

.searchbox button.icon:hover svg path, .searchbox button.icon:hover svg rect {
  fill: #9d9d9c;
}

.content {
  position: relative;
  margin-bottom: 3.3125rem;
}

.content figure {
  position: relative;
}

.content.material figure, .content.teammember figure {
  height: 0;
  padding-bottom: 66%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 0.9375rem;
}

.content .head {
  margin-bottom: 0.9375rem;
}

.content .text {
  margin-top: 0.9375rem;
}

.content .text p {
  margin-bottom: 1rem;
  line-height: 1.4;
}

.content .tags button, .content .text p, .content .text h4, .content .text a, .content .head p, .content .head h4, .content .head a {
  transition: color 200ms;
}

.content .hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 200ms;
}

body:not(.touch-user) .content:hover .text p,
body:not(.touch-user) .content:hover .text h4,
body:not(.touch-user) .content:hover .text a,
body:not(.touch-user) .content:hover .head p,
body:not(.touch-user) .content:hover .head h4,
body:not(.touch-user) .content:hover .tags button,
body:not(.touch-user) .content:hover .head a {
  color: #9d9d9c;
}

body:not(.touch-user) .content:hover .hover {
  opacity: 0.5;
}

.grid-container {
  display: grid;
  justify-content: start;
  width: calc(100% + 30px);
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.grid-container.offcut-material .content, .grid-container.offcut-team .content {
  width: 25%;
  padding-right: 1.875rem;
  justify-self: flex-start;
}

@media screen and (min-width: 52.5em) and (max-width: 63.9375em) {
  .grid-container.offcut-material .content, .grid-container.offcut-team .content {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 800px) {
  .grid-container.offcut-material .content, .grid-container.offcut-team .content {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .grid-container.offcut-material .content, .grid-container.offcut-team .content {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 52.4375em) {
  .grid-container.offcut-material, .grid-container.offcut-team {
    width: 100%;
  }
}
.grid-container.offcut-aktuelles .content,
.grid-container.offcut-calendar .content,
.grid-container.offcut-angebote .content {
  width: 33.3333333333%;
  padding-right: 1.875rem;
}

@media screen and (max-width: 800px) {
  .grid-container.offcut-aktuelles .content,
  .grid-container.offcut-calendar .content,
  .grid-container.offcut-angebote .content {
    width: 50%;
  }
}
@media screen and (max-width: 52.4375em) {
  .grid-container.offcut-aktuelles,
  .grid-container.offcut-calendar,
  .grid-container.offcut-angebote {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .grid-container.offcut-aktuelles .content,
  .grid-container.offcut-calendar .content,
  .grid-container.offcut-angebote .content {
    width: 100%;
    padding-right: 0;
  }
}
.grid-container.has-overlay .content {
  cursor: pointer;
}

.grid-container .content p {
  margin-bottom: 0;
}

.overlays {
  display: none;
}

.overlays:not(.nav-overlay) {
  background-color: #0a0a0a;
}

@media print, screen and (min-width: 52.5em) {
  .overlays {
    padding: 3.125rem 7.5rem;
  }
}
.overlays.laysover {
  position: fixed;
  display: block;
  overflow: hidden;
  top: 0;
  left: 2.4375rem;
  bottom: 0;
  right: 0;
  z-index: 99;
}

@media screen and (max-width: 52.4375em) {
  .overlays.laysover {
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.overlays .close-overlay {
  position: absolute;
  padding: 0.625rem;
  z-index: 2;
}

@media print, screen and (min-width: 52.5em) {
  .overlays .close-overlay {
    top: 2.5rem;
    right: 2.5rem;
    width: 3.125rem;
    height: 3.125rem;
  }
}
@media screen and (max-width: 52.4375em) {
  .overlays .close-overlay {
    top: 0.25rem;
    right: 0.25rem;
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.overlays .close-overlay span {
  display: block;
  width: 100%;
  height: 100%;
}

.overlays .close-overlay span svg {
  max-height: 100%;
  width: auto;
}

.overlays .close-overlay span svg path, .overlays .close-overlay span svg line {
  stroke: #FFFFFF;
  fill: #FFFFFF;
  stroke-width: 4px;
}

.overlays .swiper-slide {
  color: #FFFFFF;
}

@media print, screen and (min-width: 52.5em) {
  .overlays .swiper-slide {
    height: calc(100vh - 100px);
  }
}
.overlays .swiper-slide .slider-text {
  height: 100%;
}

.overlays .overlay {
  position: relative;
  max-height: 100%;
  max-width: 83.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 52.4375em) {
  .overlays .overlay {
    top: 0;
    left: 0;
    padding-top: 7.5rem;
    transform: none;
  }
}
.overlays .overlay .wrapper {
  width: 33.3333333333%;
  min-width: 15.625rem;
  flex-grow: 1;
  padding: 0 1.25rem;
}

.overlays .overlay .wrapper.two-rows {
  width: 66%;
}

@media screen and (min-width: 52.5em) and (max-width: 63.9375em) {
  .overlays .overlay .wrapper {
    width: 47%;
    max-height: none;
  }
  .overlays .overlay .wrapper.two-rows {
    width: 100%;
  }
}
@media screen and (max-width: 52.4375em) {
  .overlays .overlay .wrapper {
    width: 100%;
  }
  .overlays .overlay .wrapper.two-rows {
    width: 100%;
  }
}
.overlays .overlay .wrapper p, .overlays .overlay .wrapper a {
  color: #FFFFFF;
}

.overlays .overlay .wrapper .images {
  margin-bottom: 1.5625rem;
  text-align: center;
}

.overlays .overlay .wrapper .images img {
  display: none;
  max-width: 100%;
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.overlays .overlay .wrapper .images figure {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  max-height: 100%;
}

@media print, screen and (min-width: 52.5em) {
  .overlays .overlay .wrapper .images figure {
    margin-bottom: 4.0625rem;
  }
}
.overlays .overlay .wrapper .images figure .sizer {
  position: relative;
  padding-bottom: 66%;
}

.overlays .overlay .wrapper.description, .overlays .overlay .wrapper.address {
  padding-top: 0.8125rem;
}

.overlays .overlay .wrapper .common-text {
  margin-top: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.1375rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

.overlays .overlay .wrapper .component-common {
  padding-top: 3.125rem;
}

.overlays .slider-button {
  position: absolute;
  height: 3.75rem;
  width: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.625rem;
  cursor: pointer;
  line-height: 2.5rem;
  border: 1px solid transparent;
}

@media screen and (max-width: 52.4375em) {
  .overlays .slider-button {
    top: 4rem;
    width: 3.125rem;
    height: 3.125rem;
    transform: none !important;
    z-index: 2;
  }
}
@media print, screen and (min-width: 52.5em) {
  .overlays .slider-button svg {
    vertical-align: middle;
  }
}
.overlays .slider-button svg path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.overlays .slider-button.button-prev {
  left: 1.25rem;
}

@media screen and (max-width: 52.4375em) {
  .overlays .slider-button.button-prev {
    left: 0.25rem;
  }
}
.overlays .slider-button.button-prev.swiper-button-disabled {
  display: none;
}

.overlays .slider-button.button-next {
  right: 1.25rem;
  transform: translateY(-50%) rotateY(180deg);
}

@media screen and (max-width: 52.4375em) {
  .overlays .slider-button.button-next {
    right: 0.25rem;
  }
}
@media screen and (max-width: 52.4375em) {
  .overlays .slider-button.button-next {
    transform: rotateY(180deg) !important;
  }
}
.overlays .slider-button:focus {
  outline: none;
}

.overlays section.images-wrapper {
  position: relative;
}

@media print, screen and (min-width: 52.5em) {
  .overlays section.images-wrapper {
    padding-bottom: 2.1875rem;
  }
}
.overlays section.images-wrapper .images-slider:not(.slick-initialized) {
  height: 26.5625rem;
}

.overlays section.images-wrapper .images-slider:not(.slick-initialized) .slide {
  display: none;
}

.overlays section.images-wrapper .slide {
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 0;
  padding-bottom: 66%;
}

@media print, screen and (min-width: 52.5em) {
  .overlays section.images-wrapper .slide img {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.overlays section.images-wrapper .slick-arrow {
  position: absolute;
  top: 0;
  width: 50%;
  transform: none;
  padding-right: calc(50% - 35px);
  padding-left: 0.625rem;
  opacity: 0;
  transition: opacity 400ms;
}

@media print, screen and (min-width: 52.5em) {
  .overlays section.images-wrapper .slick-arrow {
    height: 26.5625rem;
  }
}
@media screen and (max-width: 52.4375em) {
  .overlays section.images-wrapper .slick-arrow {
    display: none;
  }
}
body:not(.touch-user) .overlays section.images-wrapper .slick-arrow:hover {
  opacity: 1;
}

.overlays section.images-wrapper .slick-arrow svg path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.overlays section.images-wrapper .slick-arrow:before {
  display: none;
}

.overlays section.images-wrapper .slick-arrow.slick-prev {
  left: 0;
}

.overlays section.images-wrapper .slick-arrow.slick-next {
  right: 0;
  transform: rotateZ(180deg);
}

.overlays section.images-wrapper .slider-count {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 600;
}

@media screen and (max-width: 52.4375em) {
  .overlays section.images-wrapper .slider-count {
    bottom: -1.375rem;
  }
}
footer.footer {
  position: relative;
  padding: 1.875rem;
  padding-bottom: 10.625rem;
}

footer.footer h2 {
  margin-bottom: 2.5rem;
}

footer.footer p.title {
  font-weight: bold;
  margin-bottom: 0;
}

footer.footer .inner-wrapper {
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.footer-flex {
  display: flex;
  flex-flow: row wrap;
}

.footer-flex .left-col {
  flex-grow: 1;
  width: 50%;
  display: flex;
  flex-flow: row wrap;
}

.footer-flex .left-col > div {
  min-width: 300px;
  padding-right: 20px;
}

.footer-flex .right-col {
  min-width: 300px;
}

footer.footer .right-col a.page {
  display: inline-block;
  margin-bottom: 0.9375rem;
}

footer.footer .link-component {
  margin-bottom: 0.9375rem;
}

footer.footer .bottom-links {
  position: relative;
  bottom: -60px;
}

@media screen and (max-width: 52.4375em) {
  footer.footer {
    padding-bottom: 3.125rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  footer.footer .bottom-links {
    bottom: -3.125rem;
  }
}
.shareicons {
  display: inline-block;
  height: 100%;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.shareicons a {
  display: block;
  float: left;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.4375rem;
  line-height: 1.25rem;
}

.shareicons a img, .shareicons a svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: middle;
}

.shareicons a:hover {
  opacity: 0.3;
}

button.backToTop {
  display: block;
  opacity: 0;
  margin: 0 auto 2.5rem auto;
  font-size: 1.75rem;
  line-height: 2.275rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
  cursor: pointer;
}

button.backToTop span.icon {
  position: relative;
  display: block;
  bottom: 0;
  transition: bottom 200ms;
  margin: 0.9375rem auto 0 auto;
  height: 1.4375rem;
  line-height: 1.4375rem;
  width: 1.4375rem;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

button.backToTop span.icon svg {
  max-height: 100%;
  width: auto;
}

button.backToTop:hover {
  color: #9d9d9c;
}

button.backToTop:hover span.icon {
  bottom: 7px;
}

button.backToTop.active {
  opacity: 1;
}

@media screen and (max-width: 888px) {
  button.backToTop {
    font-size: 1rem;
    line-height: 1.2rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 600;
  }
  button.backToTop span.icon {
    width: 0.9375rem;
    height: 0.9375rem;
  }
}
.s-burger:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: inherit;
  transform: translateX(-50%) translateY(-50%);
  transition: transform 500ms;
}

body.navexp .s-burger {
  z-index: 100;
}

.editmode .s-burger {
  top: 3.4375rem;
}

.s-burger {
  display: block;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  height: 21px;
  width: 29px;
  top: 1.1875rem;
  left: 1.1875rem;
}

@media screen and (max-width: 52.4375em) {
  .s-burger {
    top: 17px;
    left: 13px;
  }
}
.s-burger.reverse {
  transform: rotateZ(180deg);
}

.s-burger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 29px;
  transition: background-color 0.3s;
}

.s-burger span.t {
  top: 0;
  background-color: #0a0a0a;
}

.s-burger span.m {
  top: 9px;
  background-color: #0a0a0a;
}

.s-burger span.b {
  top: 18px;
  background-color: #0a0a0a;
}

.s-burger:hover .t, .s-burger:hover .m, .s-burger:hover .b {
  background-color: #0a0a0a;
}

.s-burger.is-active:hover .t, .s-burger.is-active:hover .m, .s-burger.is-active:hover .b {
  background-color: #0a0a0a;
}

.s-burger.is-active .t {
  top: 0;
  animation: activate-t-normal 0.3s linear 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #0a0a0a;
}

@keyframes activate-t-normal {
  0% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  40% {
    transform: translateY(18px) translateX(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(8px) translateX(0) rotateZ(45deg);
    opacity: 1;
  }
}
.s-burger.is-active .m {
  top: 9px;
  animation: activate-m-normal 0.3s linear 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #0a0a0a;
}

@keyframes activate-m-normal {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 0;
  }
}
.s-burger.is-active .b {
  top: 18px;
  animation: activate-b-normal 0.3s linear 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #0a0a0a;
}

@keyframes activate-b-normal {
  0% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  40% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10px) translateX(0) rotateZ(-45deg);
    opacity: 1;
  }
}
.s-burger.is-active.reverse .t {
  animation: activate-t-normal 0.3s linear 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #0a0a0a;
}

@keyframes activate-t-normal {
  0% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  40% {
    transform: translateY(18px) translateX(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(8px) translateX(0) rotateZ(45deg);
    opacity: 1;
  }
}
.s-burger.is-active.reverse .m {
  animation: activate-m-normal 0.3s linear 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #0a0a0a;
}

@keyframes activate-m-normal {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 0;
  }
}
.s-burger.is-active.reverse .b {
  animation: activate-b-normal 0.3s linear 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  background-color: #0a0a0a;
}

@keyframes activate-b-normal {
  0% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  40% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10px) translateX(0) rotateZ(-45deg);
    opacity: 1;
  }
}
body:not(.touch-user) .s-burger.not-active:hover .t, body:not(.touch-user) .s-burger.not-active:hover .m, body:not(.touch-user) .s-burger.not-active:hover .b {
  background-color: #0a0a0a;
}

.s-burger.not-active .t {
  top: 0;
  animation: activate-t-reverse 0.3s linear 1;
  animation-fill-mode: backwards;
  animation-direction: reverse;
  background-color: #0a0a0a;
}

@keyframes activate-t-reverse {
  0% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  40% {
    transform: translateY(18px) translateX(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(8px) translateX(0) rotateZ(45deg);
    opacity: 1;
  }
}
.s-burger.not-active .m {
  top: 9px;
  animation: activate-m-reverse 0.3s linear 1;
  animation-fill-mode: backwards;
  animation-direction: reverse;
  background-color: #0a0a0a;
}

@keyframes activate-m-reverse {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 0;
  }
}
.s-burger.not-active .b {
  top: 18px;
  animation: activate-b-reverse 0.3s linear 1;
  animation-fill-mode: backwards;
  animation-direction: reverse;
  background-color: #0a0a0a;
}

@keyframes activate-b-reverse {
  0% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  40% {
    transform: translateY(0) translateX(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10px) translateX(0) rotateZ(-45deg);
    opacity: 1;
  }
}
.nav-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

.langNav ul li {
  list-style-type: none;
}

.nav-overlay .langNav {
  width: 15.625rem;
  pointer-events: auto;
}

.nav-overlay .langNav ul {
  display: inline-block;
  height: 100%;
}

.nav-overlay .langNav ul li {
  float: left;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.nav-overlay .langNav ul li a {
  font-size: 1.75rem;
  line-height: 2.275rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

.nav-overlay .langNav ul li a.active {
  font-size: 1.75rem;
  color: #FFFFFF;
  line-height: 2.275rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
  cursor: auto;
}

.nav-overlay .langNav ul li a:after {
  display: none;
}

@media screen and (max-width: 52.4375em) {
  .nav-overlay .langNav {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 50px;
  }
  .nav-overlay .langNav ul {
    margin-bottom: 0;
    line-height: 50px;
  }
  .nav-overlay .langNav ul li {
    float: none;
    display: inline-block;
    padding-bottom: 0;
    padding-right: 1.125rem;
  }
  .nav-overlay .langNav ul li a {
    font-size: 1.25rem;
    color: #0a0a0a;
    line-height: 1.625rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
  }
  .nav-overlay .langNav ul li a.active {
    font-size: 1.25rem;
    color: #0a0a0a;
    line-height: 1.625rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 600;
  }
}
.nav-overlay nav.navigation ul li {
  position: relative;
  list-style-type: none;
  padding-bottom: 0.875rem;
  pointer-events: auto;
}

.nav-overlay nav.navigation ul li.has-sub li {
  padding-bottom: 0;
  padding-top: 0.1875rem;
}

.nav-overlay nav.navigation ul li.has-sub li a, .nav-overlay nav.navigation ul li.has-sub li span.icon {
  font-size: 1.3125rem;
  color: #0a0a0a;
  line-height: 1.70625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
  transform: translateX(-30px) translateY(-1px);
}

@media screen and (max-width: 52.4375em) {
  .nav-overlay nav.navigation ul li.has-sub li a, .nav-overlay nav.navigation ul li.has-sub li span.icon {
    font-size: 0.9375rem;
    line-height: 1.21875rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 600;
  }
}
.nav-overlay nav.navigation ul li a, .nav-overlay nav.navigation ul li span.icon {
  font-size: 1.75rem;
  color: #0a0a0a;
  line-height: 2.275rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

.nav-overlay nav.navigation ul li.active > span.icon, .nav-overlay nav.navigation ul li:hover > span.icon {
  display: block;
}

.nav-overlay nav.navigation ul span.icon {
  display: none;
  position: absolute;
  transform: translateX(-40px) translateY(-1px);
}

body.navexp .visible .inner-container {
  overflow: hidden;
}
body.navexp .nav-overlay {
  position: fixed;
  top: 0;
  left: 39px;
  bottom: 0;
  right: 0;
}

@media print, screen and (min-width: 52.5em) {
  body.navexp .nav-overlay {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 52.4375em) {
  body.navexp .nav-overlay {
    display: none;
  }
  body.navexp .inner-container > :not(span) {
    opacity: 0;
  }
}
nav.mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 60px;
  pointer-events: none;
}

nav.mobile-nav ul {
  margin: 0;
  pointer-events: auto;
}

nav.mobile-nav ul li.active > span.icon, nav.mobile-nav ul li.showArrow > span.icon {
  display: block;
}

nav.mobile-nav ul li span.icon {
  position: absolute;
  display: none;
  left: 5px;
  top: 0;
}

nav.mobile-nav ul li.level-1 > p {
  position: relative;
  padding-left: 3.125rem;
}

nav.mobile-nav ul li.level-1 > p:hover:after {
  left: 0.9375rem;
}

nav.mobile-nav ul li.level-1 > p:after {
  position: absolute;
  left: 0.9375rem;
  top: -0.1875rem;
  right: auto;
  transition: transform 200ms;
}

nav.mobile-nav ul li.level-1 li.active, nav.mobile-nav ul li.level-1 li.showArrow {
  position: relative;
}

nav.mobile-nav span.icon {
  display: block;
  transform: translateY(-1px);
}

nav.mobile-nav > ul {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

nav.mobile-nav .level-1 {
  width: 100%;
  transition: flex-grow 200ms;
}

nav.mobile-nav .level-1 > p {
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding: 0 0.625rem;
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
  line-height: 2.5rem;
  padding-left: 1.6875rem;
  cursor: pointer;
}

nav.mobile-nav .level-1 > p:after {
  content: "→";
}

nav.mobile-nav .level-1 > span.icon {
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
  line-height: 2.5rem;
}

nav.mobile-nav .level-1 > ul.nav {
  max-height: 0;
  transition: max-height 50ms;
}

nav.mobile-nav .level-1 > ul.nav > li:first-child {
  margin-top: 1.125rem;
}

nav.mobile-nav .level-1 > ul.nav > li:last-child {
  margin-bottom: 1rem;
}

nav.mobile-nav .level-1 ul {
  margin-left: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
}

nav.mobile-nav .level-1 ul li {
  padding-bottom: 0.875rem;
  padding-left: 2.375rem;
}

nav.mobile-nav .level-1 ul li:first-child {
  padding-top: 0.75rem;
}

nav.mobile-nav .level-1 ul li:first-child > span.icon {
  top: 0.75rem;
}

nav.mobile-nav .level-1 ul li a, nav.mobile-nav .level-1 ul li span.icon {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

nav.mobile-nav .level-1 ul li ul li a, nav.mobile-nav .level-1 ul li ul li span.icon {
  font-size: 1rem;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

nav.mobile-nav .level-1.open, nav.mobile-nav .level-1.active {
  flex-grow: 1;
}

nav.mobile-nav .level-1.open > ul, nav.mobile-nav .level-1.active > ul {
  max-height: 150vh;
  transition: max-height 200ms;
}

nav.mobile-nav .level-1.open .langNav, nav.mobile-nav .level-1.active .langNav {
  display: block;
}

nav.mobile-nav .level-1.open p:after, nav.mobile-nav .level-1.active p:after {
  transform: rotateZ(90deg) translateY(-4px) translateX(3px);
}

nav.mobile-nav .level-1:first-child .langNav {
  display: block;
}

nav.mobile-nav .langNav {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: calc(100vw - 50px);
}

nav.mobile-nav .langNav ul {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

nav.mobile-nav .langNav ul li.active {
  display: none;
}

nav.mobile-nav .langNav ul li, nav.mobile-nav .langNav ul li:first-child {
  padding: 0.625rem 0.75rem;
}

nav.mobile-nav .langNav ul li a:after, nav.mobile-nav .langNav ul li:first-child a:after {
  display: none;
}

@media screen and (max-width: 52.4375em) {
  body.navexp nav.mobile-nav {
    display: block;
  }
}
.grid-component {
  max-width: 100%;
  margin-bottom: 60px;
}

.grid-component p {
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
  word-wrap: break-word;
  text-overflow: ellipsis;
}

.grid-component .grid-container {
  width: 100%;
}

@media print, screen and (min-width: 52.5em) {
  .grid-component .grid-container {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .grid-component .grid-container .grid-item {
    max-width: 100%;
    padding: 0 20px;
    flex-grow: 1;
    flex-basis: 0;
  }
  .grid-component .grid-container .grid-item:first-child {
    padding-left: 0;
  }
  .grid-component .grid-container .grid-item:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 52.4375em) {
  .grid-component .grid-container {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .grid-component .grid-container .grid-item {
    display: contents;
  }
  .grid-component .grid-container .grid-item .textAndImage img {
    width: 100%;
  }
}
.form {
  margin-bottom: 60px;
  /* checkbox */
}

.form h2 {
  margin-bottom: 1.875rem;
}

.form fieldset {
  border: none;
}

.form .fieldset-group {
  padding: 0;
  margin-bottom: 1.875rem;
}

.form .form-row {
  width: 100%;
}

.form .form-row > input + span {
  display: block;
  margin-bottom: 0.8125rem;
}

.form .form-row > label {
  display: block;
  margin: 7px 0;
}

.form .form-row.form-row-group {
  padding-left: 3px;
}

.form .form-row.form-row-group:not(.editmode) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
}

.form .form-row fieldset {
  padding: 0;
}

.form .form-row .form-item {
  position: relative;
}

.form .form-row .form-item-s {
  flex-grow: 1;
  max-width: 26%;
}

.form .form-row .form-item-m {
  flex-grow: 2;
}

.form .form-row .form-item-l {
  flex-grow: 3;
}

.form .form-row .form-item-s, .form .form-row .form-item-m, .form .form-row .form-item-l {
  border: 3px solid #0a0a0a;
  margin-top: -3px;
  margin-left: -3px;
  flex-basis: 0;
}

.form .form-row .form-item-s input, .form .form-row .form-item-m input, .form .form-row .form-item-l input {
  border: none;
  margin: 0;
}

.form .button-wrapper {
  text-align: right;
}

.form .button-wrapper input[type=submit] {
  width: auto;
  background: #0a0a0a;
  color: white;
  padding: 6px 40px;
}

.form button, .form input:not([type=checkbox]), .form select, .form textarea {
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
  border: 3px solid #0a0a0a;
  border-radius: 0 !important;
  margin-top: -3px;
  padding: 6px 12px;
  min-height: 1.25rem;
  width: 100%;
}

.form label {
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

.form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.875rem;
  width: 1.875rem;
  background-color: transparent;
  margin-top: 0;
  border: 3px solid #0a0a0a;
}

.form .form-item-checkbox, .form .form-item-radio {
  margin-bottom: 1.25rem;
}

.form .form-item-checkbox label, .form .form-item-radio label {
  display: block;
  line-height: 1.875rem;
  vertical-align: middle;
  cursor: pointer;
}

.form .form-item-checkbox input, .form .form-item-radio input {
  display: inline;
  opacity: 0;
  cursor: pointer;
  width: 2.8125rem;
}

.form .form-item-checkbox:hover input ~ .checkmark, .form .form-item-radio:hover input ~ .checkmark {
  background-color: #ccc;
  cursor: pointer;
}

.form .form-item-checkbox input:checked ~ .checkmark, .form .form-item-radio input:checked ~ .checkmark {
  background-color: #0a0a0a;
}

.form .form-item-checkbox input:checked ~ .checkmark:after, .form .form-item-radio input:checked ~ .checkmark:after {
  display: block;
}

.form .form-item-checkbox .checkmark:after, .form .form-item-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form .form-item-checkbox .checkmark:after, .form .form-item-radio .checkmark:after {
  left: 0.3125rem;
  top: 0;
  width: 15px;
  height: 1.25rem;
  border: solid white;
  border-width: 0 6px 6px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mod {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.mod .form-item {
  padding-right: 1.875rem;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 1rem;
  color: #848484;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 1rem;
  color: #848484;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 1rem;
  color: #848484;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

#mgnlhp {
  display: none;
}

.newsletter-subscribe-form {
  max-width: 300px;
}

.newsletter-subscribe-form input {
  padding: 8px 8px 8px 0;
  margin-bottom: 8px;
  margin-right: 8px;
  max-width: 300px;
  border-bottom: 2px solid #0a0a0a;
  border-left: none;
  border-right: none;
  border-top: none;
  width: 100%;
}

.newsletter-subscribe-form .link-component {
  display: inline-block;
}

.textAndImage {
  max-width: 100%;
}

.textAndImage h2 {
  margin-bottom: 1.375rem;
}

.textAndImage .bigTitle:hover a span.icon {
  left: 7px;
}
.textAndImage .bigTitle a {
  font-size: inherit;
}
.textAndImage .bigTitle a span.icon {
  position: relative;
  top: -1px;
  left: 0;
  transition: left 200ms;
}

.textAndImage h4, .textAndImage a {
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

.textAndImage p {
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
  word-wrap: break-word;
  text-overflow: ellipsis;
}

.textAndImage li {
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

.textAndImage ol li {
  font-weight: 600;
}

.textAndImage a {
  max-width: 100%;
  word-wrap: break-word;
}

.textAndImage a .icon {
  padding-left: 6px;
}

.textAndImage a .icon svg {
  width: 12px;
}

.textAndImage .icon {
  height: auto;
  display: inline-block;
}

.textAndImage .icon svg {
  width: 20px;
}

.textAndImage .icon.right svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.textAndImage .icon.left svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.textAndImage.container-center .text-content .text {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 52.4375em) {
  .textAndImage.container-center .text-content .text {
    width: 100%;
  }
}
.textAndImage .image-text-aligned {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: -20px;
  margin-left: -20px;
}

.textAndImage .image-text-aligned .image-content, .textAndImage .image-text-aligned .text-content {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 20px;
}

.textAndImage:not(.image-text-aligned) .image-content, .textAndImage:not(.image-text-aligned) .text-content {
  margin-bottom: 48px;
}

.textAndImage .image-content .caption {
  text-align: right;
  padding: 6px 0;
  margin-bottom: 24px;
}

.video-embed-component {
  margin-bottom: 60px;
}

.video-embed-component h2 {
  margin-bottom: 2.5rem;
}

.video-embed-component .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.video-embed-component .embed-container iframe,
.video-embed-component .embed-container object,
.video-embed-component .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-embed-component .video-caption {
  margin-top: 20px;
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.video-embed-component .video-caption p {
  font-size: 1.25rem;
  color: #0a0a0a;
  line-height: 1.625rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 800;
}

.video-embed-component .video-caption .video-description {
  flex: 2;
}

.video-embed-component .video-caption .video-meta-infos {
  text-align: right;
  flex: 1;
}

.slider-component h2 {
  margin-bottom: 2.8125rem;
}

@media screen and (max-width: 52.4375em) {
  .slider-component h2 {
    margin-bottom: 1.5625rem;
  }
}
.slider-component .slider-wrapper {
  padding: 0 30px;
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.slider-component .slider-wrapper .slider-container-wrapper {
  width: calc(70% - 60px);
  padding: 0 30px;
  margin-bottom: 2.1875rem;
  position: relative;
  flex-grow: 2;
}

.slider-component .slider-wrapper .slider-container-wrapper .slider-container {
  width: 100%;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow {
  width: 2.7vw;
  min-width: 1.25rem;
  max-width: 2.375rem;
  height: auto;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow svg path {
  stroke: #0a0a0a;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow:hover svg path {
  stroke: #9d9d9c;
  fill: #9d9d9c;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow:before {
  font-size: 3.75rem;
  color: #0a0a0a;
  line-height: 4.875rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow.slick-prev {
  left: -2%;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow.slick-prev:before {
  content: "";
  display: none;
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow.slick-next {
  right: -2%;
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  -moz-transform: translate(0, -50%) rotate(-180deg);
  -ms-transform: translate(0, -50%) rotate(-180deg);
  -o-transform: translate(0, -50%) rotate(-180deg);
  transform: translate(0, -50%) rotate(-180deg);
}

.slider-component .slider-wrapper .slider-container-wrapper .slick-arrow.slick-next:before {
  content: "";
  display: none;
}

.slider-component .slider-wrapper .slider-count {
  position: absolute;
  margin: 0;
  bottom: -1.875rem;
  right: 1.875rem;
  text-align: right;
  font-weight: bold;
}

.slider-component .slider-wrapper .description {
  flex-grow: 1;
  width: 30%;
  min-width: 14.375rem;
  padding-left: 30px;
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 800;
}

.slider-component .slider-wrapper .description .image-caption {
  margin-top: 0.875rem;
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 200;
}

@media screen and (min-width: 876px) {
  .slider-component.full-width .slider-wrapper {
    display: block;
    position: relative;
    margin: 0 4.25rem;
    padding: 0;
  }
  .slider-component.full-width .slider-wrapper .slider-container-wrapper {
    padding: 0;
    width: 100%;
  }
  .slider-component.full-width .slider-wrapper .slider-container-wrapper .slick-arrow {
    display: block;
    width: 2.375rem;
    text-align: left;
  }
  .slider-component.full-width .slider-wrapper .slider-container-wrapper .slick-arrow.slick-prev {
    left: -4.25rem;
  }
  .slider-component.full-width .slider-wrapper .slider-container-wrapper .slick-arrow.slick-next {
    right: -4.25rem;
  }
  .slider-component.full-width .slider-wrapper .slider-container-wrapper .slick-arrow svg {
    width: 2.375rem;
  }
  .slider-component.full-width .slider-wrapper .slider-count {
    bottom: -1.875rem;
    left: 0;
    right: auto;
    text-align: left;
    font-weight: bold;
  }
  .slider-component.full-width .slider-wrapper .description {
    padding-top: 0.875rem;
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% - 6px));
    right: 0;
    width: calc(100% - 50px);
    min-width: 14.375rem;
    text-align: right;
    padding-left: 30px;
    font-size: 1rem;
    color: #0a0a0a;
    line-height: 1.3rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 800;
  }
  .slider-component.full-width .slider-wrapper .description .image-caption {
    font-size: 1rem;
    color: #0a0a0a;
    line-height: 1.3rem;
    font-family: Euclide, verdana, sans-serif;
    font-weight: 200;
    margin-top: 0;
  }
}
@media screen and (max-width: 875px) {
  .slider-component .slider-wrapper {
    padding: 0;
  }
  .slider-component .slider-wrapper .slider-container-wrapper {
    width: 100%;
    padding: 0;
  }
  .slider-component .slider-wrapper .slider-container-wrapper .slick-arrow {
    display: none !important;
  }
  .slider-component .slider-wrapper section.description {
    padding-left: 0;
  }
}
.slick-slide .heightcontrol {
  position: relative;
  height: 0;
  max-width: 100%;
  padding-bottom: 67%;
}

.slick-slide .heightcontrol div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.slick-slide .heightcontrol img {
  display: block;
  margin: 0 auto;
  height: 100%;
  max-height: 100%;
}

.link-component {
  display: block;
}

.link-component a {
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.3rem;
  font-family: Euclide, verdana, sans-serif;
  font-weight: 600;
}

.link-component a:hover {
  color: #9d9d9c;
}

.link-component a:hover span.icon {
  left: 3px;
}

.link-component a span.icon {
  position: relative;
  left: 0;
  transition: left 200ms;
}

.link-component span.icon {
  padding-left: 5px;
}

.link-component span.icon svg {
  height: 0.8em;
}

.link-component.page span.icon, .link-component.external span.icon {
  display: inline-block;
}

@keyframes main-o {
  57.33333% {
    visibility: visible;
  }
  58.33333% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes second-o {
  57.33333% {
    visibility: hidden;
  }
  58.33333% {
    visibility: visible;
  }
  65.66667% {
    visibility: visible;
  }
  66.66667% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
svg .o path:nth-child(1) {
  animation: main-o 3s linear infinite;
  will-change: opacity;
}

svg .o path:nth-child(2) {
  visibility: hidden;
  will-change: opacity;
  animation: second-o 3s linear 0.125s infinite;
}

svg .o path:nth-child(3) {
  visibility: hidden;
  will-change: opacity;
  animation: second-o 3s linear 0.375s infinite;
}

svg .o path:nth-child(4) {
  visibility: hidden;
  will-change: opacity;
  animation: second-o 3s linear 0.625s infinite;
}

svg .o path:nth-child(5) {
  visibility: hidden;
  will-change: opacity;
  animation: second-o 3s linear 0.875s infinite;
}

@keyframes main-c {
  55.25% {
    visibility: visible;
  }
  56.25% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes second-c {
  55.25% {
    visibility: hidden;
  }
  56.25% {
    visibility: visible;
  }
  64% {
    visibility: visible;
  }
  65% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
svg .c path:nth-child(1) {
  animation: main-c 4s linear infinite;
  will-change: opacity;
}

svg .c path:nth-child(2) {
  visibility: hidden;
  will-change: opacity;
  animation: second-c 4s linear 0.175s infinite;
}

svg .c path:nth-child(3) {
  visibility: hidden;
  will-change: opacity;
  animation: second-c 4s linear 0.525s infinite;
}

svg .c path:nth-child(4) {
  visibility: hidden;
  will-change: opacity;
  animation: second-c 4s linear 0.875s infinite;
}

svg .c path:nth-child(5) {
  visibility: hidden;
  will-change: opacity;
  animation: second-c 4s linear 1.225s infinite;
}

.raise-now > #lema-container {
  margin: 0 auto !important;
}

.offcut-calendar .content-info {
  margin-top: 0;
}

.calendar-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 70px;
}
@media screen and (min-width: 1200px) {
  .calendar-wrapper > div {
    width: 50%;
  }
  .calendar-wrapper .div-calendar {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .calendar-wrapper > div {
    width: 100%;
  }
}
@media screen and (max-width: 839px) {
  .calendar-wrapper .div-calendar {
    padding-right: 29px;
  }
}
@media screen and (max-width: 500px) {
  .calendar-wrapper .div-calendar {
    padding-right: 0;
  }
}
.calendar-wrapper .filter .f-label {
  opacity: 0;
  transition: opacity 200ms;
}
.calendar-wrapper .filter .f-label.visible {
  opacity: 1;
}
.calendar-wrapper .filter .tag {
  position: relative;
  display: block;
  padding-left: 30px;
  margin: 7px;
  font-weight: 200;
}
.calendar-wrapper .filter .tag:before, .calendar-wrapper .filter .tag:after {
  content: "";
  position: absolute;
  left: 0;
  border-left: 1px solid #0a0a0a;
  height: 15px;
}
.calendar-wrapper .filter .tag:before {
  transform-origin: top left;
  transform: rotateZ(-45deg);
  top: 3px;
}
.calendar-wrapper .filter .tag:after {
  transform-origin: bottom left;
  transform: rotateZ(45deg);
  bottom: 3px;
}

.calendar .month {
  padding: 5px;
  border-top: 2px solid #0a0a0a;
  border-bottom: 2px solid #0a0a0a;
  text-align: center;
}
.calendar .month h2 {
  margin-bottom: 0;
}
@media screen and (max-width: 400px) {
  .calendar .month h2 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 370px) {
  .calendar .month h2 {
    font-size: 1.2rem;
  }
}
.calendar .days, .calendar .days-h {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 2px;
  background-color: #0a0a0a;
  border-bottom: 2px solid #0a0a0a;
}
.calendar .day, .calendar .day-h {
  background-color: #fff;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 500px) {
  .calendar .day, .calendar .day-h {
    padding: 2px;
  }
}
.calendar .day-h {
  font-weight: bold;
}
.calendar .day.out {
  color: #ababab;
  pointer-events: none;
}
.calendar .day {
  position: relative;
}
.calendar .day > span {
  position: relative;
}
.calendar .day .colors {
  position: absolute;
  display: flex;
  left: 0;
  bottom: 0;
  width: 100%;
  flex-flow: column nowrap;
}
.calendar .day .colors span {
  width: 100%;
  height: 7px;
}
.calendar .day.entries {
  cursor: pointer;
}
.calendar .day.entries:hover {
  font-weight: bold;
}
.calendar .day.entries.active {
  font-weight: bold;
}
.calendar .calendar-nav {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  height: 62px;
  top: 0;
  width: 100%;
  justify-content: space-between;
  z-index: 1;
}
@media screen and (max-width: 839px) {
  .calendar .calendar-nav {
    height: 50px;
  }
}
.calendar .calendar-nav .today {
  flex-grow: 1;
  cursor: pointer;
}
.calendar .calendar-nav .slider-button {
  font-weight: bold;
  font-size: 30px;
  height: 100%;
  width: 60px;
  line-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 9px;
  background-color: #fff;
  cursor: pointer;
  border-top: 2px solid #0a0a0a;
  border-bottom: 2px solid #0a0a0a;
}
@media screen and (max-width: 839px) {
  .calendar .calendar-nav .slider-button {
    width: 40px;
  }
}
.calendar .calendar-nav .slider-button.swiper-button-disabled {
  color: #ababab;
  cursor: auto;
}

.calendar-content {
  cursor: pointer;
}
.calendar-content figure {
  margin-bottom: 15px;
}

.calendar-grid .swiper-slide {
  opacity: 0 !important;
}
.calendar-grid .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.calendar-grid .grid-container {
  background-color: #fff;
}
.calendar-grid .grid-container .noresults {
  display: none;
  padding: 20px 0 20px 0;
}
.calendar-grid .grid-container .noresults:last-child {
  display: block;
}
.calendar-grid .grid-container.noresults .noresults {
  display: block;
}
.calendar-grid .grid-container .tags button:hover {
  color: #0a0a0a;
}
.calendar-grid .tags {
  margin-top: 30px;
}
.calendar-grid .tags ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}
.calendar-grid .tags ul li {
  list-style-type: none;
  padding-right: 10px;
}
.calendar-grid .tags ul li .tag {
  font-weight: 200;
  display: inline-block;
}
.calendar-grid .tags ul li .tag:before {
  content: "#";
}
.calendar-grid .overlays .swiper-container {
  height: 100%;
}
.calendar-grid .overlay .tags span {
  color: #fff;
}

@media screen and (min-width: 840px) {
  .page-container.bar-0 {
    left: 0px;
  }
  .page-container.bars-0.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-0.visible ~ .page-container.bars-0:not(.visible) {
    transform: translate3d(calc(100vw - 39px), 0, 0);
  }
  .page-container.bar-1 {
    left: 39px;
  }
  .page-container.bars-1.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-1.visible ~ .page-container.bars-1:not(.visible) {
    transform: translate3d(calc(100vw - 78px), 0, 0);
  }
  .page-container.bar-2 {
    left: 78px;
  }
  .page-container.bars-2.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-2.visible ~ .page-container.bars-2:not(.visible) {
    transform: translate3d(calc(100vw - 117px), 0, 0);
  }
  .page-container.bar-3 {
    left: 117px;
  }
  .page-container.bars-3.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-3.visible ~ .page-container.bars-3:not(.visible) {
    transform: translate3d(calc(100vw - 156px), 0, 0);
  }
  .page-container.bar-4 {
    left: 156px;
  }
  .page-container.bars-4.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-4.visible ~ .page-container.bars-4:not(.visible) {
    transform: translate3d(calc(100vw - 195px), 0, 0);
  }
  .page-container.bar-5 {
    left: 195px;
  }
  .page-container.bars-5.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-5.visible ~ .page-container.bars-5:not(.visible) {
    transform: translate3d(calc(100vw - 234px), 0, 0);
  }
  .page-container.bar-6 {
    left: 234px;
  }
  .page-container.bars-6.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-6.visible ~ .page-container.bars-6:not(.visible) {
    transform: translate3d(calc(100vw - 273px), 0, 0);
  }
  .page-container.bar-7 {
    left: 273px;
  }
  .page-container.bars-7.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-7.visible ~ .page-container.bars-7:not(.visible) {
    transform: translate3d(calc(100vw - 312px), 0, 0);
  }
  .page-container.bar-8 {
    left: 312px;
  }
  .page-container.bars-8.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-8.visible ~ .page-container.bars-8:not(.visible) {
    transform: translate3d(calc(100vw - 351px), 0, 0);
  }
  .page-container.bar-9 {
    left: 351px;
  }
  .page-container.bars-9.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-9.visible ~ .page-container.bars-9:not(.visible) {
    transform: translate3d(calc(100vw - 390px), 0, 0);
  }
  .page-container.bar-10 {
    left: 390px;
  }
  .page-container.bars-10.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-10.visible ~ .page-container.bars-10:not(.visible) {
    transform: translate3d(calc(100vw - 429px), 0, 0);
  }
  .page-container.bar-11 {
    left: 429px;
  }
  .page-container.bars-11.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-11.visible ~ .page-container.bars-11:not(.visible) {
    transform: translate3d(calc(100vw - 468px), 0, 0);
  }
  .page-container.bar-12 {
    left: 468px;
  }
  .page-container.bars-12.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-12.visible ~ .page-container.bars-12:not(.visible) {
    transform: translate3d(calc(100vw - 507px), 0, 0);
  }
  .page-container.bar-13 {
    left: 507px;
  }
  .page-container.bars-13.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-13.visible ~ .page-container.bars-13:not(.visible) {
    transform: translate3d(calc(100vw - 546px), 0, 0);
  }
  .page-container.bar-14 {
    left: 546px;
  }
  .page-container.bars-14.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-14.visible ~ .page-container.bars-14:not(.visible) {
    transform: translate3d(calc(100vw - 585px), 0, 0);
  }
  .page-container.bar-15 {
    left: 585px;
  }
  .page-container.bars-15.visible {
    transform: translate3d(0, 0, 0);
  }
  .page-container.bars-15.visible ~ .page-container.bars-15:not(.visible) {
    transform: translate3d(calc(100vw - 624px), 0, 0);
  }
}

.content figure {
  position: relative;
}
.content figure:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 66%;
  height: 0;
}
.content figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img:not([src]) {
  opacity: 0;
}

img {
  transition: opacity 500ms;
}

.s-burger {
  position: fixed;
  left: 20px;
}
@media screen and (min-width: 840px) {
  .s-burger {
    left: 60px;
  }
}

button {
  color: #0a0a0a;
}