@charset "UTF-8";

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

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

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

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .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")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -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
}

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .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(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -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
}

.swiper-pagination-progress {
    background: rgba(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, .5)
}

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

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

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

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

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

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

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

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

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

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

.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-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

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

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

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

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

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

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

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

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

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

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(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, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

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

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

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'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)
    }
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
    height: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace
}

.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
    outline: 0
}

body.hidden-scroll {
    overflow: hidden
}

.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .7;
    display: none;
    z-index: 1035
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
    top: 30px;
    display: none;
    color: #000;
    position: fixed
}

.sl-wrapper {
    z-index: 1040
}

.sl-wrapper button {
    border: 0;
    background: 0 0;
    font-size: 28px;
    padding: 0;
    cursor: pointer
}

.sl-wrapper button:hover {
    opacity: .7
}

.sl-wrapper .sl-close {
    right: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    width: 44px;
    font-size: 3rem
}

.sl-wrapper .sl-counter {
    left: 30px;
    z-index: 1060;
    font-size: 1rem
}

.sl-wrapper .sl-navigation {
    width: 100%;
    display: none
}

.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    width: 22px;
    text-align: center;
    display: block;
    z-index: 10060;
    color: #000
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem
}

@media (min-width:35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image img {
        border: 0
    }
}

@media (min-width:50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image img {
        border: 0
    }
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
    width: 100%;
    height: auto
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0
}

@media (min-width:35.5em) {
    .sl-wrapper .sl-image iframe {
        border: 0
    }
}

@media (min-width:50em) {
    .sl-wrapper .sl-image iframe {
        border: 0
    }
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.sl-transition {
    transition: -ms-transform ease .2s;
    transition: -webkit-transform ease .2s;
    -webkit-transition: -webkit-transform ease .2s;
    -o-transition: transform ease .2s;
    transition: transform ease .2s;
    transition: transform ease .2s, -webkit-transform ease .2s
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@font-face {
    font-family: Walshheim;
    src: url(../webfonts/GT-Walsheim-Regular.eot);
    src: url(../webfonts/GT-Walsheim-Regular.eot?#iefix) format("embedded-opentype"), url(../webfonts/GT-Walsheim-Regular.woff) format("woff"), url(../webfonts/GT-Walsheim-Regular.ttf) format("truetype"), url(../webfonts/GT-Walsheim-Regular.svg#Walshheim) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Walshheim;
    src: url(../webfonts/GT-Walsheim-Medium.eot);
    src: url(../webfonts/GT-Walsheim-Medium.eot?#iefix) format("embedded-opentype"), url(../webfonts/GT-Walsheim-Medium.woff) format("woff"), url(../webfonts/GT-Walsheim-Medium.ttf) format("truetype"), url(../webfonts/GT-Walsheim-Medium.svg#Walshheim) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Walshheim;
    src: url(../webfonts/GT-Walsheim-Medium-Oblique.eot);
    src: url(../webfonts/GT-Walsheim-Medium-Oblique.eot?#iefix) format("embedded-opentype"), url(../webfonts/GT-Walsheim-Medium-Oblique.woff) format("woff"), url(../webfonts/GT-Walsheim-Medium-Oblique.ttf) format("truetype"), url(../webfonts/GT-Walsheim-Medium-Oblique.svg#WalshheimMediumOblique) format("svg");
    font-weight: 500;
    font-style: italic
}

.alpha,
.jumbotron .swiper-slide h1,
.play-list ul li a h2,
h1 {
    font-size: 34px
}

.actor .repertoar ul li a,
.beta,
.ensemble .repertoar ul li a,
.news .news-list h1,
.news .news-list ul li h2,
.sub article h1,
h2 {
    font-size: 24px
}

.actor .content .story,
.actor .content .written-by,
.actor .references .swiper-slide h2,
.actor .team ul li .info h3,
.actors ul li .info h3,
.ensemble .content .story,
.ensemble .content .written-by,
.ensemble .references .swiper-slide h2,
.ensemble .team ul li .info h3,
.gamma,
.play .content .story,
.play .content .written-by,
.play .references .swiper-slide h2,
.play .team ul li .info h3,
.sub article main>p,
h3,
header .logotype {
    font-size: 16px
}

#mce-responses>div,
.delta,
.news .news-list ul li p,
.news-latest ul li h2,
.news-latest ul li p,
.newsletter-form .btn,
.newsletter-form input[type=email],
.sub article main ul li,
footer p {
    font-size: 15px
}

.actor .play-program-list .btn,
.actor .play-program-list li .info>div,
.ensemble .play-program-list .btn,
.ensemble .play-program-list li .info>div,
.epsilon,
.filter,
.news .news-list ul li h2 span,
.news-latest ul li h2 span,
.news-latest ul li p span,
.play .play-program-list .btn,
.play .play-program-list li .info>div,
.program .program-list ul .btn,
.program .program-list ul h3 span,
.program .program-list ul li .info>div,
footer .copyright p {
    font-size: 12px
}

@media (min-width:48em) {

    .alpha,
    .jumbotron .swiper-slide h1,
    .play-list ul li a h2,
    h1 {
        font-size: 48px
    }

    .actor .repertoar ul li a,
    .beta,
    .ensemble .repertoar ul li a,
    .news .news-list h1,
    .news .news-list ul li h2,
    .sub article h1,
    h2 {
        font-size: 28px
    }

    .actor .content .story,
    .actor .content .written-by,
    .actor .references .swiper-slide h2,
    .actor .team ul li .info h3,
    .actors ul li .info h3,
    .ensemble .content .story,
    .ensemble .content .written-by,
    .ensemble .references .swiper-slide h2,
    .ensemble .team ul li .info h3,
    .gamma,
    .play .content .story,
    .play .content .written-by,
    .play .references .swiper-slide h2,
    .play .team ul li .info h3,
    .sub article main>p,
    h3,
    header .logotype {
        font-size: 18px
    }

    #mce-responses>div,
    .delta,
    .news .news-list ul li p,
    .news-latest ul li h2,
    .news-latest ul li p,
    .newsletter-form .btn,
    .newsletter-form input[type=email],
    .sub article main ul li,
    footer p {
        font-size: 17px
    }

    .actor .play-program-list .btn,
    .actor .play-program-list li .info>div,
    .ensemble .play-program-list .btn,
    .ensemble .play-program-list li .info>div,
    .epsilon,
    .filter,
    .news .news-list ul li h2 span,
    .news-latest ul li h2 span,
    .news-latest ul li p span,
    .play .play-program-list .btn,
    .play .play-program-list li .info>div,
    .program .program-list ul .btn,
    .program .program-list ul h3 span,
    .program .program-list ul li .info>div,
    footer .copyright p {
        font-size: 13px
    }
}

@media (min-width:75em) {

    .alpha,
    .jumbotron .swiper-slide h1,
    .play-list ul li a h2,
    h1 {
        font-size: 60px
    }

    .actor .repertoar ul li a,
    .beta,
    .ensemble .repertoar ul li a,
    .news .news-list h1,
    .news .news-list ul li h2,
    .sub article h1,
    h2 {
        font-size: 35px
    }

    .actor .content .story,
    .actor .content .written-by,
    .actor .references .swiper-slide h2,
    .actor .team ul li .info h3,
    .actors ul li .info h3,
    .ensemble .content .story,
    .ensemble .content .written-by,
    .ensemble .references .swiper-slide h2,
    .ensemble .team ul li .info h3,
    .gamma,
    .play .content .story,
    .play .content .written-by,
    .play .references .swiper-slide h2,
    .play .team ul li .info h3,
    .sub article main>p,
    h3,
    header .logotype {
        font-size: 24px
    }

    #mce-responses>div,
    .delta,
    .news .news-list ul li p,
    .news-latest ul li h2,
    .news-latest ul li p,
    .newsletter-form .btn,
    .newsletter-form input[type=email],
    .sub article main ul li,
    footer p {
        font-size: 20px
    }

    .actor .play-program-list .btn,
    .actor .play-program-list li .info>div,
    .ensemble .play-program-list .btn,
    .ensemble .play-program-list li .info>div,
    .epsilon,
    .filter,
    .news .news-list ul li h2 span,
    .news-latest ul li h2 span,
    .news-latest ul li p span,
    .play .play-program-list .btn,
    .play .play-program-list li .info>div,
    .program .program-list ul .btn,
    .program .program-list ul h3 span,
    .program .program-list ul li .info>div,
    footer .copyright p {
        font-size: 15px
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

iframe {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

body,
button,
html,
input {
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 500
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}

body {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

@media (min-width:75em) {
    body {
        padding-top: 220px
    }
}

a {
    text-decoration: none;
    color: #000;
    text-decoration: underline
}

a:hover {
    text-decoration: underline
}

b,
strong {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 600
}

h1,
h2,
h3,
h4 {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 600
}

h1 {
    font-family: kings-caslon-display, serif;
    font-style: normal;
    font-weight: 400;
    padding-left: .1em
}

.container {
    margin: auto;
    width: 100%;
    max-width: 1280px;
    padding: 0 20px
}

@media (min-width:48em) {
    .container {
        padding: 0 30px
    }
}

@media (min-width:64em) {
    .container {
        padding: 0 50px
    }
}

@media (min-width:75em) {
    .container {
        padding: 0
    }
}

p {
    line-height: 1.6em
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.link {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px
}

.btn-wrapper {
    padding: 40px 0 0 0;
    text-align: center
}

.btn {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 20px;
    border: 1px solid #000;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    letter-spacing: 1px;
    min-width: 142px
}

.btn:hover {
    background-color: #fa1b30;
    border: 1px solid #fa1b30;
    text-decoration: none
}

@media (min-width:75em) {
    .btn {
        padding: 18px 20px
    }
}

article h1 {
    width: calc(99.9999999999% * 3/4);
    margin-left: calc(99.9999999999% * 1/4) !important;
    margin: 0 0 40px 0
}

article h1:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none
}

article h1:last-child {
    margin-right: 0
}

article h1:nth-child(4n) {
    margin-right: 0;
    float: right
}

article h1:nth-child(4n+1) {
    clear: both
}

article h2 {
    padding: 0 20px
}

article .wrapper {
    clear: both;
    background-color: #dedede
}

article .wrapper:before {
    content: '';
    display: table
}

article .wrapper:after {
    content: '';
    display: table;
    clear: both
}

article section {
    margin: 0 0 60px 0
}

@media (min-width:75em) {
    article h1 {
        margin-top: -109px
    }
}

@media (min-width:48em) {
    .row:before {
        content: '';
        display: table
    }

    .row:after {
        content: '';
        display: table;
        clear: both
    }

    .row.two-cols>* {
        width: calc(99.9999999999% * 1/2)
    }

    .row.two-cols>:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .row.two-cols>:last-child {
        margin-right: 0
    }

    .row.two-cols>:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .row.two-cols>:nth-child(2n+1) {
        clear: both
    }
}

.sl-overlay {
    opacity: 1;
    background: #000
}

.simple-lightbox .sl-close {
    color: #fff
}

.simple-lightbox .sl-navigation .sl-next,
.simple-lightbox .sl-navigation .sl-prev {
    color: #fff;
    content: "";
    text-indent: -6000px
}

.simple-lightbox .sl-navigation .sl-next:after,
.simple-lightbox .sl-navigation .sl-prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.simple-lightbox .sl-navigation .sl-prev:after {
    background: url(../images/arrow-left-white.svg) 0 0 no-repeat;
    background-size: auto 100%
}

.simple-lightbox .sl-navigation .sl-next:after {
    background: url(../images/arrow-right-white.svg) 0 0 no-repeat;
    background-size: auto 100%
}

.swiper-container .swiper-button-next {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../images/arrow-right-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    right: 20px;
    top: 60px
}

.swiper-container .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.swiper-container .swiper-button-prev {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../images/arrow-left-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    left: 20px;
    top: 60px
}

.swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

table.logotypes {
    table-layout: fixed
}

table.logotypes td {
    padding: 0 0 20px 20px;
    width: 25%
}

table.logotypes img {
    max-width: 100%;
    height: auto
}

header {
    position: relative;
    padding: 30px 20px;
    min-height: 180px;
    z-index: 2
}

header .logotype {
    text-decoration: none;
    font-weight: 500
}

header nav {
    display: none
}

header nav ul li {
    position: relative
}

header nav ul li a {
    font-size: 22px;
    color: #000;
    text-decoration: none;
    font-weight: 500
}

header nav ul li a:hover {
    border-bottom: 1px solid rgba(222, 222, 222, .2);
    text-decoration: none
}

header nav ul li ul {
    display: none
}

header nav ul li ul li {
    display: block
}

header nav ul li ul li a {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 4px;
    border-bottom: 1px solid transparent
}

header nav ul li ul li a:hover {
    border-bottom: 1px solid rgba(222, 222, 222, .2);
    text-decoration: none
}

header nav ul li ul.opened {
    display: block
}

header .menu-toggle {
    width: 40px;
    height: 16px;
    display: block;
    background: url(../images/ico-menu-toggle.svg) 50% 50% no-repeat;
    overflow: hidden;
    text-indent: -3000px;
    position: absolute;
    top: 20px;
    right: 20px
}

header.opened nav {
    display: block;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

header.opened .menu-toggle {
    z-index: 10
}

@media (max-width:75em) {
    header nav>ul {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    header nav>ul>li a {
        display: inline-block;
        padding: 10px 0
    }

    header nav>ul>li ul {
        margin-top: 10px
    }
}

@media (min-width:75em) {
    header {
        min-height: 92px;
        position: fixed;
        background-color: #fff;
        top: 0;
        left: 0;
        width: 100%
    }

    header .logotype {
        width: calc(99.9999999999% * 1/4)
    }

    header .logotype:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    header .logotype:last-child {
        margin-right: 0
    }

    header .logotype:nth-child(4n) {
        margin-right: 0;
        float: right
    }

    header .logotype:nth-child(4n+1) {
        clear: both
    }

    header nav {
        width: calc(99.9999999999% * 3/4);
        display: block
    }

    header nav:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    header nav:last-child {
        margin-right: 0
    }

    header nav:nth-child(4n) {
        margin-right: 0;
        float: right
    }

    header nav:nth-child(4n+1) {
        clear: both
    }

    header nav ul {
        font-size: 0
    }

    header nav ul li {
        display: inline-block
    }

    header nav ul li a {
        margin-right: 40px;
        padding-bottom: 5px;
        font-size: 22px
    }

    header nav ul li ul {
        position: absolute;
        left: -20px;
        top: 100%;
        margin-top: 10px;
        width: 280px;
        background: #fff;
        padding: 10px 20px 5px 20px
    }

    header .menu-toggle {
        display: none
    }
}

@media (min-width:75em) {
    .hp {
        padding-top: 0
    }

    .hp header {
        background-color: transparent;
        position: relative;
        top: 0
    }

    .program header {
        min-height: 190px
    }
}

header .lsi-social-icons {
    display: none !important;
    position: absolute !important;
    top: 23px !important;
    right: 0 !important
}

header .lsi-social-icons li {
    list-style: none !important;
    margin: 0 !important
}

header .lsi-social-icons li a {
    background: 0 0 !important
}

header .widget_lsi_widget {
    list-style: none
}

.hp header .lsi-social-icons li a {
    color: #fff !important;
    padding: 8px 4px !important
}

.hp header .lsi-social-icons li:last-of-type a {
    padding-right: 15px !important
}

@media (min-width:75em) {
    header .lsi-social-icons {
        display: block !important
    }
}

footer {
    background: #000;
    padding: 20px
}

footer p {
    color: #fff;
    font-weight: 500
}

footer .copyright p {
    font-weight: 400;
    margin-bottom: 0
}

footer .social-icons {
    font-size: 0;
    padding: 20px 0
}

footer .social-icons>a {
    display: inline-block;
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-indent: -3000px;
    background-image: url(../images/social-icons.svg);
    background-size: auto 100%;
    margin-right: 60px
}

footer .social-icons>a:last-of-type {
    margin-right: 0
}

footer .social-icons>a.facebook {
    background-position: -26px 0
}

footer .social-icons>a.twitter {
    background-position: -52px 0
}

footer .partners .partners-logotypes {
    font-size: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

footer .partners .partners-logotypes>img {
    display: inline-block;
    margin-right: 20px
}

footer .partners .partners-logotypes>img:last-of-type {
    margin-right: 0
}

@media (min-width:48em) {
    footer:before {
        content: '';
        display: table
    }

    footer:after {
        content: '';
        display: table;
        clear: both
    }

    footer .col {
        width: calc(99.9999999999% * 1/2);
        position: relative;
        left: calc(99.9999999999% * 1/2)
    }

    footer .col:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    footer .col:last-child {
        margin-right: 0
    }

    footer .col:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    footer .col:nth-child(2n+1) {
        clear: both
    }

    footer .col-two {
        width: calc(99.9999999999% * 1/2);
        position: relative;
        left: calc(99.9999999999% * -1/2)
    }

    footer .col-two:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    footer .col-two:last-child {
        margin-right: 0
    }

    footer .col-two:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    footer .col-two:nth-child(2n+1) {
        clear: both
    }

    footer .col-two .partners .partners-logotypes {
        font-size: 0;
        padding-top: 20px
    }

    footer .col-two .partners .partners-logotypes>img {
        display: inline-block;
        margin-right: 80px
    }

    footer .col-two .partners .partners-logotypes>img:last-of-type {
        margin-right: 0
    }

    footer .col-two .copyright {
        margin-top: 5em
    }
}

@media (min-width:64em) {
    footer {
        padding: 40px 20px
    }

    footer .col {
        position: relative;
        padding-left: 20px
    }

    footer .social-icons {
        position: absolute;
        bottom: 0;
        right: 0
    }

    footer .social-icons>a {
        width: 35px;
        height: 35px;
        margin-right: 80px
    }

    footer .social-icons>a.facebook {
        background-position: -35px 0
    }

    footer .social-icons>a.twitter {
        background-position: -70px 0
    }
}

.news-latest {
    padding: 20px 20px 60px 20px
}

.news-latest ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.news-latest ul li h2,
.news-latest ul li p {
    font-weight: 400;
    line-height: 1.6em
}

.news-latest ul li h2 span,
.news-latest ul li p span {
    display: block;
    margin-bottom: 2em
}

.news-latest ul li a {
    text-decoration: none
}

@media (min-width:30em) {
    .news-latest ul:before {
        content: '';
        display: table
    }

    .news-latest ul:after {
        content: '';
        display: table;
        clear: both
    }

    .news-latest ul li {
        width: calc(99.9999999999% * 1/2 - (40px - 40px * 1/2))
    }

    .news-latest ul li:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    .news-latest ul li:last-child {
        margin-right: 0
    }

    .news-latest ul li:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .news-latest ul li:nth-child(2n+1) {
        clear: both
    }
}

@media (min-width:48em) {
    .news-latest ul li {
        width: calc(99.9999999999% * 1/4 - (40px - 40px * 1/4))
    }

    .news-latest ul li:nth-child(1n) {
        float: left;
        margin-right: 40px;
        clear: none
    }

    .news-latest ul li:last-child {
        margin-right: 0
    }

    .news-latest ul li:nth-child(4n) {
        margin-right: 0;
        float: right
    }

    .news-latest ul li:nth-child(4n+1) {
        clear: both
    }
}

.newsletter-form {
    position: relative;
    height: 104px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.newsletter-form input[type=email] {
    height: 100%;
    width: 100%;
    border: none;
    padding: 0 20px
}

.newsletter-form input[type=email]:focus {
    outline: 0
}

.newsletter-form input[type=email].mce_inline_error {
    background-color: #dedede;
    color: #fff
}

.newsletter-form .btn {
    width: calc(99.9999999999% * 1/4);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    padding: 0;
    background-color: #fff
}

.newsletter-form .btn:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none
}

.newsletter-form .btn:last-child {
    margin-right: 0
}

.newsletter-form .btn:nth-child(4n) {
    margin-right: 0;
    float: right
}

.newsletter-form .btn:nth-child(4n+1) {
    clear: both
}

.newsletter-form .btn:hover {
    background-color: #fa1b30
}

@media (min-width:75em) {
    .newsletter-form {
        height: 144px
    }
}

#mce-responses>div {
    line-height: 160%;
    padding: 20px
}

.jumbotron {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%
}

.jumbotron .swiper-hp .swiper-pagination {
    bottom: 50%;
    left: auto;
    right: 20px;
    width: 10px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.jumbotron .swiper-hp .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background-color: transparent
}

.jumbotron .swiper-hp .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.jumbotron .swiper-slide {
    position: relative
}

.jumbotron .swiper-slide:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.0322108346%
}

.jumbotron .swiper-slide>.aspectratio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.jumbotron .swiper-slide .aspectratio img {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.jumbotron .swiper-slide .aspectratio a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff
}

.jumbotron .swiper-slide h1 {
    text-align: center;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
}

@media (min-width:48em) {
    .jumbotron .swiper-slide {
        position: relative
    }

    .jumbotron .swiper-slide:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.2225475842%
    }

    .jumbotron .swiper-slide>.aspectratio {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (min-width:75em) {
    .jumbotron {
        margin-top: -140px
    }

    .jumbotron .aspectratio h1 {
        font-size: 100px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-top: -75px
    }
}

.play-list {
    position: relative;
    margin-bottom: 40px;
    float: left;
    width: 100%
}

.play-list .quick-nav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
    text-align: center;
    z-index: 1
}

.play-list .quick-nav .btn {
    display: inline-block
}

.play-list .quick-nav .btn:first-of-type {
    margin-right: 8px
}

.play-list .quick-nav .btn:last-of-type {
    margin-left: 8px
}

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

.play-list ul:before {
    content: '';
    display: table
}

.play-list ul:after {
    content: '';
    display: table;
    clear: both
}

.play-list ul li {
    position: relative
}

.play-list ul li:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.0322108346%
}

.play-list ul li>.aspectratio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.play-list ul li .aspectratio {
    overflow: hidden
}

.play-list ul li .aspectratio img {
    position: absolute;
    display: block;
    width: 101%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.play-list ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.play-list ul li a:hover {
    background-color: #fff
}

.play-list ul li a:hover h2 {
    color: #000
}

.play-list ul li a h2 {
    font-family: kings-caslon-display, serif;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.play-list ul li:nth-of-type(1) a,
.play-list ul li:nth-of-type(4) a,
.play-list ul li:nth-of-type(5) a,
.play-list ul li:nth-of-type(8) a {
    background-color: #dedede
}

.play-list ul li:nth-of-type(1) a h2,
.play-list ul li:nth-of-type(4) a h2,
.play-list ul li:nth-of-type(5) a h2,
.play-list ul li:nth-of-type(8) a h2 {
    color: #000
}

.play-list ul li:nth-of-type(1) a:hover,
.play-list ul li:nth-of-type(4) a:hover,
.play-list ul li:nth-of-type(5) a:hover,
.play-list ul li:nth-of-type(8) a:hover {
    background-color: #fff
}

.play-list ul li:nth-of-type(1) a:hover h2,
.play-list ul li:nth-of-type(4) a:hover h2,
.play-list ul li:nth-of-type(5) a:hover h2,
.play-list ul li:nth-of-type(8) a:hover h2 {
    color: #000
}

@media (min-width:30em) {
    .play-list ul li {
        width: calc(99.9999999999% * 1/2)
    }

    .play-list ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .play-list ul li:last-child {
        margin-right: 0
    }

    .play-list ul li:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .play-list ul li:nth-child(2n+1) {
        clear: both
    }
}

.checkbox-filter,
.filter {
    float: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 15px;
    width: calc(100% - 30px)
}

.filter {
    position: relative;
    height: 55px;
    line-height: 55px;
    border: 1px solid #000;
    padding: 0
}

.filter:after {
    content: "↓";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px
}

.filter .filter-toggle {
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.filter .filter-name {
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: 100%;
    display: block;
    overflow: hidden
}

.filter .filter-items {
    display: none;
    width: calc(100% + 2px);
    position: absolute;
    top: 100%;
    left: -1px
}

.filter .filter-items a {
    display: block;
    height: 55px;
    text-decoration: none;
    background: #000;
    color: #fff;
    padding: 0 20px
}

.filter .filter-items a:hover {
    background: #fff;
    color: #000
}

@media (min-width:30em) {
    .filter {
        width: 240px;
        float: right;
        margin: -20px 20px 0 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media (min-width:75em) {
    .hp header .logotype {
        color: #fff
    }

    .hp header nav ul {
        background: 0 0
    }

    .hp header nav ul li a {
        color: #fff
    }

    .hp header nav ul li ul {
        background: #fff
    }

    .hp header nav ul li ul a {
        color: #000
    }
}

.actor .team,
.actors,
.ensemble .team,
.play .team {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.actor .team ul,
.actors ul,
.ensemble .team ul,
.play .team ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.actor .team ul:before,
.actors ul:before,
.ensemble .team ul:before,
.play .team ul:before {
    content: '';
    display: table
}

.actor .team ul:after,
.actors ul:after,
.ensemble .team ul:after,
.play .team ul:after {
    content: '';
    display: table;
    clear: both
}

.actor .team ul li,
.actors ul li,
.ensemble .team ul li,
.play .team ul li {
    width: calc(99.9999999999% * 1/4)
}

.actor .team ul li:nth-child(1n),
.actors ul li:nth-child(1n),
.ensemble .team ul li:nth-child(1n),
.play .team ul li:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none
}

.actor .team ul li:last-child,
.actors ul li:last-child,
.ensemble .team ul li:last-child,
.play .team ul li:last-child {
    margin-right: 0
}

.actor .team ul li:nth-child(4n),
.actors ul li:nth-child(4n),
.ensemble .team ul li:nth-child(4n),
.play .team ul li:nth-child(4n) {
    margin-right: 0;
    float: right
}

.actor .team ul li:nth-child(4n+1),
.actors ul li:nth-child(4n+1),
.ensemble .team ul li:nth-child(4n+1),
.play .team ul li:nth-child(4n+1) {
    clear: both
}

.actor .team ul li:hover,
.actors ul li:hover,
.ensemble .team ul li:hover,
.play .team ul li:hover {
    background-color: #fff
}

.actor .team ul li .swiper-slide-img,
.actors ul li .swiper-slide-img,
.ensemble .team ul li .swiper-slide-img,
.play .team ul li .swiper-slide-img {
    position: relative
}

.actor .team ul li .swiper-slide-img:before,
.actors ul li .swiper-slide-img:before,
.ensemble .team ul li .swiper-slide-img:before,
.play .team ul li .swiper-slide-img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 67.0571010249%
}

.actor .team ul li .swiper-slide-img>.aspectratio,
.actors ul li .swiper-slide-img>.aspectratio,
.ensemble .team ul li .swiper-slide-img>.aspectratio,
.play .team ul li .swiper-slide-img>.aspectratio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.actor .team ul li .swiper-slide-img .aspectratio,
.actors ul li .swiper-slide-img .aspectratio,
.ensemble .team ul li .swiper-slide-img .aspectratio,
.play .team ul li .swiper-slide-img .aspectratio {
    overflow: hidden
}

.actor .team ul li .info,
.actors ul li .info,
.ensemble .team ul li .info,
.play .team ul li .info {
    min-height: 154px;
    padding: 30px 20px
}

.actor .team ul li .info h3,
.actors ul li .info h3,
.ensemble .team ul li .info h3,
.play .team ul li .info h3 {
    margin-bottom: .6em;
    font-weight: 500
}

.actor .team ul li .info p,
.actors ul li .info p,
.ensemble .team ul li .info p,
.play .team ul li .info p {
    margin: 0
}

.actor .team ul li a,
.actors ul li a,
.ensemble .team ul li a,
.play .team ul li a {
    display: block;
    text-decoration: none
}

.actor .team ul li img,
.actors ul li img,
.ensemble .team ul li img,
.play .team ul li img {
    display: block;
    width: 101%;
    height: auto
}

@media (min-width:75em) {

    .actor .team ul.swiper-wrapper,
    .actors ul.swiper-wrapper,
    .ensemble .team ul.swiper-wrapper,
    .play .team ul.swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block
    }

    .actor .team ul li,
    .actors ul li,
    .ensemble .team ul li,
    .play .team ul li {
        width: calc(99.9999999999% * 1/5);
        overflow: hidden
    }

    .actor .team ul li:nth-child(1n),
    .actors ul li:nth-child(1n),
    .ensemble .team ul li:nth-child(1n),
    .play .team ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .actor .team ul li:last-child,
    .actors ul li:last-child,
    .ensemble .team ul li:last-child,
    .play .team ul li:last-child {
        margin-right: 0
    }

    .actor .team ul li:nth-child(5n),
    .actors ul li:nth-child(5n),
    .ensemble .team ul li:nth-child(5n),
    .play .team ul li:nth-child(5n) {
        margin-right: 0;
        float: right
    }

    .actor .team ul li:nth-child(5n+1),
    .actors ul li:nth-child(5n+1),
    .ensemble .team ul li:nth-child(5n+1),
    .play .team ul li:nth-child(5n+1) {
        clear: both
    }

    .actor .team .swiper-button-next,
    .actor .team .swiper-button-prev,
    .actors .swiper-button-next,
    .actors .swiper-button-prev,
    .ensemble .team .swiper-button-next,
    .ensemble .team .swiper-button-prev,
    .play .team .swiper-button-next,
    .play .team .swiper-button-prev {
        display: none
    }
}

.actor .photos img,
.ensemble .photos img,
.play .photos img {
    display: block;
    width: 100%;
    height: auto
}

.actor iframe,
.ensemble iframe,
.play iframe {
    height: 350px !important
}

.actor .content,
.ensemble .content,
.play .content {
    padding: 0 20px
}

.actor .content .written-by,
.ensemble .content .written-by,
.play .content .written-by {
    margin: 40px 0
}

.actor .content .written-by:before,
.ensemble .content .written-by:before,
.play .content .written-by:before {
    content: '';
    display: table
}

.actor .content .written-by:after,
.ensemble .content .written-by:after,
.play .content .written-by:after {
    content: '';
    display: table;
    clear: both
}

.actor .content .written-by>*,
.ensemble .content .written-by>*,
.play .content .written-by>* {
    width: calc(99.9999999999% * 1/2);
    max-width: calc(99.9999999999% * 1/2);
    height: calc(99.9999999999% * 1/2)
}

.actor .content .written-by>:nth-child(1n),
.ensemble .content .written-by>:nth-child(1n),
.play .content .written-by>:nth-child(1n) {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    clear: none
}

.actor .content .written-by>:last-child,
.ensemble .content .written-by>:last-child,
.play .content .written-by>:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.actor .content .written-by>:nth-child(2n),
.ensemble .content .written-by>:nth-child(2n),
.play .content .written-by>:nth-child(2n) {
    margin-right: 0
}

.actor .content .written-by>:nth-child(2n+1),
.ensemble .content .written-by>:nth-child(2n+1),
.play .content .written-by>:nth-child(2n+1) {
    clear: both
}

.actor .content .written-by>:nth-last-child(-n+2),
.ensemble .content .written-by>:nth-last-child(-n+2),
.play .content .written-by>:nth-last-child(-n+2) {
    margin-bottom: 0
}

.actor .content .written-by .author,
.actor .content .written-by .director,
.ensemble .content .written-by .author,
.ensemble .content .written-by .director,
.play .content .written-by .author,
.play .content .written-by .director {
    font-weight: 600
}

.actor .content .written-by .author:after,
.actor .content .written-by .director:after,
.ensemble .content .written-by .author:after,
.ensemble .content .written-by .director:after,
.play .content .written-by .author:after,
.play .content .written-by .director:after {
    display: block;
    content: "Autor";
    font-size: 15px;
    margin-top: 16px;
    font-weight: 400
}

.actor .content .written-by .director,
.ensemble .content .written-by .director,
.play .content .written-by .director {
    font-weight: 600
}

.actor .content .written-by .director:after,
.ensemble .content .written-by .director:after,
.play .content .written-by .director:after {
    content: "Režie"
}

.actor .content .story,
.ensemble .content .story,
.play .content .story {
    margin-bottom: 60px
}

.actor .play-program-list,
.ensemble .play-program-list,
.play .play-program-list {
    list-style: 0;
    margin: 0 0 40px 0;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.actor .play-program-list li,
.ensemble .play-program-list li,
.play .play-program-list li {
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 60px 20px 0 20px
}

.actor .play-program-list li.vyprodano em,
.actor .play-program-list li.zruseno em,
.ensemble .play-program-list li.vyprodano em,
.ensemble .play-program-list li.zruseno em,
.play .play-program-list li.vyprodano em,
.play .play-program-list li.zruseno em {
    color: #fa1b30
}

.actor .play-program-list li.vyprodano .btn,
.actor .play-program-list li.zruseno .btn,
.ensemble .play-program-list li.vyprodano .btn,
.ensemble .play-program-list li.zruseno .btn,
.play .play-program-list li.vyprodano .btn,
.play .play-program-list li.zruseno .btn {
    display: none
}

.actor .play-program-list li .info,
.ensemble .play-program-list li .info,
.play .play-program-list li .info {
    padding-bottom: 20px
}

.actor .play-program-list li .info>div,
.ensemble .play-program-list li .info>div,
.play .play-program-list li .info>div {
    margin-right: 40px;
    display: inline-block
}

.actor .play-program-list .btn,
.ensemble .play-program-list .btn,
.play .play-program-list .btn {
    position: absolute;
    height: 100%;
    width: 25%;
    min-width: auto;
    max-width: 120px;
    border: none;
    top: 0;
    right: 0;
    padding: 0;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .15);
    background-color: #dedede
}

.actor .play-program-list .btn:hover,
.ensemble .play-program-list .btn:hover,
.play .play-program-list .btn:hover {
    color: #fa1b30
}

.actor .play-program-list .btn>span,
.ensemble .play-program-list .btn>span,
.play .play-program-list .btn>span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%
}

.actor .play-program-list .btn>span:first-of-type,
.ensemble .play-program-list .btn>span:first-of-type,
.play .play-program-list .btn>span:first-of-type {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.actor .play-program-list .btn>span:last-of-type,
.ensemble .play-program-list .btn>span:last-of-type,
.play .play-program-list .btn>span:last-of-type {
    -webkit-transform: translate(-175%, 50%);
    -ms-transform: translate(-175%, 50%);
    transform: translate(-175%, 50%)
}

.actor .team:before,
.ensemble .team:before,
.play .team:before {
    content: '';
    display: table
}

.actor .team:after,
.ensemble .team:after,
.play .team:after {
    content: '';
    display: table;
    clear: both
}

.actor .team ul,
.ensemble .team ul,
.play .team ul {
    padding-bottom: 30px
}

.actor .team ul li,
.ensemble .team ul li,
.play .team ul li {
    width: calc(99.9999999999% * 1/2);
    border-bottom: 0
}

.actor .team ul li:nth-child(1n),
.ensemble .team ul li:nth-child(1n),
.play .team ul li:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none
}

.actor .team ul li:last-child,
.ensemble .team ul li:last-child,
.play .team ul li:last-child {
    margin-right: 0
}

.actor .team ul li:nth-child(2n),
.ensemble .team ul li:nth-child(2n),
.play .team ul li:nth-child(2n) {
    margin-right: 0;
    float: right
}

.actor .team ul li:nth-child(2n+1),
.ensemble .team ul li:nth-child(2n+1),
.play .team ul li:nth-child(2n+1) {
    clear: both
}

.actor .team ul li:hover,
.ensemble .team ul li:hover,
.play .team ul li:hover {
    background-color: transparent
}

.actor .team ul li .info,
.ensemble .team ul li .info,
.play .team ul li .info {
    min-height: auto;
    padding: 0 20px 30px 20px
}

.actor .references:before,
.ensemble .references:before,
.play .references:before {
    content: '';
    display: table
}

.actor .references:after,
.ensemble .references:after,
.play .references:after {
    content: '';
    display: table;
    clear: both
}

.actor .references .swiper-slide,
.ensemble .references .swiper-slide,
.play .references .swiper-slide {
    padding: 80px 0;
    text-align: center
}

.actor .references .swiper-slide h2,
.ensemble .references .swiper-slide h2,
.play .references .swiper-slide h2 {
    font-family: kings-caslon-display, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 900px;
    margin: 0 auto
}

.actor .references .swiper-slide .reviewer,
.ensemble .references .swiper-slide .reviewer,
.play .references .swiper-slide .reviewer {
    margin-top: 2em
}

.actor .references .swiper-pagination,
.ensemble .references .swiper-pagination,
.play .references .swiper-pagination {
    bottom: -3px
}

.actor .references .swiper-pagination .swiper-pagination-bullet,
.ensemble .references .swiper-pagination .swiper-pagination-bullet,
.play .references .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    background-color: transparent
}

.actor .references .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.ensemble .references .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.play .references .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000
}

@media (min-width:30em) {

    .actor iframe,
    .ensemble iframe,
    .play iframe {
        height: 450px !important
    }

    .actor .team .col ul li,
    .ensemble .team .col ul li,
    .play .team .col ul li {
        width: calc(99.9999999999% * 1/3)
    }

    .actor .team .col ul li:nth-child(1n),
    .ensemble .team .col ul li:nth-child(1n),
    .play .team .col ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .actor .team .col ul li:last-child,
    .ensemble .team .col ul li:last-child,
    .play .team .col ul li:last-child {
        margin-right: 0
    }

    .actor .team .col ul li:nth-child(3n),
    .ensemble .team .col ul li:nth-child(3n),
    .play .team .col ul li:nth-child(3n) {
        margin-right: 0;
        float: right
    }

    .actor .team .col ul li:nth-child(3n+1),
    .ensemble .team .col ul li:nth-child(3n+1),
    .play .team .col ul li:nth-child(3n+1) {
        clear: both
    }
}

@media (min-width:48em) {

    .actor iframe,
    .ensemble iframe,
    .play iframe {
        height: 550px !important
    }
}

@media (min-width:64em) {

    .actor iframe,
    .ensemble iframe,
    .play iframe {
        height: 600px !important
    }

    .actor .play-program-list,
    .ensemble .play-program-list,
    .play .play-program-list {
        width: calc(100% + 40px);
        margin-left: -20px
    }

    .actor .team .col,
    .ensemble .team .col,
    .play .team .col {
        width: calc(99.9999999999% * 1/2);
        margin-left: calc(99.9999999999% * 1/2) !important
    }

    .actor .team .col:nth-child(1n),
    .ensemble .team .col:nth-child(1n),
    .play .team .col:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .actor .team .col:last-child,
    .ensemble .team .col:last-child,
    .play .team .col:last-child {
        margin-right: 0
    }

    .actor .team .col:nth-child(2n),
    .ensemble .team .col:nth-child(2n),
    .play .team .col:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .actor .team .col:nth-child(2n+1),
    .ensemble .team .col:nth-child(2n+1),
    .play .team .col:nth-child(2n+1) {
        clear: both
    }

    .actor .team .col ul li,
    .ensemble .team .col ul li,
    .play .team .col ul li {
        width: calc(99.9999999999% * 1/2)
    }

    .actor .team .col ul li:nth-child(1n),
    .ensemble .team .col ul li:nth-child(1n),
    .play .team .col ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .actor .team .col ul li:last-child,
    .ensemble .team .col ul li:last-child,
    .play .team .col ul li:last-child {
        margin-right: 0
    }

    .actor .team .col ul li:nth-child(2n),
    .ensemble .team .col ul li:nth-child(2n),
    .play .team .col ul li:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .actor .team .col ul li:nth-child(2n+1),
    .ensemble .team .col ul li:nth-child(2n+1),
    .play .team .col ul li:nth-child(2n+1) {
        clear: both
    }
}

.shc_Ok {
    font-size: 15px;
    text-decoration: underline;
    background: 0 0;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: 0;
    display: block
}

.sl-wrapper .sl-image img {
    -webkit-filter: none;
    filter: none;
    width: 100%;
    height: auto
}

.tech-info {
    line-height: 1.6em;
    font-size: 16px;
    margin-top: 4em
}

@media (min-width:64em) {
    .tech-info {
        font-size: 18px
    }
}

.actor .repertoar ul,
.ensemble .repertoar ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0
}

.actor .repertoar ul li,
.ensemble .repertoar ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.actor .repertoar ul li a,
.ensemble .repertoar ul li a {
    font-family: kings-caslon-display, serif;
    font-style: normal;
    font-weight: 400;
    display: block;
    text-decoration: none;
    padding: .5em 20px
}

.actor .repertoar ul li a:hover,
.ensemble .repertoar ul li a:hover {
    background-color: #fff
}

@media (min-width:30em) {

    .actor .repertoar ul li a,
    .ensemble .repertoar ul li a {
        padding-left: 25%
    }
}

.ensemble .actors,
.ensemble .team {
    margin-bottom: 0;
    border-bottom: 0
}

.ensemble .checkbox-filter {
    width: 120px;
    float: right;
    margin-top: -60px
}

.program .filter {
    width: 250px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 20px;
    z-index: 1
}

.program .program-list {
    background-color: #dedede;
    padding: 40px 0
}

.program .program-list h2 {
    padding: 0 20px
}

.program .program-list .pl-link {
    display: inline-block;
    padding: 20px 20px 10px 20px;
    width: 100%
}

/*.program .program-list .pl-link:hover {
    background-color: #fa1b30
}*/

.program .program-list ul {
    list-style: 0;
    margin: 0 0 40px 0;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.program .program-list ul li {
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.program .program-list ul li.vyprodano h3,
.program .program-list ul li.zruseno h3 {
    text-decoration: none
}

.program .program-list ul li.vyprodano h3 em,
.program .program-list ul li.zruseno h3 em {
    color: #fa1b30
}

.program .program-list ul li.vyprodano:hover h3,
.program .program-list ul li.zruseno:hover h3 {
    text-decoration: none
}

.program .program-list ul li.vyprodano:hover h3 em,
.program .program-list ul li.zruseno:hover h3 em {
    color: #dedede
}

.program .program-list ul li.vyprodano .btn,
.program .program-list ul li.zruseno .btn {
    display: none
}

.program .program-list ul li .info {
    font-size: 0;
    position: absolute;
    top: 10px;
    left: 0;
    margin-left: 20px
}

.program .program-list ul li .info>div {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-right: 40px;
    display: inline-block
}

.program .program-list ul h3 {
    font-size: 30px;
    font-family: kings-caslon-display, serif;
    font-style: normal;
    font-weight: 400;
    padding-right: 2em;
    margin: 0
}

.program .program-list ul h3 span {
    display: block;
    padding-left: 1em;
    display: none
}

.program .program-list ul a {
    text-decoration: none
}

.program .program-list ul .btn {
    position: absolute;
    height: 100%;
    width: 25%;
    min-width: auto;
    max-width: 120px;
    border: none;
    bottom: 0;
    right: 0;
    padding: 0;
    text-align: center;
    background-color: #dedede
}

.program .program-list ul .btn:hover {
    color: #fa1b30
}

.program .program-list ul .btn>span {
    display: block;
    position: absolute;
    bottom: 21px;
    left: 0;
    width: 100%
}

.program h1 {
    position: absolute;
    left: -6000px
}

@media (min-width:30em) {
    .program .program-list ul h3 span {
        display: block
    }
}

@media (min-width:48em) {
    .program .program-list ul li .info {
        position: relative;
        margin-left: 0;
        top: 0;
        max-width: 100px;
        text-align: right
    }

    .program .program-list ul li .info>div {
        margin-right: 0;
        display: block;
        padding: 5px 0
    }

    .program .program-list ul h3 {
        font-size: 45px;
        width: 80%;
        float: right
    }
}

@media (min-width:75em) {
    .program h2 {
        margin-top: 2em;
        margin-bottom: .35em
    }

    .program .current_page_item ul {
        display: block
    }

    .program .program-list ul li .info {
        max-width: 400px;
        text-align: left;
        top: 21px
    }

    .program .program-list ul li .info>div {
        display: inline-block;
        margin-right: 80px;
        padding: 0;
        font-size: 18px;
        font-weight: 400
    }

    .program .program-list ul h3 {
        font-size: 42px;
        width: 75%
    }
}

.sub article {
    background-color: #dedede
}

.sub article h1 {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 600;
    width: auto;
    margin: .8em 0;
    margin-left: 0 !important;
    padding: 0
}

.sub article h1:last-child {
    float: none;
    clear: none;
    margin-right: 0;
    width: auto
}

.sub article h1:nth-child(1n) {
    float: none;
    clear: none;
    margin-right: 0;
    width: auto
}

.sub article h1:nth-child(1n+1) {
    float: none;
    clear: none;
    margin-right: 0;
    width: auto
}

.sub article h2 {
    padding: 0
}

.sub article main {
    padding: 0 20px
}

.sub article main img {
    height: auto;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: block
}

.sub article main ul li {
    padding: 10px 0
}

.sub aside h2,
.sub aside h3,
.sub aside h4,
.sub aside p,
.sub aside ul {
    padding: 0 20px
}

.sub aside p {
    line-height: 180%
}

.sub aside table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 0 2em 0;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.sub aside table td {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 600;
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    font-size: 12px
}

.actor .sub .team,
.ensemble .sub .team,
.play .sub .team,
.sub .actor .team,
.sub .actors,
.sub .ensemble .team,
.sub .play .team {
    width: calc(100% + 40px);
    margin-left: -20px;
    border-bottom: 0
}

.actor .sub .team ul:before,
.ensemble .sub .team ul:before,
.play .sub .team ul:before,
.sub .actor .team ul:before,
.sub .actors ul:before,
.sub .ensemble .team ul:before,
.sub .play .team ul:before {
    content: '';
    display: table
}

.actor .sub .team ul:after,
.ensemble .sub .team ul:after,
.play .sub .team ul:after,
.sub .actor .team ul:after,
.sub .actors ul:after,
.sub .ensemble .team ul:after,
.sub .play .team ul:after {
    content: '';
    display: table;
    clear: both
}

.actor .sub .team ul li,
.ensemble .sub .team ul li,
.play .sub .team ul li,
.sub .actor .team ul li,
.sub .actors ul li,
.sub .ensemble .team ul li,
.sub .play .team ul li {
    width: calc(99.9999999999% * 1)
}

.actor .sub .team ul li:nth-child(1n),
.ensemble .sub .team ul li:nth-child(1n),
.play .sub .team ul li:nth-child(1n),
.sub .actor .team ul li:nth-child(1n),
.sub .actors ul li:nth-child(1n),
.sub .ensemble .team ul li:nth-child(1n),
.sub .play .team ul li:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none
}

.actor .sub .team ul li:last-child,
.ensemble .sub .team ul li:last-child,
.play .sub .team ul li:last-child,
.sub .actor .team ul li:last-child,
.sub .actors ul li:last-child,
.sub .ensemble .team ul li:last-child,
.sub .play .team ul li:last-child {
    margin-right: 0
}

.actor .sub .team ul li:nth-child(NaNn),
.ensemble .sub .team ul li:nth-child(NaNn),
.play .sub .team ul li:nth-child(NaNn),
.sub .actor .team ul li:nth-child(NaNn),
.sub .actors ul li:nth-child(NaNn),
.sub .ensemble .team ul li:nth-child(NaNn),
.sub .play .team ul li:nth-child(NaNn) {
    margin-right: 0;
    float: right
}

.actor .sub .team ul li:nth-child(NaNn+1),
.ensemble .sub .team ul li:nth-child(NaNn+1),
.play .sub .team ul li:nth-child(NaNn+1),
.sub .actor .team ul li:nth-child(NaNn+1),
.sub .actors ul li:nth-child(NaNn+1),
.sub .ensemble .team ul li:nth-child(NaNn+1),
.sub .play .team ul li:nth-child(NaNn+1) {
    clear: both
}

.actor .sub .team ul li img,
.ensemble .sub .team ul li img,
.play .sub .team ul li img,
.sub .actor .team ul li img,
.sub .actors ul li img,
.sub .ensemble .team ul li img,
.sub .play .team ul li img {
    min-height: 100%;
    min-width: 100%;
    margin-left: 0
}

.actor .sub .team ul li:hover,
.ensemble .sub .team ul li:hover,
.play .sub .team ul li:hover,
.sub .actor .team ul li:hover,
.sub .actors ul li:hover,
.sub .ensemble .team ul li:hover,
.sub .play .team ul li:hover {
    background-color: transparent
}

@media (min-width:30em) {

    .actor .sub .team ul li,
    .ensemble .sub .team ul li,
    .play .sub .team ul li,
    .sub .actor .team ul li,
    .sub .actors ul li,
    .sub .ensemble .team ul li,
    .sub .play .team ul li {
        width: calc(99.9999999999% * 1/2)
    }

    .actor .sub .team ul li:nth-child(1n),
    .ensemble .sub .team ul li:nth-child(1n),
    .play .sub .team ul li:nth-child(1n),
    .sub .actor .team ul li:nth-child(1n),
    .sub .actors ul li:nth-child(1n),
    .sub .ensemble .team ul li:nth-child(1n),
    .sub .play .team ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .actor .sub .team ul li:last-child,
    .ensemble .sub .team ul li:last-child,
    .play .sub .team ul li:last-child,
    .sub .actor .team ul li:last-child,
    .sub .actors ul li:last-child,
    .sub .ensemble .team ul li:last-child,
    .sub .play .team ul li:last-child {
        margin-right: 0
    }

    .actor .sub .team ul li:nth-child(2n),
    .ensemble .sub .team ul li:nth-child(2n),
    .play .sub .team ul li:nth-child(2n),
    .sub .actor .team ul li:nth-child(2n),
    .sub .actors ul li:nth-child(2n),
    .sub .ensemble .team ul li:nth-child(2n),
    .sub .play .team ul li:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .actor .sub .team ul li:nth-child(2n+1),
    .ensemble .sub .team ul li:nth-child(2n+1),
    .play .sub .team ul li:nth-child(2n+1),
    .sub .actor .team ul li:nth-child(2n+1),
    .sub .actors ul li:nth-child(2n+1),
    .sub .ensemble .team ul li:nth-child(2n+1),
    .sub .play .team ul li:nth-child(2n+1) {
        clear: both
    }
}

@media (min-width:48em) {

    .actor .sub .team ul li,
    .ensemble .sub .team ul li,
    .play .sub .team ul li,
    .sub .actor .team ul li,
    .sub .actors ul li,
    .sub .ensemble .team ul li,
    .sub .play .team ul li {
        width: calc(99.9999999999% * 1/3)
    }

    .actor .sub .team ul li:nth-child(1n),
    .ensemble .sub .team ul li:nth-child(1n),
    .play .sub .team ul li:nth-child(1n),
    .sub .actor .team ul li:nth-child(1n),
    .sub .actors ul li:nth-child(1n),
    .sub .ensemble .team ul li:nth-child(1n),
    .sub .play .team ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .actor .sub .team ul li:last-child,
    .ensemble .sub .team ul li:last-child,
    .play .sub .team ul li:last-child,
    .sub .actor .team ul li:last-child,
    .sub .actors ul li:last-child,
    .sub .ensemble .team ul li:last-child,
    .sub .play .team ul li:last-child {
        margin-right: 0
    }

    .actor .sub .team ul li:nth-child(3n),
    .ensemble .sub .team ul li:nth-child(3n),
    .play .sub .team ul li:nth-child(3n),
    .sub .actor .team ul li:nth-child(3n),
    .sub .actors ul li:nth-child(3n),
    .sub .ensemble .team ul li:nth-child(3n),
    .sub .play .team ul li:nth-child(3n) {
        margin-right: 0;
        float: right
    }

    .actor .sub .team ul li:nth-child(3n+1),
    .ensemble .sub .team ul li:nth-child(3n+1),
    .play .sub .team ul li:nth-child(3n+1),
    .sub .actor .team ul li:nth-child(3n+1),
    .sub .actors ul li:nth-child(3n+1),
    .sub .ensemble .team ul li:nth-child(3n+1),
    .sub .play .team ul li:nth-child(3n+1) {
        clear: both
    }
}

@media (min-width:30em) {
    .sub article:before {
        content: '';
        display: table
    }

    .sub article:after {
        content: '';
        display: table;
        clear: both
    }

    .sub article main {
        width: calc(99.9999999999% * 2/3)
    }

    .sub article main:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .sub article main:last-child {
        margin-right: 0
    }

    .sub article main:nth-child(3n) {
        margin-right: 0;
        float: right
    }

    .sub article main:nth-child(3n+1) {
        clear: both
    }

    .sub article main:before {
        content: '';
        display: table
    }

    .sub article main:after {
        content: '';
        display: table;
        clear: both
    }

    .sub article main .row {
        margin-bottom: 20px
    }

    .sub article main .row:before {
        content: '';
        display: table
    }

    .sub article main .row:after {
        content: '';
        display: table;
        clear: both
    }

    .sub article main .row>.col {
        width: calc(99.9999999999% * 1/2)
    }

    .sub article main .row>.col:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .sub article main .row>.col:last-child {
        margin-right: 0
    }

    .sub article main .row>.col:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .sub article main .row>.col:nth-child(2n+1) {
        clear: both
    }

    .sub article main .row>.col:first-of-type p,
    .sub article main .row>.col:first-of-type ul {
        padding-right: 10px
    }

    .sub article main .row>.col:last-of-type p,
    .sub article main .row>.col:last-of-type ul {
        padding-left: 10px
    }

    .sub aside {
        width: calc(99.9999999999% * 1/3)
    }

    .sub aside:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .sub aside:last-child {
        margin-right: 0
    }

    .sub aside:nth-child(3n) {
        margin-right: 0;
        float: right
    }

    .sub aside:nth-child(3n+1) {
        clear: both
    }

    .sub aside .row div:first-child {
        border-left: 1px solid rgba(0, 0, 0, .15)
    }

    .sub aside table:last-of-type {
        margin-bottom: 0
    }
}

@media (min-width:64em) {
    .sub article main {
        width: calc(99.9999999999% * 3/4);
        padding-right: 10%;
        border-right: 1px solid rgba(0, 0, 0, .15)
    }

    .sub article main:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .sub article main:last-child {
        margin-right: 0
    }

    .sub article main:nth-child(4n) {
        margin-right: 0;
        float: right
    }

    .sub article main:nth-child(4n+1) {
        clear: both
    }

    .sub article main .alignnone,
    .sub article main .img,
    .sub article main .size-medium {
        width: calc(60% + 40px)
    }

    .sub article main .row {
        width: calc(60% + 60px)
    }

    .sub.customize-support article main {
        padding-right: 0
    }

    .actor .sub.customize-support article main .team,
    .ensemble .sub.customize-support article main .team,
    .play .sub.customize-support article main .team,
    .sub.customize-support article main .actor .team,
    .sub.customize-support article main .actors,
    .sub.customize-support article main .ensemble .team,
    .sub.customize-support article main .play .team {
        width: calc(100% + 20px)
    }

    .actor .sub.customize-support article main .team h2,
    .ensemble .sub.customize-support article main .team h2,
    .play .sub.customize-support article main .team h2,
    .sub.customize-support article main .actor .team h2,
    .sub.customize-support article main .actors h2,
    .sub.customize-support article main .ensemble .team h2,
    .sub.customize-support article main .play .team h2 {
        padding-left: 20px
    }

    .actor .sub.customize-support article main .team p,
    .ensemble .sub.customize-support article main .team p,
    .play .sub.customize-support article main .team p,
    .sub.customize-support article main .actor .team p,
    .sub.customize-support article main .actors p,
    .sub.customize-support article main .ensemble .team p,
    .sub.customize-support article main .play .team p {
        font-size: 14px
    }

    .sub aside {
        width: calc(99.9999999999% * 1/4)
    }

    .sub aside:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .sub aside:last-child {
        margin-right: 0
    }

    .sub aside:nth-child(4n) {
        margin-right: 0;
        float: right
    }

    .sub aside:nth-child(4n+1) {
        clear: both
    }

    .sub aside .row>.col {
        width: auto
    }

    .sub aside .row>.col:last-child {
        float: none;
        clear: none;
        margin-right: 0;
        width: auto
    }

    .sub aside .row>.col:nth-child(1n) {
        float: none;
        clear: none;
        margin-right: 0;
        width: auto
    }

    .sub aside .row>.col:nth-child(1n+1) {
        float: none;
        clear: none;
        margin-right: 0;
        width: auto
    }

    .sub aside .row div:first-child {
        border: none;
        position: relative;
        left: calc(99.9999999999% * 0)
    }

    .sub aside .row div:last-child {
        position: relative;
        left: calc(99.9999999999% * 0)
    }

    .sub aside table td+td {
        text-align: right
    }
}

@media (min-width:75em) {
    .sub aside table td {
        font-size: 15px;
        padding: 35px 20px 15px 20px
    }

    .sub aside h3 {
        margin: 2em 0 1em 0
    }

    .sub aside p {
        line-height: 2.3em
    }
}

.sub #map {
    position: relative;
    margin-bottom: 40px
}

.sub #map:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.sub #map>.aspectratio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width:48em) {
    .sub #map {
        margin-bottom: 80px
    }
}

@media (min-width:64em) {
    .sub #map {
        width: calc(100% + 20px);
        margin-left: -20px;
        margin-bottom: 120px
    }
}

.news .news-list {
    background-color: #dedede;
    padding: 0 0 60px 0
}

.news .news-list:before {
    content: '';
    display: table
}

.news .news-list:after {
    content: '';
    display: table;
    clear: both
}

.news .news-list h1 {
    font-family: Walshheim, sans-serif;
    font-style: normal;
    font-weight: 600;
    padding: 0 20px
}

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

.news .news-list ul:before {
    content: '';
    display: table
}

.news .news-list ul:after {
    content: '';
    display: table;
    clear: both
}

.news .news-list ul li {
    padding: 0 20px 40px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.news .news-list ul li h2 {
    font-weight: 400;
    line-height: 1.6em
}

.news .news-list ul li h2 span {
    display: block;
    margin-bottom: 1em
}

.news .news-list ul li h2 a {
    text-decoration: none
}

.news .news-list .btn-wrapper {
    padding: 60px 0 0 0
}

@media (min-width:30em) {
    .news .news-list ul li {
        width: calc(99.9999999999% * 1/2)
    }

    .news .news-list ul li:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .news .news-list ul li:last-child {
        margin-right: 0
    }

    .news .news-list ul li:nth-child(2n) {
        margin-right: 0;
        float: right
    }

    .news .news-list ul li:nth-child(2n+1) {
        clear: both
    }

    .news .news-list ul li:nth-of-type(odd) {
        border-right: 1px solid rgba(0, 0, 0, .15)
    }
}


@media (min-width: 75em) {
    header nav ul li a {
        margin-right: 30px;
        padding-bottom: 5px;
        font-size: 20px;
    }
}

@media (max-width: 390px) {
    header {
        min-height: 90px;
    }
}