@charset "UTF-8";
/*
(
	name: 'SMARTsass',
	version: '0.1.4',
	edit: '16.8.2016',
	description: 'SASS framework',
	author: 'Peter Žilka, SMARTdesigns',
)
*/
/*
 * Returns an asset url.
 */
/*
 * Returns base font-size and line-height in rem from variables.
 */
/*
 * Get the cap-height of a font
 */
/*
 * Returns hex value of a characters or multiple characters.
 * 1. Fallback is an empty string.
 * 2. Warns, if you try to use an undefined character.
 */
/*
 * Get color from variables or convert input value to a color value.
 *
 * 1. Unitless number at the end of the value stands for opacity. 
 *    Opacity is checked on each step of the getting process.
 *    1.1 Separate opacity from the color value.
 *    1.2 Remove opacity from the input value.
 *    1.3 Set opacity to the color.
 * 2. If input value is not a color.
 *    2.1 Get it from variables.
 *        2.1.1 Color value can point to another color variable, so 
 *              check variables one more time. 
 *    2.2 Unitless number returns shades of gray.
 */
/*
 * Returns white or black color contrasting to input color
 */
/*
 * Returns custom value from variables
 */
/*
 * Get font style from variables.
 */
/*
 * Get font map from variables.
 */
/*
 * Returns icon from variables.
 * 1. Fallback is an empty string.
 */
/*
 * Returns an image asset url.
 */
/*
 * When getting value for a breakpoint and it's not defined for this breakpoint
 * return the value from nearest lower breakpoint where it is defined
 *
 * 1. Check if the last value in input represents a breakpoint.
 */
/*
 * Returns ratio from variables
 */
/*
 * Returns ratio for a breakpoint from variables.
 *
 * 1. If the ratio is not defined for this exact breakpoint.
 * 2. Get the ratio inherited from the nearest lower resolution breakpoint.
 */
/*
 * Returns size from variables.
 * 1. Double-check variables for the case that the value is pointing 
 *    to another size variable.
 */
/*
 * Returns speed from variables.
 * 1. Unitless number is converted to tick unit. 
 * 2. Double-check variables for the case that the value is pointing 
 *    to another speed variable.
 */
/*
 * Returns timing from variables
 * 1. Double-check variables for the case that the value is pointing 
 *    to another timing variable
 */
/*
 * Get the x-height of a font
 */
/*
 * TODO: find out what is this function doing
 */
/*
 * Replace '$search' with '$replace' in '$string'
 */
/*
 * Strip out unit from a number
 */
/*
 * Returns whether the value is unitless
 */
/*
 * Returns breakpoint in em
 *
 * 1. Get breakpoint from variables.
 *    1.1 Breakpoint value can point to another breakpoint variabe, so
 *        check the variables one more time. 
 * 2. Return single value in em.
 * 3. Return two values in em.
 *    3.1 Second value is lowered by 1px so the styles will not interfere
 *         with the styles of the next breakpoint.
 */
/*
 * Convert input value to vw
 *
 * 1. Convert unitless value to %
 * 2. Get percentage
 *
 * Example usage:
 * width: p(3 of 12);
 * width: p(3 / 12);
 * width: p(25);
 * Outputs:
 * width: 25%;
 */
/*
 * Shorthand for rhythm() function
 */
/*
 * Get rhythm units (base-line-height) in rem.
 *
 * 1. Unitless number stands for number of base-line-heights.
 * 2. Round sizes to nearest rhythm size
 * 3. Allow rounding to nearest half rhythm size based on current configuration
 * 4. Return result in rem
 */
/*
 * Convert input value to vh
 *
 * 1. Convert unitless value to vh
 * 2. Get percentage and convert it to vh
 *
 * Example usage:
 * width: vh(3 of 12);
 * width: vh(3 / 12);
 * width: vh(25);
 * Outputs:
 * width: 25vh;
 */
/*
 * Convert input value to vw
 *
 * 1. Convert unitless value to vw
 * 2. Get percentage and convert it to vw
 *
 * Example usage:
 * width: vw(3 of 12);
 * width: vw(3 / 12);
 * width: vw(25);
 * Outputs:
 * width: 25vw;
 */
/*
 * Get first value from the list
 */
/*
 * Get last value from the list
 */
/*
 * Get values from deeper levels of a map
 *
 * 1. Return false instead of causing error when the map doesn't exist
 */
/*
 * Convert yes/no to boolean
 */
/*
 * Converts px or rem to em
 */
/*
 * Converts input value to a list.
 */
/*
 * Converts input value to a map.
 */
/*
 * Converts value to px
 * TODO: refactoring
 *
 */
/*
 * Converts px, em, % or unitless value to rem
 */
/*
 * Converts input value to a string.
 */
/*
 * Return font-size in rem 
 *
 * 1. Unitless value gets the size from modular scale
 * 2. Value in px, em, % is converted to rem
 */
/*
 * Calculate line-height
 *
 * 1. Auto calculates line-height based on font-size
 * 2. Unitless number is converted to rhythm
 * 3. Other numbers are converted to rem based on font-size
 */
/*
 * Returns number of lines into which minimal line height of this font-size 
 * fits in
 * 1. allow half line based on current configuration from variables
 */
/*
 * 1. Get values and convert them to map.
 * 2. Loop through all breakpoints.
 * 3. Run calculations for this breakpoint only if some parameters changed.
 * 4. Get values for current breakpoint or use values inherited from the last breakpoint.
 * 5. Calculate size and replace the current unprocessed value.
 * 6. Calculate line-height and replace the current unprocessed value.
 * 7. Convert offset to rem.
 * 8. Calculate baseline if the values changed.
 * 9. Calculate baseline adjustment.
 *    9.1 Get baseline adjustment for 1em line height.
 *    9.2 Add baseline adjustment for additional line height.
 *    9.3 Add offset.
 *    9.4 Output final baseline adjustment if it changed for this breakpoint.
 * 10. Output position.
 */
/*
 * Outputs font-size based on input size or scale multiplier
 * Outputs line-height based on output font-size in rhythm units
 * Output is responsive by default
 *
 * 1. 
 * 2. XXX Convert values to map.
 * 3. XXX Loop through all breakpoints.
 * 3. XXX Run calculations for this breakpoint only if some parameters changed.
 * 4. XXX Get values for current breakpoint or use values inherited from the last breakpoint.
 * 5. XXX Get font-size in rem and replace the current unprocessed value.
 * 6. XXX Calculate line-height and replace the current unprocessed value.
 * 7. XXX Output css, but only if the values changed.
 */
/*
 *
 * 1. Loop the properties
 * 2. Font-Baseline
 *    2.1 If font family is not set, try to get it from the font family property.
 *    2.2 If size is not set, try to get it from the font size property.
 *    2.3 If line-height is not set, try to get it from the font size property.
 *    2.4 If ratio is not set, try to get it from the font size property.
 * 3. Font-Family
 * 5. Font-Feature-Settnings
 * 4. Font-Size
 * 5. Font-Smoothing
 * 6. Font-Style (font-weight and font-style)
 *    6.1 If style is a single value (style), try to get the font family from the family property
 */
/*
Examples:
@include clip(0);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
@include clip(0 1rem);
    top: 0;
    right: 1rem;
    bottom: 0;
    left: 1rem;
@include clip(0 1rem n);
    top: 0;
    right: 1rem;
    left: 1rem;
@include clip(0 n n 1rem);
    top: 0;
    left: 1rem;
*/
/*
 *
 */
a,
abbr,
article,
aside,
acronym,
address,
applet audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
figcaption,
figure,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
optgroup,
output,
p,
picture,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  background: transparent;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  min-width: 0;
  padding: 0;
  vertical-align: baseline;
  backface-visibility: hidden;
}

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

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

abbr,
acronym,
blockquote,
button,
code,
input,
kbd,
q,
samp,
var {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

main,
details,
summary {
  display: block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

template {
  display: none;
}

a {
  text-decoration: none;
}

a,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

a,
input,
button,
select,
textarea {
  color: inherit;
}

a:active, a:focus,
input:active,
input:focus,
button:active,
button:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  outline: none;
}

dfn,
i,
em {
  font-style: normal;
}

del {
  text-decoration: line-through;
}

sub,
sup {
  font-size: 1em;
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

caption {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q::before, q::after,
blockquote::before,
blockquote::after {
  content: "";
  content: none;
}

img {
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  height: 0;
}

pre {
  overflow: auto;
  white-space: pre;
}

pre code {
  white-space: pre-wrap;
  word-wrap: normal;
}

code {
  white-space: pre;
}

code,
kbd,
pre,
samp {
  font-size: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
  border-radius: 0;
  background: transparent;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button:disabled,
input:disabled {
  cursor: default;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  outline: none;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

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

textarea {
  overflow: auto;
}

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

th,
td {
  text-align: left;
  font-weight: inherit;
  vertical-align: middle;
}

::-moz-selection {
  color: white;
  background: black;
}

::selection {
  color: white;
  background: black;
}

html {
  font-size: 1em;
}

body {
  /* 1 */
  font-weight: 400;
  font-style: normal;
  /* 1 */
  font-family: Helvetica, Verdana, sans-serif;
  /* 1 */
  /* 1 */
  /* 2 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 6 */
  /* 7 */
  font-size: 1rem;
  line-height: 1.5rem;
  /* 1 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  text-rendering: geometricPrecision;
  font-variant-ligatures: common-ligatures;
}

abbr {
  -webkit-font-feature-settings: "c2sc";
  -moz-font-feature-settings: "c2sc";
  font-feature-settings: "c2sc";
}

abbr[title]:hover {
  cursor: help;
}

code,
kbd,
samp {
  /* 1 */
}

sub {
  -webkit-font-feature-settings: "subs";
  -moz-font-feature-settings: "subs";
  font-feature-settings: "subs";
}

sup {
  -webkit-font-feature-settings: "sups";
  -moz-font-feature-settings: "sups";
  font-feature-settings: "sups";
}

textarea {
  resize: vertical;
}

.debug {
  background-image: linear-gradient(to top, false 5%, transparent 5%) !important;
  background-size: 100% 0.75rem !important;
  background-position: left top !important;
}

.icon.left::before {
  content: "A";
}

.icon.right::before {
  content: "B";
}

.icon.logo::before {
  content: "C";
}

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

.copy [class*='multicol'] {
  max-width: none;
}

.copy p:empty {
  display: none;
}

.copy p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.copy dfn, .copy i, .copy em {
  font-style: italic;
}

.copy dl:not(:last-child), .copy ol:not(:last-child), .copy ul:not(:last-child) {
  margin-bottom: 1.5rem;
}

.copy dl dl, .copy dl ol, .copy dl ul, .copy ol dl, .copy ol ol, .copy ol ul, .copy ul dl, .copy ul ol, .copy ul ul {
  margin-bottom: 0;
  margin-left: 3rem;
  top: 0;
}

.copy li {
  position: relative;
}

.copy li::before {
  padding-right: 0.75rem;
  position: absolute;
  left: -3rem;
  width: 3rem;
  text-align: right;
}

.copy ul li::before {
  content: "•";
}

.copy hr {
  margin-bottom: 3rem;
  width: 100%;
  height: 0rem;
  box-shadow: 0 -1px 0 0 gray;
}

.copy p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-lines: 3;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.icon::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: radioee;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-rendering: geometricPrecision;
}

@font-face {
  font-family: radioee;
  src: url("/assets/fonts/radioee.eot");
  src: url("/assets/fonts/radioee.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/radioee.woff") format("woff"), url("/assets/fonts/radioee.ttf") format("truetype"), url("/assets/fonts/radioee.svg#radioee") format("svg");
  font-weight: normal;
  font-style: normal;
}

/**
 * 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;
  -moz-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: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -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;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  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;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

/* 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;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  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;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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;
  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);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -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);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-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;
  -moz-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;
  -moz-transform-style: preserve-3d;
  -ms-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 {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

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

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

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* 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;
  -moz-backface-visibility: hidden;
  -ms-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;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-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;
  -moz-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;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

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

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

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

/* 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%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-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%;
  -webkit-background-size: 100%;
  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% {
    transform: rotate(360deg);
  }
}

html {
  background: black;
}

html:not(.ready) body {
  opacity: 0;
}

html.loading, html.ready {
  margin-top: 0 !important;
}

body {
  transition: opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;
}

#wpadminbar {
  display: none !important;
}

@font-face {
  font-family: 'NexaB';
  src: url("fonts/nexa-bold-webfont.eot");
  src: url("fonts/nexa-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/nexa-bold-webfont.woff") format("woff"), url("/assets/fonts/nexa-bold-webfont.ttf") format("truetype"), url("/assets/fonts/nexa-bold-webfont.svg#nexabold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NexaL';
  src: url("/assets/fonts/nexa-light-webfont.eot");
  src: url("/assets/fonts/nexa-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/nexa-light-webfont.woff2") format("woff2"), url("/assets/fonts/nexa-light-webfont.woff") format("woff"), url("/assets/fonts/nexa-light-webfont.ttf") format("truetype"), url("/assets/fonts/nexa-light-webfont.svg#nexa_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

strong,
b {
  font-family: NexaB;
}

iframe {
  max-width: 100%;
}

.area.header {
  position: relative;
  z-index: 100;
  color: white;
}

.area.header .logo {
  cursor: pointer;
  top: 10px;
  left: 10px;
  position: fixed;
  z-index: 110;
  font-size: 1.25rem;
  text-transform: uppercase;
}

@media (min-width: 40em) {
  .area.header .logo {
    top: 54px;
    left: 54px;
  }
}

@media (min-width: 40em) {
  .area.header .logo {
    font-size: 1.5625rem;
  }
}

.area.header .logo span {
  display: block;
}

.area.header .logo .on-air {
  color: #e50404;
  text-shadow: 0 0 9px rgba(229, 4, 4, 0.8);
}

.area.header .connect {
  top: 0rem;
  right: 0rem;
  position: fixed;
  z-index: 99;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

@media (min-width: 40em) {
  .area.header .connect {
    top: 27px;
    right: 27px;
  }
}

.area.header .connect.active .connect-wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.area.header .connect.active .connect-title {
  color: black;
}

.area.header .connect.active + .connect-overlay {
  pointer-events: initial;
  opacity: 1;
}

.area.header .connect .connect-title {
  top: -3px;
  position: relative;
  z-index: 1;
  padding: 0.625rem;
  color: white;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1em;
  text-align: right;
  transition: all 200ms ease-in-out;
  text-transform: uppercase;
}

@media (min-width: 40em) {
  .area.header .connect .connect-title {
    padding: 1.6875rem;
    font-size: 1.5625rem;
  }
}

.area.header .connect .connect-wrapper {
  top: 0rem;
  right: 0rem;
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  max-height: 100vh;
  padding: 3.125rem 0.625rem 0.625rem;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  background: white;
  color: black;
  transition: all 400ms ease-in-out;
  width: 554px;
}

@media (min-width: 40em) {
  .area.header .connect .connect-wrapper {
    padding: 5.625rem 1.6875rem 1.6875rem;
    top: 27px;
    right: 27px;
  }
}

.area.header .connect + .connect-overlay {
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  position: fixed;
  z-index: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.33);
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}

.area.header .connect p {
  margin-bottom: 0.625rem;
}

.area.header .connect form ::-webkit-input-placeholder {
  color: gray;
}

.area.header .connect form :-moz-placeholder {
  color: gray;
}

.area.header .connect form ::-moz-placeholder {
  color: gray;
}

.area.header .connect form :-ms-input-placeholder {
  color: gray;
}

@media (min-width: 30em) {
  .area.header .connect form p {
    -webkit-display: flex;
    display: flex;
  }
}

.area.header .connect form label {
  -webkit-flex: 0 0 9rem;
  flex: 0 0 9rem;
  line-height: 2.8125rem;
  display: block;
}

.area.header .connect form input {
  padding: 0.75rem;
}

.area.header .connect form input[type=text], .area.header .connect form input[type=email] {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background: #d9d9d9;
  border: none;
  width: 100%;
}

.area.header .connect form input[type=submit] {
  background: black;
  color: white;
}

@media (min-width: 30em) {
  .area.header .connect form input[type=submit] {
    margin-left: 9rem;
  }
}

.area.header .archive {
  bottom: 10px;
  left: 10px;
  position: fixed;
  z-index: 80;
  cursor: pointer;
  font-size: 20px;
  text-transform: uppercase;
}

@media (min-width: 40em) {
  .area.header .archive {
    bottom: 27px;
    left: 27px;
    padding: 1.6875rem;
    font-size: 25px;
  }
}

.area.header .archive a {
  display: inline-block;
  line-height: 1.5rem;
}

.area.header .language {
  right: 10px;
  bottom: 122px;
  position: fixed;
  z-index: 80;
  font-size: 20px;
}

@media (min-width: 40em) {
  .area.header .language {
    right: 27px;
    bottom: 112px;
    padding: 1.6875rem;
    font-size: 25px;
  }
}

.area.header .language div {
  border: none;
  padding: 0;
}

.area.header .language li.wpml-ls-current-language {
  display: none;
}

.area.header .language a {
  padding: 0rem;
  display: inline-block;
  line-height: 1.5rem;
}

.block.event {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  min-height: 100vh;
  position: relative;
}

@media (max-width: 39.9375em) {
  .block.event {
    padding: 2.8125rem 0.625rem;
  }
}

@media (min-width: 40em) and (max-width: 63.9375em) {
  .block.event {
    padding: 8.125rem 1.875rem;
  }
}

@media (max-width: 63.9375em) {
  .block.event {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 64em) {
  .block.event {
    max-width: 57.8125rem;
    margin: 0rem auto;
  }
}

@media (max-width: 39.9375em) {
  .block.event .box {
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 40em) and (max-width: 63.9375em) {
  .block.event .box {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 63.9375em) {
  .block.event .box.poster {
    -webkit-order: 1;
    order: 1;
  }
  .block.event .box.text {
    -webkit-order: 2;
    order: 2;
  }
  .block.event .box.audio {
    -webkit-order: 3;
    order: 3;
  }
  .block.event .box.slider {
    -webkit-order: 4;
    order: 4;
  }
}

@media (min-width: 64em) {
  .block.event .box {
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    position: absolute;
    z-index: 1;
    -webkit-align-items: center;
    align-items: center;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
  }
  .block.event .box:not(:last-child) iframe,
  .block.event .box:not(:last-child) a,
  .block.event .box:not(:last-child) button {
    pointer-events: none;
  }
  .block.event .box:last-child {
    z-index: 10;
  }
  .block.event .box:last-child::after {
    content: "";
    display: block;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    position: fixed;
    z-index: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
  }
  .block.event .box.poster .inner {
    -webkit-align-items: center;
    align-items: center;
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 31.25rem;
    width: 100vw;
    height: 100vh;
    padding: 3.75rem 0rem;
    pointer-events: none;
  }
  .block.event .box.poster .inner img {
    pointer-events: initial;
    width: auto;
    height: 100%;
  }
  .block.event .box.audio {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .block.event .box.audio .inner {
    margin: -15rem 0rem 0rem 7.5rem;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .block.event .box.audio .inner {
    height: 24.375rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 64em) {
  .block.event .box.text {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .block.event .box.text .inner {
    height: 24.375rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 64em) {
  .block.event .box.slider {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .block.event .box.slider .inner {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 50rem;
    max-height: 100%;
  }
  .block.event .box.slider .swiper-container {
    pointer-events: initial;
    width: 100%;
  }
  .block.event .box.slider img {
    height: 490px !important;
    width: auto !important;
    margin: 0 auto;
  }
  .block.event .box .inner {
    pointer-events: initial;
    z-index: 11;
  }
}

@media (max-width: 63.9375em) {
  .block.event .box.poster .inner img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    pointer-events: initial;
  }
}

.block.event .box.slider img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.block.event .box .inner:empty {
  display: none;
}

.block.event .prev,
.block.event .next {
  top: 0rem;
  bottom: 0rem;
  position: absolute;
  z-index: 10;
  width: 50%;
  /* 1 */
  /* 1 */
  /* 2 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 6 */
  /* 7 */
  font-size: 3.24732rem;
  line-height: 4.5rem;
  padding: 0.625rem;
  color: white;
}

.block.event .prev::before,
.block.event .next::before {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.block.event .prev:hover::before,
.block.event .next:hover::before {
  opacity: 1;
}

.block.event .prev {
  left: 0rem;
  text-align: left;
}

.block.event .next {
  right: 0rem;
  text-align: right;
}

.block.event img {
  max-width: 100%;
  height: auto;
}

.block.event .copy {
  background: white;
  padding: 1.875rem;
}

@media (min-width: 64em) {
  .block.event .copy {
    max-width: 33.75rem;
    width: 100vw;
  }
}

.block.events {
  padding: 2.5rem 0rem;
}

@media (min-width: 40em) {
  .block.events {
    padding: 8.125rem 1.25rem;
  }
}

@media (min-width: 50em) {
  .block.events {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.block.events .event {
  margin: 0rem 0.625rem 1.25rem;
}

@media (min-width: 30em) {
  .block.events .event {
    margin: 0rem auto 1.25rem;
    max-width: 23.4375rem;
  }
}

@media (min-width: 50em) {
  .block.events .event {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0rem 0.625rem 1.25rem;
  }
}

@media (min-width: 50em) {
  .block.events .event.placeholder {
    min-width: 375px;
  }
}

.block.events img {
  max-width: 100%;
  height: auto;
}

/*
NOTES

Google PageSpeed Insights screen resolutions
Mobile: 320px
Desktop: 1024px
*/