/**
 * Main Stylesheet
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

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

body {
    line-height: 1; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

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

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

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

/**
 * SASS Mixins
 */
body.is-mobile-chrome {
    height: calc(100vh + 60px); }

body {
    background-color: #000;
    overflow: hidden;
    position: relative; }

* {
    -webkit-overflow-scrolling: touch; }

.container {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%; }

button {
    background-color: #00b0cb; }

#breakpoints {
    position: relative;
    z-index: 3; }
@media only screen and (max-width: 1080px) {
    #breakpoints {
        z-index: 2; } }
@media only screen and (max-width: 768px) {
    #breakpoints {
        z-index: 1; } }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center; }

@font-face {
    font-family: VideoJS;
    src: url("../font/1.5.1/VideoJS.eot?#iefix") format("eot"); }

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
    font-weight: normal;
    font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: '\f101'; }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-play-circle:before {
    content: '\f102'; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: '\f103'; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: '\f104'; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: '\f105'; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: '\f106'; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
    content: '\f107'; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: '\f108'; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: '\f109'; }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-square:before {
    content: '\f10a'; }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-spinner:before {
    content: '\f10b'; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: '\f10c'; }

.vjs-icon-captions, .video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: '\f10d'; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: '\f10e'; }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-share:before {
    content: '\f10f'; }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-cog:before {
    content: '\f110'; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: '\f111'; }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-circle-outline:before {
    content: '\f112'; }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-circle-inner-circle:before {
    content: '\f113'; }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-hd:before {
    content: '\f114'; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
    content: '\f115'; }

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-replay:before {
    content: '\f116'; }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-facebook:before {
    content: '\f117'; }

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-gplus:before {
    content: '\f118'; }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-linkedin:before {
    content: '\f119'; }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-twitter:before {
    content: '\f11a'; }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-tumblr:before {
    content: '\f11b'; }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-pinterest:before {
    content: '\f11c'; }

.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }

.vjs-icon-audio-description:before {
    content: '\f11d'; }

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.video-js:-moz-full-screen {
    position: absolute; }

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

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

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }

.video-js.vjs-16-9 {
    padding-top: 56.25%; }

.video-js.vjs-4-3 {
    padding-top: 75%; }

.video-js.vjs-fill {
    width: 100%;
    height: 100%; }

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none; }

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

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px; }

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible; }

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC; }

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none; }

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2; }

.vjs-menu-button {
    cursor: pointer; }

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none; }

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase; }

.vjs-menu li:focus,
.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F; }

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default; }

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block; }

.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
    transition: none; }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden; }

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible; }

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""; } }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table; }

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -ms-flex: none;
    flex: none; }

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
    display: none; }

.video-js .vjs-progress-control {
    -ms-flex: auto;
    flex: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em; }

.vjs-live .vjs-progress-control {
    display: none; }

.video-js .vjs-progress-holder {
    -ms-flex: auto;
    flex: auto;
    transition: all 0.2s;
    height: 0.3em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: block;
    font-size: 0.6em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 0.3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0; }

.video-js .vjs-mouse-display:before {
    display: none; }

.video-js .vjs-play-progress {
    background-color: #fff; }

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
    display: none;
    position: absolute;
    top: -3.4em;
    right: -1.5em;
    font-size: 0.9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px 8px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em; }

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
    z-index: 1; }

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
    background: white;
    background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto; }

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none; }

.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -ms-flex: none;
    flex: none; }

.video-js .vjs-volume-control {
    width: 5em;
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto; }

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff; }

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0.5em;
    height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important; }

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }

.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }

.vjs-has-started .vjs-poster {
    display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
    display: block; }

.vjs-controls-disabled .vjs-poster {
    display: none; }

.vjs-using-native-controls .vjs-poster {
    display: none; }

.video-js .vjs-live-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em; }

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left; }

.video-js .vjs-time-control {
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em; }

.vjs-live .vjs-time-control {
    display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none; }

.vjs-time-divider {
    display: none;
    line-height: 3em; }

.vjs-live .vjs-time-divider {
    display: none; }

.video-js .vjs-play-control {
    cursor: pointer;
    -ms-flex: none;
    flex: none; }

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em; }

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
    color: #fff; }

.vjs-captions {
    color: #fc6; }

.vjs-tt-cue {
    display: block; }

video::-webkit-media-text-track-display {
    transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -ms-flex: none;
    flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center; }

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%; }

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f; }
    20% {
        border-top-color: #73859f; }
    35% {
        border-top-color: white; }
    60% {
        border-top-color: #73859f; }
    100% {
        border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
    width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -ms-flex: auto;
    flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none; }

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    margin: 0 auto;
    padding: 0.5em;
    height: 15em;
    font-size: 12px;
    width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0; }

.vjs-caption-settings label > input {
    margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px; }

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1; }

/**
 * Created by yanwsh on 4/3/16.
 */
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px; }

@font-face {
    font-family: "VideoJS-Panorama";
    src: url("data:application/font-woff;base64,d09GRgABAAAAAAU8AAsAAAAABPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAASwAAAEsI6gHfmhlYWQAAALwAAAANgAAADYKxyD1aGhlYQAAAygAAAAkAAAAJAexA8dobXR4AAADTAAAABgAAAAYDgAAUWxvY2EAAANkAAAADgAAAA4AvgCMbWF4cAAAA3QAAAAgAAAAIAAKAD9uYW1lAAADlAAAAYYAAAGGmUoJ+3Bvc3QAAAUcAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwARAHID7wL8ACIALwA8AAABJiQMAQcOARQWFx4DMzcwNjMyFjEXMj4CNz4CJicxASImNTQ2MzIWFRQGIyEiJjU0NjMyFhUUBiMD7wv+zv6X/tAICAkJCAM6XntFKi47PzkjRHpcOAMHCgEICv0FPVZWPT1WVzwCEj1WVj09VlY9AvwKCQEKCAnD5sMIAwUDAnFrgloCBAQDB8LmxAr+Q1Y9PVZWPT1WVj09VlY9PVYAAAAAAQBA/8AC+gPAAA0AAAU+AS4BBxUJARU2HgECAvorJjirqP6AAYDJ40ZPQE22mmUE/gGAAYD4BZzs/u0AAQAAAAAAADT5+xNfDzz1AAsEAAAAAADT3O48AAAAANPc7jwAAP/AA+8DwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD7wABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAAARBAAAQAAAAAAACgAUAB4AeACWAAAAAQAAAAYAPQADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff"), url("data:;base64,AAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZiOoB34AAAF4AAABLGhlYWQKxyD1AAACpAAAADZoaGVhB7EDxwAAAtwAAAAkaG10eA4AAFEAAAMAAAAAGGxvY2EAvgCMAAADGAAAAA5tYXhwAAoAPwAAAygAAAAgbmFtZZlKCfsAAANIAAABhnBvc3QAAwAAAAAE0AAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADABEAcgPvAvwAIgAvADwAAAEmJAwBBw4BFBYXHgMzNzA2MzIWMRcyPgI3PgImJzEBIiY1NDYzMhYVFAYjISImNTQ2MzIWFRQGIwPvC/7O/pf+0AgICQkIAzpee0UqLjs/OSNEelw4AwcKAQgK/QU9VlY9PVZXPAISPVZWPT1WVj0C/AoJAQoICcPmwwgDBQMCcWuCWgIEBAMHwubECv5DVj09VlY9PVZWPT1WVj09VgAAAAABAED/wAL6A8AADQAABT4BLgEHFQkBFTYeAQIC+ismOKuo/oABgMnjRk9ATbaaZQT+AYABgPgFnOz+7QABAAAAAAAANPn7E18PPPUACwQAAAAAANPc7jwAAAAA09zuPAAA/8AD7wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPvAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAQAABEEAABAAAAAAAAKABQAHgB4AJYAAAABAAAABgA9AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
    font-weight: normal;
    font-style: normal; }

.vjs-full-window .video-js {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000000; }

.video-js .vjs-control-bar {
    z-index: 5; }

.video-js .vjs-control-bar .vjs-VR-control {
    cursor: pointer; }

.video-js .vjs-control-bar .vjs-VR-control::before {
    font-family: "VideoJS-Panorama";
    content: "\e900"; }

.video-js .vjs-control-bar .vjs-VR-control.enable::before {
    content: "\e901"; }

.video-js.vjs-using-native-controls .vjs-poster, .video-js.vjs-using-native-controls .vjs-big-play-button {
    display: block; }

.video-js.vjs-panorama {
    display: block; }

.video-js.vjs-panorama .vjs-video-canvas {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background: #000;
    cursor: pointer; }

.video-js.vjs-panorama .vjs-video-notice-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3em;
    font-size: 1vw;
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    border-radius: 0.5em;
    transition: opacity 0.3s linear;
    pointer-events: none; }

.video-js.vjs-panorama .vjs-video-notice-label.vjs-video-notice-fadeOut {
    opacity: 0; }

.video-js.vjs-panorama #webgl-error-message {
    position: relative;
    font-family: monospace;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: black;
    padding: 1.5em;
    width: 400px;
    margin: 5em auto 0px;
    background: white;
    transition: opacity 0.3s linear; }

.video-js.vjs-panorama #webgl-error-message.vjs-video-notice-fadeOut {
    opacity: 0; }

.video-js.vjs-panorama .vjs-loading-spinner {
    z-index: 10; }

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video.vjs-seeking .vjs-loading-spinner {
    display: none; }

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video.vjs-waiting .vjs-loading-spinner {
    display: block !important; }

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner {
    display: block !important; }

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner:before,
.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner:before,
.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner:before {
    border-top-color: white; }

.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner:after,
.video-js.vjs-panorama.vjs-panorama-mobile-inline-video-buffering .vjs-loading-spinner:after {
    border-top-color: white;
    animation-delay: 0.44s; }

.section--audio {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0; }
section.section--pano.is-active + .section--audio.is-controls-visible .controls,
section.section--streetview.is-active + .section--audio.is-controls-visible .controls {
    opacity: 1; }
section.section--pano.is-active + .section--audio.is-controls-visible .controls .controls-playPauseToggle,
section.section--pano.is-active + .section--audio.is-controls-visible .controls .controls-scrubber,
section.section--pano.is-active + .section--audio.is-controls-visible .controls .controls-muteToggle,
section.section--pano.is-active + .section--audio.is-controls-visible .controls .controls-map,
section.section--pano.is-active + .section--audio.is-controls-visible .controls .controls-mobile-next,
section.section--streetview.is-active + .section--audio.is-controls-visible .controls .controls-playPauseToggle,
section.section--streetview.is-active + .section--audio.is-controls-visible .controls .controls-scrubber,
section.section--streetview.is-active + .section--audio.is-controls-visible .controls .controls-muteToggle,
section.section--streetview.is-active + .section--audio.is-controls-visible .controls .controls-map,
section.section--streetview.is-active + .section--audio.is-controls-visible .controls .controls-mobile-next {
    pointer-events: auto; }
.section--audio.is-menu-open .controls,
.section--audio.is-menu-open .overlay-container,
.section--audio.is-menu-open .controls-cards {
    opacity: 0 !important;
    transition: .5s opacity !important; }
.section--audio.is-menu-open-remove {
    transition: .5s opacity; }
.section--audio.is-menu-open-remove .controls,
.section--audio.is-menu-open-remove .overlay-container,
.section--audio.is-menu-open-remove .controls-cards {
    transition: .5s opacity !important; }
section.section--pano.is-overlay-active + .section--audio .controls,
section.section--streetview.is-overlay-active + .section--audio .controls {
    opacity: 1; }
.section--audio .controls {
    display: -ms-flexbox !important;
    display: flex !important; }
@media only screen and (max-width: 768px) {
    .section--audio .controls {
        opacity: 1; }
    .section--audio .controls .controls-playPauseToggle,
    .section--audio .controls .controls-scrubber,
    .section--audio .controls .controls-muteToggle,
    .section--audio .controls .controls-map,
    .section--audio .controls .controls-mobile-next {
        pointer-events: auto; } }
.section--audio .controls .controls-mobile-next {
    top: -65px; }
.section--audio .controls-cards {
    opacity: 1; }
@media only screen and (max-width: 768px) {
    .section--audio .controls-narrators {
        display: none; } }

.breadcrumbs {
    font-size: 0;
    margin-left: 30px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    z-index: 10; }
.breadcrumbs.is-visible {
    opacity: 1;
    pointer-events: auto; }
.breadcrumbs a {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    position: absolute !important;
    white-space: nowrap;
    /* The starting CSS styles for the enter animation */
    /* The finishing CSS styles for the enter animation */ }
.breadcrumbs a:first-child {
    position: relative !important; }
.breadcrumbs a + a {
    margin-left: 22px; }
.breadcrumbs a + a::before {
    background: url("../assets/icons/breadcrumb_arrow.png") center/cover no-repeat;
    content: '';
    display: block;
    height: 10px;
    left: -14px;
    position: absolute;
    top: 4px;
    width: 6px; }
.breadcrumbs a.ng-enter {
    opacity: 0;
    transition: 0.5s linear all; }
.breadcrumbs a.ng-leave {
    opacity: 1;
    transition: 0.5s linear all; }
.breadcrumbs a.ng-enter.ng-enter-active {
    opacity: 1; }
.breadcrumbs a.ng-leave.ng-leave-active {
    opacity: 0; }
@media only screen and (max-width: 768px) {
    .breadcrumbs {
        display: none; } }

.card {
    background: center / cover no-repeat;
    box-sizing: border-box;
    font-size: inherit;
    letter-spacing: inherit;
    position: relative;
    text-transform: none; }
.card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.card-label, .card-cta {
    font-size: .5em;
    letter-spacing: .1em;
    text-transform: uppercase; }
.card-title {
    -ms-flex: 1;
    flex: 1;
    font-size: 1.5em;
    letter-spacing: .01em;
    line-height: 1.2;
    margin-top: .3em; }

.card--video {
    box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.18);
    height: 200px;
    padding: 1.5em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
    width: 360px; }
@media only screen and (max-width: 768px) {
    .card--video {
        width: 300px; } }

.card--map {
    box-shadow: 5px 10px 5px 0 rgba(0, 0, 0, 0.34);
    cursor: pointer;
    height: 200px;
    opacity: 0;
    padding: 1em;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%) scale(0.1);
    width: 300px; }
.card--map .card-icon {
    position: absolute;
    right: .6em; }
.card--map .card-content {
    margin-left: -3em;
    margin-top: -2em;
    max-width: 85%; }
.card--map .card-label {
    font-size: .6em;
    letter-spacing: .05em;
    transform: translateY(30px);
    opacity: 0; }
.card--map .card-title {
    letter-spacing: -.03em;
    transform: translateY(30px);
    opacity: 0; }
.card--map .card-cta {
    font-size: .6em;
    letter-spacing: .1em;
    transform: translateY(20px);
    opacity: 0; }
.card--map .card-close {
    background: url("../assets/icons/header_close.svg") center/contain no-repeat;
    cursor: pointer;
    display: none;
    height: 12px;
    position: absolute;
    right: -24px;
    top: -12px;
    width: 12px; }
.card--map.is-active {
    transition: 0.2s cubic-bezier(0, 0.74, 0.56, 1.21);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: auto; }
.card--map.is-active .card-label {
    transform: translateY(0);
    opacity: 1;
    transition: 0.3s opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
.card--map.is-active .card-title {
    transform: translateY(0);
    opacity: 1;
    transition: 0.3s opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.card--map.is-active .card-cta {
    transform: translateY(0);
    opacity: 1;
    transition: 0.3s opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
@media only screen and (max-width: 768px) {
    .card--map {
        height: 150px;
        width: 250px; }
    .card--map .card-label,
    .card--map .card-cta {
        font-size: .75em; }
    .card--map .card-title {
        margin-top: .8em; }
    .card--map .card-close {
        display: block; } }

.controls {
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    margin: 0 auto 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: translate3d(0, 0, 0);
    transition: .5s opacity;
    width: 90%;
    z-index: 4;
    -webkit-tap-highlight-color: transparent; }
section.is-active.is-controls-visible .controls.is-active .controls-playPauseToggle,
section.is-active.is-controls-visible .controls.is-active .controls-narrator,
section.is-active.is-controls-visible .controls.is-active .controls-scrubber,
section.is-active.is-controls-visible .controls.is-active .controls-muteToggle,
section.is-active.is-controls-visible .controls.is-active .controls-map,
section.is-active.is-controls-visible .controls.is-active .controls-mobile-next,
section.is-active .controls.is-active.is-forced-open .controls-playPauseToggle,
section.is-active .controls.is-active.is-forced-open .controls-narrator,
section.is-active .controls.is-active.is-forced-open .controls-scrubber,
section.is-active .controls.is-active.is-forced-open .controls-muteToggle,
section.is-active .controls.is-active.is-forced-open .controls-map,
section.is-active .controls.is-active.is-forced-open .controls-mobile-next {
    pointer-events: auto; }
section.is-active .controls.is-visible {
    opacity: 1; }
.controls.is-forced-open {
    opacity: 1; }
.controls.is-active {
    display: -ms-flexbox;
    display: flex; }
.controls.controls--mobilevr {
    bottom: 0;
    padding: 0; }
@media only screen and (max-width: 768px) {
    .controls.controls--mobilevr {
        bottom: 66px;
        padding: 0 15px; } }
@media only screen and (max-width: 768px) {
    .controls {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%; }
    .controls:not(.controls--mobilevr) {
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        padding: 0 15px 15px; } }
.controls-mobile-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.17);
    position: absolute;
    top: 10px;
    right: 15px;
    display: none;
    pointer-events: none; }
@media only screen and (max-width: 768px) {
    .controls-mobile-next {
        display: block; }
    .controls-mobile-next:active {
        background-color: rgba(255, 255, 255, 0.6); } }
.controls-mobile-next::after, .controls-mobile-next::before {
    content: '';
    position: absolute; }
.controls-mobile-next::before {
    background: #fff;
    height: 1px;
    width: 20px;
    left: 14px;
    top: 24px; }
.controls-mobile-next::after {
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    height: 10px;
    width: 10px;
    right: 15px;
    top: 19px;
    transform: rotate(45deg); }
.controls-mobile-next-text {
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
    font-size: .6em;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: 'Avenir Next LT W01 Bold', 'Avenir', sans-serif; }
.controls-playPauseToggle, .controls-nav, .controls-scrubber, .controls-time, .controls-muteToggle {
    margin: 20px 10px 0; }
@media only screen and (max-width: 768px) {
    .controls-scrubber, .controls-time, .controls-muteToggle {
        margin: 0 5px; } }
.controls-nav, .controls-time {
    font-size: .45em;
    letter-spacing: .2em;
    text-transform: uppercase; }
@media only screen and (max-width: 768px) {
    .controls-nav, .controls-time {
        font-size: .75em;
        letter-spacing: 1px; } }
.controls-navPrev, .controls-navNext {
    cursor: pointer;
    display: inline-block;
    position: relative; }
@media only screen and (max-width: 768px) {
    .controls-nav {
        -ms-flex: 30%;
        flex: 30%;
        height: 45px;
        margin: 0 0 20px 0;
        padding: 0;
        text-align: right; }
    .controls-navDivider {
        display: none; }
    .controls-navPrev, .controls-navNext {
        font-size: 0;
        height: 45px;
        vertical-align: top;
        width: 30%; }
    .controls-navPrev::before, .controls-navNext::before {
        background: url("../assets/icons/video_nav_arrow_mobile.svg") center/contain no-repeat;
        content: '';
        display: block;
        height: 24px;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 24px; }
    .controls-navPrev::before {
        transform: translate(-50%, -50%) scaleX(-1); } }
.controls-playPauseToggle {
    height: 12px;
    cursor: pointer;
    position: relative;
    transform: scale(1) translateZ(0);
    transition: 0.3s transform cubic-bezier(0.4, 0, 0.2, 1);
    width: 12px; }
.controls-playPauseToggle:hover {
    transform: scale(1.25) translateZ(0); }
.controls-playPauseToggle::before, .controls-playPauseToggle::after {
    content: '';
    position: absolute;
    margin: 0;
    border-left: 5px solid #fff;
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    height: 14px;
    left: 50%;
    display: inline-block;
    vertical-align: middle;
    top: 50%;
    transition: border 0.3s, width 0.3s, height 0.3s, margin 0.3s, opacity 0.3s;
    transform: translate3d(calc(-50% - 4px), -50%, 0);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.controls-playPauseToggle::after {
    transform: translate3d(calc(-50% + 5px), -50%, 0); }
.controls-playPauseToggle.is-play-btn::before {
    margin-left: 2px;
    border-left: 14px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 0px solid transparent;
    height: 0;
    transform: translate3d(-50%, -50%, 0); }
.controls-playPauseToggle.is-play-btn::after {
    opacity: 0;
    margin: 0;
    border-left: 7px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    height: 0px; }
@media only screen and (max-width: 768px) {
    .controls-playPauseToggle {
        background-color: rgba(255, 255, 255, 0.3);
        background-size: 50%;
        border-radius: 50%;
        height: 48px;
        margin: 0 10px 0 0;
        position: relative;
        width: 48px; }
    .controls-playPauseToggle:active {
        background-color: rgba(255, 255, 255, 0.6); } }
.controls-scrubber {
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    height: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none; }
.controls-scrubberTrack {
    background-color: rgba(255, 255, 255, 0.3);
    height: 2px;
    pointer-events: none;
    transition: transform .2s;
    width: 100%; }
@media only screen and (max-width: 768px) {
    .controls-scrubberTrack {
        height: 7px; } }
.controls-scrubberProgress {
    background-color: #fff;
    height: 100%;
    pointer-events: none; }
@media only screen and (min-width: 1081px) {
    .controls-scrubber:hover .controls-scrubberTrack {
        transform: scaleY(3); } }
.controls-time {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.controls-timeCurrent, .controls-timeTotal {
    display: inline-block; }
.controls-timeCurrent::after {
    content: ' | ';
    display: inline-block;
    margin-left: 4px; }
.controls-muteToggle {
    background: url("../assets/icons/video_unmuted.svg") center/contain no-repeat;
    background-size: 12px 12px;
    cursor: pointer;
    height: 12px;
    margin: 15px 5px -5px;
    padding: 5px;
    transform: scale(1) translateZ(0);
    transition: 0.3s transform cubic-bezier(0.4, 0, 0.2, 1);
    width: 12px; }
@media only screen and (max-width: 768px) {
    .controls-muteToggle {
        margin: 0 5px; } }
.controls-muteToggle:hover {
    transform: scale(1.25) translateZ(0); }
.controls-muteToggle.is-unmute-btn {
    background-image: url("../assets/icons/video_muted.svg"); }
.controls-narrators, .controls-map {
    min-width: 100px; }
@media only screen and (max-width: 768px) {
    .controls-narrators, .controls-map {
        min-width: auto; } }
.controls-narrators {
    margin-right: 30px;
    pointer-events: none; }
@media only screen and (max-width: 768px) {
    .controls-narrators {
        -ms-flex: 100%;
        flex: 100%;
        height: 48px;
        margin: 0 0 20px -3px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none !important;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .controls-narrators.is-active {
        opacity: 1; } }
.controls-narrator {
    background: #000;
    background-clip: padding-box;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s, z-index .2s;
    width: 60px;
    z-index: 3; }
.controls-narrator > div {
    background: center / cover no-repeat;
    height: 100%;
    opacity: .65;
    position: absolute;
    transition: .2s;
    width: 100%; }
.controls-narrator:hover, .controls-narrator.is-active {
    border-color: #fff;
    box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.3);
    z-index: 4; }
.controls-narrator:hover > div, .controls-narrator.is-active > div {
    opacity: 1; }
.controls-narrator.is-active.is-speaking {
    animation: speaking .7s ease-in-out infinite; }
.controls-narrator:hover {
    z-index: 5; }
.controls-narrator + .controls-narrator {
    margin-left: -30px; }
@media only screen and (max-width: 768px) {
    .controls-narrator {
        height: 40px;
        margin: 4px 0 0 4px;
        width: 40px; }
    .controls-narrator:hover, .controls-narrator.is-active {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); }
    .controls-narrator + .controls-narrator {
        margin-left: -20px; } }
.controls-narratorInfo {
    display: none;
    margin-left: 5px;
    max-width: 69%; }
.controls-narratorInfo span {
    display: block;
    font-size: .75em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis; }
.controls-narratorInfo span:last-child {
    font-size: 1.125em;
    margin-top: 6px; }
@media only screen and (max-width: 768px) {
    .controls-narratorInfo {
        display: inline-block; } }
.controls-map {
    cursor: pointer;
    margin-left: 30px;
    text-align: right; }
@media only screen and (max-width: 768px) {
    .controls-map {
        margin-left: 10px; } }
.controls-mapLink {
    background: rgba(255, 255, 255, 0.17);
    border-radius: 50%;
    display: inline-block;
    height: 66px;
    position: relative;
    transform: scale(1) translateZ(0);
    transform-origin: 50% 50%;
    transition: 0.22s transform cubic-bezier(0.84, 0.15, 0.04, 1.2), 0.3s background cubic-bezier(0.4, 0, 0.2, 1);
    width: 66px; }
.controls-mapLink:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(2) translateZ(0); }
@media only screen and (max-width: 768px) {
    .controls-mapLink {
        height: 48px;
        width: 48px; }
    .controls-mapLink:active {
        background-color: rgba(255, 255, 255, 0.6); }
    .controls-mapLink:hover {
        transform: scale(1) translateZ(0); } }
.controls-mapIcon {
    background: center / contain no-repeat;
    height: 60%;
    left: 49%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%; }
.controls-cards {
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4; }
.controls-cards.is-active {
    display: block; }
.controls-cards.forceshow-next {
    opacity: 1; }
.controls-cards.forceshow-next .controls-next .controls-nextArrow {
    display: block; }
.controls-cards.forceshow-next .controls-next .controls-nextArrow::before {
    content: ''; }
.controls-cards.forceshow-next .controls-next .controls-nextArrow ~ .card {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(10%, -50%, 0); }
.controls-cards.forceshow-next .controls-next .controls-nextArrow ~ .card .card-label {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .3s .4s, transform .3s .4s; }
.controls-cards.forceshow-next .controls-next .controls-nextArrow ~ .card .card-title {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .3s .6s, transform .3s .6s; }
.controls-cards.forceshow-next .controls-next .controls-nextArrow ~ .card .card-cta {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .3s .7s, transform .3s .7s; }
.controls-cards .controls-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
.controls-cards .controls-next .card {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s opacity cubic-bezier(0.16, 0.28, 0.6, 1.03), 0.4s transform cubic-bezier(0, 0.68, 0.15, 0.99); }
.controls-cards .controls-next .card-label,
.controls-cards .controls-next .card-title,
.controls-cards .controls-next .card-cta {
    opacity: 0;
    transform: translateY(10px); }
.controls-cards .controls-next .controls-nextArrow {
    background: url("../assets/icons/video_next_arrow.svg") center/contain no-repeat;
    cursor: pointer;
    height: 34px;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    z-index: 1; }
@media only screen and (max-width: 768px) {
    .controls-cards .controls-next .controls-nextArrow {
        display: none; } }
.controls-cards .controls-next .controls-nextArrow::before {
    display: block;
    height: 200px;
    margin-top: -83px;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 360px;
    z-index: -1; }
.controls-cards .controls-next .controls-nextArrow:hover::before, .controls-cards .controls-next .controls-nextArrow.is-visible::before {
    content: ''; }
.controls-cards .controls-next .controls-nextArrow:hover ~ .card, .controls-cards .controls-next .controls-nextArrow.is-visible ~ .card {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, -50%, 0); }
.controls-cards .controls-next .controls-nextArrow:hover ~ .card .card-label, .controls-cards .controls-next .controls-nextArrow.is-visible ~ .card .card-label {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .3s .4s, transform .3s .4s; }
.controls-cards .controls-next .controls-nextArrow:hover ~ .card .card-title, .controls-cards .controls-next .controls-nextArrow.is-visible ~ .card .card-title {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .3s .6s, transform .3s .6s; }
.controls-cards .controls-next .controls-nextArrow:hover ~ .card .card-cta, .controls-cards .controls-next .controls-nextArrow.is-visible ~ .card .card-cta {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .3s .8s, transform .3s .8s; }
.controls .controls-skip {
    position: absolute;
    border-bottom: 2px solid #fff;
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    font-size: .6em;
    right: 15px;
    bottom: 15px;
    display: none; }
@media only screen and (min-width: 769px) {
    .controls .controls-skip.is-active {
        display: block;
        pointer-events: auto;
        cursor: pointer; }
    section .controls .controls-map.is-disabled {
        opacity: 0;
        pointer-events: none !important; } }

@keyframes speaking {
    0%, 100% {
        box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.3); }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3); } }

@media only screen and (max-width: 768px) {
    @keyframes speaking {
        0%, 100% {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); }
        50% {
            box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3); } } }

section.credits {
    background: rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 5.25em 5% 2.75em;
    pointer-events: none;
    position: fixed;
    opacity: 0;
    overflow: scroll;
    top: 0;
    transition: opacity 1s;
    visibility: hidden;
    width: 100%; }
section.credits.is-active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
section.credits.is-active .overlay-container {
    pointer-events: auto; }
section.credits.is-active .credits-column {
    opacity: 1; }
section.credits.is-active-remove {
    transition: 1s opacity;
    visibility: visible; }
section.credits.is-menu-open .controls,
section.credits.is-menu-open .overlay-container {
    opacity: 0 !important;
    transition: .5s opacity !important; }
section.credits.is-menu-open-remove {
    transition: .5s opacity; }
section.credits.is-menu-open-remove .controls,
section.credits.is-menu-open-remove .overlay-container {
    transition: .5s opacity !important; }
section.credits .overlay {
    display: block;
    opacity: 1;
    padding: 0;
    position: relative; }
section.credits .overlay-container {
    max-width: inherit;
    padding: 0; }
section.credits .overlay-name {
    font-size: 3em;
    margin: 50px 0 80px;
    opacity: 1;
    transform: none; }
section.credits .overlay-number {
    font-size: 10em;
    left: 111px;
    top: -77px; }
@media only screen and (max-width: 768px) {
    section.credits .overlay-number {
        display: none; } }
section.credits .credits {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
section.credits .credits-column {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    opacity: 0;
    transition: 1s opacity; }
@media only screen and (max-width: 768px) {
    section.credits .credits-column {
        box-sizing: border-box;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 5%; } }
section.credits .credits-column:nth-child(1) {
    transition-delay: 0.1s; }
section.credits .credits-column:nth-child(2) {
    transition-delay: 0.2s; }
section.credits .credits-column:nth-child(3) {
    transition-delay: 0.3s; }
section.credits .credits-column:nth-child(4) {
    transition-delay: 0.4s; }
section.credits .credits-group {
    margin-bottom: 60px; }
section.credits .credits-group strong {
    display: block;
    margin-bottom: 1.5em; }
section.credits .credits-group strong a {
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none; }
section.credits .credits-group p {
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0; }
section.credits .credits-group p a {
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none; }
section.credits .credits-group p a.credits-imagelink::after {
    display: none; }
section.credits .credits-logo {
    max-width: 136px;
    width: 70%; }

.controls-drag-instruction {
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    font-family: 'AvenirNextLTW01-Medium', 'Avenir', sans-serif;
    font-size: 16px;
    text-align: center; }
.controls-drag-instruction .controls-drag-icon-desktop,
.controls-drag-instruction .controls-drag-icon-mobile {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 10px auto; }
.controls-drag-instruction .controls-drag-device,
.controls-drag-instruction .controls-drag-arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain; }
.controls-drag-instruction .controls-drag-icon-desktop .controls-drag-device {
    left: 2px; }
.controls-drag-instruction .controls-drag-device {
    animation: 1.5s drag-instruction cubic-bezier(0.65, 0, 0.35, 1) 10 alternate; }
.controls-drag-instruction .controls-drag-arrows {
    animation: 1.5s drag-instruction -1.5s cubic-bezier(0.65, 0, 0.35, 1) 10 alternate; }
.controls-drag-instruction .controls-drag-icon-desktop {
    display: block; }
.controls-drag-instruction .controls-drag-icon-mobile {
    display: none; }
@media only screen and (max-width: 1080px) {
    .controls-drag-instruction .controls-drag-icon-desktop {
        display: none; }
    .controls-drag-instruction .controls-drag-icon-mobile {
        display: block; } }
.controls-drag-instruction.is-visible {
    opacity: 1;
    pointer-events: auto; }
@media only screen and (max-width: 768px) {
    .controls-drag-instruction {
        bottom: 80px; } }

@keyframes drag-instruction {
    0% {
        transform: translate3d(-3px, 0, 0); }
    100% {
        transform: translate3d(3px, 0, 0); } }

header {
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    height: 77px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: 0 5%;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    visibility: hidden;
    z-index: 100; }
header.is-enabled {
    visibility: visible; }
header.is-enabled .logo,
header.is-enabled .breadcrumbs.is-visible,
header.is-enabled .menu-takeaction.is-visible,
header.is-enabled .menu-share.is-visible,
header.is-enabled .menu-open,
header.is-enabled .menu-home {
    pointer-events: auto; }
header.is-visible {
    opacity: 1; }
header .header--left,
header .header--center,
header .header--right {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 2;
    flex: 2;
    text-align: center; }
header .header--left.is-hidden,
header .header--center.is-hidden,
header .header--right.is-hidden {
    opacity: 0;
    pointer-events: none; }
header .header--center {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center; }
header .header--right {
    -ms-flex-pack: end;
    justify-content: flex-end; }
header .header--right a + a {
    margin-left: 18px; }
header .logo,
header .breadcrumbs {
    position: relative;
    z-index: 101; }
header a,
header .menu-home {
    z-index: 10; }
header .logo,
header .logo img {
    height: 40px; }
header .menu-home {
    display: none; }
header .menu-home.is-visible {
    display: block;
    right: 0; }
header .menu-open {
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0 -10px 0 0;
    opacity: 1;
    padding: 10px 10px 10px 20px;
    position: absolute;
    pointer-events: auto;
    top: 20px;
    transition: .5s opacity;
    right: 5%;
    -webkit-tap-highlight-color: transparent;
    width: 17px;
    z-index: 101; }
header .menu-open:not(.is-inactive):hover span, header .menu-open:not(.is-inactive).is-active span {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, -50%, 0);
    transition: 0.5s transform cubic-bezier(0.4, 0, 0.2, 1), 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.01s visibility;
    visibility: visible; }
@media only screen and (max-width: 768px) {
    header .menu-open:not(.is-inactive):hover span, header .menu-open:not(.is-inactive).is-active span {
        display: none; } }
header .menu-open:not(.is-inactive):hover ~ .menu-takeaction, header .menu-open:not(.is-inactive).is-active ~ .menu-takeaction {
    transform: translate3d(-30px, 0, 0);
    opacity: 0; }
@media only screen and (max-width: 768px) {
    header .menu-open:not(.is-inactive):hover ~ .menu-takeaction.is-visible, header .menu-open:not(.is-inactive).is-active ~ .menu-takeaction.is-visible {
        transform: translate3d(0, 0, 0);
        opacity: 1; } }
@media only screen and (max-width: 768px) {
    header .menu-open.is-active ~ .menu-takeaction {
        display: none; }
    header .menu-open.is-active ~ .menu-share {
        transform: translate3d(-45px, 0, 0) !important; } }
@media only screen and (min-width: 1081px) {
    header .menu-open:not(.is-inactive):not(.is-active):hover ~ .menu-share {
        transform: translate3d(-30px, 0, 0);
        opacity: 0; }
    header .menu-open:not(.is-inactive):not(.is-active):hover ~ .menu-share:hover {
        transform: translate3d(-30px, 0, 0) scale(1.3); }
    header .menu-open:not(.is-inactive):hover div {
        transform: rotate(0deg) scaleX(2.5); }
    header .menu-open:not(.is-inactive):hover div::before {
        transform: translate3d(4px, 0, 0); }
    header .menu-open:not(.is-inactive):hover div::after {
        transform: translate3d(-4px, 0, 0); } }
@media only screen and (min-width: 1081px) {
    header .menu-open.is-takeaction:hover ~ .menu-share {
        transform: translate3d(100px, 0, 0) !important; }
    header .menu-open.is-takeaction:hover ~ .menu-share:hover {
        transform: translate3d(100px, 0, 0) scale(1.3) !important; } }
@media only screen and (min-width: 1081px) {
    header .menu-open.is-takeaction.is-inactive:hover ~ .menu-share {
        transform: translate3d(130px, 0, 0) !important; }
    header .menu-open.is-takeaction.is-inactive:hover ~ .menu-share:hover {
        transform: translate3d(130px, 0, 0) scale(1.3) !important; } }
header .menu-open.is-takeaction ~ .menu-share {
    transform: translate3d(130px, 0, 0); }
header .menu-open.is-takeaction ~ .menu-share:hover {
    transform: translate3d(130px, 0, 0) scale(1.3); }
@media only screen and (max-width: 768px) {
    header .menu-open.is-takeaction ~ .menu-share {
        transform: translate3d(90px, 0, 0); } }
header .menu-open.is-inactive ~ .menu-takeaction {
    transform: translate3d(-30px, 0, 0);
    opacity: 0; }
@media only screen and (max-width: 768px) {
    header .menu-open.is-inactive ~ .menu-takeaction {
        transform: translate3d(0, 0, 0); } }
header .menu-open.is-inactive ~ .menu-share {
    transform: translate3d(130px, 0, 0); }
header .menu-open.is-inactive ~ .menu-share:hover {
    transform: translate3d(130px, 0, 0) scale(1.3); }
@media only screen and (max-width: 768px) {
    header .menu-open.is-inactive ~ .menu-share {
        transform: translate3d(90px, 0, 0); } }
@media only screen and (min-width: 1081px) {
    header .menu-open.is-inactive:hover div {
        transform: rotate(-90deg) scale(1.25); } }
header .menu-open.is-inactive div {
    background: rgba(255, 255, 255, 0);
    transform: rotate(-90deg) scaleX(1); }
header .menu-open.is-inactive div::before {
    transform: rotate(45deg) translate3d(5px, -5px, 0) scaleY(1.25); }
header .menu-open.is-inactive div::after {
    transform: rotate(-45deg) translate3d(-5px, -5px, 0) scaleY(1.25); }
header .menu-open div {
    background: white;
    display: block;
    height: 17px;
    left: 28px;
    position: absolute;
    transform-origin: 50% 50%;
    transform: rotate(90deg);
    transition: 0.3s transform cubic-bezier(0.4, 0, 0.2, 1), 0.3s background-color cubic-bezier(0.4, 0, 0.2, 1);
    width: 2px; }
header .menu-open div::before, header .menu-open div::after {
    background: #fff;
    content: '';
    display: block;
    height: 17px;
    position: absolute;
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
    transition: 0.3s transform cubic-bezier(0.4, 0, 0.2, 1);
    width: 2px; }
header .menu-open div::before {
    left: -7px; }
header .menu-open div::after {
    left: 7px; }
header .menu-open span {
    opacity: 0;
    position: absolute;
    right: 47px;
    top: 50%;
    transform: translate3d(15px, -50%, 0);
    transition: 0.5s transform cubic-bezier(0.4, 0, 0.2, 1), 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.01s visibility 0.5s;
    visibility: hidden;
    white-space: nowrap; }
header .menu-takeaction {
    cursor: pointer;
    margin-right: 60px;
    opacity: 0;
    transform: translate3d(0, 0 0);
    transition: 0.5s transform cubic-bezier(0.4, 0, 0.2, 1), 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1); }
header .menu-takeaction.is-visible {
    opacity: 1; }
@media only screen and (max-width: 768px) {
    header .menu-takeaction {
        margin-right: 40px;
        white-space: nowrap; } }
header .menu-share {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    height: 14px;
    margin-right: 0;
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0 0);
    transition: 0.5s transform cubic-bezier(0.4, 0, 0.2, 1), 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1);
    width: 14px;
    z-index: 11; }
header .menu-share:hover {
    transform: scale(1.3);
    transition: transform 0.3s cubic-bezier(0.63, 0.11, 0.66, -0.71), 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1); }
@media only screen and (max-width: 768px) {
    header {
        height: 62px;
        padding: 0 20px; }
    header .header--center {
        -ms-flex: 2;
        flex: 2; }
    header .logo,
    header .logo img {
        height: 17px; }
    header .menu-close,
    header .menu-open {
        right: 25px;
        top: 13px; } }

.hotspot-bound {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: -300px;
    perspective: 4000px;
    perspective-origin: bottom;
    z-index: 1; }

.hotspot {
    cursor: pointer;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    transform: scale(0.1); }
.hotspot.is-enabled {
    opacity: 1;
    transform: scale(1);
    transition: opacity cubic-bezier(0, 0.74, 0.56, 1.21) 0.4s 0.5s, transform cubic-bezier(0, 0.74, 0.56, 1.21) 0.4s 0.5s; }
.hotspot.navigation-arrow {
    opacity: 1;
    animation: none;
    transform: rotateX(-70deg); }
.hotspot.navigation-arrow .hotspot-floor .hotspot-floor-arrow {
    height: 120px; }
@media only screen and (max-width: 768px) {
    .hotspot.navigation-arrow .hotspot-floor .hotspot-floor-arrow {
        height: 60px; } }
.hotspot-icons img {
    width: 100px;
    height: 100px;
    transform: scale(0.5); }
.hotspot .hotspot-triangle,
.hotspot .hotspot-triangle-shadow {
    position: absolute;
    left: 0;
    top: 0; }
.hotspot .hotspot-triangle {
    transition: transform .3s, opacity .3s; }
.hotspot .hotspot-triangle-shadow {
    filter: grayscale(0%);
    width: 100px;
    height: 100px;
    opacity: 0;
    transform-origin: 64% 56%;
    transform: scale(0.6) skew(-45deg); }
.hotspot .hotspot-circle {
    transition: transform .3s, opacity .3s;
    transform-origin: center; }
@media only screen and (min-width: 769px) {
    .hotspot:hover .hotspot-circle {
        transform: scale(0.1);
        opacity: 0; }
    .hotspot:hover .hotspot-triangle {
        animation: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards hover-hotspot;
        transform: translate3d(0, -8px, 0) translate3d(0, 0, 0) scale(1); }
    .hotspot:hover .hotspot-triangle-shadow {
        opacity: .3; }
    .hotspot:hover .hotspot-content {
        pointer-events: auto; }
    .hotspot:hover .hotspot-text {
        opacity: 1;
        transform: translateY(0px);
        transition: opacity .3s .2s, transform .3s .2s; }
    .hotspot:hover .hotspot-learnmore {
        opacity: 1;
        transform: translateY(0px);
        transition: opacity .3s .3s, transform .3s .3s; } }

.hotspot-content {
    position: absolute;
    top: 20px;
    left: 90px;
    width: 300px;
    pointer-events: none;
    font-family: 'Avenir Next LT W01 Bold', 'Avenir', sans-serif; }

.hotspot-text {
    font-size: 1.5em;
    letter-spacing: .01em;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .3s, transform 0s .3s; }

.hotspot-learnmore {
    margin-top: 10px;
    font-size: .6em;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .3s, transform 0s .3s; }

@keyframes hover-hotspot {
    0% {
        transform: translate3d(0, 0, 0); }
    43%, 70%, 85%, 100% {
        transform: translate3d(0, -8px, 0) translate3d(0, 0, 0) scale(1); }
    30%, 33% {
        transform: translate3d(0, -8px, 0) translate3d(0, -30px, 0) scale(1); }
    60% {
        transform: translate3d(0, -8px, 0) translate3d(0, -12px, 0) scale(1); }
    78% {
        transform: translate3d(0, -8px, 0) translate3d(0, -4px, 0) scale(1); } }

.intro {
    display: none;
    height: 100%;
    position: fixed;
    width: 100%; }
.intro.is-active {
    display: block; }
.intro-video {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 2s;
    width: 100%;
    z-index: -1; }
.intro-video.is-active {
    opacity: 1;
    pointer-events: auto; }
.intro-video.is-active-add #intro-video {
    transition-duration: 0s !important; }
.intro-video.is-blurred {
    pointer-events: none; }
.intro-video.is-blurred #intro-video {
    opacity: 0; }
.intro-video.is-done #intro-video,
.intro-video.is-done #intro-preview {
    display: none; }
.intro-video.is-done-add {
    transition: 2s opacity; }
.intro-video.is-done-add #intro-video,
.intro-video.is-done-add #intro-preview {
    display: block; }
.intro-video.is-done-add-active #intro-video,
.intro-video.is-done-add-active #intro-preview {
    display: block; }
.intro-video--preview {
    pointer-events: none !important;
    z-index: -2; }
.intro-video--preview.is-done {
    display: none; }
.intro-video::before {
    background: url("https://tour.wyachts.pl/assets/images/intro_bg.jpg") center/cover no-repeat;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    margin: -20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
.intro-video #intro-video,
.intro-video #intro-preview {
    height: 100%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity 1s;
    width: 100%; }
.intro-video #intro-video {
    transition: opacity 2s; }
.intro-play {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    margin: 2em 0 3.5em;
    opacity: 0;
    pointer-events: none;
    width: 80px; }
.intro-play.is-active {
    opacity: 1;
    pointer-events: auto; }
.intro-play .controls-playPauseToggle {
    background: none;
    left: 50%;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%); }
.intro-play .controls-playPauseToggle::before {
    margin-left: 4px;
    border-left: 28px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent; }
.intro-play .controls-playPauseToggle::after {
    border-left: 14px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }
.intro-play .t-smallcaps, .intro-play section.credits .credits-group strong, section.credits .credits-group .intro-play strong, .intro-play section.credits .credits-group strong a, section.credits .credits-group strong .intro-play a, .intro-play .menu .menu-creditslink, .menu .intro-play .menu-creditslink, .intro-play .menu .menuItem-watched, .menu .intro-play .menuItem-watched {
    bottom: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }
.intro-info {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%; }
.intro-info.is-active {
    opacity: 1; }
.intro-info.is-active .meta-buttons {
    pointer-events: auto; }
.intro-info.is-active .meta-note,
.intro-info.is-active .meta-sound,
.intro-info.is-active .meta-vr {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
.intro-info.is-active .meta-sound {
    transition-delay: 2.7s; }
.intro-info.is-active .meta-vr {
    transition-delay: 2.75s; }
.intro-info.is-done {
    display: none; }
.intro-info .intro-loading {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: .3s opacity;
    -ms-flex-order: 1;
    order: 1;
    opacity: 0; }
.intro-info .intro-loading.is-active {
    opacity: 1; }
.intro-info .intro-loading:not(.is-active) ~ .intro-meta:not(.is-active) {
    opacity: 0; }
.intro-info .loading-logo {
    max-width: 230px;
    -ms-flex-order: 1;
    order: 1; }
.intro-info .loading-bear {
    background: url(https://tour.wyachts.pl/assets/images/loading.gif) center/contain no-repeat;
    display: block;
    height: 0px;
    margin: 0;
    margin-top: 0;
    -ms-flex-order: 2;
    order: 2;
    width: 180px;
    filter: hue-rotate(90deg) saturate(0.7);
    opacity: 0;
}
.loading-bear svg {
    stroke-width: 3;
    stroke-miterlimit: 10;
}
.loading-bear svg * {
    stroke-width: 5;
    fill: none;
    stroke: #d5297b;
}
.menu .menu-full.is-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
.menu .menu-full.is-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://tour.wyachts.pl/assets/images/intro_bg.jpg);
    background-size: cover;
    background-position: center;
    z-index: -2;
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-info .loading-bear {
        max-height: 50%; } }
.intro-info .intro-meta {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 158px;
    -ms-flex-order: 2;
    order: 2;
    width: 100%; }
@media only screen and (max-width: 768px) {
    .intro-info .intro-meta {
        bottom: 0;
        height: auto;
        position: absolute; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-info .intro-meta {
        -ms-flex-direction: row;
        flex-direction: row; } }
@media only screen and (min-width: 769px) {
    .intro-info .intro-meta.is-active {
        /*bottom: 40px;
          display: block;
          font-size: .6em;
          position: absolute;
          left: 0;*/ }
    .intro-info .intro-meta.is-active .meta-icons {
        display: none; }
    .intro-info .intro-meta.is-active .meta-note {
        left: 50%;
        max-width: none;
        position: absolute;
        bottom: 70px;
        display: block;
        font-size: .8em;
        opacity: 1;
        position: absolute;
        transform: translate3d(-50%, 0, 0);
        transition-delay: 0s;
        transition-duration: 0s; }
    .intro-info .intro-meta.is-active .meta-buttons {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 5%;
        width: auto; } }
.intro-info .meta-note {
    max-width: 80%;
    text-align: center;
    -ms-flex-order: 1;
    order: 1;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1) 2.5s, 0.3s transform cubic-bezier(0.4, 0, 0.2, 1) 2.5s, 0.3s margin-bottom cubic-bezier(0.4, 0, 0.2, 1) 0s; }
@media only screen and (max-width: 768px) {
    .intro-info .meta-note {
        font-size: .75em;
        line-height: 1.2;
        -ms-flex-order: 2;
        order: 2;
        opacity: 1;
        transform: translate3d(0, 0, 0); } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-info .meta-note {
        -ms-flex: auto;
        flex: auto;
        text-align: left; } }
.intro-info .meta-icons {
    -ms-flex-order: 2;
    order: 2; }
@media only screen and (max-width: 768px) {
    .intro-info .meta-icons {
        -ms-flex-order: 1;
        order: 1; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-info .meta-icons {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 5px; } }
.intro-info .meta-vr,
.intro-info .meta-sound {
    background: transparent;
    float: left;
    height: 30px;
    margin: 37px 10px 20px;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform cubic-bezier(0.4, 0, 0.2, 1);
    width: 47px; }
@media only screen and (max-width: 768px) {
    .intro-info .meta-vr,
    .intro-info .meta-sound {
        height: 30px;
        margin: 10px;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        width: 30px; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-info .meta-vr,
    .intro-info .meta-sound {
        height: 35px;
        width: 35px; } }
.intro-info .meta-sound {
    background: url("../assets/icons/loading_sound.svg") center center no-repeat;
    background-size: contain;
    transition-delay: 1.7s; }
.intro-info .meta-vr {
    background: url("../assets/icons/loading_video.svg") center center no-repeat;
    background-size: contain;
    transition-delay: 1.75s; }
.intro-info .meta-buttons {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 15px;
    -ms-flex-order: 3;
    order: 3;
    width: calc(100% - 30px); }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-info .meta-buttons {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: none;
        width: calc(50% - 30px); } }
.intro-info .meta-experience,
.intro-info .meta-skip {
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
    cursor: pointer;
    display: none;
    font-size: .75em;
    margin: 0 auto;
    padding: 15px 0;
    pointer-events: auto;
    text-align: center;
    width: 100%; }
.intro-info .meta-experience:active,
.intro-info .meta-skip:active {
    background: rgba(255, 255, 255, 0.5); }
.intro-info .meta-skip.is-active {
    display: block;
    margin-left: 10px; }
@media only screen and (min-width: 769px) {
    .intro-info .meta-skip {
        border: 0;
        border-bottom: 2px solid #fff;
        bottom: 0;
        display: none;
        margin: 0;
        padding: 0;
        padding-bottom: 3px;
        transition: 1s opacity;
        width: auto;
        bottom: 40px;
        font-size: .6em;
        position: fixed;
        right: 5%;
        opacity: 0;
        pointer-events: none; }
    .intro-info .meta-skip.is-visible {
        opacity: 1;
        pointer-events: auto; }
    .intro-info .meta-skip:hover {
        opacity: .3; } }
@media only screen and (max-width: 768px) {
    .intro-info .meta-experience {
        display: block; } }
.intro-doomsday {
    left: 0;
    opacity: 0;
    padding: 3em 0 !important;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: 1s opacity 0s !important; }
@media only screen and (max-height: 700px) {
    .intro-doomsday {
        display: block !important; } }
@media only screen and (max-width: 768px) {
    .intro-doomsday {
        padding-bottom: 100px !important; }
    .intro-doomsday::after {
        background: linear-gradient(to bottom, transparent 0%, black 100%);
        content: '';
        height: 100px;
        position: fixed;
        bottom: 0;
        width: 100%; } }
.intro-doomsday.is-active {
    opacity: 1;
    pointer-events: auto; }
.intro-doomsday.is-active .overlay-container {
    pointer-events: auto; }
.intro-doomsday.is-active h1, .intro-doomsday.is-active p, .intro-doomsday.is-active .doomsday-button {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }
.intro-doomsday.is-active-remove {
    transition: .5s opacity; }
.intro-doomsday.is-active-remove h1, .intro-doomsday.is-active-remove p, .intro-doomsday.is-active-remove .doomsday-button {
    transform: translate3d(0, 0, 0) scale(1);
    transition-delay: 0;
    transition-duration: 0; }
.intro-doomsday .overlay-container {
    max-width: 700px; }
.intro-doomsday p, .intro-doomsday .doomsday-button {
    opacity: 0;
    transition: 2s transform cubic-bezier(0.4, 0, 0.2, 1), 2s opacity; }
.intro-doomsday p:nth-of-type(2) {
    max-width: 500px; }
.intro-doomsday h1 {
    font-size: 3.5em;
    line-height: 1;
    opacity: 0;
    transform: translate3d(0, 137px, 0);
    transition: 2.5s transform cubic-bezier(0.4, 0, 0.2, 1) 2s, 3s opacity; }
@media only screen and (max-width: 768px) {
    .intro-doomsday h1 {
        font-size: 3em; } }
.intro-doomsday p {
    margin-top: 2em;
    transition-delay: 4s; }
.intro-doomsday p + p {
    margin-top: 1em;
    transition-delay: 4.2s; }
.intro-doomsday a {
    cursor: pointer; }
.intro-doomsday .doomsday-button {
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    margin: 2.5em 0 0;
    padding: 1.25em 2.5em;
    text-transform: uppercase;
    transition: 0.3s color cubic-bezier(0.4, 0, 0.2, 1), 0.5s transform cubic-bezier(0.4, 0, 0.2, 1) 4.4s, 0.5s opacity 4.4s; }
.intro-doomsday .doomsday-button::after {
    background: #fff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.3s width cubic-bezier(0.4, 0, 0.2, 1);
    width: 0%;
    z-index: -2; }
.intro-doomsday .doomsday-button:hover {
    color: #000; }
.intro-doomsday .doomsday-button:hover::before {
    opacity: 1;
    transform: translate3d(0, -50%, 0); }
.intro-doomsday .doomsday-button:hover::after {
    width: 100%; }
.intro-doomsday .doomsday-skip {
    bottom: 40px;
    padding-right: 30px;
    position: absolute;
    right: 40px;
    transition: .5s opacity;
    z-index: 10; }
@media only screen and (max-width: 768px) {
    .intro-doomsday .doomsday-skip {
        position: fixed; } }
.intro-doomsday .doomsday-skip:hover {
    opacity: .3; }
.intro-doomsday .doomsday-skip:hover::before {
    transform: translate3d(5px, 0, 0); }
.intro-doomsday .doomsday-skip:hover::after {
    transform: rotate(45deg) translate3d(-6px, -1px, 0); }
.intro-doomsday .doomsday-skip::before, .intro-doomsday .doomsday-skip::after {
    content: '';
    position: absolute;
    top: 4px;
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; }
.intro-doomsday .doomsday-skip::before {
    background: #fff;
    height: 2px;
    right: 0;
    width: 20px; }
.intro-doomsday .doomsday-skip::after {
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
    height: 10px;
    right: -8px;
    transform: rotate(45deg) translate3d(-9px, 2px, 0);
    width: 10px; }
.intro-preview {
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    max-width: 80%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .3s; }
.intro-preview.is-active {
    opacity: 1; }
.intro-preview.is-done {
    display: none; }
.intro-preview .title {
    display: block;
    font-size: 3em;
    opacity: 0;
    transition: opacity .3s; }
.intro-preview .title.is-active {
    opacity: 1; }

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .intro-preview .title span {
        display: block; } }
.intro-preview .t-smallcaps, .intro-preview section.credits .credits-group strong, section.credits .credits-group .intro-preview strong, .intro-preview section.credits .credits-group strong a, section.credits .credits-group strong .intro-preview a, .intro-preview .menu .menu-creditslink, .menu .intro-preview .menu-creditslink, .intro-preview .menu .menuItem-watched, .menu .intro-preview .menuItem-watched {
    margin-top: 1rem; }
.intro-titles {
    pointer-events: none;
    width: 100%; }
.intro-titles.is-done {
    display: none; }
.intro-titles.is-done-add {
    display: block;
    transition: 1s opacity; }
.intro-titles.is-done-add-active {
    display: block; }
.intro-titles .title {
    display: block;
    font-size: 4em;
    left: 50%;
    margin: 0 auto;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity .5s; }
@media only screen and (max-width: 768px) {
    .intro-titles .title {
        top: 40%; } }
.intro-titles .title.is-active {
    opacity: 1; }
.intro-titles .title img {
    margin: 20px 0;
    max-width: 85%; }
.intro-titles .title--by {
    font-size: 1em;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    width: 500px; }

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-titles .title--by {
        top: 30%;
        width: 400px; } }
.intro-titles .title--sub {
    font-size: 12px;
    left: 50%;
    letter-spacing: 1px;
    opacity: 0;
    position: absolute;
    top: calc(50% + 50vh - 150px);
    transform: translate3d(-50%, 0, 0);
    transition: opacity .5s;
    width: 400px; }
@media only screen and (max-width: 768px) {
    .intro-titles .title--sub {
        top: 30vh; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .intro-titles .title--sub {
        top: 50vh; } }
.intro-titles .title--sub.is-active {
    opacity: 1; }
.intro-titles .title--sub img {
    margin: 0 0 -7px;
    width: 72px; }
@media only screen and (max-width: 768px) {
    .intro-titles .title--sub img {
        width: 64px; } }
.intro-titles .title--final {
    font-size: 5em;
    transition: 1s opacity;
    width: 1000px; }
.intro-titles .title--final.is-active-remove {
    transition: 0.5s transform cubic-bezier(0.59, 0.05, 0.665, 0.485), 0.5s opacity cubic-bezier(0.59, 0.05, 0.665, 0.485); }
.intro-titles .title--final.is-active-remove-active {
    opacity: 0;
    transform: translate3d(-50%, -200%, 0); }
@media only screen and (max-width: 768px) {
    .intro-titles .title--final {
        font-size: 3em;
        max-width: 83%;
        top: 50%; } }
.intro-note, .intro-skip {
    bottom: 30px;
    font-size: .6em;
    letter-spacing: .05em;
    opacity: 0;
    pointer-events: none;
    position: absolute !important; }
@media only screen and (min-width: 769px) {
    .intro-note.is-active, .intro-skip.is-active {
        opacity: 1;
        pointer-events: auto; } }
.intro .controls {
    margin-bottom: 40px;
    width: 80%; }
@media only screen and (max-width: 768px) {
    .intro .controls {
        margin-bottom: 60px;
        width: 100%;
        background: none; }
    .intro .controls.is-visible {
        opacity: 1;
        pointer-events: auto; } }
@media only screen and (max-width: 768px) {
    .intro.is-controls-visible .meta-note {
        margin-bottom: 0; } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .intro.is-controls-visible .meta-note {
        margin-bottom: 45px; } }

.menu {
    background: transparent;
    display: block;
    height: 100%;
    position: fixed;
    transition: 1s background;
    width: 100%;
    visibility: hidden;
    z-index: 20; }
.menu.is-active {
    visibility: visible;
    background: rgba(0, 0, 0, 0.4); }
.menu.is-active-remove {
    transition: 1s opacity;
    visibility: visible; }
.menu.is-active-remove .menuItem {
    transform: perspective(1600px) rotateY(0) rotateX(0) translate3d(0, 0, 0) !important; }
.menu.is-active-remove .menuItem:nth-child(1),
.menu.is-active-remove .menuItem:nth-child(1) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(1) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(2),
.menu.is-active-remove .menuItem:nth-child(2) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(2) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(3),
.menu.is-active-remove .menuItem:nth-child(3) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(3) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(4),
.menu.is-active-remove .menuItem:nth-child(4) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(4) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(5),
.menu.is-active-remove .menuItem:nth-child(5) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(5) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(6),
.menu.is-active-remove .menuItem:nth-child(6) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(6) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(7),
.menu.is-active-remove .menuItem:nth-child(7) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(7) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(8),
.menu.is-active-remove .menuItem:nth-child(8) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(8) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(9),
.menu.is-active-remove .menuItem:nth-child(9) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(9) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(10),
.menu.is-active-remove .menuItem:nth-child(10) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(10) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(11),
.menu.is-active-remove .menuItem:nth-child(11) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(11) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(12),
.menu.is-active-remove .menuItem:nth-child(12) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(12) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(13),
.menu.is-active-remove .menuItem:nth-child(13) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(13) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(14),
.menu.is-active-remove .menuItem:nth-child(14) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(14) .menuItem-content {
    transition-delay: 0; }
.menu.is-active-remove .menuItem:nth-child(15),
.menu.is-active-remove .menuItem:nth-child(15) .menuItem-background,
.menu.is-active-remove .menuItem:nth-child(15) .menuItem-content {
    transition-delay: 0; }
.menu:not(.is-active) * {
    pointer-events: none !important; }
.menu .menu-main,
.menu .menu-full {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 50%;
    margin: 0 auto;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    visibility: hidden;
    z-index: 100; }
.menu .menu-main.is-active,
.menu .menu-full.is-active {
    pointer-events: auto;
    visibility: visible;
    z-index: 101; }
.menu .menu-main.is-active .menuItem-background,
.menu .menu-main.is-active .menuItem-content,
.menu .menu-main.is-active .menu-creditslink,
.menu .menu-full.is-active .menuItem-background,
.menu .menu-full.is-active .menuItem-content,
.menu .menu-full.is-active .menu-creditslink {
    opacity: 1;
    transition: .5s opacity; }
.menu .menu-main.is-active .menuItem,
.menu .menu-full.is-active .menuItem {
    transform: perspective(1600px) rotateY(0) rotateX(0) translate3d(0, 0, 0); }
.menu .menu-main.is-active-add,
.menu .menu-full.is-active-add {
    transition: 1s opacity;
    visibility: visible; }
.menu .menu-main.is-active-add .menuItem-background,
.menu .menu-main.is-active-add .menuItem-content,
.menu .menu-full.is-active-add .menuItem-background,
.menu .menu-full.is-active-add .menuItem-content {
    opacity: 0; }
.menu .menu-main.is-active-add .menu-creditslink,
.menu .menu-full.is-active-add .menu-creditslink {
    opacity: 0;
    transition-delay: 1s; }
.menu .menu-main.is-active-add .menuItem,
.menu .menu-full.is-active-add .menuItem {
    pointer-events: none;
    transition: 0.5s transform cubic-bezier(0.315, 0.605, 0.375, 0.925);
    transform: perspective(1600px) rotateY(-10deg) rotateX(10deg) translate3d(100px, 0, 0); }
.menu .menu-main.is-active-add .menuItem:nth-child(1),
.menu .menu-main.is-active-add .menuItem:nth-child(1) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(1) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(1),
.menu .menu-full.is-active-add .menuItem:nth-child(1) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(1) .menuItem-content {
    transition-delay: 0.1s; }
.menu .menu-main.is-active-add .menuItem:nth-child(2),
.menu .menu-main.is-active-add .menuItem:nth-child(2) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(2) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(2),
.menu .menu-full.is-active-add .menuItem:nth-child(2) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(2) .menuItem-content {
    transition-delay: 0.2s; }
.menu .menu-main.is-active-add .menuItem:nth-child(3),
.menu .menu-main.is-active-add .menuItem:nth-child(3) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(3) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(3),
.menu .menu-full.is-active-add .menuItem:nth-child(3) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(3) .menuItem-content {
    transition-delay: 0.3s; }
.menu .menu-main.is-active-add .menuItem:nth-child(4),
.menu .menu-main.is-active-add .menuItem:nth-child(4) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(4) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(4),
.menu .menu-full.is-active-add .menuItem:nth-child(4) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(4) .menuItem-content {
    transition-delay: 0.4s; }
.menu .menu-main.is-active-add .menuItem:nth-child(5),
.menu .menu-main.is-active-add .menuItem:nth-child(5) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(5) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(5),
.menu .menu-full.is-active-add .menuItem:nth-child(5) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(5) .menuItem-content {
    transition-delay: 0.5s; }
.menu .menu-main.is-active-add .menuItem:nth-child(6),
.menu .menu-main.is-active-add .menuItem:nth-child(6) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(6) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(6),
.menu .menu-full.is-active-add .menuItem:nth-child(6) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(6) .menuItem-content {
    transition-delay: 0.6s; }
.menu .menu-main.is-active-add .menuItem:nth-child(7),
.menu .menu-main.is-active-add .menuItem:nth-child(7) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(7) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(7),
.menu .menu-full.is-active-add .menuItem:nth-child(7) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(7) .menuItem-content {
    transition-delay: 0.7s; }
.menu .menu-main.is-active-add .menuItem:nth-child(8),
.menu .menu-main.is-active-add .menuItem:nth-child(8) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(8) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(8),
.menu .menu-full.is-active-add .menuItem:nth-child(8) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(8) .menuItem-content {
    transition-delay: 0.8s; }
.menu .menu-main.is-active-add .menuItem:nth-child(9),
.menu .menu-main.is-active-add .menuItem:nth-child(9) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(9) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(9),
.menu .menu-full.is-active-add .menuItem:nth-child(9) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(9) .menuItem-content {
    transition-delay: 0.9s; }
.menu .menu-main.is-active-add .menuItem:nth-child(10),
.menu .menu-main.is-active-add .menuItem:nth-child(10) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(10) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(10),
.menu .menu-full.is-active-add .menuItem:nth-child(10) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(10) .menuItem-content {
    transition-delay: 1s; }
.menu .menu-main.is-active-add .menuItem:nth-child(11),
.menu .menu-main.is-active-add .menuItem:nth-child(11) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(11) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(11),
.menu .menu-full.is-active-add .menuItem:nth-child(11) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(11) .menuItem-content {
    transition-delay: 1.1s; }
.menu .menu-main.is-active-add .menuItem:nth-child(12),
.menu .menu-main.is-active-add .menuItem:nth-child(12) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(12) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(12),
.menu .menu-full.is-active-add .menuItem:nth-child(12) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(12) .menuItem-content {
    transition-delay: 1.2s; }
.menu .menu-main.is-active-add .menuItem:nth-child(13),
.menu .menu-main.is-active-add .menuItem:nth-child(13) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(13) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(13),
.menu .menu-full.is-active-add .menuItem:nth-child(13) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(13) .menuItem-content {
    transition-delay: 1.3s; }
.menu .menu-main.is-active-add .menuItem:nth-child(14),
.menu .menu-main.is-active-add .menuItem:nth-child(14) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(14) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(14),
.menu .menu-full.is-active-add .menuItem:nth-child(14) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(14) .menuItem-content {
    transition-delay: 1.4s; }
.menu .menu-main.is-active-add .menuItem:nth-child(15),
.menu .menu-main.is-active-add .menuItem:nth-child(15) .menuItem-background,
.menu .menu-main.is-active-add .menuItem:nth-child(15) .menuItem-content,
.menu .menu-full.is-active-add .menuItem:nth-child(15),
.menu .menu-full.is-active-add .menuItem:nth-child(15) .menuItem-background,
.menu .menu-full.is-active-add .menuItem:nth-child(15) .menuItem-content {
    transition-delay: 1.5s; }
.menu .menu-main.is-active-add .menu-arrow.is-visible,
.menu .menu-full.is-active-add .menu-arrow.is-visible {
    opacity: 0 !important;
    transition-delay: 1s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(1),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(1) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(1) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(1),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(1) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(1) .menuItem-content {
    transition-delay: 0.5s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(2),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(2) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(2) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(2),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(2) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(2) .menuItem-content {
    transition-delay: 0.6s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(3),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(3) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(3) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(3),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(3) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(3) .menuItem-content {
    transition-delay: 0.7s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(4),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(4) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(4) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(4),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(4) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(4) .menuItem-content {
    transition-delay: 0.8s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(5),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(5) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(5) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(5),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(5) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(5) .menuItem-content {
    transition-delay: 0.9s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(6),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(6) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(6) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(6),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(6) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(6) .menuItem-content {
    transition-delay: 1s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(7),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(7) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(7) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(7),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(7) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(7) .menuItem-content {
    transition-delay: 1.1s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(8),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(8) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(8) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(8),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(8) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(8) .menuItem-content {
    transition-delay: 1.2s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(9),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(9) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(9) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(9),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(9) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(9) .menuItem-content {
    transition-delay: 1.3s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(10),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(10) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(10) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(10),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(10) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(10) .menuItem-content {
    transition-delay: 1.4s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(11),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(11) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(11) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(11),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(11) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(11) .menuItem-content {
    transition-delay: 1.5s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(12),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(12) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(12) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(12),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(12) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(12) .menuItem-content {
    transition-delay: 1.6s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(13),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(13) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(13) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(13),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(13) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(13) .menuItem-content {
    transition-delay: 1.7s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(14),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(14) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(14) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(14),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(14) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(14) .menuItem-content {
    transition-delay: 1.8s; }
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(15),
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(15) .menuItem-background,
.menu .menu-main.is-active-add.is-moving-between .menuItem:nth-child(15) .menuItem-content,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(15),
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(15) .menuItem-background,
.menu .menu-full.is-active-add.is-moving-between .menuItem:nth-child(15) .menuItem-content {
    transition-delay: 1.9s; }
.menu .menu-main.is-active-add.is-active-add-active .menuItem-background,
.menu .menu-main.is-active-add.is-active-add-active .menuItem-content,
.menu .menu-main.is-active-add.is-active-add-active .menu-creditslink,
.menu .menu-full.is-active-add.is-active-add-active .menuItem-background,
.menu .menu-full.is-active-add.is-active-add-active .menuItem-content,
.menu .menu-full.is-active-add.is-active-add-active .menu-creditslink {
    opacity: 1; }
.menu .menu-main.is-active-add.is-active-add-active .menuItem,
.menu .menu-full.is-active-add.is-active-add-active .menuItem {
    transform: perspective(1600px) rotateY(0) rotateX(0) translate3d(0px, 0, 0); }
.menu .menu-main.is-active-add.is-active-add-active .menu-arrow.is-visible,
.menu .menu-full.is-active-add.is-active-add-active .menu-arrow.is-visible {
    opacity: 1 !important; }
.menu .menu-main.is-active-remove,
.menu .menu-full.is-active-remove {
    transition: .3s opacity;
    visibility: visible; }
.menu .menu-main.is-active-remove .menuItem-background,
.menu .menu-main.is-active-remove .menuItem-content,
.menu .menu-main.is-active-remove .menu-creditslink,
.menu .menu-full.is-active-remove .menuItem-background,
.menu .menu-full.is-active-remove .menuItem-content,
.menu .menu-full.is-active-remove .menu-creditslink {
    opacity: 1; }
.menu .menu-main.is-active-remove .menuItem,
.menu .menu-full.is-active-remove .menuItem {
    transform: perspective(1600px) rotateY(0) rotateX(0) translate3d(0, 0, 0); }
.menu .menu-main.is-active-remove .menuItem:nth-child(1) .menuItem-background,
.menu .menu-main.is-active-remove .menuItem:nth-child(1) .menuItem-content,
.menu .menu-full.is-active-remove .menuItem:nth-child(1) .menuItem-background,
.menu .menu-full.is-active-remove .menuItem:nth-child(1) .menuItem-content {
    transition-delay: 0.05s; }
.menu .menu-main.is-active-remove .menuItem:nth-child(2) .menuItem-background,
.menu .menu-main.is-active-remove .menuItem:nth-child(2) .menuItem-content,
.menu .menu-full.is-active-remove .menuItem:nth-child(2) .menuItem-background,
.menu .menu-full.is-active-remove .menuItem:nth-child(2) .menuItem-content {
    transition-delay: 0.1s; }
.menu .menu-main.is-active-remove .menuItem:nth-child(3) .menuItem-background,
.menu .menu-main.is-active-remove .menuItem:nth-child(3) .menuItem-content,
.menu .menu-full.is-active-remove .menuItem:nth-child(3) .menuItem-background,
.menu .menu-full.is-active-remove .menuItem:nth-child(3) .menuItem-content {
    transition-delay: 0.15s; }
.menu .menu-main.is-active-remove .menuItem:nth-child(4) .menuItem-background,
.menu .menu-main.is-active-remove .menuItem:nth-child(4) .menuItem-content,
.menu .menu-full.is-active-remove .menuItem:nth-child(4) .menuItem-background,
.menu .menu-full.is-active-remove .menuItem:nth-child(4) .menuItem-content {
    transition-delay: 0.2s; }
.menu .menu-main.is-active-remove.is-active-remove-active .menuItem-background,
.menu .menu-main.is-active-remove.is-active-remove-active .menuItem-content,
.menu .menu-main.is-active-remove.is-active-remove-active .menu-creditslink,
.menu .menu-full.is-active-remove.is-active-remove-active .menuItem-background,
.menu .menu-full.is-active-remove.is-active-remove-active .menuItem-content,
.menu .menu-full.is-active-remove.is-active-remove-active .menu-creditslink {
    opacity: 0 !important; }
.menu .menu-main.is-active-remove.is-active-remove-active .menuItem,
.menu .menu-full.is-active-remove.is-active-remove-active .menuItem {
    transform: perspective(1600px) rotateY(0) rotateX(0) translate3d(0, 0, 0); }
.menu .menu-main {
    padding: 0 5%;
    width: 90%; }
.menu .menu-main.is-active .menuTitle {
    opacity: 1; }
.menu .menu-main.is-active .controls-map {
    opacity: 1;
    transition-delay: .5s; }
.menu .menu-main .menuContainer {
    padding: 5.25em 5vw 5.25em 5vw;
    margin: 0 calc(-5vw - 90vw * .01); }
.menu .menu-main .controls-map {
    bottom: calc((5.25em - 66px) / 2);
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    margin: 0;
    min-width: 0;
    opacity: 0;
    position: absolute;
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1); }
.menu .menu-main .controls-map:hover {
    z-index: 3; }
.menu .menu-main .controls-map:hover ~ .menu-overlay {
    opacity: 1; }
.menu .menu-full {
    width: 100%; }
.menu .menu-full.is-active .menuSections {
    opacity: 1; }
.menu .menu-full.is-active .menu-arrow.is-visible {
    opacity: 1;
    pointer-events: auto; }
.menu .menu-full .menuContainer::before,
.menu .menu-full .menuContainer::after {
    content: '';
    display: block;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    height: 100%; }
.menu .menu-toggle {
    left: 50%;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    top: 23px;
    transform: translateX(-50%); }
.menu .menu-toggle.is-active {
    opacity: 1;
    pointer-events: auto; }
.menu .menu-toggle.is-active:hover {
    opacity: .3; }
.menu .menu-arrow {
    background: center / contain no-repeat;
    cursor: pointer;
    height: 20px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: fixed;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: 0.5s opacity, 0.3s transform cubic-bezier(0.4, 0, 0.2, 1);
    width: 30px;
    z-index: 4; }
.menu .menu-arrow::before, .menu .menu-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: tranlateY(-50%); }
.menu .menu-arrow::before {
    background: #fff;
    height: 2px;
    width: 20px; }
.menu .menu-arrow::after {
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
    height: 10px;
    width: 10px; }
.menu .menu-arrow-bg {
    position: absolute;
    left: -9px;
    top: -9px;
    background-color: white;
    opacity: .1;
    width: 60px;
    height: 60px;
    border-radius: 50%; }
.menu .menu-arrow--left {
    left: 1%; }
.menu .menu-arrow--left::after {
    transform: rotate(-135deg) translate3d(3px, 4px, 0); }
.menu .menu-arrow--left:hover {
    transform: translate3d(-5px, -50%, 0); }
.menu .menu-arrow--right {
    right: 1%; }
.menu .menu-arrow--right::after {
    right: 12px;
    transform: rotate(45deg) translate3d(-9px, 2px, 0); }
.menu .menu-arrow--right:hover {
    transform: translate3d(5px, -50%, 0); }
.menu .menu-overlay {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0, 0);
    transition: .5s opacity;
    width: 100%;
    z-index: 2; }
.menu .menu-creditslink {
    color: rgba(255, 255, 255, 0.4);
    bottom: 34px;
    font-size: 10px !important;
    opacity: 0;
    position: absolute !important;
    left: 5%;
    transition: .5s opacity; }
.menu .menu-creditslink::after {
    background: rgba(255, 255, 255, 0.4) !important; }
@media only screen and (max-width: 768px) {
    .menu .menu-creditslink {
        bottom: 10px;
        left: 32px; } }
.menu .menuContainer {
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin: 0 calc(90vw * -0.01);
    max-height: 900px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 5.25em 0 2.75em 0; }
@media only screen and (min-width: 1800px) {
    .menu .menuContainer {
        max-height: 1200px; } }
@media only screen and (max-width: 768px) {
    .menu .menuContainer {
        margin: 0 calc((100vw - 30px) * -0.01); } }
.menu .menuTitle {
    font-size: 1.5em;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 50%;
    text-align: center;
    transform: translateX(50%);
    transition: .3s opacity;
    transition-delay: 0s;
    visibility: visible;
    top: 21px;
    z-index: 5;
    /*@media only screen and (max-height: 900px) {
      top: 31px;
      transform: translateY(0);
    }*/ }
.menu .menuTitle span {
    display: block;
    font-size: 12px;
    line-height: 1.25em;
    letter-spacing: .1em;
    text-transform: uppercase; }
.menu .menuTitle span.t-strikethrough {
    display: inline-block;
    position: relative;
    top: -10px; }
.menu .menuSections {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 26px;
    transform: translateX(-50%);
    transition: .3s opacity;
    z-index: 4; }
.menu .menuSections a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    opacity: .3;
    padding: 10px 0 3px;
    position: relative;
    transition: .3s opacity, .3s border-color; }
.menu .menuSections a:hover, .menu .menuSections a.is-active {
    opacity: 1; }
.menu .menuSections a + a {
    margin-left: 3em; }
.menu .menuSections-overlay {
    background: linear-gradient(rgba(0, 0, 0, 0.9), transparent);
    content: '';
    height: 120px;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: -1; }
.menu .menuSections-overlay.is-active {
    opacity: 1; }
.menu .menuItem {
    box-sizing: border-box;
    -ms-flex: 1 0 430px;
    flex: 1 0 430px;
    font-size: inherit;
    height: 100%;
    line-height: inherit;
    margin: 0 1%;
    margin: 0 calc(90vw * .01);
    max-width: 31.33333%;
    max-width: calc(90vw * .48);
    opacity: 1;
    outline: none;
    position: relative;
    text-transform: none;
    transform: perspective(1600px) rotateY(0);
    transform: perspective(1600px) rotateY(-10deg) rotateX(10deg) translate3d(100px, 0, 0);
    transform-style: preserve-3d;
    transition: 0.5s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.5s transform cubic-bezier(0.4, 0, 0.2, 1); }
@media only screen and (max-width: 768px) {
    .menu .menuItem {
        margin: 0 calc((100vw - 30px) * .01);
        max-width: calc((100vw - 30px) * .32); } }
@media only screen and (min-width: 1081px) {
    .menu .menuItem {
        animation: menuItem 0.3s cubic-bezier(0.4, 0, 0.2, 1) 1;
        animation-fill-mode: forwards; } }
.menu .menuItem + .menuItem.menuItem--firstTier {
    margin-left: 4em; }
.menu .menuItem--firstTier .menuItem-number {
    font-size: 6em;
    letter-spacing: -3px; }

@keyframes menuItemHoverLeft {
    0% {
        transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(0); }
    16% {
        transform: perspective(1600px) rotateX(5deg) rotateY(3deg) translateZ(32px); }
    100% {
        transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(65px); } }

@keyframes menuItemHoverRight {
    0% {
        transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(0); }
    16% {
        transform: perspective(1600px) rotateX(5deg) rotateY(-3deg) translateZ(32px); }
    100% {
        transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(65px); } }

@keyframes menuItem {
    0% {
        transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(65px); }
    100% {
        transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(0); } }
@media only screen and (min-width: 1081px) {
    .menu .menu-main.is-active-add .menuItem,
    .menu .menu-full.is-active-add .menuItem {
        animation-fill-mode: none; } }
@media only screen and (min-width: 1081px) {
    .menu .menu-main.is-active .menuItem:hover,
    .menu .menu-full.is-active .menuItem:hover {
        animation: menuItemHoverLeft 0.7s cubic-bezier(0.315, 0.605, 0.375, 0.925) 1;
        animation-fill-mode: forwards;
        transition-delay: 0s !important;
        z-index: 3; }
    .menu .menu-main.is-active .menuItem:hover[data-mouse-direction="right"],
    .menu .menu-full.is-active .menuItem:hover[data-mouse-direction="right"] {
        animation-name: menuItemHoverRight; }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--base,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--base {
        opacity: 0;
        pointer-events: none; }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover {
        pointer-events: auto; }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-bar,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-bar {
        width: 100%; }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-meta,
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-name,
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-description,
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-link,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-meta,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-name,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-description,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-link {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-name,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-name {
        transition-delay: .25s; }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-description,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-description {
        transition-delay: .3s; }
    .menu .menu-main.is-active .menuItem:hover .menuItem-content--hover .menuItem-link,
    .menu .menu-full.is-active .menuItem:hover .menuItem-content--hover .menuItem-link {
        transition-delay: .4s; }
    .menu .menu-main.is-active .menuItem:hover ~ .menu-overlay,
    .menu .menu-full.is-active .menuItem:hover ~ .menu-overlay {
        opacity: 1; } }
.menu .menuItem-background {
    background: center / cover no-repeat;
    box-shadow: 0 0 1px transparent;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    pointer-events: none;
    top: 0;
    transition: .3s opacity;
    width: 100%;
    will-change: transform;
    z-index: 0; }
.menu .menuItem-background div {
    background: center / cover no-repeat;
    height: 104%;
    left: -2%;
    position: absolute;
    top: -2%;
    width: 104%; }
.menu .menuItem-content {
    -ms-flex-align: start;
    align-items: flex-start;
    background: center / cover no-repeat;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    opacity: 0;
    position: relative;
    transition: opacity .3s;
    width: 100%;
    z-index: 1; }
.menu .menuItem-content--base {
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    padding: 1.5em;
    transform: translate3d(0, 0, 50px); }
.menu .menuItem-content--hover {
    height: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: -3%;
    opacity: 1;
    padding: 3em 0 0 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0, 170px);
    width: 106%;
    z-index: 2; }
.menu .menuItem-content--hover .menuItem-container {
    width: 100%; }
.menu .menuItem-content--hover .menuItem-bar {
    bottom: -10px;
    transition: 0.3s width cubic-bezier(0.4, 0, 0.2, 1);
    width: 0%; }
.menu .menuItem-content--hover .menuItem-meta,
.menu .menuItem-content--hover .menuItem-name,
.menu .menuItem-content--hover .menuItem-description,
.menu .menuItem-content--hover .menuItem-link {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: 0.3s opacity 0s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0s cubic-bezier(0.4, 0, 0.2, 1); }
.menu .menuItem-content--hover .menuItem-meta {
    margin-bottom: 20px; }
.menu .menuItem-content--hover .menuItem-number {
    font-size: 6em;
    letter-spacing: -3px;
    margin-bottom: -.5rem; }
.menu .menuItem-content--hover .menuItem-name {
    display: block;
    font-size: 1.75em;
    line-height: 1.2;
    max-width: 375px; }
@media only screen and (min-width: 1081px) and (max-height: 750px) {
    .menu .menuItem-content--hover .menuItem-name {
        margin-bottom: 20px; } }
@media only screen and (min-width: 1081px) and (max-height: 550px) {
    .menu .menuItem-content--hover .menuItem-name {
        font-size: 1.5em; } }
@media only screen and (max-width: 768px) {
    .menu .menuItem-content--hover {
        display: none; } }
.menu .menuItem-meta {
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    width: 100%; }
.menu .menuItem-bar {
    background: #fff;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%; }
.menu .menuItem-number {
    -ms-flex-positive: 2;
    flex-grow: 2;
    font-size: 6em;
    letter-spacing: -3px;
    line-height: 1.2; }
.menu .menuItem-name {
    font-size: 1.5em;
    letter-spacing: -.01em; }
.menu .menuItem-description {
    font-size: 1em;
    letter-spacing: 0px;
    line-height: 1.4;
    margin: .5em 0 2em;
    max-width: 60%; }
@media only screen and (min-width: 1081px) and (max-height: 750px) {
    .menu .menuItem-description {
        display: none; } }
.menu .menuItem-link {
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .6em;
    padding: 1.25em 2.5em;
    text-transform: uppercase;
    transition: 0.3s color cubic-bezier(0.4, 0, 0.2, 1);
    /*&::before {
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 9px solid $color-black;
      content: '';
      left: 10px;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: translate3d(-10px, -50%, 0);
      transition: .3s transform $easing-in-out, .3s opacity $easing-in-out;
      z-index: -1;
    }*/ }
.menu .menuItem-link::after {
    background: #fff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.3s width cubic-bezier(0.4, 0, 0.2, 1);
    width: 0%;
    z-index: -2; }
.menu .menuItem-link:hover {
    color: #000; }
.menu .menuItem-link:hover::before {
    opacity: 1;
    transform: translate3d(0, -50%, 0); }
.menu .menuItem-link:hover::after {
    width: 100%; }
.menu .menuItem-watched {
    bottom: -12px;
    left: 16px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    position: absolute; }
.menu .menuItem-watched.is-visible {
    opacity: .6; }
@media only screen and (max-width: 1080px) {
    .menu .menu-main,
    .menu .menu-full {
        -webkit-overflow-scrolling: touch; } }
@media only screen and (max-width: 768px) {
    .menu .menuItem {
        transform: translate3d(0, 0, 0); }
    .menu .menuItem-content {
        padding: 1em; }
    .menu .menuItem.menuItem--firstTier .menuItem-number {
        font-size: 4em; }
    .menu .menuItem .menuItem-name {
        font-size: 1em;
        letter-spacing: -.02em; }
    .menu .menuItem .menuItem-bar {
        display: none; }
    .menu .menuItem .menuItem-meta {
        margin-bottom: 0; }
    .menu .menuItem .menuItem-number {
        line-height: 1;
        margin-left: -2px; }
    .menu .menu-main .menuContainer {
        margin: 0;
        width: 100%;
        overflow: hidden; }
    .menu .menu-main .menuItem {
        -ms-flex: 1;
        flex: 1;
        max-width: none; }
    .menu .menu-main .menuItem-number {
        font-size: 3em; }
    .menu .menu-main .controls-map {
        bottom: -20px;
        margin-bottom: 8px; }
    .menu .menu-main .controls-map .controls-mapLink {
        height: 60px;
        width: 60px; }
    .menu .menu-full .menuItem-number {
        font-size: 2.5em; }
    .menu .menu-full .menuContainer {
        max-height: 100%; }
    .menu .menuSections {
        left: 20px;
        top: 42px;
        transform: none; }
    .menu .menuSections a {
        font-size: .5em; } }

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .menu .menu-main .menuContainer,
    .menu .menu-full .menuContainer {
        margin: 0;
        padding: 80px 0 40px; }
    .menu .menuItem {
        margin: 0 3px;
        max-width: 33%; }
    .menu .menuTitle::after {
        top: 11px; }
    .menu .menu-main {
        box-sizing: border-box;
        overflow-y: scroll;
        padding: 0 15px;
        width: 100%; }
    .menu .menu-main .controls-map {
        bottom: -44px; }
    .menu .menu-full {
        overflow-y: hidden; }
    .menu .menu-full .menuContainer::before, .menu .menu-full .menuContainer::after {
        -ms-flex: 0 0 15px;
        flex: 0 0 15px; }
    .menu .menu-full .menuItem + .menuItem.menuItem--firstTier {
        margin-left: 2em; } }

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .menu .menu-main,
    .menu .menu-full {
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 100%; }
    .menu .menu-main .menuContainer,
    .menu .menu-full .menuContainer {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0;
        padding: 80px 15px 2em;
        width: 100%; }
    .menu .menuItem {
        margin: 3px auto; }
    .menu .menu-main .menuContainer {
        max-height: none;
        padding: 80px 15px 60px; }
    .menu .menu-main .menuItem {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        max-height: none; }
    .menu .menu-main .menuItem .menuItem-content--base {
        height: auto; }
    .menu .menu-full .menuContainer {
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-y: scroll; }
    .menu .menu-full .menuContainer::before, .menu .menu-full .menuContainer::after {
        display: none; }
    .menu .menu-full .menu-arrow {
        display: none; }
    .menu .menu-full .menuItem {
        max-width: none; }
    .menu .menuTitle {
        font-size: 1.8em;
        padding: 0 25px;
        top: 65px;
        width: 100%; }
    .menu .menuTitle::after {
        left: 50%;
        transform: translateX(-50%);
        width: 255px; }
    .menu .menuItem {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-height: 40%;
        max-width: none;
        overflow: hidden;
        width: 100%; }
    .menu .menuItem--firstTier .menuItem-number {
        margin-bottom: 0; }
    .menu .menuItem + .menuItem.menuItem--firstTier {
        margin: 2em auto 3px auto; } }

.map {
    display: block;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transition: 1s opacity;
    width: 100%;
    visibility: hidden;
    z-index: 1; }
.map.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 20; }
.map.is-active img[src^='./assets/icons/type_'] {
    animation: 1s cubic-bezier(0, 0.74, 0.56, 1.21) 1 marker-appear forwards;
    opacity: 0;
    transform: scale(0.1); }
.map.is-active .map-content h1, .map.is-active .pano-content h1,
.map.is-active .map-content p,
.map.is-active .pano-content p {
    pointer-events: auto; }
.map.is-active #map-container, .map.is-active #pano-container {
    display: block; }
.map.is-active-remove {
    transition: 1s opacity;
    visibility: visible;
    z-index: 20; }
.map:not(.is-active) * {
    pointer-events: none !important; }
.map #map-container, .map #pano-container {
    display: none; }

#map-container, #pano-container {
    display: block;
    height: calc(100% + 25px);
    opacity: 1;
    width: 100%; }

.card--map.is-active {
    display: block;
    z-index: 3; }

.map-shadow {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0; }
@media only screen and (max-width: 768px) {
    .map-shadow.is-active {
        display: block; } }

.map-open {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    bottom: 10px;
    cursor: pointer;
    display: none;
    left: 10px;
    height: 48px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 48px;
    z-index: 1; }
.map-open:active {
    background: rgba(255, 255, 255, 0.6); }
.map-open::after {
    color: #fff;
    content: 'i';
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
.map-open.is-active {
    opacity: 1;
    pointer-events: auto; }
@media only screen and (max-width: 768px) {
    .map-open {
        display: block; } }

.map-close {
    background: url("../assets/icons/header_close.svg") center/contain no-repeat;
    cursor: pointer;
    display: none;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 23px;
    width: 24px; }
@media only screen and (max-width: 768px) {
    .map-close {
        display: block; } }

.map-content, .pano-content {
    -ms-flex-align: left;
    align-items: left;
    background: linear-gradient(to right, rgba(92, 40, 19, 0.3), transparent);
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding: 8em 5% 5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1; }
.map-content h1, .pano-content h1 {
    max-width: 600px; }
.map-content p, .pano-content p {
    font-size: .75em;
    line-height: 1.4;
    margin: 3em 0;
    max-width: 400px; }
.map-content h1, .pano-content h1,
.map-content p, .pano-content p,
.map-content .map-legend, .pano-content .map-legend {
    opacity: 0;
    transform: translateY(30px); }
@media only screen and (max-width: 768px) {
    .map-content.is-active:not(.is-info-active) h1, .is-active.pano-content:not(.is-info-active) h1,
    .map-content.is-active:not(.is-info-active) p, .is-active.pano-content:not(.is-info-active) p {
        pointer-events: none; } }
.map-content.is-active, .is-active.pano-content, .map-content.is-active.is-info-active, .is-active.is-info-active.pano-content {
    opacity: 1; }
.map-content.is-active h1, .is-active.pano-content h1,
.map-content.is-active p, .is-active.pano-content p,
.map-content.is-active .map-legend, .is-active.pano-content .map-legend, .map-content.is-active.is-info-active h1, .is-active.is-info-active.pano-content h1,
.map-content.is-active.is-info-active p, .is-active.is-info-active.pano-content p,
.map-content.is-active.is-info-active .map-legend, .is-active.is-info-active.pano-content .map-legend {
    opacity: 1;
    transform: translateY(0); }
.map-content.is-active h1, .is-active.pano-content h1,
.map-content.is-active p, .is-active.pano-content p, .map-content.is-active.is-info-active h1, .is-active.is-info-active.pano-content h1,
.map-content.is-active.is-info-active p, .is-active.is-info-active.pano-content p {
    pointer-events: auto; }
.map-content.is-active h1, .is-active.pano-content h1, .map-content.is-active.is-info-active h1, .is-active.is-info-active.pano-content h1 {
    transition: 0.3s opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
.map-content.is-active p, .is-active.pano-content p, .map-content.is-active.is-info-active p, .is-active.is-info-active.pano-content p {
    transition: 0.3s opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.map-content.is-active .map-legend, .is-active.pano-content .map-legend, .map-content.is-active.is-info-active .map-legend, .is-active.is-info-active.pano-content .map-legend {
    transition: 0.3s opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
@media only screen and (max-width: 768px) {
    .map-content, .pano-content {
        background: rgba(0, 0, 0, 0.85);
        overflow-y: scroll;
        opacity: 0;
        padding: 50px 20px 20px;
        pointer-events: none;
        transition: .4s opacity .3s;
        width: 100%;
        -webkit-overflow-scrolling: touch; }
    .map-content.is-active, .is-active.pano-content {
        opacity: 0;
        pointer-events: none; }
    .map-content.is-active h1, .is-active.pano-content h1,
    .map-content.is-active p, .is-active.pano-content p,
    .map-content.is-active .map-legend, .is-active.pano-content .map-legend {
        opacity: 0;
        transform: translateY(30px); }
    .map-content.is-info-active, .is-info-active.pano-content {
        opacity: 1;
        pointer-events: auto; }
    .map-content h1, .pano-content h1 {
        font-size: 2.4em;
        line-height: 1.2;
        max-width: none; }
    .map-content p, .pano-content p {
        font-size: 1em;
        line-height: 1.75;
        margin: 1em 0;
        max-width: none; } }

.map-legend {
    margin-top: auto; }
@media only screen and (max-width: 768px) {
    .map-legend {
        margin-left: 50px;
        margin-top: 1em; } }

.legend-title {
    display: block;
    font-size: .7em;
    letter-spacing: .1em;
    margin-bottom: 42px;
    position: relative;
    text-transform: uppercase; }
.legend-title::after {
    background: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    margin-bottom: -20px;
    opacity: .4;
    position: absolute;
    width: 37px; }
@media only screen and (max-width: 768px) {
    .legend-title {
        font-size: .75em; } }

.legend-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin: .5em 0; }
@media only screen and (max-width: 768px) {
    .legend-item {
        margin: 1em 0; } }
.legend-item .legend-label {
    font-size: .7em;
    margin-left: 1rem; }
@media only screen and (max-width: 768px) {
    .legend-item .legend-label {
        font-size: 1em; } }
.legend-item .legend-icon {
    display: inline-block;
    height: 18px;
    margin: 0;
    width: 18px; }
.legend-item .legend-icon--sport {
    background: #00b0cb;
    border-radius: 50%; }
.legend-item .legend-icon--culture {
    background: #ef4923;
    border-radius: 50%; }
@media only screen and (max-width: 768px) {
    .legend-item .legend-icon {
        height: 20px;
        width: 20px; } }

@keyframes marker-appear {
    0% {
        opacity: 0;
        transform: scale(0.1); }
    50% {
        opacity: 0;
        transform: scale(0.1); }
    100% {
        opacity: 1;
        transform: scale(1); } }

.overlay {
    background-color: transparent;
    bottom: 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    overflow-x: hidden;
    padding: 9em 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    z-index: 4; }
.overlay.has-background {
    background-color: rgba(0, 0, 0, 0.73); }
.overlay.is-visible {
    opacity: 1; }
.overlay.is-visible .controls-pauseOverlay {
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 100%; }
section.is-menu-open .overlay.is-visible .overlay-name,
section.is-menu-open .overlay.is-visible .overlay-description,
section.is-menu-open .overlay.is-visible .overlay-detail {
    opacity: 0.5;
    transition-delay: 0; }
.overlay.is-visible.overlay--play .overlay-tag {
    transition-delay: .6s; }
.overlay.is-visible.overlay--play .overlay-name {
    transition-delay: .7s; }
.overlay.is-visible.overlay--play .overlay-link {
    transition-delay: .8s; }
.overlay.is-visible .overlay-name,
.overlay.is-visible .overlay-description,
.overlay.is-visible .overlay-detail,
.overlay.is-visible .overlay-link,
.overlay.is-visible .overlay-tag {
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0); }
.overlay.is-visible .overlay-name {
    transition-delay: .1s; }
.overlay.is-visible .overlay-description {
    transition-delay: .2s; }
.overlay.is-visible .overlay-container > *:nth-child(4) {
    transition-delay: 0.4s; }
.overlay.is-visible .overlay-container > *:nth-child(5) {
    transition-delay: 0.5s; }
.overlay.is-visible .overlay-container > *:nth-child(6) {
    transition-delay: 0.6s; }
.overlay.is-visible .overlay-container > *:nth-child(7) {
    transition-delay: 0.7s; }
.overlay.is-visible .overlay-next {
    pointer-events: auto; }
.overlay--titlecard {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    transition-duration: 1.5s; }
.overlay--titlecard.is-visible .overlay-number {
    opacity: .35;
    transform: translate3d(-340px, -100px, 0);
    transition: 0.5s opacity 2.5s cubic-bezier(0.4, 0, 0.2, 1), 0.7s transform 2.5s cubic-bezier(0.34, 0.475, 0.175, 0.99); }
@media only screen and (max-width: 768px) {
    .overlay--titlecard.is-visible .overlay-number {
        transform: translate3d(calc(-50% - 20vw), -100px, 0) !important; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .overlay--titlecard.is-visible .overlay-number {
        transform: translate3d(calc(-50% - 32vw), -100px, 0) !important; } }
.overlay--titlecard.is-visible .overlay-name {
    opacity: 1;
    transform: translate3d(30px, 0, 0);
    transition: 0.6s opacity 3s cubic-bezier(0.34, 0.475, 0.175, 0.99), 0.6s transform 3s cubic-bezier(0.34, 0.475, 0.175, 0.99); }
@media only screen and (max-width: 768px) {
    .overlay--titlecard.is-visible .overlay-name {
        transform: translate3d(25px, 0, 0); } }
.overlay--titlecard.is-visible .overlay-narrators > div,
.overlay--titlecard.is-visible .overlay-narrators > p {
    opacity: 1;
    transform: translate3d(30px, 0, 0);
    transition: 0.6s opacity 3.1s cubic-bezier(0.34, 0.475, 0.175, 0.99), 0.6s transform 3.1s cubic-bezier(0.34, 0.475, 0.175, 0.99); }
.overlay--titlecard.is-visible .overlay-narrators > div:nth-child(1),
.overlay--titlecard.is-visible .overlay-narrators > p:nth-child(1) {
    transition-delay: 3.1s; }
.overlay--titlecard.is-visible .overlay-narrators > div:nth-child(2),
.overlay--titlecard.is-visible .overlay-narrators > p:nth-child(2) {
    transition-delay: 3.2s; }
.overlay--titlecard.is-visible .overlay-narrators > div:nth-child(3),
.overlay--titlecard.is-visible .overlay-narrators > p:nth-child(3) {
    transition-delay: 3.3s; }
.overlay--titlecard.is-visible .overlay-narrators > div:nth-child(4),
.overlay--titlecard.is-visible .overlay-narrators > p:nth-child(4) {
    transition-delay: 3.4s; }
.overlay--titlecard.is-visible .overlay-narrators > div:nth-child(5),
.overlay--titlecard.is-visible .overlay-narrators > p:nth-child(5) {
    transition-delay: 3.5s; }
.overlay--titlecard.is-visible-remove {
    opacity: 1;
    transition: 1s opacity cubic-bezier(0.59, 0.05, 0.665, 0.485); }
.overlay--titlecard.is-visible-remove .overlay-number {
    opacity: .35;
    transform: translate3d(-340px, -100px, 0);
    transition: 1s transform cubic-bezier(0.59, 0.05, 0.665, 0.485); }
@media only screen and (max-width: 768px) {
    .overlay--titlecard.is-visible-remove .overlay-number {
        transform: translate3d(calc(-50% - 50vw), -100px, 0) !important; } }
.overlay--titlecard.is-visible-remove .overlay-name {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 1s transform cubic-bezier(0.59, 0.05, 0.665, 0.485) 0.1s; }
.overlay--titlecard.is-visible-remove .overlay-narrators > div,
.overlay--titlecard.is-visible-remove .overlay-narrators > p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 1s transform cubic-bezier(0.59, 0.05, 0.665, 0.485) 0.2s; }
.overlay--titlecard.is-visible-remove.is-visible-remove-active {
    opacity: 0; }
.overlay--titlecard.is-visible-remove.is-visible-remove-active .overlay-number {
    opacity: .35;
    transform: translate3d(-590px, -100px, 0); }
.overlay--titlecard.is-visible-remove.is-visible-remove-active .overlay-name {
    transform: translate3d(-250px, 0, 0); }
.overlay--titlecard.is-visible-remove.is-visible-remove-active .overlay-narrators > div,
.overlay--titlecard.is-visible-remove.is-visible-remove-active .overlay-narrators > p {
    transform: translate3d(-250px, 0, 0); }
.overlay--titlecard .overlay-number {
    color: #fff;
    font-size: 18em;
    letter-spacing: -.06em;
    left: 0;
    text-align: center;
    top: 0;
    transform: translate3d(0, -100px, 0);
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 3s;
    width: 100%; }
@media only screen and (max-width: 768px) {
    .overlay--titlecard .overlay-number {
        font-size: 14em;
        left: 50% !important;
        transform: translate3d(-50%, -100px, 0) !important; } }
.overlay--titlecard .overlay-name {
    height: 150px;
    font-size: 3em;
    display: table-cell;
    opacity: 0;
    transform: translate3d(50px, 0, 0);
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 3s;
    vertical-align: middle; }
@media only screen and (max-width: 768px) {
    .overlay--titlecard .overlay-name {
        height: auto; } }
.overlay-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 650px;
    opacity: 1;
    padding: 0 40px;
    pointer-events: none;
    position: relative;
    width: 100%; }
@media only screen and (max-width: 768px) {
    .overlay-container {
        padding: 0 30px; } }
.overlay-name, .overlay-description, .overlay-detail, .overlay-link, .overlay-tag {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform cubic-bezier(0.4, 0, 0.2, 1); }
.overlay-number {
    color: rgba(255, 255, 255, 0.1);
    font-size: 13em;
    left: -150px;
    pointer-events: none;
    position: absolute;
    top: -80px; }
@media only screen and (max-width: 768px) {
    .overlay-number {
        font-size: 7em;
        left: 0;
        top: -70px; } }
.overlay-name {
    font-size: 1.9em;
    line-height: 1.2em;
    margin-bottom: -.3em; }
.overlay-description {
    clear: both;
    margin: 2em 0; }
@media only screen and (max-width: 768px) {
    .overlay-description {
        font-size: .9em;
        line-height: 1.5em;
        margin: 1.5em 0; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .overlay-description {
        float: left;
        margin: 1em 0;
        width: 70%; } }
.overlay-detail {
    display: inline-block;
    margin: 0 2em 2em 0; }
@media only screen and (max-width: 768px) {
    .overlay-detail {
        display: block;
        margin: 0;
        margin-bottom: 1.5em; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .overlay-detail {
        float: right;
        margin-bottom: 1em;
        width: 25%; } }
.overlay-detailTitle, .overlay-detailValue {
    display: block; }
@media only screen and (max-width: 768px) {
    .overlay-detailTitle, .overlay-detailValue {
        font-size: .9em; } }
.overlay-detailTitle {
    font-size: .55em;
    letter-spacing: .2em;
    margin-bottom: 1em;
    text-transform: uppercase; }
.overlay-narrators {
    margin-top: 10px; }
.overlay-narrators > div,
.overlay-narrators > p {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1), 0.3s transform 3s; }
.overlay-narrators > p {
    float: left;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 44px;
    margin: 0 10px;
    text-transform: uppercase; }
.overlay-narrator {
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 40px;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    width: 40px;
    vertical-align: middle;
    z-index: 3; }
.overlay-narrator > div {
    background: center / cover no-repeat;
    height: 100%;
    position: absolute;
    transition: .2s;
    width: 100%; }
.overlay--loading {
    background: url("../assets/intro/_loader-2x.gif") center/contain no-repeat;
    display: none;
    height: 180px;
    left: 50%;
    margin: 0 0 0 10px;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 190px;
    z-index: 1; }
.overlay--loading.is-active {
    display: block; }
@media only screen and (max-width: 768px) {
    .overlay--loading {
        display: none; } }
.overlay--experience {
    text-align: center; }
.overlay--experience.is-visible .overlay-link {
    pointer-events: auto; }
.overlay--experience:not(.is-visible) * {
    pointer-events: none !important; }
.overlay--experience .overlay-name {
    font-size: 3em; }
.overlay--experience > div {
    bottom: 40px;
    position: absolute;
    width: 100%; }
.overlay--experience > div .overlay-link {
    border: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .75em;
    margin: 0 auto;
    padding: 15px 0;
    pointer-events: none;
    text-align: center;
    width: 175px; }
.overlay--playExperience {
    background: #000;
    opacity: 0;
    padding: 0;
    transition: 1s;
    z-index: 5; }
.overlay--playExperience.is-visible {
    pointer-events: auto; }
.overlay--playExperience:not(.is-visible) * {
    pointer-events: none !important; }
.overlay--playExperience .overlay-container {
    text-align: center;
    padding: 0 20px; }
.overlay--playExperience .overlay-name,
.overlay--playExperience .overlay-description {
    text-align: left; }
.overlay--playExperience .overlay-name {
    font-size: 2.2em; }
.overlay--playExperience .overlay-description {
    font-family: 'AvenirNextLTW01-Medium', 'Avenir', sans-serif;
    font-size: .7em;
    margin-top: 2em;
    max-width: 75%; }
.overlay--playExperience .experience-gif {
    background: black url("../assets/vr/vr_instructions.gif") center/contain no-repeat;
    height: 200px;
    margin: 30px auto;
    width: 200px; }
.overlay--playExperience .experience-playVR {
    display: block;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: .75em;
    cursor: pointer;
    margin: 2em auto 0 auto;
    max-width: 300px;
    padding: 15px 0;
    pointer-events: auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
.overlay--playExperience .experience-play {
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin: 20px 0 0;
    padding-bottom: 3px;
    pointer-events: auto; }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .overlay--playExperience {
        height: 100%;
        padding: 0 !important; }
    .overlay--playExperience .overlay-container {
        height: 100%;
        margin: 0 auto;
        padding: 0;
        padding-top: 50px;
        width: calc(100% - 80px); }
    .overlay--playExperience .experience-gif {
        left: 50%;
        margin: 0;
        max-height: 40%;
        max-width: 40%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1; }
    .overlay--playExperience .overlay-name {
        text-align: center; }
    .overlay--playExperience .overlay-description {
        bottom: 0;
        box-sizing: border-box;
        height: 80px;
        left: 0;
        margin: 0;
        padding-right: 30px;
        position: absolute;
        width: 50%; }
    .overlay--playExperience .experience-links {
        bottom: 0;
        height: 80px;
        position: absolute;
        right: 0;
        width: 50%; }
    .overlay--playExperience .experience-play {
        margin-top: 10px; }
    .overlay--playExperience .experience-playVR {
        margin-top: 0;
        padding: 12px 0; } }
.overlay--play {
    background: #000;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: 0;
    padding: 0;
    transition: 1s;
    z-index: 5; }
.overlay--play::before {
    background: url("https://tour.wyachts.pl/assets/images/intro_bg.jpg") center/cover no-repeat;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    margin: -20px;
    opacity: .7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
.overlay--play.is-visible {
    pointer-events: auto; }
.overlay--play.is-visible .overlay-container {
    opacity: 1;
    transform: translate(-50%, -50%); }
.overlay--play.is-visible .overlay-name {
    opacity: 1; }
.overlay--play.is-hidden .overlay-container {
    opacity: 0;
    transform: translate(-50%, -50%); }
.overlay--play.is-hidden .overlay-name,
.overlay--play.is-hidden .overlay-description,
.overlay--play.is-hidden .overlay-detail,
.overlay--play.is-hidden .overlay-link,
.overlay--play.is-hidden .overlay-tag {
    transform: translate3d(0, 0, 0); }
.overlay--play .overlay-container {
    -ms-flex-align: start;
    align-items: flex-start;
    background: center / cover no-repeat;
    border-radius: 2px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 64%;
    left: 50%;
    margin: 0;
    opacity: 0;
    padding: 1em;
    position: absolute;
    top: 50%;
    transform: translate(90%, -10%);
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.42, 0.46, 0, 0.97);
    width: 88%; }
.overlay--play .overlay-container::before {
    background: #000;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    right: 0; }
@media (orientation: landscape) {
    .overlay--play .overlay-container {
        height: 88%;
        width: 64%; } }
.overlay--play .overlay-tag {
    margin-bottom: 15px; }
.overlay--play .overlay-link {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
.overlay--play .overlay-playButton {
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 100px;
    width: 100px; }
.overlay--play .overlay-playButton:active {
    background: rgba(255, 255, 255, 0.5); }
.overlay--play .overlay-playButton .controls-playPauseToggle {
    background: none;
    height: 30%;
    left: 50%;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30%; }
.overlay--play .overlay-playButton .controls-playPauseToggle::before {
    margin-left: 4px;
    border-left: 28px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent; }
.overlay--play .overlay-playButton .controls-playPauseToggle::after {
    border-left: 14px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }
.overlay--play .overlay-playButton .t-smallcaps, .overlay--play .overlay-playButton section.credits .credits-group strong, section.credits .credits-group .overlay--play .overlay-playButton strong, .overlay--play .overlay-playButton section.credits .credits-group strong a, section.credits .credits-group strong .overlay--play .overlay-playButton a, .overlay--play .overlay-playButton .menu .menu-creditslink, .menu .overlay--play .overlay-playButton .menu-creditslink, .overlay--play .overlay-playButton .menu .menuItem-watched, .menu .overlay--play .overlay-playButton .menuItem-watched {
    bottom: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .overlay {
        padding: 7em 0; } }

#pano-container {
    opacity: 1; }

.section--pano {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    opacity: 0;
    overflow: hidden;
    top: 0;
    transition: opacity 1s;
    width: 100%; }
.section--pano .overlay.is-visible {
    pointer-events: auto; }
.section--pano.is-active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
.section--pano.is-active .controls-cards {
    opacity: 1; }
.section--pano.is-active #pano-container {
    display: block; }
.section--pano.is-menu-open .controls,
.section--pano.is-menu-open .overlay-container,
.section--pano.is-menu-open .hotspot-bound,
.section--pano.is-menu-open .custom-zoom,
.section--pano.is-menu-open .pano-thumbnail {
    opacity: 0 !important;
    transition: .5s opacity !important; }
.section--pano.is-menu-open-remove {
    transition: .5s opacity; }
.section--pano.is-menu-open-remove .controls,
.section--pano.is-menu-open-remove .overlay-container,
.section--pano.is-menu-open-remove .hotspot-bound,
.section--pano.is-menu-open-remove .custom-zoom,
.section--pano.is-menu-open-remove .pano-thumbnail {
    transition: .5s opacity !important; }
.section--pano .streetview-pano {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
.section--pano .controls {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1; }
.section--pano .hotspot-bound.is-moving .hotspot.is-enabled {
    opacity: 0;
    transition: opacity .2s; }
.section--pano .controls-map {
    position: absolute;
    right: 0;
    bottom: 0; }
@media only screen and (max-width: 1080px) {
    .section--pano .controls-map {
        right: 20px; } }
@media only screen and (max-width: 768px) {
    .section--pano .controls-map {
        right: 55px;
        bottom: 20px; } }
@media only screen and (max-width: 768px) {
    .section--pano .controls-cards .controls-next .controls-nextArrow {
        display: block; }
    .section--pano .custom-zoom {
        display: none; } }

.pano-thumbnail {
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    width: 150px;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none; }
.pano-thumbnail.is-visible {
    opacity: 1;
    pointer-events: auto; }
@media only screen and (max-width: 768px) {
    .pano-thumbnail.is-visible {
        opacity: 0;
        pointer-events: none; } }
.pano-thumbnail img {
    width: 100%;
    box-shadow: 0px 10px 37px 0px rgba(0, 0, 0, 0.25); }
.pano-thumbnail .view-frame {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid white; }
.pano-thumbnail.pause-animation .thumbnail-hotspot::after {
    animation-name: none; }
.pano-thumbnail .thumbnail-hotspot {
    animation: 1s linear 0s infinite alternate thumbnail-hotspot;
    border: 3px solid white;
    border-radius: 50%;
    height: 0;
    position: absolute;
    width: 0; }
.pano-thumbnail .thumbnail-hotspot::before {
    border: 9px solid white;
    border-radius: 50%;
    content: '';
    display: block;
    height: 0;
    left: -9px;
    opacity: .3;
    top: -9px;
    transform-origin: center;
    position: absolute;
    width: 0; }
.pano-thumbnail .thumbnail-hotspot::after {
    animation: 2s linear 0s infinite thumbnail-hotspot-after;
    border-radius: 50%;
    content: '';
    display: block;
    height: 6px;
    left: -3px;
    top: -3px;
    transform-origin: center;
    position: absolute;
    width: 6px;
    background: radial-gradient(circle closest-side, transparent, white); }

@keyframes thumbnail-hotspot {
    0% {
        border-color: rgba(255, 255, 255, 0.8); }
    50% {
        border-color: white; } }

@keyframes thumbnail-hotspot-after {
    0% {
        opacity: .7;
        transform: scale(1); }
    60% {
        opacity: 0;
        transform: scale(4); }
    100% {
        opacity: 0;
        transform: scale(4); } }

#stage section:nth-child(1) {
    z-index: 11; }

#stage section:nth-child(2) {
    z-index: 12; }

#stage section:nth-child(3) {
    z-index: 13; }

#stage section:nth-child(4) {
    z-index: 14; }

#stage section:nth-child(5) {
    z-index: 15; }

.section--streetview {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    opacity: 0;
    top: 0;
    transition: 1s opacity;
    width: 100%; }
.section--streetview .overlay.is-visible {
    pointer-events: auto; }
.section--streetview.is-active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
.section--streetview.is-menu-open .controls,
.section--streetview.is-menu-open .overlay-container,
.section--streetview.is-menu-open .hotspot-bound {
    opacity: 0 !important;
    transition: .5s opacity !important; }
.section--streetview.is-menu-open-remove {
    transition: .5s opacity; }
.section--streetview.is-menu-open-remove .controls,
.section--streetview.is-menu-open-remove .overlay-container,
.section--streetview.is-menu-open-remove .hotspot-bound {
    transition: .5s opacity !important; }
.section--streetview .streetview-container {
    height: calc(100% + 25px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
.section--streetview .controls {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1; }
.section--streetview .hotspot {
    z-index: 1; }
.section--streetview .overlay {
    position: fixed; }
@media only screen and (max-width: 768px) {
    .section--streetview .controls-cards .controls-next .controls-nextArrow {
        display: block; } }

.takeaction {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: block;
    height: calc(100% - 8em);
    margin: 5.25em 5% 2.75em;
    opacity: 0;
    position: fixed;
    transition: 1s opacity;
    width: 90%;
    will-change: opacity;
    visibility: hidden;
    z-index: 1; }
.takeaction.is-active {
    display: block;
    opacity: 1;
    visibility: visible; }
.takeaction.is-active-remove {
    transition: 1s opacity;
    visibility: visible; }
.takeaction:not(.is-active) * {
    pointer-events: none !important; }
.takeaction.is-menu-open {
    opacity: 0; }
.takeaction .takeaction--callout,
.takeaction .takeaction--form {
    opacity: 1; }
.takeaction .takeaction--callout {
    float: left;
    height: 100%;
    position: relative;
    width: 50%;
    /*a {
      display: inline-block;
      margin: 30px 8%;
      outline: none;

      &:before {
        border-bottom: 7px solid transparent;
        border-left: 10px solid white;
        border-top: 7px solid transparent;
        content: '';
        display: inline-block;
        height: 0;
        margin: 0 15px 0 0;
        transform: translateY(-1px);
        width: 0;
        vertical-align: middle;
      }
    }*/ }
.takeaction .takeaction--callout h1, .takeaction .takeaction--callout p, .takeaction .takeaction--callout a {
    position: relative;
    z-index: 2; }
.takeaction .takeaction--callout h1 {
    font-size: 5em;
    margin: 100px 0 40px -5%; }
.takeaction .takeaction--callout p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 8%;
    width: 45%; }
@media only screen and (max-width: 1500px) {
    .takeaction .takeaction--callout p {
        width: 84%; } }
@media only screen and (max-height: 1100px) {
    .takeaction .takeaction--callout p {
        width: 84%; } }
.takeaction .takeaction--callout .footnote {
    font-size: .6em;
    margin-top: 1em;
    opacity: 0.5; }
.takeaction .takeaction--callout .footnote a {
    font-size: 1em;
    letter-spacing: 0;
    text-transform: none; }
.takeaction .takeaction--callout .takeaction-bg {
    background: url("../assets/takeaction/takeaction-background.jpg") center center no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
.takeaction .takeaction--callout .takeaction-bg:after {
    background: rgba(0, 0, 0, 0.6);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%; }
.takeaction .takeaction--callout .takeaction-bg #player {
    opacity: 1; }
.takeaction .takeaction--gradient {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s;
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); }
@media only screen and (max-width: 768px) {
    .takeaction .takeaction--gradient.is-visible {
        opacity: 1; } }
.takeaction .takeaction--form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    height: 100%;
    overflow: scroll;
    width: 50%; }
.takeaction .takeaction--form.is-active {
    pointer-events: auto; }
.takeaction .takeaction--form .advocacy-actionwidget {
    -ms-flex: 1;
    flex: 1;
    overflow: visible !important; }
.takeaction .takeaction--form iframe {
    display: block;
    min-height: 1000px !important;
    position: relative;
    width: 100%;
    z-index: 1; }

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .takeaction .takeaction--form iframe {
        min-height: 1200px; } }
.takeaction .takeaction-formintro {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    padding: 45px 30px 30px; }
.takeaction .takeaction-formintro h2 {
    line-height: 38px;
    margin-bottom: 20px;
    font-family: 'Avenir Next LT W01 Bold', 'Avenir', sans-serif; }
.takeaction .takeaction-formintro p {
    font-size: 16px;
    line-height: 24px;
    width: 70%; }
@media only screen and (max-width: 900px), only screen and (max-height: 725px) {
    .takeaction {
        background: none;
        position: fixed;
        height: 100%;
        margin: 0;
        padding: 0 5%;
        overflow-y: scroll; }
    .takeaction .takeaction--callout {
        background: rgba(0, 0, 0, 0.7);
        width: calc(100% - 40px);
        height: auto;
        margin-top: 70px;
        padding: 20px; }
    .takeaction .takeaction--callout .takeaction-bg {
        height: 310px;
        left: 0;
        right: 0; }
    .takeaction .takeaction--callout h1 {
        margin: 200px 0 40px 0; }
    .takeaction .takeaction--callout p {
        width: auto;
        margin: 0; }
    .takeaction .takeaction--form {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: auto;
        overflow: visible;
        padding-bottom: 10px;
        margin-bottom: 30px; }
    .takeaction .takeaction-formintro {
        background: none;
        padding: 35px 20px 20px 20px; }
    .takeaction .takeaction-formintro p {
        width: auto; } }

.typeIcon--video,
.typeIcon--vrvideo,
.typeIcon--streetview {
    background: center / contain no-repeat;
    height: 1.5em;
    margin-left: .5em;
    width: 1.5em; }
@media only screen and (max-width: 768px) {
    .typeIcon--video,
    .typeIcon--vrvideo,
    .typeIcon--streetview {
        height: 1.2em;
        margin-left: .2em;
        width: 1.2em; } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .typeIcon--video,
    .typeIcon--vrvideo,
    .typeIcon--streetview {
        position: relative;
        top: 22px; } }

.typeIcon--video {
    background-image: url("../assets/icons/type_video.svg"); }

.typeIcon--streetview {
    background-image: url("../assets/icons/type_streetview.svg"); }

.typeIcon--vrvideo {
    background-image: url("../assets/icons/type_vrvideo.svg"); }

.menu .menuItem-description, body, .video-js {
    font-family: 'AvenirNextLTW01-Regular', 'Avenir', sans-serif; }

.controls-nav, .controls-time, .intro-info .meta-note, a.button {
    font-family: 'AvenirNextLTW01-Medium', 'Avenir', sans-serif; }

.card, .controls-timeTotal, section.credits .credits-group p, section.credits .credits-group p a, .intro-preview .title, .intro-titles .title, .menu .menu-main,
.menu .menu-full, .menu .menuTitle, .map-open::after, .legend-title, .overlay-number, .overlay-name, .overlay-narrators > p, .takeaction .takeaction--callout .footnote, h1, strong, .t-smallcaps, section.credits .credits-group strong, section.credits .credits-group strong a, .menu .menu-creditslink, .menu .menuItem-watched, a, .video-js .vjs-duration .vjs-duration-display {
    font-family: 'Avenir Next LT W01 Bold', 'Avenir', sans-serif; }

body {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 20px; }

h1 {
    font-size: 3em;
    line-height: .9; }

h2 {
    font-size: 30px;
    font-weight: 900; }

.t-smallcaps, section.credits .credits-group strong, section.credits .credits-group strong a, .menu .menu-creditslink, .menu .menuItem-watched {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase; }

p {
    font-size: 1em;
    line-height: 1.9em; }

.breadcrumbs a, section.credits .credits-group strong a, section.credits .credits-group p a, header .menu-takeaction, .menu .menu-creditslink, .menu .menuSections a, .takeaction .takeaction--callout .footnote a, a.underlined, header .menu-home.is-visible,
a span.underlined {
    padding: 3px 0;
    position: relative; }
.breadcrumbs a::after, section.credits .credits-group strong a::after, section.credits .credits-group p a::after, header .menu-takeaction::after, .menu .menu-creditslink::after, .menu .menuSections a::after, .takeaction .takeaction--callout .footnote a::after, a.underlined::after, header .menu-home.is-visible::after,
a span.underlined::after {
    background: #fff;
    bottom: -2px;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: .3s opacity;
    width: 100%; }
.breadcrumbs a:hover::after, section.credits .credits-group strong a:hover::after, section.credits .credits-group p a:hover::after, header .menu-takeaction:hover::after, .menu .menu-creditslink:hover::after, .menu .menuSections a:hover::after, .takeaction .takeaction--callout .footnote a:hover::after, a.underlined:hover::after, header .menu-home.is-visible:hover::after,
a span.underlined:hover::after {
    opacity: 1; }

a {
    color: #fff;
    font-size: .6em;
    letter-spacing: .1em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase; }
a.underlined, header .menu-home.is-visible,
a span.underlined {
    display: inline-block;
    padding-bottom: 3px;
    position: relative;
    transition: .2s opacity; }
a.underlined:hover, header .menu-home.is-visible:hover,
a span.underlined:hover {
    opacity: .3; }
a.button {
    background: #e6320a;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 5px 0;
    padding: 20px 30px;
    text-decoration: none; }

@media only screen and (max-width: 768px) {
    body {
        font-size: 16px; } }

.section--video {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: 1s opacity;
    z-index: 5;
    -webkit-tap-highlight-color: transparent; }
.section--video.is-active {
    opacity: 1;
    pointer-events: auto; }
.section--video.is-active.is-controls-visible .controls:not(.controls--mobilevr),
.section--video.is-active.is-controls-visible .menu-open {
    opacity: 1;
    transition: .5s opacity; }
@media only screen and (max-width: 768px) {
    .section--video.is-active.is-controls-visible .controls:not(.controls--mobilevr),
    .section--video.is-active.is-controls-visible .menu-open {
        transition-delay: 1s; } }
.section--video.is-active.is-controls-visible .menu-open {
    pointer-events: auto; }
.section--video.is-active.is-controls-visible .controls-cards {
    opacity: 1; }
.section--video.is-menu-open {
    transition: .5s opacity; }
.section--video.is-menu-open .controls,
.section--video.is-menu-open .overlay-container {
    opacity: 0 !important;
    transition: .5s opacity !important; }
.section--video.is-menu-open.is-playing-premenu .overlay-container {
    opacity: 0; }
.section--video.is-menu-open-remove {
    transition: .5s opacity; }
.section--video.is-menu-open-remove .controls,
.section--video.is-menu-open-remove .overlay-container {
    transition: .5s opacity !important; }
.section--video.is-menu-open-remove.is-playing-premenu .overlay-container {
    opacity: 0; }
.section--video .overlay {
    z-index: 0; }
.section--video .overlay--play.is-visible {
    z-index: 6; }
.section--video .menu-open {
    background: url("../assets/icons/hamburger_short.svg") center/contain no-repeat;
    cursor: pointer;
    display: block;
    height: 17px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 5%;
    top: 32px;
    transition: .5s opacity;
    width: 17px; }
.section--video .controls-drag-instruction {
    bottom: 60px; }
.section--video .controls-captions .caption {
    bottom: 60px;
    display: inline-block;
    left: 50%;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    transform: translate3d(-50%, 0, 0);
    transition: .5s opacity; }
@media only screen and (min-width: 769px) {
    .section--video .controls-captions .caption {
        bottom: 110px;
        font-size: 20px; } }
.section--video .controls-captions .caption.is-active {
    opacity: 1; }
.section--video .flyover-poweredby {
    bottom: 65px;
    font-size: 12px;
    font-family: 'Avenir Next LT W01 Bold', 'Avenir', sans-serif;
    text-transform: uppercase;
    line-height: 18px;
    left: 50%;
    letter-spacing: 1px;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transform: translate3d(-50%, 0, 0);
    transition: opacity .5s; }
@media only screen and (max-width: 768px) {
    .section--video .flyover-poweredby {
        text-align: center;
        width: 300px; } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .section--video .flyover-poweredby {
        bottom: 90px; } }
.section--video .flyover-poweredby img {
    display: inline-block;
    margin-bottom: -7px;
    width: 127px; }
.section--video .flyover-poweredby.is-active {
    opacity: 1; }

#player,
#playervr {
    height: 100%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: 1s opacity;
    width: 100%; }
#player.is-active,
#playervr.is-active {
    opacity: 1; }

@media only screen and (max-width: 768px) {
    #player.is-vrvideo {
        display: none; } }

#player.is-vrvideo ~ .controls.is-active {
    pointer-events: auto; }
#player.is-vrvideo ~ .controls.is-active::before {
    content: '';
    left: -15%;
    height: 77px;
    position: absolute;
    top: calc(-100vh + 89px);
    width: 130%; }

#player.is-vrvideo ~ .controls-cards .controls-nextArrow::after {
    content: '';
    height: 100vh;
    position: absolute;
    top: -50vh;
    width: 300px; }

#player.is-vrvideo ~ .controls.is-visible .controls-narrator,
#player.is-vrvideo ~ .controls.is-visible .controls-mobile-next {
    pointer-events: auto; }

#player:not(.is-vrvideo) {
    pointer-events: none; }
#player:not(.is-vrvideo) ~ .controls-pauseOverlay {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3; }

#playervr {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
@media only screen and (max-width: 768px) {
    #playervr {
        opacity: 1;
        visibility: visible;
        pointer-events: auto; } }
#playervr.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

.video-js {
    color: #fff;
    font-size: 12px; }
.video-js.is-ended .vjs-control-bar, .video-js.vjs-ended .vjs-control-bar {
    display: none; }
.video-js .vjs-big-play-button,
.video-js .vjs-volume-menu-button,
.video-js .vjs-fullscreen-control {
    display: none; }
.video-js .vjs-control-bar,
.video-js .vjs-menu-button .vjs-menu-content {
    background: transparent; }
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
    background: #fff; }
.video-js .vjs-load-progress {
    background: rgba(255, 255, 255, 0.3); }
.video-js .vjs-load-progress div {
    background: transparent; }
.video-js .vjs-slider {
    background: rgba(255, 255, 255, 0.1); }
.video-js .vjs-current-time,
.video-js .vjs-time-divider,
.video-js .vjs-duration {
    display: block; }
.video-js .vjs-play-progress::before,
.video-js .vjs-play-progress::after {
    display: none !important; }
.video-js .vjs-control-bar {
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    height: 7em;
    padding: 0 15%; }
@media only screen and (max-width: 1080px) {
    .video-js .vjs-control-bar {
        padding: 0 20%; } }
@media only screen and (max-width: 768px) {
    .video-js .vjs-control-bar {
        padding: 0 15px; } }
.video-js .vjs-control {
    -webkit-tap-highlight-color: transparent; }
.video-js .vjs-control::before {
    text-shadow: none !important; }
.video-js .vjs-play-control {
    background-color: transparent;
    border-radius: 50%;
    height: 4em;
    margin-left: 5px;
    margin-top: -2px;
    width: 2em; }
@media only screen and (max-width: 768px) {
    .video-js .vjs-play-control {
        background: rgba(255, 255, 255, 0.2);
        margin-left: 0;
        margin-top: 0;
        width: 4em; } }
.video-js .vjs-play-control.vjs-playing {
    background: transparent; }
.video-js .vjs-progress-control {
    margin-left: 10px;
    margin-right: 10px;
    transition: transform .2s; }
@media only screen and (max-width: 768px) {
    .video-js .vjs-progress-control {
        margin-right: 0; } }
@media only screen and (min-width: 1081px) {
    .video-js .vjs-progress-control:hover {
        transform: scaleY(3); } }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit; }
.video-js .vjs-progress-holder,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-play-progress {
    height: 2px; }
@media only screen and (max-width: 768px) {
    .video-js .vjs-progress-holder,
    .video-js .vjs-progress-holder .vjs-load-progress,
    .video-js .vjs-progress-holder .vjs-play-progress {
        height: 7px; } }
.video-js .vjs-mouse-display {
    display: none !important; }
.video-js .vjs-control::before {
    font-size: 2.5em; }
.video-js .vjs-time-control {
    height: auto;
    padding-left: 5px;
    padding-right: 5px; }
.video-js .vjs-duration,
.video-js .vjs-current-time {
    font-family: 'AvenirNextLTW01-Medium', 'Avenir', sans-serif;
    font-size: 9px;
    letter-spacing: .2em; }
@media only screen and (max-width: 768px) {
    .video-js .vjs-duration,
    .video-js .vjs-current-time {
        font-size: 12px;
        letter-spacing: 1px; } }
.video-js .vjs-duration {
    padding-left: 7px; }
.video-js .vjs-current-time {
    position: relative; }
.video-js .vjs-current-time::after {
    content: ' | ';
    display: block;
    position: absolute;
    right: -2px;
    top: 0; }
.video-js .vjs-VR-control {
    margin-right: 5px;
    height: 4em; }
.video-js .vjs-VR-control::before {
    font-size: 2em;
    line-height: 2em; }
.video-js .vjs-map-control {
    background: rgba(255, 255, 255, 0.17) center/contain no-repeat;
    background-size: 40%;
    border-radius: 50%;
    cursor: pointer;
    height: 66px;
    margin-bottom: 20px;
    position: absolute;
    right: 5%;
    width: 66px;
    transform: scale(1) translateZ(0);
    transition: 0.22s all cubic-bezier(0.84, 0.15, 0.04, 1.2); }
.video-js .vjs-map-control:hover {
    background-color: rgba(255, 255, 255, 0.4);
    transform: scale(2) translateZ(0); }
@media only screen and (max-width: 768px) {
    .video-js .vjs-map-control {
        height: 4em;
        margin-bottom: 0;
        position: static;
        right: auto;
        width: 4em; } }
.video-js .vjs-mute-toggle {
    background: url("../assets/icons/video_unmuted.svg") center/contain no-repeat;
    cursor: pointer;
    height: 1em;
    width: 3em; }
@media only screen and (max-width: 768px) {
    .video-js .vjs-mute-toggle {
        width: 2em; } }
.video-js .vjs-mute-toggle.is-unmute-btn {
    background-image: url("../assets/icons/video_muted.svg"); }
.video-js .vjs-overlay {
    background: rgba(0, 0, 0, 0.73);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: .2s;
    visibility: hidden; }
.video-js .vjs-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
.video-js .vjs-loading-spinner {
    background: url("http://bearsears.patagonia.com/assets/intro/_loader-2x.gif") center/cover no-repeat transparent;
    border: none;
    height: 190px;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    width: 180px; }
.video-js .vjs-loading-spinner::before, .video-js .vjs-loading-spinner::after {
    content: none; }

.custom-zoom {
    position: absolute;
    right: 25px;
    bottom: 25px;
    cursor: pointer;
    pointer-events: auto; }
@media only screen and (max-width: 768px) {
    .custom-zoom {
        right: 20px;
        bottom: 80px; }
    section.map .custom-zoom {
        bottom: 10px;
        right: 10px; } }
.custom-zoom-in, .custom-zoom-out {
    position: relative;
    width: 24px;
    height: 20px;
    margin-bottom: 4px;
    border: 2px solid #fff; }
.custom-zoom-in::before, .custom-zoom-out::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 9px;
    width: 12px;
    height: 2px;
    background: #fff; }
.custom-zoom-in::after {
    content: '';
    position: absolute;
    left: 11px;
    top: 4px;
    width: 2px;
    height: 12px;
    background: #fff; }
.menu .menuItem-content--hover {
    left: 0;
}.menuItem-background:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #0000000f;
     z-index: 1;
     pointer-events: none;
 }
.menu .menuItem:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(rgba(0, 0, 0, .7) 40%, rgba(0, 0, 0, 0));
    z-index: 1;
    pointer-events: none;
}
.tour-embed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black url(https://tour.wyachts.pl/assets/images/loading.gif)no-repeat;
    z-index: 9999999999;
    background-size: 47px;
    background-position: center;
}
.close-tour {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border: 0;
    background: white;
    outline: none;
    border-radius: 50em;
    z-index: 2;
    cursor: pointer;
}
.tour-embed iframe {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
}
.close-tour img {
    width: 60%;
    vertical-align: middle;
}
.intro-video:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000047;
    z-index: 2;
    pointer-events: none;
}
p.meta-note strong {
    color: #cf2c88;
}
.intro-preview .t-smallcaps {
    font-size: 17px;
}