/*!

Project: Soulflats - Tier 1
Author:  Matouš Barnat, creative-nights.com

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

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

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

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

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

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong,
.strong {
    font-weight: bold
}

dfn,
em,
.em {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    margin: 0
}

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

q:before,
q:after {
    content: '';
    content: none
}

small,
.small {
    font-size: 75%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0
}

menu {
    padding: 0 0 0 40px
}

ol,
ul {
    padding: 0;
    list-style-type: none
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

* {
    box-sizing: border-box
}

.image-replacement,
.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.clearfix,
.cf {
    zoom: 1
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
    content: "";
    display: table
}

.clearfix:after,
.cf:after {
    clear: both
}

span.amp {
    font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
    font-style: italic
}

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

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

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

[data-icon]:before {
    font-family: "museum" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="ico-"]:before,
[class*=" ico-"]:before {
    font-family: "museum" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-inst:before {
    content: "\61";
}

.ico-fejs:before {
    content: "\62";
}

.ico-envelope:before {
    content: "\63";
}

.ico-info:before {
    content: "\64";
}

.ico-metro:before {
    content: "\65";
}

.ico-phone:before {
    content: "\66";
}

.ico-pin:before {
    content: "\67";
}

.ico-sound:before {
    content: "\68";
}

@media (max-width: 767px) {
    .m-all {
        float: left;
        width: 100%;
        padding-right: 0
    }

    .m-1of2 {
        float: left;
        width: 50%
    }

    .m-1of3 {
        float: left;
        width: 33.33%
    }

    .m-2of3 {
        float: left;
        width: 66.66%
    }

    .m-1of4 {
        float: left;
        width: 25%
    }

    .m-3of4 {
        float: left;
        width: 75%
    }
}

@media (min-width: 768px) and (max-width: 1029px) {
    .t-all {
        float: left;
        width: 100%;
        padding-right: 0
    }

    .t-1of2 {
        float: left;
        width: 50%
    }

    .t-1of3 {
        float: left;
        width: 33.33%
    }

    .t-2of3 {
        float: left;
        width: 66.66%
    }

    .t-1of4 {
        float: left;
        width: 25%
    }

    .t-3of4 {
        float: left;
        width: 75%
    }

    .t-1of5 {
        float: left;
        width: 20%
    }

    .t-2of5 {
        float: left;
        width: 40%
    }

    .t-3of5 {
        float: left;
        width: 60%
    }

    .t-4of5 {
        float: left;
        width: 80%
    }
}

@media (min-width: 1030px) {
    .d-all {
        float: left;
        width: 100%;
        padding-right: 0
    }

    .d-1of2 {
        float: left;
        width: 50%
    }

    .d-1of3 {
        float: left;
        width: 33.33%
    }

    .d-2of3 {
        float: left;
        width: 66.66%
    }

    .d-1of4 {
        float: left;
        width: 25%
    }

    .d-3of4 {
        float: left;
        width: 75%
    }

    .d-1of5 {
        float: left;
        width: 20%
    }

    .d-2of5 {
        float: left;
        width: 40%
    }

    .d-3of5 {
        float: left;
        width: 60%
    }

    .d-4of5 {
        float: left;
        width: 80%
    }

    .d-1of6 {
        float: left;
        width: 16.6666666667%
    }

    .d-1of7 {
        float: left;
        width: 14.2857142857%
    }

    .d-2of7 {
        float: left;
        width: 28.5714286%
    }

    .d-3of7 {
        float: left;
        width: 42.8571429%
    }

    .d-4of7 {
        float: left;
        width: 57.1428572%
    }

    .d-5of7 {
        float: left;
        width: 71.4285715%
    }

    .d-6of7 {
        float: left;
        width: 85.7142857%
    }

    .d-1of8 {
        float: left;
        width: 12.5%
    }

    .d-1of9 {
        float: left;
        width: 11.1111111111%
    }

    .d-1of10 {
        float: left;
        width: 10%
    }

    .d-1of11 {
        float: left;
        width: 9.09090909091%
    }

    .d-1of12 {
        float: left;
        width: 8.33%
    }
}

.btn {
    transition: all .2s ease-in-out;
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    display: inline-block;
    font-family: "Tungsten", sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1.7rem 3rem;
    position: relative;
    text-align: center
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea,
.field {
    transition: all .2s ease-in-out;
    background: rgba(255, 255, 255, 0.12);
    border: 0;
    box-shadow: none;
    color: #fff;
    display: block;
    font-size: 1.6rem;
    height: 6rem;
    padding: 0 3rem;
    vertical-align: middle;
    width: 100%
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus,
.field:focus {
    background-color: rgba(255, 255, 255, 0.24);
    outline: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

textarea {
    height: 18rem;
    resize: vertical;
    padding: 2rem 3rem
}

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

form .col {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    form .col {
        margin-bottom: 3rem
    }
}

@media (min-width: 768px) {
    form .row.triple {
        margin: 0 -1.5rem
    }
}

@media (min-width: 768px) {
    form .row.triple>.col {
        float: left;
        width: 33.33%;
        padding: 0 1.5rem
    }
}

@media (min-width: 768px) {
    form .row.triple p {
        float: right;
        max-width: 23rem;
        margin: 0.5em
    }
}

form p {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 1.4rem;
    line-height: 1.71;
    margin: 0
}

@media (max-width: 767px) {
    form p {
        margin: 2rem 0
    }
}

@media (min-width: 768px) {
    form p {
        text-align: right
    }
}

form .btn {
    display: block;
    width: 100%;
    text-align: left
}

span.wpcf7-list-item {
    display: block;
    margin: 0
}

::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

::-moz-placeholder {
    color: #fff;
    opacity: 1
}

:-ms-input-placeholder {
    color: #fff
}

.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-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

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

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

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

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

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

.swiper-button-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-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-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-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-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-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #313131
}

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

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

.swiper-pagination-bullet-active {
    background: #5e5e5e
}

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

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

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.5rem 0 0.5rem
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms -webkit-transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms -webkit-transform, 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: linear
}

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

.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
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

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

* {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

html {
    font-size: 62.5%
}

body {
    background-color: #080808;
    font-family: "Roboto Mono", monospace;
    color: #ededed;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.opened-menu {
    overflow: hidden
}

a {
    color: #b52b2b;
    transition: all .2s ease-in-out
}

a:focus {
    outline: 0
}

a:hover {
    color: #8c2121;
    text-decoration: none
}

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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    text-transform: uppercase;
    font-family: "Tungsten", sans-serif
}

h1,
.h1 {
    font-size: 6rem
}

h2,
.h2 {
    font-size: 1.8rem;
    margin: 4rem 0;
    padding-top: 4rem;
    border-top: 1px dotted #767676;
    font-weight: normal
}

p,
li {
    font-size: 1.5rem;
    line-height: 1.6
}

em {
    font-style: normal;
    color: #b52b2b
}

#container {
    overflow: hidden;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

#container.loaded {
    opacity: 1
}

.wrap {
    padding: 2rem 0;
    max-width: 876px
}

@media (min-width: 768px) {
    .wrap {
        padding: 6rem 0
    }
}

@media (min-width: 1024px) {
    .wrap {
        padding: 9rem
    }
}

.header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #b52b2b;
    padding: 1rem 2rem;
    position: fixed;
    width: 100%;
    z-index: 5
}

@media (min-width: 1024px) {

    .page-about .header,
    .page-homepage .header,
    .page-generace-00 .header,
    .page-news .header {
        background-color: transparent
    }
}

@media (min-width: 1024px) {
    .header {
        left: 0;
        position: fixed;
        top: 0;
        z-index: 100;
        width: 18.75%;
        height: 100%;
        padding: 7rem 0 0 9rem
    }
}

.header h1 {
    margin: 0
}

.header h1 img {
    width: 10rem;
    display: block
}

.header nav {
    position: fixed;
    right: 0;
    top: 0;
    display: none;
    background-color: #b52b2b;
    width: 100%;
    height: 100%;
    padding: 2rem
}

@media (min-width: 1024px) {
    .header nav {
        display: block !important;
        right: 8rem;
        top: 7rem;
        background-color: transparent;
        width: auto;
        height: auto;
        padding: 0
    }
}

.header nav ul {
    margin: 0
}

@media (min-width: 1024px) {
    .header nav li {
        float: left;
        margin-left: 6rem
    }
}

.header nav a {
    color: #fff;
    font-family: "Tungsten", sans-serif;
    text-transform: uppercase;
    font-size: 2.8rem;
    text-decoration: none
}

@media (min-width: 768px) {
    .header nav a {
        font-size: 4.8rem
    }
}

@media (min-width: 1024px) {
    .header nav a {
        font-size: 1.8rem
    }
}

.header nav a:hover {
    text-decoration: underline
}

@media (min-width: 1024px) {
    .header .primary-menu {
        margin: 0;
        float: left
    }
}

@media (min-width: 1024px) {
    .header .language-chooser {
        float: right;
        margin: 0
    }
}

.header .language-chooser .active {
    display: none
}

.menu-opener {
    display: block;
    position: absolute;
    top: 2.7rem;
    height: 24px;
    right: 2rem;
    cursor: pointer;
    z-index: 15
}

@media (min-width: 1024px) {
    .menu-opener {
        display: none
    }
}

.menu-opener span {
    display: block;
    width: 28px;
    height: 3px;
    top: 0;
    background-color: #fff;
    position: relative;
    transition: all .2s ease-in-out
}

.menu-opener span:after,
.menu-opener span:before {
    display: block;
    width: 28px;
    height: 3px;
    background-color: #fff;
    content: '';
    left: 0;
    position: absolute
}

.menu-opener span:before {
    top: 8px;
    transition: all .2s ease-in-out
}

.menu-opener span:after {
    top: 16px;
    transition: all .2s ease-in-out
}

.menu-opener.opened span {
    height: 3px;
    width: 28px;
    top: 8px;
    right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.menu-opener.opened span:before {
    opacity: 0
}

.menu-opener.opened span:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 3px;
    width: 28px;
    top: 0
}

#main {
    padding: 7.4rem 2rem 2rem
}

@media (max-width: 1023px) {
    .page-homepage #main {
        padding-left: 0;
        padding-right: 0;
        padding-top: 57px;
    }
}

@media (min-width: 1024px) {
    #main {
        padding: 0 0 0 18.75%
    }

    .page-splash-screen #main {
        background: url("../images/bg.jpg") 100% 0% no-repeat;
        background-size: 50% auto;
        background-attachment: fixed
    }

    .page-homepage #main {
        padding: 0
    }
}

.page-splash-screen #main h2:first-child {
    border: 0;
    padding-top: 0;
    margin-top: 0
}

.page-homepage .video-floor {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.page-homepage .video-wrap {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.page-homepage .video-js {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%
}

.page-homepage .vjs-big-play-button {
    display: none
}

.page-homepage .vjs-poster {
    transition: opacity .2s ease-in-out;
    cursor: default
}

.page-homepage .vjs-has-started .vjs-poster {
    display: inline-block;
    opacity: 0
}

.page-homepage .vjs-paused .vjs-poster {
    opacity: 1
}

.page-homepage .featured-floor {
    background-color: #b52b2b;
    position: relative;
    padding: 2rem 2rem 0
}

@media (min-width: 768px) {
    .page-homepage .featured-floor {
        padding: 8rem 16.66% 5rem
    }
}

.page-homepage .featured-floor h2 {
    border: 0;
    padding: 0;
    margin: 0 0 2rem
}

@media (min-width: 768px) {
    .page-homepage .featured-floor h2 {
        margin: 0 0 7rem
    }
}

.page-homepage .featured-floor ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-homepage .featured-floor ul li {
    margin: 0 1rem 2rem
}

@media (min-width: 768px) {
    .page-homepage .featured-floor ul li {
        margin: 0 5rem 5rem
    }
}

.page-homepage .testimonial-floor {
    background: #080808 url("../images/bg-testimonials.jpg") no-repeat;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    position: relative;
    padding: 2rem
}

@media (min-width: 768px) {
    .page-homepage .testimonial-floor {
        padding: 9rem 10%
    }
}

@media (min-width: 1024px) {
    .page-homepage .testimonial-floor {
        padding: 23rem 25%
    }
}

.page-homepage .testimonial-floor .swiper-pagination {
    width: 8rem;
    bottom: auto;
    top: 50%;
    text-align: center
}

.page-homepage .testimonial-floor .testimonial-icon {
    width: 8rem;
    margin-bottom: ěrem
}

@media (min-width: 768px) {
    .page-homepage .testimonial-floor .testimonial-icon {
        position: absolute;
        left: 0;
        top: 0
    }
}

.page-homepage .testimonial-floor .testimonial-icon img {
    width: 8rem
}

.page-homepage .testimonial-floor .testimonial-content {
    position: relative
}

@media (min-width: 768px) {
    .page-homepage .testimonial-floor .testimonial-content:before {
        content: '“';
        position: absolute;
        font-family: "Tungsten", sans-serif;
        font-size: 6rem;
        color: #fff;
        left: 37.5%;
        top: -1rem
    }
}

@media (min-width: 768px) {
    .page-homepage .testimonial-floor .testimonial-content {
        padding-left: 50%
    }
}

.page-homepage .testimonial-floor .testimonial-content p {
    margin: 0;
    font-family: "Tungsten", sans-serif;
    text-transform: uppercase
}

.page-homepage .testimonial-floor .testimonial-content .testimonial-author {
    font-size: 1.8rem;
    margin-top: 1em
}

.page-homepage .testimonial-floor .testimonial-content .testimonial-claim {
    font-weight: bold;
    font-size: 6rem;
    line-height: 1
}

.page-homepage-old .swiper-container,
.page-intro .swiper-container {
    pointer-events: none
}

.page-homepage-old .slide,
.page-intro .slide {
    height: 77vh;
    position: relative;
    background: #080808
}

.page-homepage-old .slide .slide-bg,
.page-intro .slide .slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 50% 50% no-repeat;
    background-size: cover;
    opacity: 0.4;
    transition: opacity 5s ease-in-out
}

.page-homepage-old .slide .slide-video,
.page-intro .slide .slide-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-homepage-old .slide .slide-video video,
.page-intro .slide .slide-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-homepage-old .slide.swiper-slide-active .slide-bg,
.page-homepage-old .slide.swiper-slide-duplicate-active .slide-bg,
.page-intro .slide.swiper-slide-active .slide-bg,
.page-intro .slide.swiper-slide-duplicate-active .slide-bg {
    opacity: 0.8
}

.page-homepage-old .homeslider-nav,
.page-intro .homeslider-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: "Tungsten", sans-serif;
    width: 100%;
    z-index: 100;
    margin: 0
}

.page-homepage-old .homeslider-nav li,
.page-intro .homeslider-nav li {
    font-size: 1.8rem
}

@media (min-width: 768px) {

    .page-homepage-old .homeslider-nav li,
    .page-intro .homeslider-nav li {
        float: left;
        width: 25%;
        text-align: center
    }
}

.page-homepage-old .homeslider-nav li a,
.page-intro .homeslider-nav li a {
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 6vh 0
}

.page-homepage-old .homeslider-nav li a.active,
.page-intro .homeslider-nav li a.active {
    color: #fff
}

.page-homepage-old .homeslider-content,
.page-intro .homeslider-content {
    position: absolute;
    z-index: 100;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 28%;
    text-align: center
}

.page-homepage-old .homeslider-content>li,
.page-intro .homeslider-content>li {
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
    border-top: 1px solid #fff;
    padding-top: 3rem
}

@media (min-width: 768px) {

    .page-homepage-old .homeslider-content>li,
    .page-intro .homeslider-content>li {
        width: 45rem
    }
}

.page-homepage-old .homeslider-content>li.active,
.page-intro .homeslider-content>li.active {
    opacity: 1;
    pointer-events: all
}

.page-homepage-old .homeslider-content .slide-links,
.page-intro .homeslider-content .slide-links {
    border-bottom: 1px solid #fff;
    margin-top: 3rem;
    background: url("../images/img-line.png") 0 0 repeat-x
}

.page-homepage-old .homeslider-content .slide-links>li,
.page-intro .homeslider-content .slide-links>li {
    padding: 1rem 0
}

@media (min-width: 768px) {

    .page-homepage-old .homeslider-content .slide-links>li,
    .page-intro .homeslider-content .slide-links>li {
        float: left;
        width: 50%
    }

    .page-homepage-old .homeslider-content .slide-links>li:first-child a,
    .page-intro .homeslider-content .slide-links>li:first-child a {
        background: url("../images/img-line-ver.png") 100% 0 repeat-y
    }
}

.page-homepage-old .homeslider-content .slide-links>li a,
.page-intro .homeslider-content .slide-links>li a {
    display: block;
    padding: 1rem 0;
    color: #fff;
    text-decoration: none
}

.page-homepage-old .homeslider-content p,
.page-intro .homeslider-content p {
    font-family: "Tungsten", sans-serif;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap
}

.page-homepage-old .homeslider-content .slide-heading,
.page-intro .homeslider-content .slide-heading {
    font-size: 1.8rem
}

.page-homepage-old .homeslider-content .slide-content p,
.page-intro .homeslider-content .slide-content p {
    font-size: 6rem;
    font-weight: bold;
    line-height: 1
}

@media (min-width: 1024px) {
    .contact-wrap {
        width: 45rem;
        position: absolute;
        top: 50%;
        border-top: 1px solid #b52b2b;
        border-bottom: 1px solid #b52b2b;
        z-index: 5
    }
}

.contact-wrap .contact-head {
    text-align: center;
    padding: 3.5rem 0
}

.contact-wrap .contact-head p,
.contact-wrap .contact-head h1 {
    margin: 0
}

.contact-wrap .contact-head p {
    text-transform: uppercase;
    font-family: "Tungsten", sans-serif;
    font-size: 1.8rem
}

.contact-wrap .contact-rows {
    margin: 0
}

.contact-wrap .contact-rows>li {
    background: url("../images/img-line.png") 0 0 repeat-x;
    padding: 2.4rem 0 2.4rem 6rem;
    position: relative
}

.contact-wrap .contact-rows>li i {
    position: absolute;
    left: 0;
    top: 2.4rem;
    display: block;
    height: 3.1rem;
    padding: 0.4rem 1.8rem 0.4rem 0;
    background: url("../images/img-line-ver.png") 100% 0 repeat-y
}

.contact-wrap .contact-rows>.row-description {
    padding: 3.5rem 4rem
}

.contact-wrap .contact-rows p,
.contact-wrap .contact-rows ul {
    margin: 0
}

.img-stamp {
    position: fixed;
    margin: -7rem 0 0 -7rem;
    z-index: 105;
    width: 14rem;
    pointer-events: none;
    -webkit-animation: rotate 20s infinite linear reverse;
    animation: rotate 20s infinite linear reverse;
    display: none
}

@media (min-width: 1024px) {
    .img-stamp {
        display: block
    }
}

.page-intro #container,
.page-intro #main,
.page-intro .swiper-container {
    height: 100%
}

.page-intro .img-stamp {
    left: 9.375%;
    top: 40%;
    -webkit-animation: rotate 20s infinite linear reverse;
    animation: rotate 20s infinite linear reverse
}

@media (min-width: 1024px) {
    .page-intro #main {
        padding-right: 8.5%
    }
}

@media (min-width: 1024px) {

    .page-contact #container,
    .page-contact #main,
    .page-where #container,
    .page-where #main,
    .page-intro #container,
    .page-intro #main {
        height: 100%
    }
}

.page-about #main>div {
    position: relative
}

@media (min-width: 768px) {
    .page-about #main>div:before {
        height: 100%;
        width: 23.0775%;
        content: '';
        left: -23.0775%;
        position: absolute;
        top: 0
    }
}

.page-about .img-stamp {
    left: 8%;
    top: 40%
}

.page-about .line-red {
    background-color: #b52b2b
}

@media (max-width: 1023px) {
    .page-about .line-red {
        margin: 0 -2rem;
        padding: 2rem
    }
}

.page-about h1 {
    font-size: 1.8rem;
    font-weight: normal
}

.page-about h2 {
    border: 0;
    font-size: 6rem;
    font-weight: bold;
    padding: 0
}

.page-about .about-intro {
    background-repeat: no-repeat;
    background-size: 35% auto;
    background-position: 42% 50%;
    background-attachment: fixed
}

.page-about .about-intro header {
    border-top: 1px solid #b52b2b;
    padding-top: 1rem
}

.page-about .about-intro:before {
    background-color: #b52b2b
}

.page-about .about-intro h2 {
    margin-top: 0
}

@media (min-width: 768px) {
    .page-about .about-intro {
        padding: 10rem 12rem;
        margin: 0 -2rem
    }
}

@media (min-width: 1024px) {
    .page-about .about-intro {
        padding: 28rem 15% 20rem 30%;
        margin: 0
    }
}

.page-about .about-intro p {
    text-indent: 4rem
}

@media (min-width: 768px) {
    .page-about .about-intro p {
        padding-left: 23%
    }
}

.page-about .about-main:before {
    background-color: #b52b2b
}

@media (min-width: 768px) {
    .page-about .about-main {
        padding: 10rem 12rem
    }
}

@media (min-width: 1024px) {
    .page-about .about-main {
        padding: 14rem 15% 14rem 0
    }
}

.page-about .about-main .about-main-content {
    position: relative
}

@media (min-width: 1024px) {
    .page-about .about-main .about-main-content {
        width: 36%
    }
}

@media (min-width: 768px) {
    .page-about .about-main .about-main-content .sec-img {
        margin: 0 0 -8rem -50%;
        width: 100%;
        position: absolute
    }

    .page-about .about-main .about-main-content .sec-img img {
        width: 100%
    }
}

.page-about .about-main .about-media h2 {
    font-size: 1.8rem;
    padding: 2rem 0 0;
    margin-bottom: 6rem;
    background: url("../images/img-line.png") 0 0 repeat-x
}

.page-about .about-main .about-media ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-about .about-main .about-media ul>li {
    margin-right: 5rem
}

@media (min-width: 1024px) {
    .page-about .about-main .about-media {
        width: 36%;
        margin-left: 27%
    }
}

.page-about .about-main p {
    text-indent: 4rem
}

.page-about .map-section h2 {
    border-top: 1px solid #b52b2b;
    position: relative;
    color: #b52b2b
}

@media (max-width: 1023px) {
    .page-about .map-section h2 {
        text-align: center
    }
}

@media (min-width: 768px) {
    .page-about .map-section h2 {
        margin: 0 0 10rem
    }
}

.page-about .map-section h2 span {
    display: inline-block;
    padding: 3.5rem 0;
    border-bottom: 1px solid #4d1b1b
}

@media (min-width: 768px) {
    .page-about .map-section {
        padding: 10rem 12rem
    }
}

@media (min-width: 1024px) {
    .page-about .map-section {
        padding: 14rem 23% 14rem 0
    }
}

.page-about .map-section .map-control {
    text-align: center;
    border: 1px solid #b52b2b;
    padding: 5px;
    margin: 0 0 7rem
}

@media (min-width: 768px) {
    .page-about .map-section .map-control {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .page-about .map-section .map-control>li {
        display: inline-block
    }
}

.page-about .map-section .map-control a {
    display: block;
    padding: 1.5rem;
    min-width: 22rem;
    color: #b52b2b;
    text-decoration: none
}

.page-about .map-section .map-control a.active {
    color: #fff;
    background-color: #b52b2b;
    cursor: default
}

.page-about .map-section .map-control a:hover {
    color: #fff
}

@media (max-width: 1023px) {
    .page-about .map-section .map-tabs {
        margin-bottom: 2rem
    }
}

.page-about .map-section .map-tabs>div {
    display: none
}

.page-about .map-section .map-tabs>div.active {
    display: block
}

.page-about .map-section .map-legend {
    margin: 7rem 0 2.5rem;
    padding: 4rem 0 0;
    background: url("../images/img-line.png") 0 0 repeat-x
}

.page-about .map-section .map-legend>li {
    margin-bottom: 2.5rem
}

.page-about .map-section .map-legend>li:last-child {
    margin: 0
}

.page-about .map-section .map-legend .legend-header {
    width: 16rem;
    display: inline-block;
    font-family: "Tungsten", sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    position: relative;
    padding-left: 3rem
}

.page-about .map-section .map-legend .legend-header span {
    width: 1rem;
    height: 1rem;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5rem
}

.page-about .map-section .map-legend .legend-description {
    display: block;
    font-size: 1.5rem
}

@media (min-width: 1024px) {
    .page-about .map-section .map-legend .legend-description {
        display: inline-block;
        width: calc(100% - 16rem)
    }
}

.page-about .about-parts h2 {
    padding-top: 3rem;
    color: #080808;
    border-top: 1px solid #080808;
    margin: 0 0 7rem
}

.page-about .about-parts:before {
    background-color: #b52b2b
}

@media (min-width: 768px) {
    .page-about .about-parts {
        padding: 10rem 12rem
    }
}

@media (min-width: 1024px) {
    .page-about .about-parts {
        padding: 16rem 15% 18rem 30%
    }
}

.page-about .about-parts h3 {
    color: #080808;
    font-weight: normal;
    font-size: 1.8rem
}

.page-about .about-parts h3+p {
    text-indent: 4rem
}

.page-about .about-parts .parts-floors {
    border-bottom: 1px dashed #d88e8e
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors {
        padding-bottom: 24rem
    }
}

.page-about .about-parts .parts-floors>li {
    position: relative;
    margin-bottom: 7vw
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors>li:nth-child(1) {
        padding-left: 42%
    }
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors>li:nth-child(1) .sec-img {
        left: 50%;
        top: 0
    }
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors>li:nth-child(2) {
        padding-left: 42%
    }
}

@media (min-width: 1024px) {
    .page-about .about-parts .parts-floors>li:nth-child(2) {
        padding-right: 42%;
        padding-left: 0
    }
}

.page-about .about-parts .parts-floors>li:nth-child(2) .sec-img {
    left: -125%;
    top: -5rem
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors>li:nth-child(3) {
        padding-left: 42%
    }
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors>li:nth-child(3) .sec-img {
        left: -125%;
        top: 100%
    }
}

.page-about .about-parts .parts-floors .sec-img {
    width: 100%
}

@media (min-width: 768px) {
    .page-about .about-parts .parts-floors .sec-img {
        position: absolute
    }
}

.page-about .about-parts .about-people {
    padding-top: 2rem
}

.page-about .about-parts .about-people strong {
    display: block;
    font-family: "Tungsten", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.8rem;
    margin: 5rem 0 3rem
}

.page-news {
    background-color: #b52b2b
}

.page-news hr {
    height: 0;
    border: 0;
    border-top: 1px solid #141414;
}

.page-news #main>div {
    position: relative
}

@media (min-width: 768px) {
    .page-news #main>div:before {
        height: 100%;
        width: 23.0775%;
        content: '';
        left: -23.0775%;
        position: absolute;
        top: 0
    }
}

.page-news .img-stamp {
    left: 8%;
    top: 40%
}

.page-news .line-red {
    background-color: #b52b2b
}

@media (max-width: 1023px) {
    .page-news .line-red {
        margin: 0 -2rem;
        padding: 2rem
    }
}

.page-news h1 {
    font-size: 1.8rem;
    font-weight: normal
}

.page-news h2 {
    text-align: left;
    border: 0;
    color: #1F1F1F;
    font-size: 5rem;
    font-weight: bold;
    padding: 0
}

.page-news h3 {
    text-align: left;
    border: 0;
    color: #1F1F1F;
    font-size: 6rem;
    font-weight: bold;
    padding: 0
}

.page-news p {
    color: #1F1F1F;
}

.page-news a {
    color: #fff;
}

.page-news em {
    color: #000;
    font-style: italic
}

.page-news .news-intro {
    background-repeat: no-repeat;
    background-size: 16% auto;
    background-position: 27% 30%;
    background-attachment: fixed
}

.page-news .news-intro header {
    border-top: 1px solid #000000;
    padding-top: 1rem
}

.page-news .news-intro:before {
    background-color: #000000
}

.page-news .news-intro h2 {
    margin-top: 0
}

@media (min-width: 768px) {
    .page-news .news-intro {
        padding: 10rem 12rem;
        margin: 0 -2rem
    }
}

@media (min-width: 1024px) {
    .page-news .news-intro {
        padding: 18rem 15% 20rem 30%;
        margin: 0
    }
}

.page-news .news-intro p {
    text-indent: 4rem
}

@media (min-width: 768px) {
    .page-news .news-intro p {
        padding-left: 23%
    }
}

.page-news .news-main:before {
    background-color: #b52b2b
}

@media (min-width: 768px) {
    .page-news .news-main {
        padding: 10rem 12rem
    }
}

@media (min-width: 1024px) {
    .page-news .news-main {
        padding: 14rem 15% 14rem 0
    }
}

.page-news .news-main .news-main-content {
    position: relative
}

@media (min-width: 1024px) {
    .page-news .news-main .news-main-content {
        width: 36%
    }
}

@media (min-width: 768px) {
    .page-news .news-main .news-main-content .sec-img {
        margin: 0 0 -8rem -50%;
        width: 100%;
        position: absolute
    }

    .page-news .news-main .news-main-content .sec-img img {
        width: 100%
    }
}

.page-news .news-main .news-media h2 {
    font-size: 1.8rem;
    padding: 2rem 0 0;
    margin-bottom: 6rem;
    background: url("../images/img-line.png") 0 0 repeat-x
}

.page-news .news-main .news-media ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-news .news-main .news-media ul>li {
    margin-right: 5rem
}

@media (min-width: 1024px) {
    .page-news .news-main .news-media {
        width: 36%;
        margin-left: 27%
    }
}

.page-news .news-main p {
    text-indent: 4rem
}


.page-generace-00 #main>div {
    position: relative
}

@media (min-width: 768px) {
    .page-generace-00 #main>div:before {
        height: 100%;
        width: 23.0775%;
        content: '';
        left: -23.0775%;
        position: absolute;
        top: 0
    }
}

.page-generace-00 .img-stamp {
    left: 8%;
    top: 40%
}

.page-generace-00 .line-red {
    background-color: #b52b2b
}

@media (max-width: 1023px) {
    .page-generace-00 .line-red {
        margin-top: 0;
        margin-right: -2rem;
        margin-bottom: 0;
        padding: 2rem
    }
}

.page-generace-00 h1 {
    font-size: 1.8rem;
    font-weight: normal
}

.page-generace-00 h2 {
    border: 0;
    font-size: 6rem;
    font-weight: bold;
    padding: 0;
    float: right;
}

.page-generace-00 .about-intro {
    background-repeat: no-repeat;
    background-size: 35% auto;
    background-position: 42% 50%;
    background-attachment: fixed
}

.page-generace-00 .about-intro header {
    border-top: 1px solid #b52b2b;
    padding-top: 110px;
}

.page-generace-00 .about-intro:before {
    background-color: #b52b2b
}

.page-generace-00 .about-intro h2 {
    margin-top: -100px;
}

@media (min-width: 768px) {
    .page-generace-00 .about-intro {
        padding: 10rem 12rem;
        margin: 0 -2rem
    }
}

@media (min-width: 1024px) {
    .page-generace-00 .about-intro {
        padding: 28rem 15% 20rem 30%;
        margin: 0
    }
}

.page-generace-00 .about-intro p {
    text-indent: 4rem
}

@media (min-width: 768px) {
    .page-generace-00 .about-intro p {
        padding-left: 23%
    }
}

.page-generace-00 .about-main:before {
    background-color: #b52b2b
}

@media (min-width: 768px) {
    .page-generace-00 .about-main {
        padding: 10rem 12rem
    }
}

@media (min-width: 1024px) {
    .page-generace-00 .about-main {
        padding: 14rem 15% 14rem 0
    }
}

.page-generace-00 .about-main .about-main-content {
    position: relative
}

@media (min-width: 1024px) {
    .page-generace-00 .about-main .about-main-content {
        width: 36%
    }
}

@media (min-width: 768px) {
    .page-generace-00 .about-main .about-main-content .sec-img {
        margin: 0 0 -8rem -50%;
        width: 100%;
        position: absolute
    }

    .page-generace-00 .about-main .about-main-content .sec-img img {
        width: 100%
    }
}

.page-generace-00 .about-main .about-media h2 {
    font-size: 1.8rem;
    padding: 2rem 0 0;
    margin-bottom: 6rem;
    background: url("../images/img-line.png") 0 0 repeat-x
}

.page-generace-00 .about-main .about-media ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-generace-00 .about-main .about-media ul>li {
    margin-right: 5rem
}

@media (min-width: 1024px) {
    .page-generace-00 .about-main .about-media {
        width: 36%;
        margin-left: 27%
    }
}

.page-generace-00 .about-main p {
    text-indent: 4rem
}

.page-contact #main {
    background: url("../images/bg-contact.gif") 35rem 100% no-repeat;
    background-size: auto 75%
}

@media (max-width: 1023px) {
    .page-contact #main {
        background-position: 50% 50%
    }
}

@media (min-width: 1024px) {
    .page-contact .contact-wrap {
        right: 12.5%;
        width: 31.25%;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        transform: translateY(-40%)
    }
}

.page-contact .img-stamp {
    top: 40%;
    left: 8%
}

@media (min-width: 1024px) {
    .page-where .header {
        background: transparent
    }
}

@media (min-width: 1024px) {
    .page-where .contact-wrap {
        left: 12.5%;
        width: 31.25%;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

.page-where .map-wrap {
    height: 40rem;
    position: relative;
    margin: 0 -2rem
}

@media (min-width: 1024px) {
    .page-where .map-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        height: 100%
    }
}

.page-where #map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.where-footer {
    background-color: #b52b2b;
    padding: 2rem
}

@media (max-width: 1023px) {
    .where-footer {
        margin: 0 -2rem -2rem
    }
}

@media (min-width: 1024px) {
    .where-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 6vh 7rem;
        margin: 0;
        width: 100%
    }
}

.page-homepage .where-footer {
    position: relative
}

@media (max-width: 1023px) {
    .page-homepage .where-footer {
        padding: 2rem 4rem
    }
}

@media (min-width: 768px) {
    .page-homepage .where-footer li {
        float: right
    }
}

@media (max-width: 767px) {
    .page-homepage .where-footer li.col-hours {
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .page-homepage .where-footer li.col-hours {
        float: left
    }
}

.where-footer li {
    padding-left: 6rem;
    position: relative;
    text-transform: uppercase;
    font-family: "Tungsten", sans-serif;
    font-size: 1.8rem;
    margin-bottom: 2rem
}

.where-footer li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .where-footer li {
        float: left;
        margin: 0 10rem 0 0
    }
}

.where-footer li i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 3.1rem;
    padding: 0.4rem 1.8rem 0.4rem 0;
    background: url("../images/img-line-ver.png") 100% 0 repeat-y;
    width: 4.5rem
}

@media (min-width: 768px) {
    .where-footer li i {
        width: auto
    }
}

.where-footer li i.ico-metro {
    font-size: 1.6em
}

.where-footer li i.ico-metro:before {
    position: relative;
    top: -0.33em
}

.page-visitor-info {
    background-color: #131313
}

@media (min-width: 1024px) {
    .page-visitor-info .header {
        background: transparent
    }
}

.page-visitor-info .img-stamp {
    left: 8%;
    top: 40%
}

.info-floors {
    margin: 0 -2rem;
    counter-reset: counter
}

@media (min-width: 1024px) {
    .info-floors {
        margin: 0 0 12rem
    }
}

.info-floors .info-floor {
    padding: 2rem
}

@media (min-width: 768px) {
    .info-floors .info-floor {
        padding: 10rem 12rem
    }
}

@media (min-width: 1024px) {
    .info-floors .info-floor {
        padding: 12rem 15% 0 30%
    }
}

.info-floors .info-floor h2 {
    font-size: 6rem;
    font-weight: bold;
    line-height: 1.1;
    color: #b52b2b;
    border-top: 1px solid #b52b2b;
    margin: 0;
    padding: 0.4em 0 0;
    position: relative
}

.info-floors .info-floor h2:before {
    content: counter(counter, upper-roman);
    counter-increment: counter
}

@media (max-width: 1023px) {
    .info-floors .info-floor h2:before {
        display: block
    }
}

@media (min-width: 1024px) {
    .info-floors .info-floor h2:before {
        padding: 0 2rem 0rem;
        background: url("../images/img-line-red.png") 0 100% repeat-x
    }
}

@media (min-width: 1024px) {
    .info-floors .floor-content {
        padding: 0 0 0 43%
    }
}

.info-floors .floor-content p:first-child {
    text-indent: 2.5em
}

.info-floors .info-floor-01 {
    background: #b52b2b url("../images/bg-floor-01.jpg") 10% 50% no-repeat;
    background-size: 20rem auto;
    color: #080808
}

@media (min-width: 768px) {
    .info-floors .info-floor-01 {
        padding-top: 24rem;
        padding-bottom: 2rem
    }
}

.info-floors .info-floor-01 h2 {
    color: #080808;
    border-color: #080808
}

@media (min-width: 1024px) {
    .info-floors .info-floor-01 h2 {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .info-floors .info-floor-01 h2:before {
        float: left;
        background: none;
        padding: 0
    }
}

.info-floors .info-floor-01 strong {
    color: #fff;
    display: block;
    background: url("../images/img-line.png") 0 0 repeat-x;
    margin-top: 1rem;
    padding-top: 1rem
}

.info-floors .info-floor-01 p {
    margin: 0
}

.info-floors .info-floor-01 br {
    display: none
}

.info-floors .info-floor-01 em {
    color: #fff;
    float: right
}

.info-floors .info-floor-01 .floor-content {
    padding: 0
}

.info-floors .info-floor-01 .floor-content>p:first-child {
    text-indent: 0
}

.info-floors .info-floor-01 .floor-content>p:first-child strong {
    background: none
}

.info-floors .info-floor-01 .floor-footer {
    background: none;
    border-top: 1px solid #080808;
    margin-top: rem
}

.info-floors .info-floor-02 h2,
.info-floors .info-floor-04 h2 {
    margin: 0 0 0.66em
}

@media (min-width: 1024px) {

    .info-floors .info-floor-02 h2:before,
    .info-floors .info-floor-04 h2:before {
        float: right
    }
}

@media (min-width: 1024px) {

    .info-floors .info-floor-03 h2,
    .info-floors .info-floor-05 h2 {
        text-align: right
    }
}

@media (min-width: 1024px) {

    .info-floors .info-floor-03 h2:before,
    .info-floors .info-floor-05 h2:before {
        float: left
    }
}

@media (min-width: 768px) {

    .info-floors .info-floor-02,
    .info-floors .info-floor-03,
    .info-floors .info-floor-04,
    .info-floors .info-floor-05 {
        padding-top: 3rem;
        padding-bottom: 2rem
    }
}

@media (min-width: 768px) {
    .info-floors .info-floor-05 {
        padding-bottom: 0rem
    }
}

.info-floors .info-floor-02 {
    background: url("../images/bg-floor-02.png") 3% 80% no-repeat;
    background-size: 32rem auto
}

.info-floors .info-floor-03 {
    background: url("../images/bg-floor-03.jpg") 3% 50% no-repeat;
    background-size: 36rem auto
}

.info-floors .info-floor-04 {
    background: url("../images/bg-floor-04.png") 4% 50% no-repeat;
    background-size: 36rem auto
}

.info-floors .info-floor-05 {
    background: url("../images/bg-floor-05.jpg") 4% 50% no-repeat;
    background-size: 36rem auto
}

.floor-footer {
    position: relative;
    padding: 2.5rem 0 2.5rem 6rem;
    background: url("../images/img-line.png") 0 0 repeat-x;
    margin-top: 4rem
}

.floor-footer i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 3.1rem;
    color: #fff;
    padding: 0.4rem 1.8rem 0.4rem 0;
    background: url("../images/img-line-ver.png") 100% 0 repeat-y
}

.floor-footer p {
    font-size: 1.8rem;
    font-family: "Tungsten", sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.lang-wrap {
    position: absolute;
    right: 2rem;
    top: 2.5rem;
    text-transform: uppercase;
    font-family: "Tungsten", sans-serif;
    display: none
}

.page-splash-screen .lang-wrap {
    display: block
}

@media (min-width: 768px) {
    .lang-wrap {
        right: 2rem;
        top: 13rem
    }
}

@media (min-width: 1024px) {
    .lang-wrap {
        top: 8.5rem;
        right: 9rem
    }
}

.lang-wrap ul {
    margin: 0
}

.lang-wrap li {
    font-size: 1.8rem
}

.lang-wrap a {
    color: #fff
}

.lang-wrap .language-chooser>.active {
    display: none
}

.footer {
    background-color: #b52b2b;
    padding: 2rem
}

@media (min-width: 1024px) {
    .footer {
        padding: 4rem 8.5rem
    }
}

.footer p {
    color: #080808;
    margin: 0
}

.footer p a {
    color: #080808
}

.page-about .footer {
    background-color: #080808
}

.page-about .footer p {
    color: #b52b2b
}

.page-about .footer p a {
    color: #b52b2b
}

.page-news .footer {
    background-color: #080808
}

.page-news .footer p {
    color: #b52b2b
}

.page-news .footer p a {
    color: #b52b2b
}

.flex-mobile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .flex-tablet {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1024px) {
    .flex-desktop {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) {
    .col-two {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .col-two>* {
        width: 45%
    }
}

@media (min-width: 768px) {
    .col-three {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .col-three>* {
        margin-bottom: 5rem
    }

    .col-three>*:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .col-three>* {
        width: 30%
    }
}

@media (min-width: 768px) {
    .col-space {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .flex-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width: 768px) {
    .flex-vcenter {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mcenter {
    text-align: center
}

.mright {
    text-align: right
}

.justified p {
    text-align: justify
}

.list-inline>li {
    display: inline-block
}

.both-margined {
    margin-top: 5em;
    margin-bottom: 5em
}

.mfloat-left {
    float: left
}

.mfloat-right {
    float: right
}

.m-none {
    display: none
}

@media (min-width: 768px) {
    .m-none {
        display: block
    }

    .tfloat-left {
        float: left
    }

    .tfloat-right {
        float: right
    }

    .tcenter {
        text-align: center
    }

    .tright {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .dfloat-left {
        float: left
    }

    .dfloat-right {
        float: right
    }
}

@media (min-width: 1400px) {
    .bdfloat-left {
        float: left
    }

    .bdfloat-right {
        float: right
    }
}

.relative {
    position: relative
}

.hidden-content {
    display: none
}

.cf {
    zoom: 1
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    33.33% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    66.66% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    33.33% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    66.66% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline
    }

    a:after,
    a:visited:after {
        content: " (" attr(href) ")"
    }

    a abbr[title]:after,
    a:visited abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
        display: none
    }
}