/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-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(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  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-prev.swiper-button-disabled,
.swiper-button-next.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'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.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'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.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'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

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

.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'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%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'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

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

/* Bullets */
.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;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

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

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

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

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

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

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

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

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

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  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-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

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

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

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

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

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

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.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-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.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-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

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

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

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

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

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.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-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

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

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

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-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;
}

/* Scrollbar */
.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;
}

/* Preloader */
.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'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%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'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@font-face {
  font-family: "UnitedSans";
  src: url(/static/app/fonts/UnitedSansRgMd.e3c81b319857.eot);
  src: url(/static/app/fonts/UnitedSansRgMd.e3c81b319857.eot?#iefix) format("embedded-opentype"), url(/static/app/fonts/UnitedSansRgMd.e6c816109816.woff2) format("woff2"), url(/static/app/fonts/UnitedSansRgMd.aeb68b48be00.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "UnitedSans";
  src: url(/static/app/fonts/UnitedSansRgBk.488d3b6aac13.eot);
  src: url(/static/app/fonts/UnitedSansRgBk.488d3b6aac13.eot?#iefix) format("embedded-opentype"), url(/static/app/fonts/UnitedSansRgBk.8f2458508e31.woff2) format("woff2"), url(/static/app/fonts/UnitedSansRgBk.d34cf66684f8.woff) format("woff");
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}

@font-face {
  font-family: "UnitedSerif";
  src: url(/static/app/fonts/UnitedSerifRgMd.c64208ab3028.eot);
  src: url(/static/app/fonts/UnitedSerifRgMd.c64208ab3028.eot?#iefix) format("embedded-opentype"), url(/static/app/fonts/UnitedSerifRgMd.bfbb915968ca.woff2) format("woff2"), url(/static/app/fonts/UnitedSerifRgMd.d7a84252e054.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "UnitedSerif";
  src: url(/static/app/fonts/UnitedSerifRgBk.ff5d54aa43ae.eot);
  src: url(/static/app/fonts/UnitedSerifRgBk.ff5d54aa43ae.eot?#iefix) format("embedded-opentype"), url(/static/app/fonts/UnitedSerifRgBk.e17a1982b24d.woff2) format("woff2"), url(/static/app/fonts/UnitedSerifRgBk.3cb300719771.woff) format("woff");
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}

@font-face {
  font-family: "UnitedSansSemiCond";
  src: url(/static/app/fonts/UnitedSansSmCdBd.d65f8eed5b89.eot);
  src: url(/static/app/fonts/UnitedSansSmCdBd.d65f8eed5b89.eot?#iefix) format("embedded-opentype"), url(/static/app/fonts/UnitedSansSmCdBd.ad107df92a79.woff2) format("woff2"), url(/static/app/fonts/UnitedSansSmCdBd.bcd8fb5ac6c0.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "UnitedSansSemiCond";
  src: url(/static/app/fonts/UnitedSansSmCdBk.e1eb478215ad.eot);
  src: url(/static/app/fonts/UnitedSansSmCdBk.e1eb478215ad.eot?#iefix) format("embedded-opentype"), url(/static/app/fonts/UnitedSansSmCdBk.7a031387a014.woff2) format("woff2"), url(/static/app/fonts/UnitedSansSmCdBk.565679aaf7e4.woff) format("woff");
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}

.allcaps {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

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

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/**
 * Foundation for Sites by ZURB
 * Version 6.2.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
   * Remove default margin.
   */
body {
  margin: 0;
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.row {
  max-width: 69.375rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.row .row {
  max-width: none;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
  max-width: none;
}

@media screen and (min-width: 53.125em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.row.expanded {
  max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.column, .columns {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  min-width: 0;
}

@media screen and (min-width: 53.125em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

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

.small-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

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

.small-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

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

.small-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.small-up-1 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-up-4 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-up-7 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14.28571%;
      -ms-flex: 0 0 14.28571%;
          flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.small-up-8 {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

@media screen and (min-width: 53.125em) {
  .medium-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .medium-up-1 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-up-4 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-up-7 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .medium-up-8 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 53.125em) and (min-width: 53.125em) {
  .medium-expand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 53.125em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 53.125em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .large-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .large-up-1 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-up-4 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-up-7 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .large-up-8 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 75em) and (min-width: 75em) {
  .large-expand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media screen and (min-width: 75em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}

@media screen and (min-width: 75em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
}

.column.align-top, .align-top.columns {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.column.align-bottom, .align-bottom.columns {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.column.align-middle, .align-middle.columns {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.column.align-stretch, .align-stretch.columns {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}

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

.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 53.0625em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 53.125em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 53.125em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 53.0625em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 53.125em) and (max-width: 74.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 53.0625em), screen and (min-width: 75em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.clearfix::after {
  clear: both;
}

.align-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-spaced {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.align-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-self-top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.align-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-self-bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.align-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.align-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

@media screen and (min-width: 53.125em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media screen and (min-width: 75em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
}

.responsive-embed {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
  margin-top: 1rem;
}

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

.responsive-embed.widescreen {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 1rem;
  overflow: hidden;
}

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

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  padding-top: 42px;
}

@media screen and (min-width: 53.125em) {
  body {
    padding-top: 0;
  }
}

.row--padded {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 53.125em) {
  .row--padded {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.row--mini-padded {
  margin: 0.5rem auto;
}

figure {
  margin: 0;
  margin-bottom: 1rem;
}

figure img {
  max-width: 100%;
  max-height: 300px;
}

@media screen and (min-width: 53.125em) {
  figure img {
    max-height: 400px;
  }
}

figcaption {
  margin-top: 0.2rem;
  margin-bottom: 1rem;
}

a {
  color: #0560a7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.link--yellow {
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffd444;
  font-weight: 900;
  letter-spacing: 0.05rem;
}

a.link--yellow:hover {
  color: #0560a7;
  text-decoration: none;
}

.richtext a {
  color: #000;
  font-weight: 900;
}

.richtext a:hover {
  color: #0560a7;
  text-decoration: none;
}

p {
  font-family: "UnitedSerif", Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  max-width: 850px;
}

p a {
  color: #000;
  font-weight: 900;
}

p a:hover {
  color: #0560a7;
  text-decoration: none;
}

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

@media screen and (min-width: 53.125em) {
  p {
    font-size: 18px;
    line-height: 24px;
  }
}

p + img {
  margin-top: 1rem;
}

h1 + p,
h2 + p,
h3 + p {
  margin-top: 0.5rem;
}

p + h1,
p + h2,
p + h3 {
  margin-top: 0;
}

@media screen and (min-width: 53.125em) {
  p + h1,
  p + h2,
  p + h3 {
    margin-top: 2rem;
  }
}

h1 + h2,
h1 + h3 {
  margin-top: 0;
}

@media screen and (min-width: 53.125em) {
  h1 + h2,
  h1 + h3 {
    margin-top: 1rem;
  }
}

h1,
h2,
h3 {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-weight: 900;
  line-height: 1.2;
}

h1 {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 900;
}

@media screen and (min-width: 53.125em) {
  h1 {
    font-size: 36px;
  }
}

h1.allcaps {
  font-size: 20px;
}

@media screen and (min-width: 53.125em) {
  h1.allcaps {
    font-size: 24px;
  }
}

h2 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 53.125em) {
  h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

h3 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 53.125em) {
  h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

small {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
}

ul,
ol {
  font-family: "UnitedSerif", Helvetica, sans-serif;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  font-size: 16px;
  line-height: 22px;
}

ul li,
ol li {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 53.125em) {
  ul,
  ol {
    font-size: 18px;
    line-height: 24px;
  }
}

.main {
  padding: 0;
  padding: 1rem 0 1rem 0;
}

@media screen and (min-width: 53.125em) {
  .main {
    padding: 0;
    padding: 2rem 0 2rem 0;
  }
}

.main--grey {
  background-color: #f0f0f0;
}

.main--standard {
  margin: 0;
}

@media screen and (min-width: 53.125em) {
  .main--standard {
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.main--standard .article {
  padding: 0 0 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .main--standard .article {
    padding: 0 0 0 0;
  }
}

.main + .main {
  padding-top: 0;
}

.main + .main--grey {
  padding-top: 1rem;
}

.main:first-child {
  margin-top: 1;
}

@media screen and (min-width: 53.125em) {
  .main:first-child {
    margin-top: 2rem;
  }
}

.row {
  position: relative;
}

/* utilities */
.block-link, .overlay-link {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.block-link h3, .overlay-link h3,
.block-link p,
.overlay-link p {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

.block-link img {
  display: block;
}

.overlay-link {
  padding-top: 45%;
  background-size: cover;
  background-position: center center;
}

/* m-matches */
.m-matches {
  background: #002f5c;
  color: #fff;
  padding: 1rem;
  position: relative;
  -webkit-box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.3);
  /* FIXME around m-matches too */
}

/* start */
.start {
  background: #001d39;
  background: #000d30;
  background-image: url(/static/app/images/blue-bgimage.1bb82648d8a9.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff;
}

.start__articles {
  margin: 2rem 0 2rem 0;
}

/* m-news */
@media screen and (min-width: 53.125em) {
  .medium-3-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42.85714%;
        -ms-flex: 0 0 42.85714%;
            flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .medium-4-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 57.14286%;
        -ms-flex: 0 0 57.14286%;
            flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
}

/* buttons */
.button {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.8rem 1rem 0.6rem 1rem;
  text-align: center;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-weight: 900;
  -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.3);
  font-size: 1.5rem;
  color: #fff;
  background-color: #001d39;
  line-height: 1;
  margin: 1rem 0;
  border: 4px solid #001d39;
  letter-spacing: 0.03rem;
  -webkit-transition: 0.1s background-color;
  transition: 0.1s background-color;
}

.button:hover {
  color: #ffd444;
}

.button.fullwidth {
  width: 100%;
  max-width: none;
}

.button.highlighted, .button--highlighted {
  background: #ffd444;
  color: #001d39;
  border-color: #ffd444;
}

.button.highlighted:hover, .button--highlighted:hover {
  background: #fff;
  text-decoration: none;
  color: #001d39;
}

.button.highlighted.inline-block, .button--highlighted.inline-block {
  display: inline-block;
}

.button--blue {
  background-color: #0560a7;
  border-color: #0560a7;
}

.button--blue:hover {
  background-color: #fff;
  color: #0560a7;
  text-decoration: none;
}

.button--small {
  font-size: 1rem;
  padding: 1rem 0.2rem;
}

.button.dropdown {
  background: #ffd444;
  color: #002f5c;
  border: none;
  font-size: 1rem;
  width: 100%;
  padding: 0.7rem 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  /* TODO enable this as soon as we have a better sidebar
    &::after {
      content: "";
      display: block;
      width: 13px;
      height: 7px;
      background-image: url('images/arrow-down-blue.png');
      background-size: 100%;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      right: 1rem;
    }
    */
}

.ad-fullwidth-8 {
  background-color: #0560a7;
  padding: 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .ad-fullwidth-8 {
    padding: 4rem 0;
  }
}

.ad-fullwidth-6-duo {
  background-color: #0560a7;
  padding: 2rem 1rem 1rem 1rem;
}

.ad-fullwidth-6-duo .ad__image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
  margin: 0.5rem 0;
}

@media screen and (min-width: 53.125em) {
  .ad-fullwidth-6-duo {
    padding: 2rem 0 2rem 0;
  }
  .ad-fullwidth-6-duo .ad__image {
    margin: 0;
  }
}

.ad__label {
  display: none;
  font-size: 0.9rem;
  color: #555;
  position: absolute;
  top: -1.5rem;
  left: 0;
}

@media screen and (min-width: 53.125em) {
  .ad__label {
    left: 0.9375rem;
  }
}

.ad__imgwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ad-inline-blue {
  background: #0560a7;
  margin: 2rem -1rem;
  padding: 1rem;
}

.ad-inline-blue .label {
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1;
}

@media screen and (min-width: 53.125em) {
  .ad-inline-blue {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0.5rem;
    padding-bottom: 0.9375rem;
    margin: 2rem 0;
  }
}

.shop-teaser, .main__fanshop {
  background-color: #ffd444;
  padding: 1rem 0;
  margin-top: 3rem;
}

.shop-teaser h1 a, .main__fanshop h1 a {
  color: inherit;
}

@media screen and (min-width: 53.125em) {
  .shop-teaser, .main__fanshop {
    padding: 2rem 0;
    margin-top: 4rem;
  }
}

.main + .shop-teaser, .main + .main__fanshop {
  margin-top: 0;
}

.team__photo + .shop-teaser, .team__photo + .main__fanshop {
  margin-top: 0;
}

.shop-teaser .fanshop__items, .main__fanshop .fanshop__items {
  margin-top: 1.5rem;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}

@media screen and (min-width: 53.125em) {
  .shop-teaser .fanshop__items, .main__fanshop .fanshop__items {
    white-space: normal;
    overflow-x: hidden;
  }
}

.shop-teaser .fanshop__item, .main__fanshop .fanshop__item {
  display: inline-block;
  width: calc(100vw - 4rem);
  margin-right: 1rem;
  height: 100%;
}

.shop-teaser .fanshop__item:first-child, .main__fanshop .fanshop__item:first-child {
  margin-left: 2rem;
}

.shop-teaser .fanshop__item img, .main__fanshop .fanshop__item img {
  width: 100%;
  height: auto;
}

.shop-teaser .fanshop__item h4, .main__fanshop .fanshop__item h4 {
  color: #001d39;
  margin: 1rem 0 0.5rem 0;
  white-space: normal;
  line-height: 1.2;
}

.shop-teaser .fanshop__item a:hover, .main__fanshop .fanshop__item a:hover {
  text-decoration: none;
}

.shop-teaser .fanshop__item a:hover img, .main__fanshop .fanshop__item a:hover img {
  opacity: 0.9;
}

.shop-teaser .fanshop__item a:hover h4, .main__fanshop .fanshop__item a:hover h4 {
  color: #0560a7;
}

@media screen and (min-width: 53.125em) {
  .shop-teaser .fanshop__item, .main__fanshop .fanshop__item {
    display: block;
    float: left;
    width: 28%;
    margin-left: 8%;
    margin-right: 0;
  }
  .shop-teaser .fanshop__item:first-child, .main__fanshop .fanshop__item:first-child {
    margin-left: 0;
  }
  .shop-teaser .fanshop__item h4, .main__fanshop .fanshop__item h4 {
    color: inherit;
    font-size: 1.1rem;
  }
}

.shop-teaser .fanshop__item .fanshop__item--white-space, .main__fanshop .fanshop__item .fanshop__item--white-space {
  background: #fefefe;
}

.shop-teaser .fanshop__item .fanshop__item--white-space img, .main__fanshop .fanshop__item .fanshop__item--white-space img {
  width: auto;
  margin: 0 auto;
}

@media screen and (min-width: 53.125em) {
  .shop-teaser .fanshop__item .fanshop__item--white-space img, .main__fanshop .fanshop__item .fanshop__item--white-space img {
    height: 200px;
  }
}

.main__fanshop {
  margin-top: 0;
}

.videolink {
  display: block;
  position: relative;
}

.videolink::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/static/app/images/icon-play.5035494bb8e2.png);
  background-size: 55px 55px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.2s background-color;
  transition: 0.2s background-color;
}

.videolink:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
}

.sharebtn, .betting-game--sharebtn {
  display: inline-block;
  line-height: 28px;
  background-color: #0560a7;
  color: #fff;
  padding: 0 1rem 0 35px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  border-radius: 4px;
  margin-right: 1rem;
  background-size: 20px 20px;
  background-position: 4px center;
  background-repeat: no-repeat;
  letter-spacing: 0.03rem;
  -webkit-transition: 0.2s -webkit-box-shadow ease-out;
  transition: 0.2s -webkit-box-shadow ease-out;
  transition: 0.2s box-shadow ease-out;
  transition: 0.2s box-shadow ease-out, 0.2s -webkit-box-shadow ease-out;
}

.sharebtn--fb {
  background-color: #001d39;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAAgBJREFUWAntWUFKw0AUdaorQVxoBRUXBRF3SovYleDSZXFj6Q1ceAnxDJ4g1Ct4AEEXVjdu3HQhKFhUEFFBbHzPJCVOf2pjMmSEfHhN5s10/pv/J0n7o0ZC5rpuAc0GsANUgCJAzqR1MXkHaAFNwFFKkftpEFcCLoCsjRpKgTrFE584xelM0JHx8R7+q4hkW0EcU3gOrGYsSnd/CaIS7DnT4l7h7BCoAYvAFDCuYRftsFFTYwwf9TBr4PwMc9aQrrtBcyOTH0J/nQLLQkda1A0m2oK4pz9OWGaKeSsxZfsJxFFTkQIJE/aJSXlfS2IFptiUXSF6L1GTY8/Nom8JGPXHLEtjTQq8lRySg7h1HE6AQBxp0Uyll86eRY8euYnDr+I41KRA19Mifk6IrECaFCi4i0+lvQd5M373ZfB5GmWP6GhrnYzqtMZ9b1js2dRso8/BkAQU7EkqbErxvLSWXKAUlQhuTuKtj2DaV/E2NvqKH4lrPOqOpahgTBX8mta3oLW9pnTlpMQdiQ5BYv6DYX3YlGJxPblAMSwxyDyCMYIlDs0jKIYlBplHMEawxKH/IoL9tThxLZmQXUaQxUNbrUOBrGzaai0KTFqeMLm4JgU6AIuFthk1OSZLwG9w8BCx6knwg/6890rAve/jB6S9RfRAJUQy5XwNwaorC5uZv4b4AoiIYPH1r1tpAAAAAElFTkSuQmCC);
}

.sharebtn--twitter {
  background-color: #0560a7;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAArxJREFUWAntl89LFVEUx9/0gyRKwlpIQonRDzKD0HiLEgJdVLQqqFZC+yBy00aF/oGMaKkgQi36QS2soIW4EKMfIAUhGIkl9oMUEilK0dfn2AjXO/fed2ee42oOfJh7z/2ee8478+PN5HKZZR3IOpB1wNmBQqFwGh7CF/gL3+AJXIRAD8ZXZ/LruhyiSxFnDAfxW+ARuGyAxQrYDGfhGfQWTYPoOIi1FhUbBMRtBEnuY1OI5kLhNMcqw5YrXYiuhwFy6Fi5WnxGTLsS7zv8gTAPDXDBmQVBN6h2h0m5MyhcRLcJZtRgz/E7dNLBr7DTmQvBTdDtI46TzkAW0TTpgTHmUtwRNcc6daKMx5Tx8rCGgVzET+HYstNwrDb4fFwjiPJBEAyrYluBjxEVVKEyPsV4kCJfwVWoVtZkuEGb+077KO6zLjZuJkIS9yB2PWqOsi7cQDvJ8Q2Mw3ZIYvOmIGOBJKxEfAUOQ70pUPPJo6H440EL0qY/tfnS1FggK0PwCV7APtgKaVvk9EpCW4HvWTsDJ2CtTHJGzHaT3I0o03XMsL3cxRGzFXgP5cuIOj1HPzfmgml7Y4Gh+DwBch2uhT1IlIS7uQqeQ5omf29ltgKNHVTEU4wvQwsYrxFFm3R4mzP2xxYc2BbEzy+TH/ABamSegkkD9lKg8Rko+ZwdJHARTaJ3Qtncw665ivOI/y+hk20pXITypFg9o0D5hvi+SoWOso/X+2WsX8CmZXAOOuEXJDF55zsQK3EcMZvXw9sklREzCfvj5PPSsul6aIY+WIQkJq/0e7wSKqLIY4ZNGlk/BPIGswMOgviSXjPyF3YL2rhjf3Ms3ShSvlFHoBRbIPg+1JZekWUHNm+ELpBPQl8bRtgBuyzbxnJHTrEtmoRy/eRhN1TANpDTNwsTMAqvOY3THDPLOpB1IOtA2IF/YKZz2jvRkeQAAAAASUVORK5CYII=);
}

.sharebtn--whatsapp {
  background-color: #0560a7;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZJREFUeNrsmF1IFUEUx121bklghpqQ2Ad90AeVRUEvmUhFQlQQZAahTxH4kPmQQvVQYPUSl4IIoqiwCIKIegn6IOgDClIryodIK7IrGTc0MPOm23/gLBymmXZm9j4Y3AM/5t7ZmbP/nY8zZ9fzfT9rPFt21ji3jMColquq9DwvtCPWbgxFNdgIVoM5IJ8uD4Fu8ALcA7fgc9DAp7pSJsRJATgKkr65DYEzoDRMoIynEqQbQbTdgeI0KJIuvSH6RDNQCBaAcpDD2omRPQjiuIefthFEXQ6NALdusA9M/8eI5IN60CH1vQnyjLSECSRx15jzYdAEck0XOtqKmdotLYsnskhXgXHm9DNY6roj0bcMvGL+bgvxzgLxe6skblbUsEHTzkXudxKIcgroJSe/wEp52iKOZJLt8DIXgc3sKQ9LN9gCfoAxsMFR5C7m/6yVQJANPlHnBJjMHBeTuMDuOgr02O4epqk3FriWCTgiOd6rCMTzHUXWMR/1Ki26s5hP23Xp2mxF+zrH5XgDjNLvKptkYRmVSUT819K1hKL9Yxd1dD530t/lxucfeEvD/lTRfiZtjsBORgw7V8nPT5spDiL8N8VTf0TRxqrKo4QcWD+Vk2ymeIzKmOZ6EyUGwtaBAxEETnBJWL9TWaxZO+Kpa0CKqo5hFBsU07cQLAkRWCLd02gNXmEnSMwwTAi7CKbRtVLQR/V3QIXGxztq89wmDjaym1aGLPI9YJS1H6QE46UiXrYqNlxgp2wEzmUdLxjsxGrQb5BZx6V+h9i1TbZn8TN2DJUZiCwB58FvjbgRsIa1z6NjVNgXkV/aCuSpVptFXBNrr4WlVCJmPuLiqN0J5r/ZJZuJgVSwyB2D8ERNfRVbtz1BZm0rsJI9YWO63nPhaxUYIL9C5HrXhLWVCVycJnHbaJcH1uL8ToKyPUj16X8h2C6SS4qTiyyEzQCXpU1z3PmtDhSxhEC8i3RKCUKw+MVLz06xgxU3mwo208OMSLu5wfTQ0Ams9e3tK+ii3ZvQtBGha4XNlwWdwEuS4/fgHKih0a2g0UsZCBcj/ZDClpeWTx+wdtAFHoD7SA4+6L7ToBC7UIzKPFBACcgA6AEd4uMR+vcartW/E5PMF9aMwIzA/1zgHwEGANt/shljgrmzAAAAAElFTkSuQmCC);
}

.sharebtn:hover, .betting-game--sharebtn:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}

.fixtures-filter--single {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.7rem 1rem 0.5rem 1rem;
  width: auto;
  color: #fefefe;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: normal;
  border: none;
  background-color: #0560a7;
}

@media screen and (max-width: 53.0625em) {
  .fixtures-filter--single {
    width: 9rem;
  }
}

.fixtures-filter--single ul {
  margin: 0;
  padding: 0;
}

.fixtures-filter--single ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixtures-filter--single ul li a {
  color: #fefefe;
}

.fixtures-filter--single ul li a:hover {
  text-decoration: none;
}

.subnav-head {
  text-align: left;
  margin: 1rem 0;
}

.subnav-head ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.subnav-head ul li {
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 0.2rem 0 0.8rem 0;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-weight: 900;
}

.subnav-head ul li a {
  padding: 0.7rem 1rem 0.5rem 1rem;
  color: #ffd444;
}

.subnav-head ul li a:hover {
  background-color: #ffd444;
  color: #000;
  text-decoration: none;
}

.subnav-head ul li.active a {
  background-color: #ffd444;
  color: #000;
  text-decoration: none;
}

@media screen and (min-width: 53.125em) {
  .subnav-head {
    margin-bottom: 2rem;
    margin-top: 0;
  }
  .subnav-head ul li {
    display: inline-block;
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
}

.subnav-head--fixtures {
  text-align: center;
  margin-bottom: 1rem;
}

@media screen and (min-width: 53.125em) {
  .subnav-head--fixtures {
    margin-bottom: 1rem;
    text-align: right;
  }
}

.fixtures-filter {
  margin-bottom: 2rem;
}

@media screen and (min-width: 53.125em) {
  .fixtures-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.fixtures-filter__wrapper {
  text-align: center;
  font-size: 1rem;
  line-height: 1.1;
}

.fixtures-filter__wrapper form {
  margin-bottom: 2rem;
}

@media screen and (min-width: 53.125em) {
  .fixtures-filter__wrapper form {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.fixtures-filter__wrapper label {
  display: block;
  color: #0560a7;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 0.25rem;
}

@media screen and (min-width: 53.125em) {
  .fixtures-filter__wrapper label {
    display: inline;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.fixtures-filter__wrapper .button {
  display: none;
  padding: 0.7rem 1rem 0.5rem 1rem;
  margin: 0 0 2rem 0;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #0560a7;
  border: none;
}

.fixtures-filter__wrapper .button .hide-text {
  display: none;
}

.fixtures-filter__wrapper .button.expand .show-text {
  display: none;
}

.fixtures-filter__wrapper .button.expand .hide-text {
  display: inline;
}

.fixtures-filter__wrapper .button.enabled {
  display: inline-block;
}

@media screen and (min-width: 53.125em) {
  .fixtures-filter__wrapper .button {
    margin: 0;
  }
}

@media screen and (min-width: 53.125em) {
  .fixtures-filter__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 1.25rem;
  }
}

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

.fixtures-downloads .calendar.download {
  margin-bottom: 0.5rem;
  float: none;
}

@media screen and (min-width: 53.125em) {
  .fixtures-downloads {
    text-align: right;
  }
}

.teaserbox {
  color: #fff;
  padding-bottom: 2rem;
  background-color: #001d39;
  background-color: #000d30;
  background-image: url(/static/app/images/blue-bgimage.1bb82648d8a9.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.teaserbox--matchcenter {
  padding-top: 2rem;
  background: transparent;
}

.teaserbox--anniversary {
  padding-top: 40vw;
  background-image: url(/static/app/images/125-header.c6c3b9d37d2a.png);
  background-position: center top 2rem;
  font-size: 1.5rem;
}

@media screen and (min-width: 53.125em) {
  .teaserbox--anniversary {
    background-position: center top 4rem;
  }
}

@media screen and (min-width: 75em) {
  .teaserbox--anniversary {
    background-position: center top 4rem;
  }
}

@media screen and (min-width: 83.25em) {
  .teaserbox--anniversary {
    background-size: 83.25rem auto;
  }
}

.teaserbox--anniversary-detail {
  background-image: none;
}

@media screen and (min-width: 53.125em) {
  .teaserbox {
    padding: 2rem 0 2rem 0;
  }
  .teaserbox--anniversary {
    padding-top: 40vw;
  }
  .teaserbox--anniversary-detail {
    padding: 0 0 1rem;
  }
}

@media screen and (min-width: 75em) {
  .teaserbox--anniversary {
    padding-top: 35vw;
  }
}

@media screen and (min-width: 83.25em) {
  .teaserbox--anniversary {
    padding-top: 30rem;
  }
}

.teaserbox__item {
  position: relative;
  font-weight: normal;
}

.teaserbox__item h3 {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 24px;
  margin: 0 0 0.4rem 0;
}

.teaserbox__item h3 a {
  color: #fff;
}

.teaserbox__item h3 a:hover {
  color: #ffd444;
  text-decoration: none;
}

.teaserbox__item p {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 16px;
  max-width: 700px;
}

.teaserbox__item p + p {
  margin-bottom: 1rem;
}

.teaserbox__item img {
  max-height: 400px;
}

a + .teaserbox__item__content {
  margin-top: 1rem;
}

.teaserbox__item .button {
  width: 100%;
  max-width: 400px;
  max-width: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 53.125em) {
  .teaserbox__item .button {
    margin-top: 3rem;
  }
}

.teaserbox__item--single {
  padding-bottom: 0;
}

.teaserbox__item--single img {
  max-height: 400px;
  margin-bottom: 1rem;
}

.teaserbox__textbox {
  background-color: rgba(0, 47, 92, 0.95);
  padding: 1.5rem;
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 2rem;
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.teaserbox__textbox .button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  margin-top: 1rem;
  max-width: none;
}

.teaserbox__textbox .button:hover {
  color: #001d39;
}

@media screen and (min-width: 53.125em) {
  .teaserbox__textbox .button {
    margin-top: 0;
    position: absolute;
    bottom: 1rem;
    left: 0.9375rem;
    width: calc(100% - 1.875rem);
  }
}

.teaserbox__textbox h3 {
  font-size: 34px;
  text-transform: uppercase;
  font-family: "UnitedSans", Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 1rem;
}

.teaserbox__textbox a {
  color: #ffd444;
  font-weight: 900;
}

.teaserbox__textbox a:hover {
  color: #fff;
}

.teaserbox__textbox p {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

@media screen and (min-width: 53.125em) {
  .teaserbox__textbox {
    padding-bottom: 80px;
    /* height: 100%; */
  }
  .teaserbox__textbox p {
    font-size: 18px;
  }
}

.teaserbox__head {
  padding-bottom: 1.5rem;
}

.teaserbox--anniversary .teaserbox__head {
  padding-bottom: 3rem;
}

@media screen and (min-width: 53.125em) {
  .teaserbox--anniversary .teaserbox__head {
    padding-bottom: 5rem;
  }
}

.teaserbox--anniversary .teaserbox__head p {
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
}

.teaserbox__head p {
  font-size: 16px;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  line-height: 22px;
}

.teaserbox__head p a {
  font-weight: 900;
  color: #ffd444;
}

.teaserbox__head p a:hover {
  text-decoration: none;
  color: #fff;
}

@media screen and (min-width: 53.125em) {
  .teaserbox__head p {
    font-size: 18px;
    line-height: 1.333;
  }
}

.teaserbox--anniversary .teaserbox__head p {
  font-family: "UnitedSerif", Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.333;
  font-weight: bold;
}

.teaserbox__head h2 {
  font-family: "UnitedSerif", Helvetica, sans-serif;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 53.125em) {
  .teaserbox__head h2 {
    font-size: 32px;
  }
}

.filter-head {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 1.5rem;
}

@media screen and (min-width: 53.125em) {
  .filter-head {
    margin-top: 0;
  }
}

.filter-head h1 {
  font-size: 24px;
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.filter-head__filters {
  text-align: right;
  position: relative;
  top: -0.2rem;
}

.filter-head__filters ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.filter-head__filters li {
  display: inline-block;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  padding: 0.5rem 1rem 0.3rem 1rem;
  width: 49%;
  text-align: center;
  font-size: 16px;
}

.filter-head__filters li a {
  color: #ffd444;
  letter-spacing: 0.03rem;
}

.filter-head__filters li a:hover {
  color: #000;
  text-decoration: none;
}

.filter-head__filters li.active {
  background-color: #ffd444;
}

.filter-head__filters li.active a {
  color: #000;
}

@media screen and (min-width: 53.125em) {
  .filter-head__filters li {
    padding: 0.7rem 1.7rem 0.5rem 1.7rem;
    font-size: 20px;
    width: auto;
  }
}

.textbox {
  background-color: #002f5c;
  padding: 0.8em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "UnitedSans", Helvetica, sans-serif;
  color: #fff;
  font-size: 30px;
}

.textbox h3 {
  font-size: 1em;
  text-transform: uppercase;
  font-family: "UnitedSans", Helvetica, sans-serif;
  margin-top: 0;
  margin-bottom: 0.5em;
}

.textbox a {
  color: #ffd444;
  font-weight: 900;
}

.textbox a:hover {
  color: #fff;
}

.textbox p {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 0.5em;
}

.textbox .button {
  margin-bottom: 0;
}

@media screen and (min-width: 53.125em) {
  .textbox {
    font-size: 34px;
  }
}

.slideshow .swiper-wrapper {
  margin-bottom: 2rem;
}

.medium-8 .slideshow .swiper-slide {
  height: 400px;
}

@media screen and (min-width: 53.125em) {
  .medium-8 .slideshow .swiper-slide {
    height: 750px;
  }
}

.slideshow .swiper-slide {
  background-size: cover;
  background-position: center;
  height: 400px;
}

.slideshow .swiper-slide img {
  width: 0;
  height: 0;
}

.slideshow .swiper-slide__caption {
  position: absolute;
  bottom: -1.8rem;
  right: 0;
  font-family: "UnitedSerif", Helvetica, sans-serif;
}

@media screen and (min-width: 53.125em) {
  .slideshow .swiper-slide {
    height: 700px;
  }
}

.slideshow__pagination,
.slideshow .swiper-container-horizontal > .swiper-pagination-bullets {
  position: absolute;
  bottom: 42px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.slideshow__pagination .swiper-pagination-bullet,
.slideshow .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0.2rem;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 1;
}

.slideshow__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slideshow .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #001d39;
}

.slideshow__arrow {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  background-size: 43px 20px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  -webkit-transition: 0.2s background-color, 0.2s opacity;
  transition: 0.2s background-color, 0.2s opacity;
}

.slideshow__arrow:hover {
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}

.slideshow__arrow--prev {
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAoCAYAAABkfg1GAAAABGdBTUEAALGPC/xhBQAAAmtJREFUaAXt2rFLG2EcxnFPtCjoaK2r2D9AcauIBlEQhIKTUCdxLi4ODv4BRQQFR7faQergYNFBaJF2KLi4iUPBoYo4WEUQFeL3EXNckrvk7s11yf1eeHjz5n3fn7kP4c0Z0tBgzQQyLZDP5z+Sa7JPWjONkcbFg+iRJRJsg2nUzmwNJJvJ56Doy+NcVlGaar1wANuosUVGa61VT/trggX1NRg7pL+eUNK4FmdYULt5AXukJ40XUm81Gl0uCNQ+9v0ihhoBmBgW1BFqfSedETXtaQQSwYI6xR6dqe2mV1kgNiyoc5TaIK8ql7RZCVSFBVQ3/p9Yu0w8bbJWXaDiXQGgzZRYJ9PVS9mKoEDkOxBU3fh/JWPBDfY4UuCemRXP8+a1IhQW1A7mvhG78ZdS/PYA7PNnUBksqN3U2SVv49ezlQUBYJ9Niz68QO1lwU9iqAUpx96HBXWIGj/IG8dati0g4B8FwP7l+a7AnD10EAg7Cs4d6tiWCAH/KGD+PTmOWGdPJxTwYXkLn7J3gPxOWMOWhwj4sJoD95IuR/Q9q7UaBIpgVQfcW7oJ8kVja4kEHgqry2A1Aa4WfCArGluLJSCz1VgrtYjbsAXi2nSsWIsSQHWGPDroZhY29CgoBeZo0FeHk+SudM7G4QKxYLUV3G26UfJPY2uVBWLDqgy4B3T62dCZxtaiBRLBqgy4R3TvyInG1sIFEsOqDLh/6PRf2qHG1soFnGBVBtwLumGyr7G1YgFnWJUB94ZunGxqbC1lAe5vG8layH1uLuU/lc1ywC6W4NoPj9N6KwA7S66IfirfklZdq2MCJvA/BZ4AbdpNkaqVAQsAAAAASUVORK5CYII=);
}

.slideshow__arrow--next {
  right: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAoCAYAAABkfg1GAAAABGdBTUEAALGPC/xhBQAAAmtJREFUaAXtmr9rFEEUx++MkbMIVoI2YpM2hYE0IYGLRVCEQIQUaRIItoHY2eQfSAoDllYSlBRpRYM/IEQLDeQPULRNIoGgsdHi/Ezi3M7tzuwOtynuuO/AY95835vH3OeWndm9q1TUREAEuoBAo9GoYW+xY+xBFyy5O5YIzHHMbcvdsfIOXyVEJ1yq//0n9Bc6fOmdvbwAWMN3A7tUdvX6drIEZ5BeAncgG4pXBNbP6jbye+Be9YeLVYENMxom9AG4N8Mp4YjAhtmYyCD2EbhD+WnZqMBmmaSV6wjbwB1LB/LGAptHJ4ldwd0C7lQi5XsCm8/HjdYYbAJ3wRVDvsCGyPj1PuSnwH3kDydq1bokr+IvYv1WU59LYI3oUrVabfiyXLB/SBBUH6Ww9pzQPHD/plNcsF7y6QkaZwi8RrkP3N9uRGBdGu37n5h6F7hHtoQ2L0uiXD/C9B32qRu2jK5YS+J8+j2u2lumlK7Y8wFqq1yzjsBaEuX7X5SYtWUuWkd9KQL7zDab156tIrCWRPv9F6ZOAvW7W8K9FWQOuW6ifC+Bz6ijaagm0wX7mLF5+lKLI/CKtDpQf8Sl90gWZ07fr7TIUe0ZWbmP/+4V2yNIS3/MFSrMcaXm3jq1ecVzNu9SHgLU3DILm8AWIjpNMHuPeYv1Ii69UhHYYlLm4D8N1DfFqUmGwCYsfN4B4h2gNg/+viSfJrA+KmfaVzpz8P8WTglHdCrws9lFNgf/tqCakgKbBbuFVAfqYTYUrwhsK6t1hveAetIqaxRNgCen9B+PV9CaL/6jCymxlQAQL2PvsJ+Y+dlfTQR6mMA/5vkdSJkndoQAAAAASUVORK5CYII=);
}

.slideshow__thumbs {
  height: 100px;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.slideshow__thumbs__item {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  width: 100px;
  float: left;
  background-size: cover;
  background-position: center;
  margin-right: 1px;
  position: relative;
}

.slideshow__thumbs__item:last-child {
  margin-right: 0;
}

.slideshow__thumbs__item:hover::before {
  background-color: rgba(5, 96, 167, 0.2);
}

.slideshow__thumbs__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 96, 167, 0);
  -webkit-transition: 0.1s background-color;
  transition: 0.1s background-color;
}

.slideshow__thumbs__item.active::before {
  background-color: rgba(5, 96, 167, 0.7);
}

.main--error {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #001d39;
  color: #fff;
  text-align: center;
}

.main--error::after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: #0560a7;
}

.main--error h2 {
  font-size: 24px;
  line-height: 28px;
  margin-top: 2rem;
  margin-bottom: 0;
}

@media screen and (min-width: 53.125em) {
  .main--error h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

.error__image {
  height: 300px;
  background-image: url(/static/app/images/404_mobile.3a737b2f7942.jpg);
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 53.125em) {
  .error__image {
    background-image: url(/static/app/images/404.74530b5be047.jpg);
    height: 500px;
  }
}

@media screen and (min-width: 90em) {
  .error__image {
    height: 600px;
  }
}

.header {
  background-color: #001d39;
  background-image: url(/static/app/images/header-bg.9fe6e84f5afd.png);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.header.is-fixed .header__social-wrapper {
  top: 1.5rem;
  position: fixed;
  z-index: 4;
}

.header.is-fixed .nav-main__list--highlighted {
  z-index: 4;
  position: fixed;
  top: 0.4rem;
}

.header.is-fixed .nav-main__list--highlighted span {
  padding-left: 4rem;
}

.header.is-fixed .nav-main-wrap {
  position: fixed;
  top: 2.5rem;
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}

.header.is-fixed .nav-main-wrap .nav-main__logo {
  height: 80px;
}

@media screen and (min-width: 53.125em) {
  .header.is-fixed .nav-main-wrap {
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
  }
}

.header a {
  color: #ffd444;
}

@media screen and (min-width: 53.125em) {
  .header {
    padding-bottom: 60px;
  }
  .header.header--anniversary {
    padding-bottom: 70px;
  }
}

.header-content {
  min-height: 10rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1.1rem;
}

@media screen and (max-width: 53.0625em) {
  .header-content {
    display: none;
  }
}

.header__social {
  display: inline-block;
  width: 38px;
  height: 38px;
  background-size: 100%;
  margin-right: 0.5rem;
}

.header__social--youtube {
  background-image: url(/static/app/images/icon-youtube.eca173c16e55.png);
}

.header__social--youtube:hover {
  background-image: url(/static/app/images/icon-youtube-white.fc39b643d84b.png);
}

.header__social--instagram {
  background-image: url(/static/app/images/icon-instagram.5ce49a831b34.png);
}

.header__social--instagram:hover {
  background-image: url(/static/app/images/icon-instagram-white.0b9534fa4d72.png);
}

.header__social--twitter {
  background-image: url(/static/app/images/icon-twitter.daf914c44aa1.png);
}

.header__social--twitter:hover {
  background-image: url(/static/app/images/icon-twitter-white.5ae531ad8793.png);
}

.header__social--facebook {
  background-image: url(/static/app/images/icon-facebook.a1a68a5133dd.png);
}

.header__social--facebook:hover {
  background-image: url(/static/app/images/icon-facebook-white.ac7c3c7cdbe3.png);
}

.header__logo {
  display: inline-block;
  width: 100%;
  max-width: 190px;
  height: 100%;
  background-image: url(/static/app/images/fcz-logo.63b0a1e1a193.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.header--anniversary .header__logo {
  position: relative;
  top: 0.5rem;
  background-image: url(/static/app/images/FCZ_125-Anniversary_Logo_Colour_Negative.9ac2fbace632.svg);
  background-size: contain;
}

.header__sponsor {
  display: inline-block;
  width: 165px;
}

.header__sponsor img {
  width: 100%;
  height: auto;
}

.header__lang {
  display: block;
  width: auto;
  text-transform: uppercase;
  margin-top: 0.5rem;
}

.header__lang a {
  margin-left: 0.5rem;
}

.header__lang a:first-child {
  margin-left: 0;
}

.header__lang a.active, .header__lang a:hover {
  color: #fff;
  text-decoration: none;
}

.header__left {
  padding-top: 2rem;
  padding-left: 1.6rem;
}

.header__left__metanav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 0.8rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1.1rem;
}

.header__left__metanav li {
  display: inline;
  text-transform: uppercase;
  margin-right: 1rem;
  letter-spacing: 0.05em;
}

.header__left__metanav li a:hover {
  color: #fff;
  text-decoration: none;
}

.header__left__metanav--mobile {
  margin-top: -1rem;
  text-align: center;
  width: 100%;
}

.header__center {
  text-align: center;
  height: 10rem;
}

.header--anniversary .header__center {
  height: 12rem;
}

.header__right {
  padding-top: 2rem;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.nav-main-wrap {
  z-index: 3;
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
}

.header--anniversary .nav-main-wrap {
  top: calc(180px + 2rem);
}

.nav-main-wrap.is-expanded .nav-main__sub {
  height: 340px;
}

@media screen and (max-width: 53.0625em) {
  .nav-main-wrap {
    height: auto;
    max-height: 100%;
    overflow-y: visible;
  }
}

.nav-main {
  background: #0560a7;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 3.125rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.03rem;
  z-index: 1;
  position: relative;
}

.nav-main .row {
  position: relative;
}

.nav-main .items_main {
  display: none;
}

.nav-main__logo {
  display: block;
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #001d39;
  -webkit-transition: 0.2s background-color;
  transition: 0.2s background-color;
}

.nav-main__logo::before {
  content: "";
  display: block;
  width: 113px;
  height: 75px;
  position: absolute;
  left: 50%;
  margin-left: -56.5px;
  background-image: url(/static/app/images/fcz-logo.63b0a1e1a193.png);
  background-size: 100%;
}

.header--anniversary .nav-main__logo::before {
  display: inline-block;
  background-image: url(/static/app/images/FCZ_125-Anniversary_Logo_Colour_Negative.9ac2fbace632.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  margin-left: -56.5px;
}

.nav-main__logo:hover {
  background-color: #002f5c;
}

@media screen and (max-width: 53.0625em) {
  .nav-main__logo {
    display: none;
  }
}

.nav-main__social {
  background-color: #001d39;
  padding: 1rem;
}

.nav-main__social .columns {
  text-align: center;
}

.nav-main__social__link {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.nav-main__social__link:hover {
  opacity: 0.8;
}

.nav-main__social__link--youtube {
  background-image: url(/static/app/images/icon-youtube.eca173c16e55.png);
}

.nav-main__social__link--instagram {
  background-image: url(/static/app/images/icon-instagram.5ce49a831b34.png);
}

.nav-main__social__link--twitter {
  background-image: url(/static/app/images/icon-twitter.daf914c44aa1.png);
}

.nav-main__social__link--facebook {
  background-image: url(/static/app/images/icon-facebook.a1a68a5133dd.png);
}

.nav-main__sponsor {
  display: block;
  background-color: #001d39;
  text-align: center;
  height: 70px;
  position: relative;
}

.nav-main__sponsor img {
  height: auto;
  width: auto;
  max-height: 50%;
  max-width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.nav-main__mobilehead {
  height: 42px;
  width: 100%;
  background-color: #0560a7;
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
  position: relative;
}

@media screen and (min-width: 53.125em) {
  .nav-main__mobilehead {
    display: none;
  }
}

.nav-main__mobilehead__logo {
  display: block;
  position: absolute;
  top: 2px;
  left: 15px;
  width: 78px;
  height: 52px;
  background-image: url(/static/app/images/fcz-logo.63b0a1e1a193.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.header--anniversary .nav-main__mobilehead__logo {
  background-image: url(/static/app/images/FCZ_125-Anniversary_Logo_Colour_Positive.cda6df6ee1b4.svg);
  background-size: contain;
  height: 72px;
}

.nav-main__mobilehead__burger {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 42px;
}

.nav-main__mobilehead__burger::after, .nav-main__mobilehead__burger::before {
  content: "";
  display: block;
  width: 27px;
  height: 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
}

.nav-main__mobilehead__burger::after {
  top: 10px;
  -webkit-box-shadow: 0 9px 0 0 #fff;
          box-shadow: 0 9px 0 0 #fff;
  -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1), 0.1s -webkit-box-shadow;
  transition: 0.3s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1), 0.1s -webkit-box-shadow;
  transition: 0.3s transform cubic-bezier(0.23, 1, 0.32, 1), 0.1s box-shadow;
  transition: 0.3s transform cubic-bezier(0.23, 1, 0.32, 1), 0.1s box-shadow, 0.3s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1), 0.1s -webkit-box-shadow;
}

.nav-main__mobilehead__burger::before {
  top: 28px;
  -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s transform cubic-bezier(0.23, 1, 0.32, 1), 0.3s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}

.nav-main__mobilehead__burger.is-active {
  background-color: rgba(255, 255, 255, 0);
}

.nav-main__mobilehead__burger.is-active::after {
  -webkit-transform: translateY(9px) rotate(45deg);
      -ms-transform: translateY(9px) rotate(45deg);
          transform: translateY(9px) rotate(45deg);
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}

.nav-main__mobilehead__burger.is-active::before {
  -webkit-transform: translateY(-9px) rotate(-45deg);
      -ms-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
}

.nav-main__list {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  z-index: 1;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1.5rem;
}

.nav-main__list--sec {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 260px;
  width: 100%;
}

.nav-main__list--sec-wrap {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 80px;
  left: 1rem;
  z-index: 1;
  -webkit-transition: 0.3s height cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s height cubic-bezier(0.23, 1, 0.32, 1);
}

.nav-main__list--sec-wrap.is-visible {
  height: 260px;
}

.nav-main__list--sec-wrap.transition-delay {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

@media screen and (min-width: 53.125em) {
  .nav-main__list--sec-wrap {
    width: 65%;
  }
}

.nav-main__list--sec li {
  width: 40%;
  border-bottom: 1px solid #0560a7;
  margin-right: 60px;
  overflow: hidden;
  position: static;
}

.nav-main__list--sec li a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.1s color;
  transition: 0.1s color;
  position: relative;
  top: 0.1rem;
}

.nav-main__list--sec li a:hover {
  color: #ffd444;
}

.nav-main__list.nav-main__list--sec {
  /* [href$='ble/'] {
        display: none;
      } */
}

.nav-main__list.nav-main__list--sec li {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.nav-main__list li {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 3.125rem;
}

.nav-main__list li a {
  display: block;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.nav-main__list li a span {
  display: inline-block;
  margin: 0;
  padding: 0 0.6rem;
  height: auto;
  font-weight: 900;
  -webkit-transition: 0.1s background-color;
  transition: 0.1s background-color;
}

@media screen and (min-width: 53.125em) {
  .nav-main__list li a span {
    line-height: 1;
    padding-top: 0.45rem;
    padding-bottom: 0.2rem;
    top: 0.1rem;
    position: relative;
  }
}

.nav-main__list li a:hover {
  text-decoration: none;
}

.nav-main__list li a:hover span {
  background-color: #001d39;
}

.nav-main__list--highlighted {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* background-color: $darkerblue; */
  /* box-shadow: 0 2px 0 0 rgba(#000, 0.3); */
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.nav-main__list--highlighted li {
  line-height: 1;
  text-align: center;
}

.header.is-fixed .nav-main__list--highlighted li {
  line-height: 3.5rem;
}

.nav-main__list--highlighted li.active > a span {
  background-color: transparent !important;
  color: #fff;
}

.nav-main__list--highlighted li a {
  color: #ffd444;
}

.nav-main__list--highlighted li a span {
  top: 0.4rem;
}

.nav-main__list--highlighted li a:hover {
  color: #fff;
}

.nav-main__list--highlighted li a:hover span {
  background: transparent;
}

@media screen and (max-width: 53.0625em) {
  .nav-main {
    height: auto;
    display: none;
    overflow: hidden;
  }
  .nav-main .items_main {
    display: initial;
  }
  .nav-main .items_main a {
    color: #ffd444;
    background-color: #001d39;
  }
  .nav-main .items_main--highlight a {
    background-color: #ffd444;
    color: #001d39;
    margin-top: 4px;
  }
  .nav-main .items_main--highlight a:hover span {
    background-color: #fefefe;
  }
  .nav-main.is-visible-mobile {
    display: block;
  }
  .nav-main__list {
    display: block;
  }
  .nav-main__list li {
    text-align: center;
  }
  .nav-main__list li a span {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .nav-main__list li.active a span, .nav-main__list li.is-selected a span {
    border: 6px solid #0560a7;
  }
  .nav-main__list--highlighted li.active a span {
    border: none;
    color: #fff;
  }
  .nav-main__list--sec {
    display: block !important;
  }
  .nav-main__list--sec-wrap {
    position: relative;
    top: 0;
    left: 0;
    height: 0;
  }
  .nav-main__list--sec-wrap.is-visible {
    height: auto;
  }
  .nav-main__list--sec-wrap.is-visible .nav-main__list--sec {
    height: auto;
  }
  .nav-main__list--sec li {
    width: 100%;
    background-color: #001d39;
    border-color: #0560a7;
    border-width: 2px;
    margin-bottom: 0;
  }
}

.nav-main__sub {
  background-color: #001d39;
  color: #fff;
  margin-top: 0rem;
  position: relative;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3) inset, 0 2px 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3) inset, 0 2px 0 0 rgba(0, 0, 0, 0.3);
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.4s height cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s height cubic-bezier(0.23, 1, 0.32, 1);
}

@media screen and (max-width: 53.0625em) {
  .nav-main__sub {
    display: none;
  }
}

.nav-main__sub::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 340px;
  background-image: url(/static/app/images/subnav-bg.6972ca0ede6b.png);
  background-size: cover;
  background-position: left center;
}

.nav-main__sub .row {
  height: 100%;
}

.nav-main__sub__offer {
  height: 100%;
}

.nav-main__sub__offer__inner {
  background-color: #002f5c;
  height: 100%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.nav-main__sub__offer .fanshop__item--white-space {
  background: #fefefe;
}

.nav-main__sub__offer .fanshop__item--white-space img {
  display: block;
  width: auto;
  margin: 0 auto;
}

@media screen and (min-width: 53.125em) {
  .nav-main__sub__offer .fanshop__item--white-space img {
    height: 200px;
  }
}

.nav-main__sub__offer .offer__headline {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 1rem 0 0.5rem 0;
  line-height: 1.2;
}

.nav-main__sub__offer .offer__title {
  display: block;
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 1.2;
}

.nav-main__sub__offer .offer__price {
  font-size: 1.1rem;
}

.nav-main__sub__offer .offer__link {
  display: block;
  color: #fff;
}

.nav-main__sub__offer .offer__link:hover {
  text-decoration: none;
}

.nav-main .nav-main__list a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}

.nav-main li.active > a span,
.nav-main li.is-selected > a span {
  background-color: #001d39;
}

.nav-main__highlight {
  display: inline-block;
  margin: 0 auto;
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
}

/* Mood Image and Slider */
.mood--noimage .mood__image {
  padding-top: 20.5% !important;
}

.mood__played-since .mood__image {
  padding-top: 40.5%;
}

.mood__played-since--row {
  top: 50%;
  position: absolute;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1000;
}

@media screen and (max-width: 53.0625em) {
  .mood__played-since--row {
    top: 25%;
  }
}

.mood {
  overflow: hidden;
  /* prevent margins from spilling outside */
  position: relative;
  z-index: 0;
  background-color: #002f5c;
}

.mood__image {
  padding-top: 60%;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-bottom: 50px;
}

@media screen and (min-width: 53.125em) {
  .mood__image {
    padding-top: 35%;
    margin-bottom: 75px;
  }
}

.mood__image--after:after {
  background-color: #002f5c;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  opacity: 0.6;
}

.mood__image--person {
  padding-top: 40.5%;
}

.mood__image--narrow-style {
  background-size: contain;
  background-color: #000d30;
  background-repeat: no-repeat;
}

@media screen and (min-width: 53.125em) {
  .mood__image--narrow-style {
    background-size: 1080px;
  }
}

.mood .mood__overlay {
  text-align: center;
  color: #fefefe;
  padding-left: 0.9375rem;
}

.mood__headline {
  background-color: #001d39;
  background-color: #000d30;
  color: #fff;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.mood--noimage .mood__headline {
  position: static;
}

.mood__headline.mood__headline--microsite {
  background-color: #002f5c;
}

.mood__headline__text {
  font-family: "UnitedSans", Helvetica, sans-serif;
  display: inline-block;
  color: #fff;
  margin: 1.5rem 0 1rem 0;
  line-height: 1.1;
  font-size: 1.25rem;
  width: 100%;
  font-weight: 900;
}

.anniversary--detail .mood__headline__text {
  color: #ffd444;
}

@media screen and (min-width: 53.125em) {
  .mood__headline__text {
    font-size: 2.25rem;
    margin: 1.5rem 0 1rem 0;
    width: 100%;
  }
  .anniversary--detail .mood__headline__text {
    color: #ffd444;
    margin-top: 2rem;
  }
}

a.mood__headline__text:hover {
  color: #ffd444;
  text-decoration: none;
}

.mood__strip {
  background-color: #0560a7;
  color: #fff;
  padding: 4px 0;
  min-height: 50px;
  position: relative;
  z-index: 0;
  display: none;
  line-height: 44px;
  font-size: 24px;
}

@media screen and (min-width: 53.125em) {
  .mood__strip {
    display: block;
  }
}

.mood__teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mood__teaser__link {
  display: block;
  padding: 0 2px;
  position: relative;
}

.mood__teaser__link.is-active img {
  opacity: 0.5;
}

.mood__teaser__link.is-active::before {
  border-width: 3px;
}

.mood__teaser__link:hover img {
  opacity: 0.5;
}

.mood__teaser__link img {
  display: block;
}

.mood__teaser__link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 0px solid #001d39;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.1s border-width;
  transition: 0.1s border-width;
}

.mood__mobilepagination {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.mood__mobilepagination__item {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0.2rem;
  background-color: #001d39;
  border: 2px solid #0560a7;
  border-radius: 50%;
}

.mood__mobilepagination__item.is-active {
  border-color: #fff;
}

@media screen and (min-width: 53.125em) {
  .mood__mobilepagination {
    display: none;
  }
}

.mood__sponsor {
  position: absolute;
  left: 0.9375rem;
  bottom: 1rem;
}

.mood__sponsor span {
  display: none;
  color: #fff;
  font-weight: normal;
  font-size: 1rem;
}

.mood__sponsor img {
  width: auto;
  height: auto;
  max-width: 130px;
  max-height: 100px;
}

@media screen and (min-width: 53.125em) {
  .mood__sponsor span {
    display: block;
    font-size: 1.1rem;
  }
  .mood__sponsor img {
    max-width: 330px;
    max-height: 150px;
  }
}

.mood__headline__sponsor {
  margin-bottom: 1rem;
}

@media screen and (max-width: 53.0625em) {
  .mood__headline__sponsor span {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 53.125em) {
  .mood__headline__sponsor {
    margin-top: 3rem;
  }
}

.mood__downloadlink {
  display: block;
  margin-bottom: 1rem;
  margin-top: -15px;
  color: #ffd444;
  padding: 0.5rem 0;
  max-width: 200px;
  line-height: 1.2;
  text-transform: uppercase;
  padding-right: 40px;
  font-size: 1rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  letter-spacing: 0.03em;
  background-image: url(/static/app/images/icon-download-yellow.11ef83cfcc87.png);
  background-repeat: no-repeat;
  background-size: 26px 31px;
  background-position: right center;
}

.mood__downloadlink:hover {
  text-decoration: none;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAYAAABk4ziNAAAABGdBTUEAALGPC/xhBQAAAzdJREFUaAXtm0+oTUEYwJ1HwoIS+RclbCQLRSye/NncbJRQ7PSWZCF/NnZW9hZWUkJkQVKy8ZSdhUgsnoXyXnmPLOwIx+/j3pemmbnnzsx3zpy6X32dM9/MfN/3m5k7Z+7p3mJOV8qyPMat6Aq06Jq1LiWOv6Dv0YfoeFEUP7mmEWCuoE3KFMFPo/OiiXAy2iSJEfsZZVkhwTJCz05w7/Qdd+PyOVBrQl0L0JLQzkr9NuJ3PBTKtWYf4PRG4oTvWfxNYNtksfeg9rBZTFnq3SZGwrYhXHb3CKshjk3WYTyOfrdVYptAB1p+suSalJIZuEUCh9AflkR6M1UZqmmgvwxAPUoFlQWQUKWCygYoFVRWQCmgsgOKhcoSKAYqW6BQqKyBKkI95eG7VNqKZA8kSfbZ0uXodFPaibQCSBLtA9Vhlo60CqgC1NnWAf0HdUbuDdnBLK13fX0w2qoVD5CEvFsYVL7SQQ6z842OnaaBrhoJxRY31LkpfIvNtkL/BXUCPa6QUHSTOoFkF5qMzriPg9o+QzxHPrIBbCMfAduJLuyTW7/qtTRYaTaqDUgCA/WZywUziZAygyPvPc6bfetccmZslbLaDDGCi8n4HGourd/YbjNbLzWI1IBIdj960ZH0cuwnHHVRZs0lN9eTmVpcNcceGNWqIZDq8CZwPpyhBIOo6mI4Q6rDm8B5kgcrp4Jl5GJ+e5x9tWTJcxF9Vlvs05wgflnslU3RQCR2kGj3K0f81/AwF1FTrmEYM42DlFN8hl4RcHqQoI62csZ74qirbI4GYol8INpeNAZKYMbwdYdrlEQDSXQSecclFKoHc118xUoSIEkiECopjOSRDCgAKjlMciAD6pOUHaICI7GSzlAv+e7y20fZBqUGowYkjh1QqjCqQBYodRiJGX1SECc+kZniNLGdNqu4f+Frm6JOHUiSBGSSi6i6qGwK6ll7AgyBPIOTRdVwhrKYBk8Srl1Ofil8ydMvh6pRWxICJD8KN2UXBtG2SSmfoZm2Ze3Jd6ZgaW2mwWvU93Ld4yObKnm5snWEp/hbbk6hctZqq0juJ4Vl9k8bzNQWjEfRqJ/qNzAi8i7jLjBvJPYfki83kwQTHEwAAAAASUVORK5CYII=);
}

@media screen and (min-width: 53.125em) {
  .mood__downloadlink {
    font-size: 1.1rem;
    position: absolute;
    right: 0.9375rem;
    top: 50%;
    max-width: none;
  }
}

.logo-leading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.footer {
  background-color: #001d39;
  color: #fff;
}

.footer__fb {
  margin-top: 1rem;
}

.footer__slogan {
  width: 100%;
  text-align: center;
  background-color: #0560a7;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-top: 160px;
  padding: 0 1rem;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 53.125em) {
  .footer__slogan {
    font-size: 2rem;
    margin-top: 100px;
  }
}

.footer__slogan__text {
  display: block;
  font-size: 1.5rem;
  font-weight: 900;
  margin: 0.5rem 0;
  text-transform: uppercase;
}

@media screen and (min-width: 53.125em) {
  .footer__slogan__text {
    margin: 1.5rem 0;
    font-size: 2.5rem;
  }
}

.footer__logo {
  display: block;
  margin: 0 auto;
  width: 220px;
  height: 150px;
  background-image: url(/static/app/images/fcz-logo.63b0a1e1a193.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: -120px;
}

.footer--anniversary .footer__logo {
  background-image: url(/static/app/images/FCZ_125-Anniversary_Logo_Colour_Negative.9ac2fbace632.svg);
  background-size: contain;
  background-position: center center;
}

@media screen and (min-width: 53.125em) {
  .footer__logo {
    width: 270px;
    height: 180px;
    margin-top: -160px;
  }
  .footer--anniversary .footer__logo {
    height: 253px;
    margin-top: -235px;
  }
}

.footer__copyright {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  display: block;
  width: 100%;
  text-align: center;
  margin: 1rem 0;
  max-width: none;
  font-weight: normal;
}

.footer__social {
  margin-top: 1.5rem;
}

.footer__social__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__social__link {
  display: block;
  width: 30px;
  height: 30px;
  background-size: 100%;
}

.footer__social__link--youtube {
  background-image: url(/static/app/images/icon-youtube-white.fc39b643d84b.png);
}

.footer__social__link--youtube:hover {
  background-image: url(/static/app/images/icon-youtube.eca173c16e55.png);
}

.footer__social__link--instagram {
  background-image: url(/static/app/images/icon-instagram-white.0b9534fa4d72.png);
}

.footer__social__link--instagram:hover {
  background-image: url(/static/app/images/icon-instagram.5ce49a831b34.png);
}

.footer__social__link--twitter {
  background-image: url(/static/app/images/icon-twitter-white.5ae531ad8793.png);
}

.footer__social__link--twitter:hover {
  background-image: url(/static/app/images/icon-twitter.daf914c44aa1.png);
}

.footer__social__link--facebook {
  background-image: url(/static/app/images/icon-facebook-white.ac7c3c7cdbe3.png);
}

.footer__social__link--facebook:hover {
  background-image: url(/static/app/images/icon-facebook.a1a68a5133dd.png);
}

.footer__social__link--linkedin {
  background-image: url(/static/app/images/icon-linkedin-white.4d1109734c68.png);
}

.footer__social__link--linkedin:hover {
  background-image: url(/static/app/images/icon-linkedin.d32f83e53dd7.png);
}

.footer__social__link--xing {
  background-image: url(/static/app/images/icon-xing-white.2aaa51cb66e8.png);
}

.footer__social__link--xing:hover {
  background-image: url(/static/app/images/icon-xing.193f7280fe0d.png);
}

@media screen and (min-width: 53.125em) {
  .footer__social {
    margin-top: 2rem;
  }
  .footer__social__btns {
    display: block;
  }
  .footer__social__link {
    display: inline-block;
    margin-right: 1rem;
    width: 40px;
    height: 40px;
  }
}

.footer__nav {
  margin: 2rem 0 0 0;
  text-align: center;
}

.footer__nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer__nav ul li {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  text-align: left;
  font-weight: 900;
  line-height: 1.1;
  margin: 0.7rem 0;
}

.footer__nav ul li a {
  color: #fff;
}

.footer__nav ul li a:hover {
  text-decoration: none;
  color: #ffd444;
}

@media screen and (min-width: 53.125em) {
  .footer__nav {
    width: 70%;
    float: right;
  }
  .footer__nav ul li {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin: 0;
    padding: 0.5rem 0;
  }
  .footer__nav ul li:nth-child(2n) {
    border-left: 1px solid #0560a7;
    padding-left: 2rem;
  }
}

/*.sponsors__wrap:first-child, .sponsors__wrap:nth-child(2) {
  @include breakpoint(medium up) {
    flex-wrap: nowrap;
  }
}

sponsors__wrap:nth-child(3n), .sponsors__wrap:nth-child(4n) {
  @include breakpoint(medium up) {
    flex-wrap: wrap;
  }
}*/
.logo-footer {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 53.125em) {
  .logo-footer .medium-up-4 > .column, .logo-footer .medium-up-4 > .columns,
  .logo-footer .medium-up-4 > .columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: none;
  }
}

@media screen and (min-width: 53.125em) and (min-width: 53.125em) {
  .logo-footer .sponsor--padding:nth-child(even) {
    position: relative;
  }
}

@media screen and (max-width: 53.0625em) {
  .logo-footer .sponsors__item {
    height: 105px;
  }
}

@media screen and (max-width: 53.0625em) {
  .logo-footer .sponsor--tertiary {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (max-width: 53.0625em) {
  .logo-footer .sponsor--secondary {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}

.logo-footer .sponlogo {
  display: inline-block;
  text-align: center;
  margin: 0 0.5rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.logo-footer .sponlogo::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.logo-footer .sponlogo:hover {
  text-decoration: none;
}

.logo-footer .sponlogo:hover img {
  opacity: 0.8;
}

.logo-footer .sponlogo--big img {
  width: auto;
  height: auto;
  max-width: 230px;
  max-height: 80px;
}

@media screen and (min-width: 53.125em) {
  .logo-footer .sponlogo--big img {
    max-width: 380px;
    max-height: 100px;
  }
}

.logo-footer .sponlogo--small {
  margin: 0;
  margin-top: 10px;
}

.logo-footer .sponlogo--small img {
  width: auto;
  height: auto;
  max-width: 80px;
  max-height: 60px;
}

@media screen and (min-width: 53.125em) {
  .logo-footer .sponlogo--small img {
    max-width: 130px;
    max-height: 100px;
  }
}

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: 20px;
}

.sidebar {
  margin-top: -0.5rem;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 53.125em) {
  .sidebar {
    margin-top: -12rem;
    margin-bottom: 1rem;
  }
}

.sidebar--tickets {
  margin-top: 2rem;
}

@media screen and (min-width: 53.125em) {
  .sidebar--tickets {
    margin-top: 0;
  }
}

.sidebar--pushdown {
  margin-top: 2rem;
}

@media screen and (min-width: 53.125em) {
  .sidebar--pushdown {
    margin-top: 5rem;
  }
}

.sidebar h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 53.125em) {
  .sidebar h2 {
    font-size: 1.5rem;
  }
}

.sidebar__pagination {
  background-color: #001d39;
  text-transform: uppercase;
  text-align: center;
  padding: 0.6rem 2rem 0.5rem 2rem;
  margin: 1rem 0;
  color: #ffd444;
  font-weight: 900;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar__pagination--yellow {
  background-color: #ffd444;
  color: #001d39;
}

.sidebar__pagination--yellow .sidebar__pagination__link:hover {
  background-color: #ffc811;
}

.sidebar__pagination--yellow .sidebar__pagination__link--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAABGdBTUEAALGPC/xhBQAAAWBJREFUOBGd1L9Lw0AUB/Dvi0LFycnJpiKOLk7S9C8QdRERdWsdK+JSEKc4iEsHcSmILq3QpU7iIBTpYONfIdh21k0QtXm+a4yUkh8Xb0rC95P37rg7wMwdwLTekLbqmF9OQXMQ0tl3yU4O8oRbzKXW0Wp9x3njD6kkYw3PnzXYtvoeOQICvIWr+wswU5QMgIP4LjK5s/9AaZv3kbFOwnBYRS/v8hHM7GEQjoZKME6l7b1RHA+VcN1zzFr5YawHAUKfL2WzbPpYF6q8ZN1rmfOqelE7h9WD9iD6ELWSpKL3b+YJWbB6cvjbWnLotbqdDBK+ZH4b6DgP49qLAupLdkfQnTK6FRlkFNB1Gn4hTUhFdB+rPtKraKCEnlMZRvGQyEbnqTyKYqBRljkdB6FwaFAFvXYpDAVDQhUv7WIU8qG6Hr1B1MDSTAFEsRt/DFOZVznmi3JQbjC9kEezFnunqio/e09SHjMrVbQAAAAASUVORK5CYII=);
}

.sidebar__pagination--yellow .sidebar__pagination__link--prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAABGdBTUEAALGPC/xhBQAAAZFJREFUOBGVlL9Lw0AUx7+XVMXJqpuQRP8KaVqlICgiiAqCukl1FFfFpZOzDg6KxUFcHDuJ6FQdXHRx0sm2zhpBUExzvmd/mTZpkoOQd+++n7t37z1ORdiRTsdQGTpGXDuhr0uE4rJZBbnLM0AuVfWiEgsEpRTQzSPS1SAmpKoEgkZynzSZVl1nUE/sQsqNVojn/qBm7kBi2wtin3dy9MQmQXt+kDeom+sU3qHvprXd3CcaqRU4lVNa879CG2ik5uE455Tq4BI1whlOTMFBnu7VXdsw8CcwYo7Dlhek7A1U/xMosMF3igQxz0n4YiPqUKCoy1RNKzr4UrgHYjMEfkaBq/UqFm4h1DkI8R0Wbha6eHNFV16kLrTDwKpLZBWfMKA9Uz0XyO/uKpcQcIO8+F56RL9WJni2E9wOMmyVHxDX38ia5qnX8AZZaZXu0Gf8UO9ORANZ/VEq0IvWQ9ZYK+x/Yl1pla8p7EGajtZd/O+YuYbw76VL5ijs1apP2M06NlQehhASmck1qvMBrb5Sh2/9AnzBWYe8HhlgAAAAAElFTkSuQmCC);
}

.sidebar__pagination__link {
  display: block;
  width: 40px;
  height: 100%;
  background-size: 7px 13px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
}

.sidebar__pagination__link:hover {
  background-color: #002548;
}

.sidebar__pagination__link--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAABGdBTUEAALGPC/xhBQAAAVxJREFUOBGV0rFKA0EQBuD5l4Bil0ewsLl7jZhG7UQ0lcYyIoIExEJiITYpxCYgghAFi6QVSQx2eQNzPoGPIBg0jv+qFy9yudtbOG72mG9ndm+hQWFPPnEkIh2ZyW1i4X7IOHUYohMRzfNZl+FHS7WWS1VMMARzf4m6IoP+NTG/J4+YBFYO+heqiiQaA5muui1B8Sw7tEJ1VweL3H/8iK8Y5qoe6qBwEE6j72RoM1VOiXeiyMbp8EecE29FsRtU4QnjkngtxG7QZqsatn2jz8VlO4U+FdQGzgPyxh0uOV2viUVVZln+1r3VCS2SveJ3q9jICt95vqvwuo/urQIjgSnB693Zrt0g+CNgyvC77XCrrrACr9MMkVtFSJXtNaIoHUJq8Hv1/ygZwtSJjuPQdAhp8CCq09A02BTvoZKEfiFex0lAW/x8GUDqxTe8Cft8XgS4Em++BLRG44USgi/iFGGworvPXQAAAABJRU5ErkJggg==);
  right: 0;
  left: auto;
}

.sidebar__pagination__link--prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAABGdBTUEAALGPC/xhBQAAAXZJREFUOBGVlL9KA0EQxmf2guCb6PkIgtUlFjaxEFSwELUULZU0VpaiAQsFbUQQS230tL3WyjufIA9gISjEG79dcyH3L7tJc7nd+X3zzezNMjn+RI4alESXJNQmxSfswgFSFEe3RLJq4pl/lQ0UETaZMkgDIl7DBlLSPIO9rWLc2IwSN48B7RYh/V4LShJ0YOmwCtJrlc2RpLlHqZzWQZWgvAc7kLuAxUrRTCy3KXGwDhM3sFhbQgmEvWXYu8eGvdMIMhnlI1iklB+QaSpTtD1ZktYCSfqEmqZtwaP7ChBqmgzSAroJ36NKrv8VsbeGSj9dgSxOsf/8Rh4voU9f2aLL05wXz7xEpFSbmH9cIB0zPGhkfsWArmCt7wIPQR3Ms+EjMm8gc2qDc6CB/fAOEvp7lXFwCTTwXHiNKvYnBgdwF5Y7dXBuOqqC/m+B8kBbQS2Gceui4twV4gaam651henZHLjqVzanaJmZhfz5bZzzObrdQ+0Hf2wOb7RTzjDdAAAAAElFTkSuQmCC);
  left: 0;
  right: auto;
}

.sidebar__matches {
  background-color: #002f5c;
  padding: 0rem 0;
  margin: 0 10px;
}

@media screen and (min-width: 53.125em) {
  .sidebar__matches {
    margin: 0;
  }
}

.sidebar__matches h2 {
  margin-top: 1rem;
}

.sidebar__matches .match {
  margin: 1rem 0;
}

.sidebar__matches .match__header {
  background-color: #052748;
  padding: 0.5rem;
  text-align: center;
}

.sidebar__matches .match__header h3 {
  font-family: "UnitedSans", Helvetica, sans-serif;
  color: #0560a7;
  font-size: 1.25rem;
  margin: 0.2rem 0;
  line-height: 1.3rem;
}

.sidebar__matches .match__header p {
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1.1rem;
  text-transform: uppercase;
  margin: 0.2rem 0;
  line-height: 1.3;
}

.sidebar__matches .match__result {
  background-color: #001d39;
  padding: 1rem;
  position: relative;
  min-height: 80px;
  padding-bottom: 85px;
}

.sidebar__matches .match__result__team {
  width: 50%;
  float: left;
}

.sidebar__matches .match__result__team h4 {
  margin: 0;
  line-height: 1;
  margin-bottom: 0.7rem;
}

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

.sidebar__matches .match__result__team--right .match__result__team__image {
  left: auto;
  right: 0.5rem;
}

.sidebar__matches .match__result__team__image {
  width: calc(50% - 50px);
  height: 65px;
  position: absolute;
  bottom: 1rem;
  left: 0.5rem;
  float: left;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.sidebar__matches .match__result__num {
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  font-size: 2.25rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
}

.sidebar__matches .match__result__halftime {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  font-size: 0.9rem;
  width: 100%;
  text-align: center;
  font-weight: 900;
}

.sidebar__matches .match__result__halftime.match__result__halftime--small {
  font-size: 0.8rem;
}

.sidebar__matches .match__buttons a {
  display: block;
  float: left;
  color: #ffd444;
  text-transform: uppercase;
  width: 50%;
  background-color: #001d39;
  padding: 0.5rem 0.2rem 0.4rem 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 3px;
  font-size: 0.9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 900;
}

.sidebar__matches .match__buttons a:nth-child(odd) {
  width: calc(50% - 3px);
  margin-right: 3px;
}

.sidebar__matches .match__buttons a:hover {
  background-color: #0560a7;
  text-decoration: none;
}

.sidebar__fanshop {
  margin: 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .sidebar__fanshop {
    background-color: #ffd444;
    color: #001d39;
  }
}

.sidebar__fanshop h2 {
  text-transform: uppercase;
  margin: 2rem 0 1rem 0;
  font-size: 1.5rem;
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.sidebar__fanshop h2 a {
  color: inherit;
}

.sidebar__fanshop .fanshop__items {
  white-space: nowrap;
  overflow: auto;
  position: relative;
}

@media screen and (min-width: 53.125em) {
  .sidebar__fanshop .fanshop__items {
    white-space: normal;
  }
}

.sidebar__fanshop .fanshop__item {
  display: inline-block;
  width: calc(100vw - 4rem);
  margin-right: 1rem;
  height: 100%;
}

.sidebar__fanshop .fanshop__item:first-child {
  margin-left: 2rem;
}

.sidebar__fanshop .fanshop__item img {
  width: 100%;
  height: auto;
}

.sidebar__fanshop .fanshop__item h4 {
  color: #ffd444;
  margin: 1rem 0 0.5rem 0;
  white-space: normal;
  line-height: 1.2;
}

.sidebar__fanshop .fanshop__item a:hover {
  text-decoration: none;
}

.sidebar__fanshop .fanshop__item a:hover img {
  opacity: 0.8;
}

@media screen and (min-width: 53.125em) {
  .sidebar__fanshop .fanshop__item {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .sidebar__fanshop .fanshop__item:first-child {
    margin-left: 0;
  }
  .sidebar__fanshop .fanshop__item h4 {
    color: inherit;
  }
}

.sidebar__fanshop .fanshop__item--white-space {
  background: #fefefe;
}

.sidebar__fanshop .fanshop__item--white-space img {
  width: auto;
  margin: 0 auto;
}

@media screen and (min-width: 53.125em) {
  .sidebar__fanshop .fanshop__item--white-space img {
    height: 200px;
  }
}

.sidebar__welovefootball {
  background-color: #fefefe;
  padding: 1.5rem 0;
  margin: 0 10px 0;
  color: #0560a7;
  display: none;
}

.sidebar__welovefootball .welovefootball__title {
  margin-bottom: 0;
  line-height: 1.1;
}

.sidebar__welovefootball .welovefootball__subtitle {
  display: inline-block;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 1rem;
  margin-top: 0;
}

.sidebar__welovefootball .welovefootball__video {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 53.125em) {
  .sidebar__welovefootball {
    margin-left: 0;
    margin-right: 0;
  }
}

.match__result__num--deferred {
  display: inline-block;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  margin: 0 0.08rem;
}

.home__news {
  padding: 2rem 0;
}

.newsblock {
  display: block;
  color: #001d39;
  margin-bottom: 2rem;
  position: relative;
}

.newsblock:hover {
  text-decoration: none;
}

.newsblock:hover h3 {
  color: #0560a7;
}

.newsblock img {
  width: 100%;
  height: auto;
}

.newsblock h3 {
  font-size: 1.5rem;
  margin: 0.5rem 0 0.5rem 0;
  line-height: 1.1;
  color: #002f5c;
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.newsblock h3 a {
  color: #001d39;
}

.newsblock h3 a:hover {
  text-decoration: none;
  color: #0560a7;
}

.newsblock a + h3 {
  margin-top: 1rem;
}

.newsblock p {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  color: inherit;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  font-weight: 400;
}

.newsblock--inverted {
  color: #fff;
}

.newsblock--inverted h3 a,
.newsblock--inverted h3 {
  color: #fff;
}

.newsblock--inverted h3 a:hover {
  color: #ffd444;
}

.newsblock__dateline {
  text-transform: uppercase;
  display: block;
  font-size: 0.9rem;
  font-weight: 900;
  color: #c4c4c4;
  margin: 1rem 0 0 0;
}

.newsblock__category {
  color: #0560a7;
}

@media screen and (min-width: 53.125em) {
  .newsblock--small h3 {
    font-size: 1.5rem;
  }
  .newsblock--small p {
    font-size: 1rem;
  }
}

@media screen and (min-width: 53.125em) {
  .newsblock--medium h3 {
    font-size: 1.75rem;
  }
  .newsblock--medium p {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 53.125em) {
  .newsblock--wide::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #e7e7e7;
    width: calc(60% - 30px);
  }
  .newsblock--wide img {
    display: block;
    float: left;
    width: 40%;
    margin-right: 30px;
  }
  .newsblock--wide .newsblock__dateline {
    margin-top: 0;
  }
  .newsblock--wide .newsblock__content {
    display: block;
    float: right;
    width: calc(60% - 30px);
    padding-bottom: 1rem;
  }
  .newsblock--wide h3 {
    font-size: 1.25rem;
    margin-top: 0.3rem;
  }
  .newsblock--wide::after {
    content: "";
    display: block;
    clear: both;
  }
}

.newsblock-overlay {
  display: block;
  padding-top: 40%;
  padding-bottom: 0;
  background-size: cover;
  background-position: center center;
  color: #fff;
  margin-bottom: 1rem;
}

.newsblock-overlay + .newsblock-overlay {
  margin-top: 1rem;
}

h1 + .newsblock-overlay {
  margin-top: 1rem;
}

.newsblock-overlay h3 {
  display: block;
  padding: 0.7rem 1rem 0.4rem 1rem;
  background-color: #0560a7;
  color: #fff;
  font-size: 18px;
  margin: 0;
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.newsblock-overlay .newsblock-overlay__subline {
  display: block;
  padding: 0rem 1rem 0.5rem 1rem;
  margin: 0;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 18px;
  background-color: #0560a7;
}

.newsblock-overlay:hover {
  text-decoration: none;
}

.newsblock-overlay:hover h3 {
  color: #0560a7;
}

@media screen and (min-width: 53.125em) {
  .newsblock-overlay {
    margin-bottom: 0;
  }
  .newsblock-overlay h3 {
    background-color: #0560a7;
    color: #fff;
    padding: 0.7rem 1rem 0.4rem 1rem;
    font-size: 24px;
  }
  .newsblock-overlay p {
    background-color: #0560a7;
    padding-top: 0;
    padding-bottom: 0.7rem;
    font-size: 18px;
  }
  .newsblock-overlay:hover h3 {
    color: #ffd444;
    background-color: #002f5c;
  }
  .newsblock-overlay:hover p {
    background-color: #002f5c;
  }
  .newsblock-overlay--inverted h3,
  .newsblock-overlay--inverted p {
    color: #0560a7;
    background-color: #fff;
  }
  .newsblock-overlay--inverted h3 {
    border: 3px solid #0560a7;
    border-bottom: none;
  }
  .newsblock-overlay--inverted p {
    border: 3px solid #0560a7;
    border-top: none;
  }
  .newsblock-overlay--inverted:hover h3,
  .newsblock-overlay--inverted:hover p {
    color: #001d39;
    background-color: #fff;
    border-color: #001d39;
  }
  .newsblock-overlay--yellow h3 {
    background-color: #ffd444;
    color: #001d39;
  }
  .newsblock-overlay--yellow p {
    background-color: #ffd444;
    color: #001d39;
  }
  .newsblock-overlay--yellow:hover h3 {
    color: #0560a7;
    background-color: #ffd444;
  }
  .newsblock-overlay--yellow:hover p {
    background-color: #ffd444;
    color: #001d39;
  }
}

.main.main--article {
  background-color: #001d39;
  background-image: url(/static/app/images/blue-bgimage.1bb82648d8a9.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 2rem 0 2rem 0;
  margin: 0;
}

@media screen and (min-width: 53.125em) {
  .main.main--article {
    margin: 0;
    margin-top: 0;
  }
}

.article {
  position: relative;
  background-color: #fff;
  padding: 2rem 0 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .article {
    padding: 3rem 0 4rem 0;
  }
}

.article article {
  margin-bottom: 2rem;
}

@media screen and (min-width: 53.125em) {
  .article article {
    margin-bottom: 2rem;
  }
}

.article img + p,
.article p + img,
.article img + img {
  margin-top: 2rem;
}

.article p {
  font-size: 1rem;
  max-width: 800px;
  font-weight: normal;
}

.article p + .flex-video,
.article .flex-video + p {
  margin-top: 2rem;
}

.article__tags {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.article__mood {
  display: block;
  width: 100%;
  margin: 1rem 0 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .article__mood {
    margin: 2rem 0 4rem 0;
  }
}

.article__arrow {
  display: block;
  width: 67px;
  height: 59px;
  position: absolute;
  top: 200px;
  z-index: 1;
  -webkit-transition: 0.2s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s transform cubic-bezier(0.23, 1, 0.32, 1), 0.2s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}

.article__arrow a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #0560a7;
  background-position: center;
  background-size: 43px 20px;
  background-repeat: no-repeat;
}

.article__arrow span {
  width: 245px;
  height: 59px;
  position: absolute;
  top: 0;
  background-color: #001d39;
  color: #fff;
  padding: 0.8rem;
  z-index: 0;
  line-height: 1.1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s transform cubic-bezier(0.23, 1, 0.32, 1), 0.2s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}

.article__arrow:hover span {
  opacity: 1;
  -webkit-transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s transform cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 0.2s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.2s transform cubic-bezier(0.175, 0.885, 0.32, 1.275), 0.2s -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.article__arrow--left {
  left: -67px;
}

.article__arrow--left a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAoCAYAAABkfg1GAAAABGdBTUEAALGPC/xhBQAAAmtJREFUaAXt2rFLG2EcxnFPtCjoaK2r2D9AcauIBlEQhIKTUCdxLi4ODv4BRQQFR7faQergYNFBaJF2KLi4iUPBoYo4WEUQFeL3EXNckrvk7s11yf1eeHjz5n3fn7kP4c0Z0tBgzQQyLZDP5z+Sa7JPWjONkcbFg+iRJRJsg2nUzmwNJJvJ56Doy+NcVlGaar1wANuosUVGa61VT/trggX1NRg7pL+eUNK4FmdYULt5AXukJ40XUm81Gl0uCNQ+9v0ihhoBmBgW1BFqfSedETXtaQQSwYI6xR6dqe2mV1kgNiyoc5TaIK8ql7RZCVSFBVQ3/p9Yu0w8bbJWXaDiXQGgzZRYJ9PVS9mKoEDkOxBU3fh/JWPBDfY4UuCemRXP8+a1IhQW1A7mvhG78ZdS/PYA7PNnUBksqN3U2SVv49ezlQUBYJ9Niz68QO1lwU9iqAUpx96HBXWIGj/IG8dati0g4B8FwP7l+a7AnD10EAg7Cs4d6tiWCAH/KGD+PTmOWGdPJxTwYXkLn7J3gPxOWMOWhwj4sJoD95IuR/Q9q7UaBIpgVQfcW7oJ8kVja4kEHgqry2A1Aa4WfCArGluLJSCz1VgrtYjbsAXi2nSsWIsSQHWGPDroZhY29CgoBeZo0FeHk+SudM7G4QKxYLUV3G26UfJPY2uVBWLDqgy4B3T62dCZxtaiBRLBqgy4R3TvyInG1sIFEsOqDLh/6PRf2qHG1soFnGBVBtwLumGyr7G1YgFnWJUB94ZunGxqbC1lAe5vG8layH1uLuU/lc1ywC6W4NoPj9N6KwA7S66IfirfklZdq2MCJvA/BZ4AbdpNkaqVAQsAAAAASUVORK5CYII=);
}

.article__arrow--left span {
  right: 0;
}

.article__arrow--left:hover span {
  -webkit-transform: translateX(-67px);
      -ms-transform: translateX(-67px);
          transform: translateX(-67px);
}

.article__arrow--right {
  right: -67px;
}

.article__arrow--right a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAoCAYAAABkfg1GAAAABGdBTUEAALGPC/xhBQAAAmtJREFUaAXtmr9rFEEUx++MkbMIVoI2YpM2hYE0IYGLRVCEQIQUaRIItoHY2eQfSAoDllYSlBRpRYM/IEQLDeQPULRNIoGgsdHi/Ezi3M7tzuwOtynuuO/AY95835vH3OeWndm9q1TUREAEuoBAo9GoYW+xY+xBFyy5O5YIzHHMbcvdsfIOXyVEJ1yq//0n9Bc6fOmdvbwAWMN3A7tUdvX6drIEZ5BeAncgG4pXBNbP6jbye+Be9YeLVYENMxom9AG4N8Mp4YjAhtmYyCD2EbhD+WnZqMBmmaSV6wjbwB1LB/LGAptHJ4ldwd0C7lQi5XsCm8/HjdYYbAJ3wRVDvsCGyPj1PuSnwH3kDydq1bokr+IvYv1WU59LYI3oUrVabfiyXLB/SBBUH6Ww9pzQPHD/plNcsF7y6QkaZwi8RrkP3N9uRGBdGu37n5h6F7hHtoQ2L0uiXD/C9B32qRu2jK5YS+J8+j2u2lumlK7Y8wFqq1yzjsBaEuX7X5SYtWUuWkd9KQL7zDab156tIrCWRPv9F6ZOAvW7W8K9FWQOuW6ifC+Bz6ijaagm0wX7mLF5+lKLI/CKtDpQf8Sl90gWZ07fr7TIUe0ZWbmP/+4V2yNIS3/MFSrMcaXm3jq1ecVzNu9SHgLU3DILm8AWIjpNMHuPeYv1Ii69UhHYYlLm4D8N1DfFqUmGwCYsfN4B4h2gNg/+viSfJrA+KmfaVzpz8P8WTglHdCrws9lFNgf/tqCakgKbBbuFVAfqYTYUrwhsK6t1hveAetIqaxRNgCen9B+PV9CaL/6jCymxlQAQL2PvsJ+Y+dlfTQR6mMA/5vkdSJkndoQAAAAASUVORK5CYII=);
}

.article__arrow--right span {
  left: 0;
}

.article__arrow--right:hover span {
  -webkit-transform: translateX(67px);
      -ms-transform: translateX(67px);
          transform: translateX(67px);
}

@media screen and (max-width: 1740px) {
  .article__arrow span {
    display: none;
  }
}

@media screen and (max-width: 1230px) {
  .article__arrow {
    display: none;
  }
}

@media screen and (min-width: 53.125em) {
  .article p {
    font-size: 1.1rem;
  }
}

.article__news {
  background-color: #f0f0f0;
  padding: 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .article__news {
    padding: 4rem 0;
  }
}

a.team__item {
  color: inherit;
}

a.team__item:hover {
  text-decoration: none;
}

a.team__item:hover img {
  opacity: 0.8;
}

.team__wrap {
  margin: 1rem 0 2rem 0;
}

.team__item {
  display: block;
  margin-bottom: 1.5rem;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  font-weight: 900;
}

.team__item img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

@media screen and (min-width: 53.125em) {
  .team__item {
    width: 160px;
  }
}

.team__title, .team__desc {
  display: block;
  line-height: 1.1;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team__title.team__title--black, .team__desc.team__title--black {
  color: #0a0a0a;
}

@media screen and (min-width: 53.125em) {
  .team__title, .team__desc {
    font-size: 1rem;
  }
}

.team__title {
  margin-top: 1rem;
  margin-bottom: 0.2rem;
}

.team__desc {
  color: #0560a7;
}

.team__link {
  display: block;
  line-height: 1.1;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.2rem;
  text-decoration: underline;
}

.team__link:hover {
  color: #001d39;
}

@media screen and (min-width: 53.125em) {
  .team__link {
    font-size: 1rem;
  }
}

.team__photo {
  background-color: #0560a7;
  padding: 2rem 0;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
}

@media screen and (min-width: 53.125em) {
  .team__photo {
    padding: 3rem 0;
  }
}

.team__photo__link {
  display: inline-block;
  margin-top: 10rem;
  font-size: 1rem;
  background-color: #ffd444;
  text-transform: uppercase;
  width: 100%;
  padding: 1rem 2rem 1rem 1rem;
  color: #001d39;
  position: relative;
  line-height: 1.2;
  font-weight: 900;
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.3);
}

.team__photo__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 24px;
  background-image: url(/static/app/images/icon-download.632ce83d4257.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 1rem;
}

.team__photo__link:hover {
  text-decoration: none;
  background-color: #ffc811;
}

@media screen and (min-width: 53.125em) {
  .team__photo__link {
    width: auto;
    font-size: 1.1rem;
    padding: 1rem 4rem 0.8rem 1rem;
    margin-top: 0;
  }
  .team__photo__link::after {
    width: 26px;
    height: 31px;
    margin-top: -16px;
  }
}

.team__photo__label {
  font-size: 0.875rem;
  color: #fff;
  display: block;
  margin-top: 1rem;
  line-height: 1.2;
}

.team__photo__image {
  width: 275px;
  position: absolute;
  left: 50%;
  margin-left: -137px;
  top: -3.3rem;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.21);
          box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.21);
}

.team__photo__image::after {
  content: "";
  display: block;
  width: 27px;
  height: 45px;
  background-image: url(/static/app/images/icon-paperclip.db69e2cd86a0.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -13px;
}

@media screen and (min-width: 53.125em) {
  .team__photo__image {
    left: 450px;
    top: -3.3rem;
    margin-left: 0;
  }
}

.team__table {
  width: 100%;
  max-width: 700px;
  margin: 1rem 0;
}

.team__table th {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  line-height: 1;
  vertical-align: top;
  text-align: left;
  text-transform: uppercase;
}

.team__table td {
  padding: 0.5rem;
  line-height: 1;
  vertical-align: top;
}

.team__table td:first-child {
  font-weight: 900;
}

.team__table tr:nth-child(2n + 1) {
  background-color: #fafafa;
}

@media screen and (max-width: 53.0625em) {
  .team__table td,
  .team__table th {
    display: block;
  }
}

.main.main--person {
  background-color: #002f5c;
  margin: 0;
  color: #fff;
  margin-top: -1rem;
}

.main.main--person h1 {
  color: #0560a7;
}

.main.main--person p {
  font-size: 1rem;
}

@media screen and (min-width: 53.125em) {
  .main.main--person p {
    font-size: 1.25rem;
  }
}

.person__table {
  width: 100%;
  font-size: 1rem;
  margin: 1rem 0;
}

.person__table td,
.person__table th {
  width: 50%;
  line-height: 1.2;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  vertical-align: top;
  padding-right: 0.5rem;
}

.person__table th {
  text-align: left;
}

.person__table .person__table__icon {
  padding-left: 2rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  position: relative;
}

.person__table .person__table__icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
}

.person__table .person__table__icon--goals::before {
  background-image: url(/static/app/images/icon-football.524e90b15e63.png);
}

.person__table .person__table__icon--redcards::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAABGdBTUEAALGPC/xhBQAAAURJREFUaAXtmjFuAjEURO1ILolSUFJzBXIADpWcILlNLgAH4ArUlBQoKV04/iL9WPuAlaJx650Z/zdb/pR8TMAETGBOAnkk/LRcrnOtn/3bbWttMaKZ+k3O+adrd62Ut9X5fFQ+coB4fKr1kFp7UWY3vc/5kkrZqCGeZGitHw9/fDwqgEW2OHKAXtFWeNzteiRbDtD/+ee7vVAYj2TLAUTG7NceYO4K3IAbgAT8C0GAWO4GMEJo4AYgQCx3AxghNHADECCWuwGMEBq4AQgQy90ARggN3AAEiOVuACOEBm4AAsRyN4ARQgM3AAFiuRvACKGBG4AAsdwNYITQ4P830HcXviGkyfKR7JEG9pNfAIWtL30oCzlAbI2kWLx49Lkue7yrWDlAbIvkUl57nV9/qzDKE91HRmSNbKqgIItNwARM4CYEfgGVyTjPA8hiBgAAAABJRU5ErkJggg==);
}

.person__table .person__table__icon--yellowcards::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAABGdBTUEAALGPC/xhBQAAAUNJREFUaAXtmrFNA1EQRGeNTWbkKpCoAApwREWmAtyNMyK7AFeARBUWZFjmc3fkt1/3fLqAcbqemd03F37JPxMwAROYkkDUhJf353v9nLdSWatoWaMZ/J/QlxR7zRabeHj7yHzSA7rlL9/HxmiVmV15ftLN7WN2xCwNvZxfJ1i+XWulv+zeFfMDQutehzGHFdn5AaXcjbljr3dFdn5Ab8L0Qx8wdQduwA1AAv6EIEAsdwMYITRwAxAglrsBjBAauAEIEMvdAEYIDdwABIjlbgAjhAZuAALEcjeAEUIDNwABYrkbwAihgRuAALHcDWCE0MANQIBY7gYwQmjwDxqI+ISQhssrsmsaOAzfACqL9plDfkDzaqQxOWVGI8ybxx6Ll8w3PaB7LTKfPylip+4pTGYJ521Gm1XxUgUmWW4CJmACVyDwC/9PK533l2UWAAAAAElFTkSuQmCC);
}

.person__table .person__table__icon--yellowredcards::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAABGdBTUEAALGPC/xhBQAAAgJJREFUaAXtWjFOw0AQ3HV8gECxUoQK0iJBj5IH5AX8Al4QXhAewR/SUYUH8ASoKV1EUFro2ItIYuVM5D17OSLtNbHjvdmdmZO8khehYr33+xdYFA/0aGyt7VaEtPYXIn4S2NwaMznP8zcuMG5vcMVDUbyAtb3tZ6L3iAswZsglkXhFFcX0z4t3RTjBXG7m8giQJWMmRmvhIbk9AnTms9YqYgKF5PYIMHNGD1cCsS1QB9SBhgrs/RFKmwiQDo4guxvA4XUGyXGnCdR6r6V38vqmfIFAPRPOITETvHxa90x+L5Rl1QBlMLp2xZ8+XkHSbaTBFmqt2wV0DoYrEsFHKLsdxCjeMezB16ZnCibgjk20hZt+LZhActLOmQ8SodSvBRMISiywSQkIiMqCVAdYcgkEqwMCorIg1QGWXALB6oCAqCxIdYAll0CwOiAgKgtSHWDJJRCsDgiIyoJUB1hyCQSrAwKisiDVAZZcAsHqgICoLEjPAZpd+GAhRA72CFA9z5FrYqX3CLipEXCDF3uyPAJuWgSNGdFRmv2MwvxrKpXfh87y/JWqvtlV+a/fsnZtEnjmOSCQQxRSCYjKWwNcHaghkmiIOiAqbw3wcAdi9kyl3OEEYvZMFuYrc8IJ0NQIgcTomWjYw9w3JrCcFknTETV+M1iOwqwghX5dDperNKniMn0DQ/5WiGVfLxEAAAAASUVORK5CYII=);
}

@media screen and (min-width: 53.125em) {
  .person__table {
    font-size: 1.25rem;
  }
}

.person__social {
  margin-top: 3rem;
}

.person__social__link {
  display: block;
  color: #ffd444;
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: left center;
  font-size: 1.1rem;
  font-weight: 900;
  margin-bottom: 0.5rem;
  padding-top: 0.3rem;
}

.person__social__link--fb {
  background-image: url(/static/app/images/icon-facebook.a1a68a5133dd.png);
}

.person__social__link--fb:hover {
  background-image: url(/static/app/images/icon-facebook-white.ac7c3c7cdbe3.png);
}

.person__social__link--instagram {
  background-image: url(/static/app/images/icon-instagram.5ce49a831b34.png);
}

.person__social__link--instagram:hover {
  background-image: url(/static/app/images/icon-instagram-white.0b9534fa4d72.png);
}

.person__social__link--twitter {
  background-image: url(/static/app/images/icon-twitter.daf914c44aa1.png);
}

.person__social__link--twitter:hover {
  background-image: url(/static/app/images/icon-twitter-white.5ae531ad8793.png);
}

.person__social__link:hover {
  text-decoration: none;
  color: #fff;
}

.old-profile__headline {
  padding-bottom: 1rem;
}

.main--tickets {
  color: #fff;
  background-color: #001d39;
  background-color: #000d30;
  background-image: url(/static/app/images/blue-bgimage.1bb82648d8a9.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-top: 2rem;
}

@media screen and (min-width: 53.125em) {
  .main--tickets {
    margin-top: 0;
    padding: 3rem 0 4rem 0;
  }
}

.main--ticketcontent {
  padding-bottom: 6rem;
}

@media screen and (min-width: 53.125em) {
  .main--ticketcontent {
    padding-bottom: 12rem;
  }
}

.tickets__content h1 {
  margin-top: 2rem;
  margin-bottom: 0;
}

.tickets__content h1.allcaps {
  margin: 0;
}

.tickets__content p {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 53.125em) {
  .tickets__content p {
    font-size: 1.1rem;
  }
}

.list-checkmarks {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 2rem;
}

.list-checkmarks li {
  line-height: 1.2;
  font-weight: normal;
  padding-left: 4rem;
  position: relative;
  margin-bottom: 1.5rem;
}

.list-checkmarks li::before {
  content: "";
  display: block;
  width: 36px;
  height: 26px;
  background-image: url(/static/app/images/icon-checkmark-blue.de98f644213a.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 53.125em) {
  .list-checkmarks li {
    line-height: 1.3;
    max-width: 600px;
  }
}

.tickets__disclaimer {
  margin: 2rem 0;
}

.ticket-teaser {
  position: relative;
  padding-bottom: 80px;
  margin-bottom: 2rem;
  font-weight: normal;
}

.ticket-teaser h3 {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 24px;
  margin: 1rem 0 0.4rem 0;
}

.ticket-teaser h3 a {
  color: #fff;
}

.ticket-teaser h3 a:hover {
  color: #ffd444;
  text-decoration: none;
}

.ticket-teaser p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.ticket-teaser .button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 53.125em) {
  .ticket-teaser .button {
    left: 0.9375rem;
    width: calc(100% - 1.875rem);
  }
}

.main--live {
  margin: 0;
  padding: 2rem 0;
}

@media screen and (min-width: 53.125em) {
  .main--live {
    padding: 4rem 0 3rem 0;
  }
}

.live {
  background-color: #001d39;
  background-image: url(/static/app/images/live-bgimage.f86670c9b2bb.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff;
  margin-top: -42px;
}

@media screen and (min-width: 53.125em) {
  .live {
    margin-top: 0;
  }
}

.live__match {
  text-align: center;
}

.live__match__label {
  font-size: 1.25rem;
  font-weight: normal;
}

.live__headline {
  color: #0560a7;
  font-size: 1.5rem;
  margin: 0;
}

.live__date {
  font-size: 2.25rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  text-transform: uppercase;
}

.live__teams {
  text-align: center;
  margin: 2rem 0;
  position: relative;
  max-width: 69.375rem;
  margin-left: auto;
  margin-right: auto;
}

.live__teams::before, .live__teams::after {
  content: ' ';
  display: table;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.live__teams::after {
  clear: both;
}

.live__teams__column3 {
  width: 37.5%;
  float: left;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  position: relative;
}

@media screen and (min-width: 53.125em) {
  .live__teams__column3 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.live__teams__column3:last-child:not(:first-child) {
  float: right;
}

.live__teams__column2 {
  width: 25%;
  float: left;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  position: relative;
}

@media screen and (min-width: 53.125em) {
  .live__teams__column2 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.live__teams__column2:last-child:not(:first-child) {
  float: right;
}

.live__teams__column4 {
  width: 50%;
  float: left;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  position: relative;
}

@media screen and (min-width: 53.125em) {
  .live__teams__column4 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.live__teams__column4:last-child:not(:first-child) {
  float: right;
}

.live__teams__result {
  display: block;
  font-size: 2rem;
  margin-top: 2rem;
  font-weight: 700;
  line-height: 0.6;
  margin-bottom: 0.5rem;
}

.live__teams__result small {
  font-weight: 700;
  font-size: 40%;
}

@media screen and (min-width: 53.125em) {
  .live__teams__result {
    font-size: 3.75rem;
    margin-top: 3.5rem;
  }
}

.live__teams__result-intermediate {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
}

@media screen and (min-width: 53.125em) {
  .live__teams__result-intermediate {
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 0.3rem;
  }
}

.live__teams__image {
  width: 100%;
  height: 5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 53.125em) {
  .live__teams__image {
    height: 9rem;
  }
}

.live__teams__name {
  display: block;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: 700;
  margin-top: 6.5rem;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 53.125em) {
  .live__teams__name {
    font-size: 1.5rem;
    margin-top: 11rem;
  }
}

@media screen and (min-width: 53.125em) {
  .live__teams {
    margin: 2rem 0 3rem 0;
  }
}

.live__media {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1rem;
  margin-top: 2rem;
}

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

.live__media-linkgroup a {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.live__media__ticketlink {
  max-width: 300px;
  margin: 1rem auto;
  display: inline-block;
}

.live__media__bettinggamelink {
  max-width: 300px;
  margin: 1rem auto;
  display: inline-block;
}

.live__media__countdown {
  text-align: center;
  border-bottom: 2px solid #fff;
  padding: 1rem;
}

.live__media__countdown .countdown__item {
  display: inline-block;
  margin: 0 0.5rem;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
}

.live__media__countdown .countdown__item__num {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
}

.live__media__countdown .countdown__item__desc {
  font-size: 0.9rem;
}

@media screen and (min-width: 53.125em) {
  .live__media__countdown .countdown__item {
    margin: 0 1rem;
  }
  .live__media__countdown .countdown__item__num {
    font-size: 1.5rem;
  }
}

.live__media__social {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.live__media__social__headline {
  color: #0560a7;
  margin: 0;
  margin-bottom: 1rem;
  font-size: 20px;
}

.live__media__social__fblike {
  display: block;
  margin-top: 1rem;
}

@media screen and (min-width: 53.125em) {
  .live__media__social__fblike {
    float: right;
    margin-top: 0rem;
  }
}

.live__media__social__fblike iframe {
  width: 150px;
}

.live__media__social__link {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-right: 0.5rem;
}

.live__media__social__link--youtube {
  background-image: url(/static/app/images/icon-youtube-white.fc39b643d84b.png);
}

.live__media__social__link--youtube:hover {
  background-image: url(/static/app/images/icon-youtube.eca173c16e55.png);
}

.live__media__social__link--instagram {
  background-image: url(/static/app/images/icon-instagram-white.0b9534fa4d72.png);
}

.live__media__social__link--instagram:hover {
  background-image: url(/static/app/images/icon-instagram.5ce49a831b34.png);
}

.live__media__social__link--twitter {
  background-image: url(/static/app/images/icon-twitter-white.5ae531ad8793.png);
}

.live__media__social__link--twitter:hover {
  background-image: url(/static/app/images/icon-twitter.daf914c44aa1.png);
}

.live__media__social__link--facebook {
  background-image: url(/static/app/images/icon-facebook-white.ac7c3c7cdbe3.png);
}

.live__media__social__link--facebook:hover {
  background-image: url(/static/app/images/icon-facebook.a1a68a5133dd.png);
}

.live__media__social__link--linkedin {
  background-image: url(/static/app/images/icon-linkedin-white.4d1109734c68.png);
}

.live__media__social__link--linkedin:hover {
  background-image: url(/static/app/images/icon-linkedin.d32f83e53dd7.png);
}

.live__media__social__link--xing {
  background-image: url(/static/app/images/icon-xing-white.2aaa51cb66e8.png);
}

.live__media__social__link--xing:hover {
  background-image: url(/static/app/images/icon-xing.193f7280fe0d.png);
}

@media screen and (min-width: 53.125em) {
  .live__media__social__link {
    width: 40px;
    height: 40px;
    margin-right: 1.5rem;
  }
}

.live__matchinfo {
  position: relative;
}

.live__matchinfo nav a {
  display: inline-block;
  cursor: pointer;
}

@media screen and (max-width: 53.0625em) {
  .live__matchinfo nav a {
    margin: 0 0.2rem 0.6rem;
  }
}

.live__matchinfo > div {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.live__matchinfo > div.show {
  position: static;
  visibility: visible;
}

.live__matchinfo__lineup {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  text-align: left;
}

@media screen and (min-width: 53.125em) {
  .live__matchinfo__lineup {
    margin-top: -0.5rem;
  }
}

.live__matchinfo__lineup .table-styled th,
.live__matchinfo__lineup .live__match .table-styled tr:first-child td {
  padding-bottom: 15px;
}

.live__matchinfo__lineup .table-styled tr {
  border-bottom: 2px solid #002f5c;
}

.live__matchinfo__lineup .table-styled tr .team-name {
  color: #067cd9;
}

.live__matchinfo__lineup .table-styled tr .replacements {
  font-size: 16px;
}

.live__matchinfo__lineup td.inout::before {
  content: "";
  width: 0.85rem;
  background-size: contain;
  height: 1.4rem;
  display: inline-block;
  background: url(/static/app/images/icon-inout.718e1f984620.svg) no-repeat;
  vertical-align: middle;
  margin-right: 0.3rem;
  background-size: contain;
}

.live__matchinfo__lineup td.inout {
  display: inline-block;
  width: 100%;
}

.live__matchinfo--article-display .live__teams__name {
  margin: 1rem 0 0;
  text-align: left;
}

.live__matchinfo--article-display .live__icon--goal {
  background-image: url(/static/app/images/icon-football-black.e991a58539e7.png);
}

.header-live__logo {
  background: url(/static/app/images/FCZ_125-Anniversary_Logo_Colour_Negative.9ac2fbace632.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 200px;
  height: 80px;
  position: absolute;
  z-index: 3;
  top: 0.5rem;
  left: 50%;
  margin-left: -100px;
}

@media screen and (min-width: 53.125em) {
  .header-live__logo {
    left: 0.9375rem;
    margin-left: 0;
  }
}

.header-live__logolink {
  color: #fff;
  position: absolute;
  top: 6.2rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}

.header-live__logolink:hover {
  text-decoration: none;
  color: #ffd444;
}

@media screen and (min-width: 53.125em) {
  .header-live__logolink {
    left: 0.9375rem;
    width: 200px;
  }
}

.header-live__sponsor {
  background-color: #002f5c;
  padding: 0.3rem;
  font-weight: normal;
  margin-top: 0;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.header-live__sponsor span {
  line-height: 1;
  vertical-align: middle;
}

.header-live__sponsor img {
  width: auto;
  height: auto;
  max-height: 60px;
  display: block;
  margin: 0.5rem auto;
}

@media screen and (min-width: 53.125em) {
  .header-live__sponsor {
    font-size: 1.25rem;
    margin-bottom: 2rem;
  }
  .header-live__sponsor img {
    display: inline;
    margin-left: 1.5rem;
  }
}

.header-live__nav {
  margin-top: 8rem;
}

.header-live__nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #002f5c;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
}

.header-live__nav ul li {
  display: block;
  text-transform: uppercase;
  font-size: 1.5rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 3.5rem;
  text-align: center;
}

.header-live__nav ul li a {
  color: #ffd444;
  display: block;
  position: relative;
  bottom: -0.3rem;
}

.header-live__nav ul li a:hover {
  text-decoration: none;
  color: #fff;
}

@media screen and (min-width: 53.125em) {
  .header-live__nav {
    margin-top: 0;
  }
}

.live__ticker {
  background-color: #001d39;
  padding: 0;
}

.live__ticker__headline {
  font-size: 30px;
  color: #0560a7;
  text-transform: uppercase;
  margin-top: 0;
}

.live__ticker__timeline {
  margin-top: 1rem;
  max-height: 600px;
  overflow-y: scroll;
}

@media screen and (min-width: 53.125em) {
  .live__ticker {
    padding: 1rem;
    padding-top: 0;
  }
}

.live__highlights {
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

@media screen and (min-width: 53.125em) {
  .live__highlights {
    margin-top: -0.5rem;
  }
}

.live__highlights .highlight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

@media screen and (min-width: 53.125em) {
  .live__highlights .highlight {
    font-size: 1.1rem;
  }
}

.live__highlights .highlight__type {
  margin-right: 0.4rem;
}

.live__highlights .highlight__player {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}

.live__highlights__info {
  text-align: left;
  font-size: 1rem;
  margin-bottom: 2rem;
  line-height: 1.2;
}

.live__highlights__info strong {
  color: #0560a7;
}

@media screen and (min-width: 53.125em) {
  .live__highlights__info {
    font-size: 1.25rem;
    margin-bottom: 5rem;
  }
}

.live__icon {
  display: inline-block;
  width: 18px;
  height: 23px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.live__icon--goal {
  background-image: url(/static/app/images/icon-football.524e90b15e63.png);
}

.live__matchinfo__highlights--light .live__icon--goal {
  background-image: url(/static/app/images/icon-football.524e90b15e63.png);
}

.live__icon--yellowcard {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAABGdBTUEAALGPC/xhBQAAAUNJREFUaAXtmrFNA1EQRGeNTWbkKpCoAApwREWmAtyNMyK7AFeARBUWZFjmc3fkt1/3fLqAcbqemd03F37JPxMwAROYkkDUhJf353v9nLdSWatoWaMZ/J/QlxR7zRabeHj7yHzSA7rlL9/HxmiVmV15ftLN7WN2xCwNvZxfJ1i+XWulv+zeFfMDQutehzGHFdn5AaXcjbljr3dFdn5Ab8L0Qx8wdQduwA1AAv6EIEAsdwMYITRwAxAglrsBjBAauAEIEMvdAEYIDdwABIjlbgAjhAZuAALEcjeAEUIDNwABYrkbwAihgRuAALHcDWCE0MANQIBY7gYwQmjwDxqI+ISQhssrsmsaOAzfACqL9plDfkDzaqQxOWVGI8ybxx6Ll8w3PaB7LTKfPylip+4pTGYJ521Gm1XxUgUmWW4CJmACVyDwC/9PK533l2UWAAAAAElFTkSuQmCC);
}

.live__icon--redcard {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAABGdBTUEAALGPC/xhBQAAAURJREFUaAXtmjFuAjEURO1ILolSUFJzBXIADpWcILlNLgAH4ArUlBQoKV04/iL9WPuAlaJx650Z/zdb/pR8TMAETGBOAnkk/LRcrnOtn/3bbWttMaKZ+k3O+adrd62Ut9X5fFQ+coB4fKr1kFp7UWY3vc/5kkrZqCGeZGitHw9/fDwqgEW2OHKAXtFWeNzteiRbDtD/+ee7vVAYj2TLAUTG7NceYO4K3IAbgAT8C0GAWO4GMEJo4AYgQCx3AxghNHADECCWuwGMEBq4AQgQy90ARggN3AAEiOVuACOEBm4AAsRyN4ARQgM3AAFiuRvACKGBG4AAsdwNYITQ4P830HcXviGkyfKR7JEG9pNfAIWtL30oCzlAbI2kWLx49Lkue7yrWDlAbIvkUl57nV9/qzDKE91HRmSNbKqgIItNwARM4CYEfgGVyTjPA8hiBgAAAABJRU5ErkJggg==);
}

.live__icon--redyellowcard {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAABGdBTUEAALGPC/xhBQAAAgJJREFUaAXtWjFOw0AQ3HV8gECxUoQK0iJBj5IH5AX8Al4QXhAewR/SUYUH8ASoKV1EUFro2ItIYuVM5D17OSLtNbHjvdmdmZO8khehYr33+xdYFA/0aGyt7VaEtPYXIn4S2NwaMznP8zcuMG5vcMVDUbyAtb3tZ6L3iAswZsglkXhFFcX0z4t3RTjBXG7m8giQJWMmRmvhIbk9AnTms9YqYgKF5PYIMHNGD1cCsS1QB9SBhgrs/RFKmwiQDo4guxvA4XUGyXGnCdR6r6V38vqmfIFAPRPOITETvHxa90x+L5Rl1QBlMLp2xZ8+XkHSbaTBFmqt2wV0DoYrEsFHKLsdxCjeMezB16ZnCibgjk20hZt+LZhActLOmQ8SodSvBRMISiywSQkIiMqCVAdYcgkEqwMCorIg1QGWXALB6oCAqCxIdYAll0CwOiAgKgtSHWDJJRCsDgiIyoJUB1hyCQSrAwKisiDVAZZcAsHqgICoLEjPAZpd+GAhRA72CFA9z5FrYqX3CLipEXCDF3uyPAJuWgSNGdFRmv2MwvxrKpXfh87y/JWqvtlV+a/fsnZtEnjmOSCQQxRSCYjKWwNcHaghkmiIOiAqbw3wcAdi9kyl3OEEYvZMFuYrc8IJ0NQIgcTomWjYw9w3JrCcFknTETV+M1iOwqwghX5dDperNKniMn0DQ/5WiGVfLxEAAAAASUVORK5CYII=);
}

@media screen and (min-width: 53.125em) {
  .live__icon {
    width: 24px;
    height: 30px;
  }
}

.live__videolink {
  color: #ffd444;
  padding-left: 30px;
  position: relative;
}

.live__videolink:hover {
  color: #fff;
  text-decoration: none;
}

.live__videolink:hover::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABGdBTUEAALGPC/xhBQAAAkdJREFUWAljYACC////awDxeiD+BMSDDYDcBHKbBsitjFDGCSCbHyQwiMFHoNssQA5eD2QEDGKHIjttA8jBn4AivMiig5j9GeTg/4PYgRhOY8IQGeQCow6mdQSNhvCgDeFNu48wyJoHgPGqLfto7U64+WQXa+JGPgyv3ryDG5QQ5s0wuamIgYeLEy5GCwbZDmaUs8Jwj7KCDMOyyY0MZvqaGHLUEqBqprv74AmDdWA6Q9uURQz/aFQfUTWEkUPRztyQYfHEOgY5KXFkYYrZVA1hZNccOnmeQd89joHaGZJmDgY5/sPHzwzhWTUMiSWtDF++fUf2D9lsmjoY5qoFq7YyGHjEM5y6eB0mRDZNFweDXAfLkK2TF1KUIWmW6fAFISUZkm4hjOwBWIY8cOI8sjBR7AFxMMhloAxZ3DyJKEciKxowB4McwcHOjuwWotgD5mA5aQmGqS3FRDkSWdGAODjM15nh4s5FDAZaqshuIYrNQpQqKini4eYCt+gSQr3INpFuDjYz0AK35JTlpcl2LEgjzZMEExMTQ3VeAsPR9TMZKHUsyME0DWFQxgK12OzMDEB2UQXQLIRhGYuajgX5mOohTI2MhS8qqOpgamUsfA4mO0mA0icMUDtjwczFSoMGA8kBR05f+m/hnwrGh05eIMcIsvSQ3bzE6ns6CJKdJOjgNqxWjDoYa7BQUXA0hKkYmFiNAoXwZ6wyg1PwM8jBewen27C6ai+oHAbNMA6ZiUUmRkbGG0AHWwDxBiAejMkD5CaQ2yxAbgUAfpPkBlPGXOQAAAAASUVORK5CYII=);
}

.live__videolink::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABGdBTUEAALGPC/xhBQAAAmlJREFUWAljZACC/3fcZBl+/usGMu0Z/jNIgMQGDWBkeAF0y0EGdqZSRpVdjxnBjv3x/yLQ2YKDxpFYHcL4noGDUZ8FGrKD3LEgHwAD9Of/biYgyx6rhwanoD3ToEuz+AIKmL9AITykwKiDaR1doyE8aEN4z/m/DBqp38F41aG/tHYn3HzG/1dc/sN5JDCUEr8x3H+B0JrgysIwOYuNgYeDkQRTSFdKdhpGdizI2gW7/zAYZP9gOHXrH+muIEEH2Q7GZsfdZ/8YrIt+MLSt+M3wDxH42JSSLUZVB4Nc8efvf4bqhb8YHMt+MDx6TX1XU93BsKA7dOUvg37WdwZqZ0iaORjk8A9f/jOEt/9gSOz7yfDlB3VCm6YOhoU2NTMkXRwMcjgsQ7YupyxD0s3BIEeDMmTNIsoyJF0dDHI0CMAy5LFrpNeQA+JgkKNBGbJkzm8QkyQwYA4GuZKDjSS3ghUPmIPlRJkYpgDbHqSCAXFwmB0zw8VpHAxacqRbz0KqDylRD2rJgVp0oJYduYB8nSTaaKbGxLCsnJ1BWYr0UEW2iuYOZgI2jysjWBkaolkZWJgpbyvT1MGgjLW4jI3BTocZOZAoYtPMwaCMNTOXnUGAh/JQRfYh1R1MjYyF7EB0NlUdTK2Mhe5IZD7ZWVZDFqEVlLGqI1kZjvZxUFwKIDsOG5vsXvOFe/8Yimf9ApvZEMPKYEvFjIXNoTAxsh0MM4DeNCJe6W0zmfaNOpjMgCNa22gIEx1UZCpkYoDMg5Gpnc7agG4FJYmDdLaWEusODrmJRSbQdChohhGYNFYOyuQBSrIgtwHdCHIrAB5Sq7+GEJZeAAAAAElFTkSuQmCC);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 53.125em) {
  .live__videolink::before {
    width: 22px;
    height: 22px;
  }
}

.live__highlights-swiper {
  position: relative;
}

.swiper-container--highlights .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 53.125em) {
  .swiper-container--highlights {
    width: calc(100% - 2.25rem);
  }
}

.swiper-button-prev,
.swiper-button-next {
  width: 1.125rem;
  height: 1.83333rem;
  margin-top: -0.91667rem;
  background-size: 1.125rem 1.83333rem;
}

.swiper-button-prev {
  left: -1.425rem;
}

@media screen and (min-width: 53.125em) {
  .swiper-button-prev {
    left: -0.5625rem;
  }
}

.swiper-button-next {
  right: -1.425rem;
}

@media screen and (min-width: 53.125em) {
  .swiper-button-next {
    right: -0.5625rem;
  }
}

.live__slide-link {
  display: block;
  padding: 0.3125rem;
  color: inherit;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}

.live__slide-link:hover {
  text-decoration: none;
  background-color: #0560a7;
}

.live__matchinfo--article-display .live__slide-link:hover {
  background-color: #ffd444;
}

.live__slide-content {
  text-align: left;
  padding: 0.5rem;
}

.live__slide-title {
  display: block;
  margin-bottom: 0.25rem;
}

.live__slide-player {
  font-weight: bold;
}

.live__slide-image {
  display: block;
  margin-bottom: 0.25rem;
}

.live--short {
  padding-top: 4rem;
  background-image: none;
}

.live--short .live__title {
  margin-top: 0rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 53.125em) {
  .live--short .live__title {
    margin-top: 1.3rem;
    margin-bottom: 0;
    text-align: left;
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 53.125em) {
  .live--short .live__teams {
    margin: 0;
  }
}

.live--short .live__teams__image {
  width: 95%;
  left: 5%;
}

@media screen and (min-width: 53.125em) {
  .live--short .live__teams__image {
    height: 5.5rem;
  }
}

.live--short .live__team {
  position: relative;
}

.live--short .live__teams__name {
  margin: 0;
  text-indent: -500rem;
}

.live--short .live__teams__result {
  display: block;
  font-size: 2rem;
  margin-top: 1.4rem;
  line-height: 1;
}

@media screen and (min-width: 53.125em) {
  .live--short .live__teams__result {
    font-size: 3rem;
    margin-top: 1.3rem;
  }
}

.live--short .button,
.live--short .button--substitute {
  margin-top: 3rem;
}

@media screen and (min-width: 53.125em) {
  .live--short .button,
  .live--short .button--substitute {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 53.125em) {
  .live--short .button--substitute {
    min-height: 3.4375rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 53.125em) {
  .live--short {
    padding: 2rem 0;
  }
}

.live__teams__result--deferred {
  display: inline-block;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  margin: 0 0.08rem;
}

@media screen and (min-width: 53.125em) {
  .live__teams__result--deferred {
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}

.vimeo__popup {
  cursor: pointer;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.betting-game .start {
  padding-top: 5rem;
}

.betting-game h3 {
  padding-top: 1.5rem;
}

.betting-game .live__teams__result {
  margin-top: 3rem;
}

.betting-game--not-possible {
  color: #ffd444;
}

.betting-game__info {
  padding: 5rem 0;
  position: relative;
}

.betting-game__info--headline {
  position: relative;
  z-index: 1;
}

.betting-game__info--text {
  position: relative;
}

.betting-game__column3 {
  width: 37.5%;
  float: left;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

@media screen and (min-width: 53.125em) {
  .betting-game__column3 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.betting-game__column3:last-child:not(:first-child) {
  float: right;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__column3 {
    width: 100%;
    float: left;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}

@media screen and (max-width: 53.0625em) and (min-width: 53.125em) {
  .betting-game__column3 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media screen and (max-width: 53.0625em) {
  .betting-game__column3:last-child:not(:first-child) {
    float: right;
  }
}

.betting-game__column5 {
  width: 62.5%;
  float: left;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

@media screen and (min-width: 53.125em) {
  .betting-game__column5 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.betting-game__column5:last-child:not(:first-child) {
  float: right;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__column5 {
    width: 100%;
    float: left;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}

@media screen and (max-width: 53.0625em) and (min-width: 53.125em) {
  .betting-game__column5 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media screen and (max-width: 53.0625em) {
  .betting-game__column5:last-child:not(:first-child) {
    float: right;
  }
}

.betting-game__bet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.betting-game__bet input {
  width: 100%;
  display: inline-block;
  min-width: 1rem;
  max-width: 7rem;
  text-align: center;
  color: black;
  padding-top: 0.4rem;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__bet input {
    font-size: 1.5rem;
  }
}

.betting-game__bet input[disabled] {
  background: none;
  border: none;
  color: #fefefe;
}

.betting-game__bet span {
  margin: 0 1rem;
  padding-top: 1rem;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__bet span {
    margin: 0 0.25rem;
    padding-top: 0.5rem;
  }
}

.betting-game__footer {
  background-color: #001d39;
  padding: 5rem 0;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__participate-wrapper {
    background: #001d39;
  }
}

@media screen and (min-width: 53.125em) {
  .betting-game__participate-wrapper {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffd444), color-stop(50%, #0560a7));
    background: linear-gradient(to right, #ffd444 50%, #0560a7 50%);
  }
}

.betting-game__subscribe-email {
  max-width: 35rem;
}

.betting-game__participate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__participate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.betting-game__participate a.button {
  display: inline-block;
}

.betting-game__participate a.button:hover {
  text-decoration: none;
}

.betting-game__message--success {
  font-weight: bold;
  display: none;
}

.betting-game__message.success .betting-game__message--success {
  display: inline;
}

.betting-game__message--error {
  font-weight: bold;
  display: none;
}

.betting-game__message.error .betting-game__message--error {
  display: inline;
}

.betting-game__newsletter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 0;
}

.betting-game__newsletter form {
  padding-top: 1rem;
}

.betting-game__subscribe-email {
  max-width: 35rem;
  display: block;
}

.betting-game__terms {
  display: block;
  margin-right: 1rem;
}

.betting-game__terms input {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}

.flex-push {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.betting-game__newsletter--subscribed {
  background-color: #ffd444;
  color: #001d39;
  padding-left: 1rem;
  padding-right: 3rem;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__newsletter--subscribed {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.betting-game__newsletter--not-subscribed {
  background-color: #0560a7;
  color: #fefefe;
  padding-left: 2rem;
  padding-right: 1rem;
}

@media screen and (max-width: 53.0625em) {
  .betting-game__newsletter--not-subscribed {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.betting-game__sharing {
  color: #fefefe;
  margin-bottom: 5rem;
}

.betting-game__sharing--container {
  padding-top: 2rem;
  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;
}

.betting-game--sharebtn {
  margin: 0 1rem;
  padding: 0;
  background-position: center center;
  background-size: 34px 34px;
  width: 40px;
  height: 40px;
}

.betting-game--sharebtn.sharebtn--fb {
  background-color: #345895;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNpi/P//P8NgBkwMgxyMOnDQOJCRkRErBgI+IC4E4h1A/AqI/wDxfywYK2Chpe+BGdAcSG0AYgmyPU6tXAwNLWTHKQCpC0DMT6wR9E6DDSQ4jr4hCDSTG0i9BmJOUoygZwgak+g4BnpnEg0C8l1AfAiIvw6UA/GlvSvA5FCOJcfTtaDmxiN3d7QmoSegWhoEpiEHJK4CHqUiaGph4ABNy0F89SkR4AeuYmmwRPHTwZ4GXwx2Bw76EHw+2B34jB4OFETCnXjUbUNTC8ITaF4OAuvXD0hl4g88Sn8jqx2ouni0VzfqwFEHjjpw1IGjDhx14KgDRx04NBwIEGAALR5C7aQ7ezgAAAAASUVORK5CYII=);
  background-position: center bottom;
}

.betting-game--sharebtn.sharebtn--twitter {
  background-color: #33c5e0;
}

.betting-game--sharebtn.sharebtn--whatsapp {
  background-color: #25d366;
}

.betting-game__button {
  width: 100% !important;
}

.ad-fullwidth-6-duo {
  background-color: transparent;
}

h1 + input,
h1 + label,
h2 + input,
h2 + label,
h3 + input,
h3 + label {
  margin-top: 1rem;
}

.form-text {
  border: 2px solid #aaa;
  width: 100%;
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 18px;
  padding: 0.7em 0.5em 0.5em 0.8em;
}

.form-text:active, .form-text:focus {
  border-color: #002f5c;
  outline: none;
}

@media screen and (min-width: 53.125em) {
  .form-text {
    font-size: 24px;
  }
}

.form-label {
  display: block;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  font-weight: 900;
  margin-bottom: 0.2rem;
}

.form-text + .form-label {
  margin-top: 1rem;
}

form.django input[type="text"],
form.django input[type="email"],
form.django textarea {
  border: 2px solid #aaa;
  width: 100%;
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 18px;
  padding: 0.7em 0.5em 0.5em 0.8em;
  margin: 0 0 1rem 0;
}

form.django input[type="text"]:active, form.django input[type="text"]:focus,
form.django input[type="email"]:active,
form.django input[type="email"]:focus,
form.django textarea:active,
form.django textarea:focus {
  border-color: #002f5c;
  outline: none;
}

@media screen and (min-width: 53.125em) {
  form.django input[type="text"],
  form.django input[type="email"],
  form.django textarea {
    font-size: 24px;
  }
}

form.django input[type="file"] {
  margin: 0 0 1rem 0;
}

form.django .error input[type="text"],
form.django .error input[type="email"],
form.django .error textarea {
  border-color: #faa;
}

form.django .error label {
  color: #a00;
}

form.django .errorlist {
  display: none;
}

form.django p > label {
  display: block;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  font-weight: 900;
  margin-bottom: 0.2rem;
}

.form-text + form.django p > label {
  margin-top: 1rem;
}

form.django ul {
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
}

form.django .helptext {
  display: block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  position: relative;
  top: -0.5rem;
}

.season-subtitle {
  padding: 0.65rem 1rem 0 0;
}

@media screen and (max-width: 53.0625em) {
  .season-subtitle {
    text-align: left;
    padding: 0.65rem 1rem 0.5rem 0;
  }
}

@media screen and (max-width: 53.0625em) {
  #season-form {
    width: 9rem;
    margin-top: 0.5rem;
    text-align: left;
  }
}

.fixtures-filter select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.7rem 2.25rem 0.5rem 1rem;
  width: auto;
  color: #fefefe;
  font-family: "UnitedSansSemiCond", Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1;
  border: none;
  background-color: #0560a7;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEzLjc1IDBILjkxN0MuNjY3IDAgLjQ1NC4wOS4yNzIuMjcyLjA5Mi40NTQgMCAuNjcgMCAuOTE3cy4wOS40NjMuMjcyLjY0NEw2LjY5IDcuOThjLjE4LjE4LjM5NS4yNzIuNjQzLjI3Mi4yNSAwIC40NjQtLjA5LjY0NS0uMjcybDYuNDE2LTYuNDE3Yy4xODItLjE4LjI3My0uMzk1LjI3My0uNjQzcy0uMDktLjQ2My0uMjczLS42NDVDMTQuMjE0LjA5MiAxMy45OTggMCAxMy43NSAweiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=) #0560a7 center right 0.75rem/0.75rem no-repeat;
}

.fixtures-filter select::-ms-expand {
  display: none;
}

.fixtures-filter select option {
  background: #fefefe;
  color: #0a0a0a;
}

@media screen and (min-width: 53.125em) {
  .fixtures-filter select {
    font-size: 1.25rem;
  }
}

@-webkit-keyframes reveal-table {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes reveal-table {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.table-container {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  -webkit-overflow-scrolling: touch;
}

.table-container--spielplan {
  margin-bottom: 0;
}

.table-styled {
  width: 100%;
  /* addons by sebastian.hackspiel@fcz.ch */
  /* until here */
}

.table-styled--spielplan {
  opacity: 0;
}

.table-styled--spielplan tr:nth-child(2n) {
  background-color: #eee;
}

.table-styled--spielplan tr.active {
  background-color: #0560a7;
  color: #fefefe;
}

.table-styled--spielplan tr.active .link--yellow:hover {
  color: #fefefe;
}

.table-styled--spielplan tr.past {
  display: none;
}

.table-styled--spielplan.expand tr.past {
  display: table-row;
}

.table-styled--spielplan.reveal {
  opacity: 1;
  -webkit-animation: 0.7s ease reveal-table;
          animation: 0.7s ease reveal-table;
}

.table-styled + p {
  margin-top: 2rem;
}

.table-styled tr {
  border-bottom: 1px solid #001d39;
}

.table-styled td,
.table-styled th {
  padding-right: 0.5rem;
  vertical-align: top;
}

.table-styled td {
  padding-top: 0.7rem;
  padding-bottom: 0.1rem;
  font-size: 14px;
  line-height: 16px;
  font-family: "UnitedSerif", Helvetica, sans-serif;
}

@media screen and (min-width: 53.125em) {
  .table-styled td {
    font-size: 18px;
    line-height: 22px;
  }
}

.table-styled th {
  font-size: 14px;
  padding-bottom: 0.5rem;
  text-align: left;
  color: #0560a7;
  font-family: "UnitedSerif", Helvetica, sans-serif;
}

.table-styled th h3 {
  position: relative;
  top: 1rem;
  font-size: 20px;
}

.table-styled a {
  font-weight: 700;
}

.table-styled a.link--yellow {
  font-weight: 900;
}

.table-styled tr:first-child td,
.table-styled th {
  color: #0560a7;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 0;
}

.table-styled tbody td:empty {
  height: 0;
  padding: 1px 0 0 1px;
}

.table-3-right th:nth-child(n + 3),
.table-3-right td:nth-child(n + 3) {
  text-align: right;
}

.table-styled--deferred {
  display: inline-block;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  margin: 0 0.08rem;
}

.sponsors__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
}

@media screen and (min-width: 53.125em) {
  .sponsors .row .row {
    margin-left: 0;
    margin-right: 0;
  }
  .sponsors .medium-up-8 > .sponsors__item {
    height: 80px;
  }
  .sponsors .medium-up-4 > .sponsors__item {
    height: 105px;
  }
  .sponsors .medium-up-2 > .sponsors__item {
    height: 200px;
  }
  .sponsors .medium-up-1 > .sponsors__item {
    height: 200px;
  }
}

@media screen and (max-width: 53.0625em) {
  .sponsors .small-up-1 > .sponsors__item {
    height: 105px;
  }
  .sponsors .small-up-2 > .sponsors__item {
    height: 105px;
  }
}

.sponsors .sponlogo__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #0a0a0a;
}

.sponsors .sponlogo__title:first-child .sponlogo__title-bar {
  background: #807350;
}

.sponsors .sponlogo__title h3 {
  line-height: normal;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  white-space: pre;
  padding-right: 10px;
}

.sponlogo__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #fefefe;
  margin-bottom: 10px;
}

.sponlogo__title:first-child .sponlogo__title-bar {
  background: #807350;
  border-right: 10px solid #fff;
}

.logo-footer .sponlogo__title {
  padding: 0.5rem 0 0.4rem 0.35rem;
  margin: 0;
  background: #807350;
}

.sponlogo__title h3 {
  line-height: normal;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  white-space: pre;
  padding-right: 10px;
}

.logo-footer .sponlogo__title h3 {
  font-size: 16px;
}

@media screen and (max-width: 53.0625em) {
  .logo-footer .sponlogo__title h3 {
    font-size: 12px;
  }
}

.sponsors__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.logo-footer .sponsors__wrap {
  border: 1px solid #807350;
}

.sponsors__wrap.sponsors__wrap--no-wrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.sponsors__wrap.sponsors__wrap--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sponlogo__title-bar {
  border-right: 10px solid #fff;
  background: #807350;
  height: 20px;
  width: 100%;
}

.sponsors__item {
  display: block;
  padding: 1rem;
  text-align: center;
  position: relative;
  border-right: 10px solid #fff;
  margin-bottom: 10px;
  background-color: #e6e6e6;
}

.logo-footer .sponsors__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-bottom: 0;
  border-right: 1px solid #807350;
  background-color: #fefefe;
  padding: 0;
}

@media screen and (min-width: 53.125em) {
  .logo-footer .sponsors__item {
    height: 85px;
  }
}

.logo-footer .sponsors__item:last-of-type {
  border-right: 0;
}

.sponsors__item img {
  margin: auto;
  max-height: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 10, 10, 0.5);
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: fade-in 0.3s;
          animation: fade-in 0.3s;
}

.lightbox__wrapper {
  width: calc(100% - 1rem);
}

@media screen and (min-width: 53.125em) {
  .lightbox__wrapper {
    width: 100%;
  }
}

@media screen and (orientation: landscape) {
  .lightbox__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 90vh;
  }
  .lightbox__wrapper > .row {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media screen and (orientation: landscape) and (min-width: 75em) {
  .lightbox__wrapper {
    display: block;
    height: auto;
  }
}

.lightbox__content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

@media screen and (min-width: 75em) {
  .lightbox__content-wrapper {
    display: block;
  }
}

@media screen and (orientation: portrait) {
  .lightbox__content-wrapper {
    display: block;
  }
}

.lightbox__header {
  background-color: #0560a7;
  text-align: right;
  padding: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.lightbox__content {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #0a0a0a;
}

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

@media screen and (orientation: portrait) {
  .lightbox__content {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 1rem;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .lightbox__content iframe,
  .lightbox__content object,
  .lightbox__content embed,
  .lightbox__content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 75em) {
  .lightbox__content {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 1rem;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .lightbox__content iframe,
  .lightbox__content object,
  .lightbox__content embed,
  .lightbox__content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.lightbox__close {
  display: block;
  position: relative;
  height: 2rem;
  width: 2rem;
}

.lightbox__close::before, .lightbox__close::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background-color: #fefefe;
  border-radius: 0.125rem;
  margin-top: -0.2rem;
  top: 50%;
  left: 0;
}

.lightbox__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lightbox__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  background-color: #002f5c;
  color: #fefefe;
  -webkit-box-shadow: 0 0 3px rgba(0, 47, 92, 0.5);
          box-shadow: 0 0 3px rgba(0, 47, 92, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row no-wrap;
      -ms-flex-flow: row no-wrap;
          flex-flow: row no-wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99999;
}

@media screen and (min-width: 53.125em) {
  .cookie-consent {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}

.cookie-consent__text {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: none;
  margin-right: 1rem;
}

.cookie-consent__text a {
  color: #fefefe;
  text-decoration: underline;
}

.cookie-consent__text a:hover {
  color: #ffd444;
  text-decoration: underline;
}

.cookie-consent__button {
  margin: 0 0 0 auto;
}

.microsite .main {
  margin-top: 1rem;
}

.microsite .main .richtext {
  margin-bottom: 2rem;
  color: #001d39;
}

.microsite .mood__image {
  margin-bottom: 0;
}

.mood__headline--microsite {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

@media screen and (min-width: 53.125em) {
  .mood__headline--microsite {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.microsite__tiles-container {
  background-color: #002f5c;
  padding: 3rem 0;
}

@media screen and (min-width: 53.125em) {
  .microsite__tiles-container {
    padding: 6rem 0;
  }
}

.microsite-tiles {
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.microsite-tile {
  max-width: 90%;
  padding: 0.9375rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

@media screen and (min-width: 53.125em) {
  .microsite-tile {
    max-width: 500px;
  }
}

.microsite-tile__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 1.5rem;
  background-color: #fefefe;
  height: 100%;
}

.microsite-tile__header {
  padding-bottom: 1rem;
  border-bottom: 1px solid #002f5c;
}

.microsite-tile__header h2 {
  color: #001d39;
}

.microsite-tile__text {
  margin-top: 1.5rem;
}

.microsite-tile__button {
  margin-top: 2rem;
}

.microsite-tile__button .button {
  padding: 1rem 0;
  max-width: 14rem;
  font-size: 1.15rem;
  margin: 0 auto;
}

.microsite ol {
  margin-left: 3rem;
}

.page--supporter {
  background: #002f5c;
  background: linear-gradient(144deg, #002f5c 0%, #001d39 100%);
}

.page--supporter .logo-footer {
  display: none;
}

.supporter-slider {
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 53.125em) {
  .supporter-slider {
    margin-bottom: 3.35rem;
  }
}

@media screen and (min-width: 75em) {
  .supporter-slider {
    margin-bottom: 5rem;
  }
}

@media screen and (min-width: 90em) {
  .supporter-slider {
    margin-bottom: 5rem;
  }
}

.supporter-slider .swiper-slide {
  height: 15rem;
}

.supporter-slider__message {
  font-size: 1.5rem;
  font-family: "UnitedSerif", Helvetica, sans-serif;
  line-height: 1.2;
}

@media screen and (min-width: 53.125em) {
  .supporter-slider__message {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 75em) {
  .supporter-slider__message {
    font-size: 2rem;
  }
}

@media screen and (min-width: 90em) {
  .supporter-slider__message {
    font-size: 2.5rem;
  }
}

.supporter-slider__name {
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.slideshow__arrow--supporter {
  background-size: 60px 30px;
  opacity: 1;
}

.slideshow__arrow--supporter:hover {
  background-color: transparent;
}

.slideshow__arrow--supporter.slideshow__arrow--next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDQwIDgwIj4KICA8cGF0aCBpZD0iUGF0aF8yMzIiIGRhdGEtbmFtZT0iUGF0aCAyMzIiIGQ9Ik0wLDAsMzAuNDg2LDMzLjg4MSwwLDY3Ljc2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4yMyAyLjAwNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI2Ii8+Cjwvc3ZnPgo=);
}

.slideshow__arrow--supporter.slideshow__arrow--prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDQwIDgwIj4KICA8cGF0aCBpZD0iUGF0aF8yMzIiIGRhdGEtbmFtZT0iUGF0aCAyMzIiIGQ9Ik0wLDAsMzAuNDg2LDMzLjg4MSwwLDY3Ljc2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQuNTIyIDY5Ljc2Nykgcm90YXRlKDE4MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI2Ii8+Cjwvc3ZnPgo=);
}

.supporter-slider__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  color: #fefefe;
}

.moodboard__container {
  position: relative;
}

.moodboard__image-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.moodboard__image-container {
  height: 100%;
  position: relative;
}

.moodboard__image {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.moodboard__container {
  position: relative;
  height: 100%;
  width: 100%;
}

.moodboard__inner-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
  width: 100%;
  height: 16.5em;
  z-index: 1;
  padding: 2em 2em;
}

@media screen and (min-width: 53.125em) {
  .moodboard__inner-wrapper {
    height: 20em;
  }
}

@media screen and (min-width: 75em) {
  .moodboard__inner-wrapper {
    height: 20em;
  }
}

@media screen and (min-width: 90em) {
  .moodboard__inner-wrapper {
    height: 30em;
  }
}

@media screen and (min-width: 53.125em) {
  .moodboard__inner-wrapper {
    padding: 2em 2em;
  }
}

@media screen and (min-width: 75em) {
  .moodboard__inner-wrapper {
    padding: 3em 4em;
  }
}

@media screen and (min-width: 90em) {
  .moodboard__inner-wrapper {
    padding: 4em 5em;
  }
}

.moodboard-image__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
}

.moodboard__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.moodboard__topheader {
  color: #fefefe;
  font-size: 2rem;
}

@media screen and (min-width: 53.125em) {
  .moodboard__topheader {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 75em) {
  .moodboard__topheader {
    font-size: 3rem;
  }
}

@media screen and (min-width: 90em) {
  .moodboard__topheader {
    font-size: 4rem;
  }
}

.moodboard__subheader {
  color: #ffd444;
  font-size: 1.5rem;
}

@media screen and (min-width: 53.125em) {
  .moodboard__subheader {
    font-size: 1.85rem;
  }
}

@media screen and (min-width: 75em) {
  .moodboard__subheader {
    font-size: 2rem;
  }
}

@media screen and (min-width: 90em) {
  .moodboard__subheader {
    font-size: 2.5rem;
  }
}

.moodboard__subheader {
  width: 100%;
}

@media screen and (min-width: 53.125em) {
  .moodboard__subheader {
    width: 90%;
  }
}

@media screen and (min-width: 75em) {
  .moodboard__subheader {
    width: 85%;
  }
}

@media screen and (min-width: 90em) {
  .moodboard__subheader {
    width: 80%;
  }
}

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

.supporter-statement {
  text-align: center;
  color: #fefefe;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}

.supporter-statement__name {
  font-family: "UnitedSans", Helvetica, sans-serif;
}

.supporter-statement__message {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: normal;
}

@media screen and (max-width: 53.0625em) {
  .supporter-statement__message {
    padding: 0 0.25rem;
    font-size: 1.15rem;
  }
}

.supporters-statement {
  margin-bottom: 8rem;
}

.supporters {
  margin-bottom: 6rem;
}

.supporter {
  text-align: center;
  color: #fefefe;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1.5rem;
}

.supporter__name {
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: normal;
  padding: 0 0.25rem;
}

.supporter-header {
  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-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-bottom: 3rem;
  color: #ffd444;
  text-transform: uppercase;
}

.supporter-header h2 {
  font-size: 1.4rem;
  font-family: "UnitedSerif", Helvetica, sans-serif;
}

@media screen and (min-width: 53.125em) {
  .supporter-header h2 {
    font-size: 1.85rem;
  }
}

@media screen and (min-width: 75em) {
  .supporter-header h2 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 90em) {
  .supporter-header h2 {
    font-size: 2.25rem;
  }
}

.supporters__show-more {
  width: 10rem;
  margin: 0 auto;
}

.supporters__show-more .button {
  font-size: 1rem;
}

.page--supporter-tv {
  background: #002f5c;
}

.supporter-tv__header {
  margin-top: 10vh;
  margin-left: 8vh;
  max-width: 45vw;
}

.supporter-tv__header .moodboard__header {
  text-transform: uppercase;
  letter-spacing: 3px;
}

.supporter-tv__header .moodboard__header .moodboard__topheader {
  font-size: 5vh;
}

.supporter-tv__header .moodboard__header .moodboard__subheader {
  font-size: 2.5vh;
}

.supporter-tv__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10vh;
  margin-left: 8vh;
  margin-right: 8vh;
}

.supporter-tv__supporter-header {
  text-align: left;
  margin-bottom: 4vh;
  color: #ffd444;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.supporter-tv__supporter-header h2 {
  font-size: 2.5vh;
}

.supporter-list.supporter-list--statement {
  max-width: 55vw;
  margin: 0;
  margin-right: 5vw;
}

.supporter-list.supporter-list--names {
  max-width: 40vw;
  margin: 0;
}

.supporter-tv .supporter-statement {
  margin-bottom: 2vh;
  margin-right: 1vw;
}

.supporter-tv .supporter {
  margin-bottom: 2vh;
  margin-right: 1vw;
}

.supporter-tv .supporter__name {
  text-align: left;
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 1.4vh;
  line-height: 1.2;
}

.supporter-tv .supporter-statement__message {
  text-align: left;
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 1.8vh;
  line-height: 1.2;
}

.supporter-tv .supporter-statement__name {
  text-align: left;
  font-family: "UnitedSans", Helvetica, sans-serif;
  font-size: 1.2vh;
  line-height: 1.2;
  margin-top: 0.5vh;
}

.supporter-tv .statement-cell {
  padding: 0;
}

/* sorry */
.edit-tools {
  position: fixed;
  right: 0;
  bottom: 1rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: rgba(240, 240, 240, 0.96);
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px 5px 10px;
  font-size: 0.8rem;
  z-index: 99;
  font-weight: 700;
  letter-spacing: 0.05rem;
}

.edit-tools__button {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem 0.3rem 0.8rem;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  background-color: #001d39;
  color: #fff;
  border-radius: 4px;
  margin: 0 0 0 5px;
}

.edit-tools__button:hover {
  background-color: #002f5c;
  text-decoration: none;
}

/* AGENDA */
.agenda__month {
  background: transparent !important;
}

.agenda__event__title {
  background: transparent !important;
  cursor: pointer;
}

.agenda__event__title td:nth-child(1) {
  min-width: 9rem;
}

.agenda__event__title td:nth-child(2) {
  min-width: 8rem;
}

.agenda__event__detail {
  background: transparent !important;
  display: none;
}

.agenda__innertable {
  width: 100%;
  margin-bottom: 0.5rem;
}

.agenda__innertable tr {
  border-bottom: 1px solid #ddd;
}

.agenda__innertable tr:last-child {
  border-bottom: none;
}

.agenda__innertable tr td:nth-child(2) {
  font-weight: 400;
  width: 60%;
}

/* PAGINATION */
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pagination a,
.pagination span {
  display: inline-block;
  padding: 1rem 0;
}

/* BREADCRUMBS */
.breadcrumbs a {
  color: white;
  font-size: 16px;
}

.breadcrumbs span {
  font-size: 14px;
}

/* DOWNLOADS */
.download__preview {
  display: block;
  margin: 0 auto 1rem auto;
}

.download.calendar {
  margin: 0 auto 1rem auto;
  float: right;
}

.download.calendar:before {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABDCAYAAADHyrhzAAAACXBIWXMAABcRAAAXEQHKJvM/AAAB5UlEQVR42u2bsUsCYRjGHzMPTYQjTQxEu6FwEDxaFYtor1UQsT/BqUlQnBrCf0FCsLG9KBLalQxsyqLJChpqycq2KOzOT069g5538/PluY/f972v78MhwPgOm3BmLF0GoA7JaqBZzU1l57G0CqAskJlDs9oQkZwd4fEqgHULHaQsuB9ZVHCGxUEYhEEYhEEYhEEYhDH5+DWBOrI1zYmud3ks4/1tiJok62mMMz7ur9TPh87w015YUu3ZmtbXnV4l1dEax880TYzTg/7Lk77RcXpUPY2xXmk5ACEYckDPvxQBFFgm7BmEQRiGf010qXmDgMernyS5prdzaQ72xRWhvPHDmA9a6hRtkgu2wDLLhD3DSj0jk1AQ9rmFhUtHrYG1tYgfyYjfdA3jMOKK4U0kI37kt6Kma7BMCIMwCIMwCIMwrDV0Ne+eDT/s9vEV9XbXdA1Nv/PzgyNb6/+zy1DsVVIFlgl7BmGMv4Ge7G6MZNSkncOBtfx2dCSTNSkN3gzCIAzCIAzCIAzCmHbQqNGosUwIYyJGbT+1ilhI+N8K2Nw7HVjLJBRk4orpGoZhxELySK71rwj73JbQYJkQBmEQBmEQBmFYa+g6uLjB+bWx13r1dhcltEzXoGula2XPIAzCYDAY044v5bV2TnOeUNcAAAAASUVORK5CYII=);
  background-size: cover;
  height: 1.2rem;
  margin-right: 0.3rem;
  position: relative;
  top: 0.2rem;
  width: 1.2rem;
  content: "";
}

/* MESSAGES */
.messages {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}

.messages li {
  padding: 0.5rem;
  border: 1px solid black;
  border-radius: 5px;
}

.messages li.success {
  border-color: green;
}

.messages li.error {
  border-color: red;
}

/* ARTICLE LINKS - im Spielplan */
.article-link {
  background: url(/static/app/images/file.0d914621494d.svg) no-repeat !important;
  background-size: contain !important;
  display: inline-block;
  width: 20px;
  height: 18px;
  margin: -3px 0 0 0;
}

@media print {
  .header,
  .ad-fullwidth-8,
  .ad-fullwidth-6-duo,
  .ad-inline-blue,
  .article__news, .sharebtn, .betting-game--sharebtn,
  .logo-footer,
  .footer,
  .edit-tools {
    display: none;
  }
}


/*# sourceMappingURL=main-7e0e5d26810e22e4e385.css.map*/