.Banner {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0;
    text-align: center;
}
.Banner__bd, .Banner:after {
    display: inline-block;
    vertical-align: middle;
}
.Banner:after {
    content: '';
    width: 0;
    min-height: 50vh;
}
.Banner__bd {
    width: 100%;
}
.Banner__video {
    position: absolute;
    bottom: 0%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-0%) translateX(-0%);
    transform: translateY(-0%) translateX(-0%);
}
.Banner__video::-webkit-media-controls-play-button, .Banner__video::-webkit-media-controls-start-playback-button {
 opacity: 0;
 pointer-events: none;
 width: 5px;
}
.Banner:before {
    content: '';
    position: absolute;
    z-index: 1;

    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
    opacity: 0.85;
}
.Banner.isPlaying:before {
    opacity: 0.25;
}
.Banner__bd {
    position: relative;
    z-index: 1;
    padding: 125px 45px 75px 45px;
    max-width: 900px;
}
.Banner__title {
    text-align: center;
    max-width: 800px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 32px;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
    font-size: 46px;
}
.Banner__subtitle {
    font-size: 18px;
    opacity: 0.75;
    margin: 20px 0 10px;
}
.Banner__playBtn {
    margin-top: 10px;
    margin-bottom: 20px;
}
.Banner__scroll {
    position: absolute;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px;
    bottom: 18px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.Banner__scrollSvg {
    display: block;
}
.Banner__scroll:hover, .Banner__scroll:focus {
    color: #27b099;
}
.Banner--hideSubtitle .Banner__subtitle {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.Banner--fullscreen:after {
    height: 100vh;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#output {
    width: 100%;
    height: 100%;
}
#buffer {
    display: none;
}