/* VimeoPlayer - v3.17.7 - 2020-02-13 */

@charset "UTF-8";
@-webkit-keyframes buffer {
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes buffer {
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@-moz-keyframes bufferLeft {
    0% {
        left: 0
    }
    100% {
        left: -10px
    }
}

@-webkit-keyframes throb {
    0%,
    100% {
        background-color: #555
    }
    50% {
        background-color: #444
    }
}

@keyframes throb {
    0%,
    100% {
        background-color: #555
    }
    50% {
        background-color: #444
    }
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%,
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    60% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wiggle {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%,
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    60% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes pulse {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes pulse {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

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

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

:-webkit-full-screen-ancestor>:not(:-webkit-full-screen-ancestor):not(:-webkit-full-screen) {
    display: none!important
}

:-ms-fullscreen-ancestor>:not(:-ms-fullscreen-ancestor):not(:-ms-fullscreen) {
    display: none!important
}

:fullscreen-ancestor>:not(:fullscreen-ancestor):not(:fullscreen) {
    display: none!important
}

body:not(.showfocus) .player button,
body:not(.showfocus) .player li,
body:not(.showfocus) .player span,
body:not(.showfocus) .player svg {
    outline: 0!important
}

.vp-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vp-placeholder {
    opacity: 1;
    -webkit-transition: opacity 125ms ease-out .1s;
    transition: opacity 125ms ease-out .1s
}

.vp-placeholder-fadeout {
    opacity: 0
}

.player {
    position: relative;
    max-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    color: #fff;
    line-height: normal;
    overflow: visible;
    border-collapse: separate;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulate;
    touch-action: manipulate
}

.player:focus {
    outline: 2px solid #00adef;
    outline-offset: 2px
}

.player,
.player h1,
.player h2 {
    font-family: "Helvetica Neue", Helvetica, Arial!important;
    font-size: 10px
}

.player,
.player *,
.player::after,
.player::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.player.scrubbing * {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important
}

.player.loading .vp-controls-wrapper,
.player.loading .vp-video-wrapper {
    opacity: 0
}

.player:hover .vp-controls.controls-outro {
    opacity: 1
}

.player button {
    cursor: pointer;
    font-size: 1em
}

.player button,
.player input,
.player textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial;
    line-height: normal;
    height: auto;
    vertical-align: baseline
}

.player a:active,
.player button:active,
.player button:not(:focus) {
    outline: 0
}

.player img {
    border: 0
}

.player a {
    text-decoration: none
}

.player .hidden {
    display: none!important
}

.player .invisible {
    opacity: 0
}

.player .cloaked {
    visibility: hidden
}

.player .rounded-box {
    background: rgba(23, 35, 34, .75);
    border-radius: .5em
}

.player .fill {
    fill: #fff
}

.player .toggle.off .fill {
    fill: #fff
}

.player .toggle.off .stroke {
    stroke: #fff
}

.player .stroke {
    stroke: #fff;
    fill: none
}

.player .only-in-fullscreen {
    display: none!important
}

.js-player-fullscreen:-webkit-full-screen .only-in-fullscreen {
    display: block!important
}

.js-player-fullscreen:-ms-fullscreen .only-in-fullscreen {
    display: block!important
}

.js-player-fullscreen:fullscreen .only-in-fullscreen {
    display: block!important
}

.player .vp-target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.player.player-ad .vp-target {
    visibility: hidden
}

.player .vp-controls-wrapper,
.player .vp-video-wrapper {
    opacity: 1;
    -webkit-transition: opacity 125ms ease-out;
    transition: opacity 125ms ease-out
}

.player.player-cursor-hide {
    cursor: none
}

.player.grabbable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.player.grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.player .vp-ads-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-ads-wrapper .vp-ads-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 22px;
    padding: 0 .8em;
    font-size: 1.2em;
    line-height: 2;
    text-transform: uppercase;
    border-radius: 3px;
    background: rgba(23, 35, 34, .75);
    color: #fff
}

.player .vp-alert {
    background: rgba(23, 35, 34, .75);
    text-align: center;
    z-index: 23;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 50px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity .1s, -webkit-transform .1s linear;
    transition: opacity .1s, -webkit-transform .1s linear;
    transition: transform .1s linear, opacity .1s;
    transition: transform .1s linear, opacity .1s, -webkit-transform .1s linear;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.player .vp-alert h3 {
    margin: 0;
    color: #fff;
    font-size: 1.2em
}

.player .vp-alert.in {
    opacity: 1;
    -webkit-transition: opacity .1s, -webkit-transform .1s cubic-bezier(0, 1.14, .57, 1.21);
    transition: opacity .1s, -webkit-transform .1s cubic-bezier(0, 1.14, .57, 1.21);
    transition: transform .1s cubic-bezier(0, 1.14, .57, 1.21), opacity .1s;
    transition: transform .1s cubic-bezier(0, 1.14, .57, 1.21), opacity .1s, -webkit-transform .1s cubic-bezier(0, 1.14, .57, 1.21);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.player .vp-alert.leaving {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: transform .2s linear, opacity .2s linear;
    transition: transform .2s linear, opacity .2s linear, -webkit-transform .2s linear
}

.player .vp-alert .close {
    position: absolute;
    right: 0;
    background: 0 0;
    margin: 0;
    padding: 0;
    top: 0;
    height: 100%
}

.player .vp-alert .close .icon-close {
    width: 1.125em;
    height: 1.125em;
    margin: .9375em
}

.player .vp-alert .close:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.player .vp-alert .warning-icon {
    fill: #e53e4f;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 2px
}

.player .vp-alert-button-link {
    padding: 5px 0;
    background: 0 0;
    font-weight: 700
}

.player .vp-alert-round {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px
}

.player .vp-alert-round.in {
    visibility: visible;
    opacity: 1
}

.player .vp-alert-round.leaving {
    opacity: 0
}

.player .vp-alert-round--threesixty {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.player .vp-alert-round--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.player .vp-alert-round--top.vp-alert-bumpdown {
    top: 45px
}

.player .vp-alert-round--mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player .vp-alert-mid-inner {
    color: #fff;
    font-size: 14px;
    z-index: 2;
    background: rgba(23, 35, 34, .75);
    padding: .75em 2em;
    border-radius: 3px
}

.player .compass-wrapper {
    opacity: 0;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 7;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out, fill .2s ease-in-out;
    transition: opacity .2s ease-in-out, fill .2s ease-in-out;
    position: absolute;
    top: 49%;
    right: 1em
}

.player .compass-wrapper .compass-background {
    fill: rgba(23, 35, 34, .75)
}

.player .compass-wrapper .compass-ring {
    stroke: #fff
}

.player .compass-wrapper .compass-dimple {
    fill: #fff
}

.player .compass-wrapper .compass-centercircle {
    fill: #fff
}

.player .compass-wrapper .compass-slice {
    fill: #fff
}

.player .compass-wrapper .compass-line {
    stroke: #ccc;
    stroke-width: 1;
    fill: none
}

.player .compass-wrapper.in {
    opacity: 1
}

.player .compass-wrapper.fade {
    opacity: .35
}

.player .compass-wrapper.leaving {
    opacity: 0
}

.player .compass-wrapper:hover {
    opacity: 1!important
}

.player .compass-wrapper:hover .compass-background {
    fill: rgba(0, 0, 0, .8)
}

.player .compass-wrapper.align-bottom {
    top: auto;
    bottom: 50px
}

.player .intro-wrap {
    background: rgba(23, 35, 34, .75);
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    max-width: 250px
}

.player .intro-wrap.text-only {
    border-radius: 3px;
    font-size: 14px;
    padding: .8571428571em .9285714286em
}

.player .intro-wrap .key-wrapper {
    text-align: center;
    margin-bottom: .5em
}

.player .intro-wrap .key-row {
    text-align: center
}

.player .intro-wrap .key {
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    margin: .2em;
    position: relative
}

.player .intro-wrap .arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.player .intro-wrap .arrow::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative
}

.player .intro-wrap .arrow.arrow-top::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px
}

.player .intro-wrap .arrow.arrow-right::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -2px
}

.player .intro-wrap .arrow.arrow-down::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -2px
}

.player .intro-wrap .arrow.arrow-left::before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 2px
}

.player.no-fullscreen-api-support.no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-support.no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-webkit-full-screen).no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-ms-fullscreen).no-playbar .vp-captions.with-controls {
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:fullscreen) .player.no-playbar .vp-captions.with-controls,
.player:not(:fullscreen).no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player .vp-captions {
    text-align: center;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 250ms ease-out .2s;
    transition: -webkit-transform 250ms ease-out .2s;
    transition: transform 250ms ease-out .2s;
    transition: transform 250ms ease-out .2s, -webkit-transform 250ms ease-out .2s
}

.player .vp-captions.with-controls {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform 150ms ease;
    transition: -webkit-transform 150ms ease;
    transition: transform 150ms ease;
    transition: transform 150ms ease, -webkit-transform 150ms ease
}

.player .vp-captions>span {
    display: inline-block;
    background: rgba(23, 35, 34, .75);
    border-radius: 5px;
    padding: .4em .5em .5em;
    margin: 10px 0 0;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

.player .vp-captions .bar {
    font-style: normal
}

.js-player-fullscreen:-webkit-full-screen .vp-captions {
    padding: 1.5%
}

.js-player-fullscreen:-ms-fullscreen .vp-captions {
    padding: 1.5%
}

.js-player-fullscreen:fullscreen .vp-captions {
    padding: 1.5%
}

.player.player-ad .vp-captions {
    display: none
}

.player .focus-dummy {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0
}

.player.no-playbar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.no-playbar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.no-playbar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.no-playbar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.no-playbar .vp-controls .airplay,
.player.no-playbar .vp-controls .logo,
.player.no-playbar .vp-controls .stereoscopic,
.player.no-playbar .vp-controls .volume,
.player.no-playbar .vp-controls .vp-cast-button,
.player.no-playbar .vp-controls .vp-prefs,
.player.no-playbar .vp-controls .vp-progress {
    display: none
}

.player.mobile.trailer {
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.player.mobile.trailer .play {
    font-size: .8em
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play .tiny-bars,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay {
    z-index: 14
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.player-mini .vp-controls .logo {
    overflow: hidden;
    width: 1.5em
}

.player.player-mini .vp-controls .logo svg {
    width: 6.4em;
    height: 2em;
    margin-top: -.2em
}

.player.player-mini .vp-controls .logo path:not(.logo-v) {
    display: none
}

.player.player-mini .vp-controls .logo canvas {
    width: 6.4em;
    height: 1.9em
}

.player.player-ad .vp-controls .vp-progress {
    display: none
}

.player.player-ad .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: absolute;
    right: 0;
    bottom: 2%
}

.player.player-outroVisible:not(.is-casting) .vp-cast-button {
    display: none!important
}

.player .vp-controls.controls-outro .play-bar {
    background: 0 0
}

.player .vp-controls.controls-outro .play-bar>:not(.logo):not(.vp-cast-button) {
    display: none!important
}

.player .vp-controls.controls-outro .play-bar .logo {
    position: relative;
    right: 10px;
    bottom: 22px
}

.player .vp-controls.controls-outro .play-bar .logo a:not(:hover) {
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: .35
}

.player .vp-controls.controls-centerMenu .play-bar>:not(.vp-menu),
.player .vp-controls.controls-centerMenu>:not(.play-bar) {
    opacity: 0
}

.player .vp-controls.controls-centerMenu .play-bar {
    background: 0 0
}

.player.hide-controls-mode {
    pointer-events: none!important
}

.player.hide-controls-mode .vp-controls-wrapper {
    display: none!important
}

.player.hide-controls-mode video::-webkit-media-controls-start-playback-button {
    display: none
}

.player.player-overlayVisible .vp-controls {
    display: none
}

.player.player-mini .chapters,
.player.player-tiny .chapters {
    display: none
}

.player.player-tiny .vp-controls .vp-chapter-button {
    display: none
}

.player .vp-controls {
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 1em;
    height: 0;
    opacity: 1;
    z-index: 14;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player .vp-controls>* {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-controls.invisible>* {
    opacity: 0
}

.player .vp-controls.trailer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10;
    height: auto!important
}

@media screen and (min-width:960px) {
    .player .vp-controls.trailer {
        font-size: 1.2em
    }
}

.player .vp-controls.trailer .play {
    margin-right: 0;
    margin-bottom: 2em
}

.player .vp-controls.trailer .logo {
    margin: -1.2em 0 0;
    z-index: 2
}

.player .vp-controls.trailer .logo svg {
    width: 5.8em;
    height: 1.8em;
    -webkit-backface-visibility: hidden;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.player .vp-controls.trailer .custom-logo {
    position: absolute;
    bottom: 0;
    right: 0
}

.player .vp-controls.controls-outro .play.state-paused .pause-icon {
    display: none
}

.player .vp-controls.controls-outro .play.state-paused .play-icon {
    display: none
}

.player .vp-controls.controls-outro .play.state-paused .replay-icon {
    display: block
}

.player .vp-controls .play {
    width: 6.5em;
    height: 4em;
    margin-right: 1em;
    color: #fff;
    position: relative;
    -webkit-transition: opacity 250ms ease-out, background-color 40ms, color 40ms;
    transition: opacity 250ms ease-out, background-color 40ms, color 40ms
}

.player .vp-controls .play.state-paused .pause-icon {
    display: none
}

.player .vp-controls .play.state-paused .play-icon {
    display: block
}

.player .vp-controls .play.state-paused .replay-icon {
    display: none
}

.player .vp-controls .play.state-playing .pause-icon {
    display: block
}

.player .vp-controls .play.state-playing .play-icon {
    display: none
}

.player .vp-controls .play.state-playing .replay-icon {
    display: none
}

.player .vp-controls .play:hover .tiny-bars {
    display: none
}

.player .vp-controls .play.trailer {
    font-weight: 700;
    width: auto;
    padding: 0 1em
}

.player .vp-controls .play.trailer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.player .vp-controls .play.trailer .play-icon {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player .vp-controls .play.trailer svg {
    width: 1.4em;
    height: 1.4em
}

.player .vp-controls .play.trailer p {
    font-size: 1.4em;
    margin: 0 0 0 .5714285714em;
    padding: 0
}

.player .vp-controls .play .tiny-bars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    border-radius: .5em;
    background-repeat: none
}

.player .vp-controls .play .tiny-bars .buffer {
    -webkit-animation: buffer 250ms linear infinite;
    animation: buffer 250ms linear infinite
}

.player .vp-controls .pause-icon,
.player .vp-controls .play-icon {
    margin: 0 auto;
    padding: .2em 0 0 .2em
}

.player .vp-controls .pause-icon svg,
.player .vp-controls .play-icon svg {
    width: 2em;
    height: 2em
}

.player .vp-controls .play-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    height: 3.2em;
    padding: 1em;
    border-radius: 2px
}

.player .vp-controls .play-bar svg {
    display: block
}

.player .vp-controls .play-bar button {
    background: 0 0
}

.player .vp-controls .play-bar button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.player .vp-controls .replay {
    width: 6.5em;
    height: 4em;
    margin-right: .9em;
    color: #fff;
    position: relative;
    -webkit-transition: opacity 250ms ease-out, background-color 40ms, color 40ms;
    transition: opacity 250ms ease-out, background-color 40ms, color 40ms
}

.player .vp-controls .replay-icon {
    margin: 0 auto;
    padding-top: .2em
}

.player .vp-controls .replay-icon svg {
    width: 1.6em;
    height: 1.7em
}

.player .vp-controls .ghost-timecode,
.player .vp-controls .timecode {
    position: absolute;
    left: 0;
    bottom: 1.4em;
    margin: -2em 0 0 -1.2em
}

.player .vp-controls .ghost-timecode .box,
.player .vp-controls .timecode .box {
    padding: .2em .4em;
    font: 1em Verdana, sans-serif;
    position: relative;
    left: -50%
}

.player .vp-controls .ghost-timecode .box::after,
.player .vp-controls .ghost-timecode .box::before,
.player .vp-controls .timecode .box::after,
.player .vp-controls .timecode .box::before {
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid #fff;
    bottom: -.3em;
    content: "";
    left: 50%;
    margin-left: -.3em;
    position: absolute
}

.player .vp-controls .ghost-timecode .box::before,
.player .vp-controls .timecode .box::before {
    border-top-color: rgba(0, 0, 0, .7);
    margin-left: -.2em;
    bottom: -.4em
}

.player .vp-controls .thumb-preview {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    position: absolute;
    display: inline-block;
    bottom: 3.3em;
    border-radius: .2em;
    padding: .4em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(23, 35, 34, .75)
}

.player .vp-controls .thumb-preview::after {
    content: "";
    width: 100%;
    height: .3em;
    position: absolute;
    display: block;
    bottom: -.3em
}

.player .vp-controls .thumb-preview .thumb {
    position: relative
}

.player .vp-controls .timecode .box {
    -webkit-box-shadow: .1em .1em 0 rgba(0, 0, 0, .7);
    box-shadow: .1em .1em 0 rgba(0, 0, 0, .7);
    background: #fff;
    color: #000;
    display: inline-block;
    margin-left: 2.3em;
    cursor: -webkit-grab;
    cursor: grab
}

.player .vp-controls .ghost-timecode {
    margin-left: 0;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-controls .ghost-timecode .box {
    background: rgba(23, 35, 34, .75);
    color: #fff
}

.player .vp-controls .ghost-timecode .box::before {
    display: none
}

.player .vp-controls .ghost-timecode .box::after {
    border-top-color: rgba(23, 35, 34, .75)
}

.player .vp-controls .vp-progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: .1em solid #666;
    cursor: pointer;
    position: relative
}

.player .vp-controls .vp-progress .buffer,
.player .vp-controls .vp-progress .buffer canvas,
.player .vp-controls .vp-progress .buffer svg,
.player .vp-controls .vp-progress .chapters,
.player .vp-controls .vp-progress .cuepoints,
.player .vp-controls .vp-progress .focus-target,
.player .vp-controls .vp-progress .loaded,
.player .vp-controls .vp-progress .played {
    position: absolute;
    border: .1em solid transparent;
    height: 100%;
    background-clip: padding-box!important
}

.player .vp-controls .vp-progress .chapters {
    position: absolute;
    height: calc(100% + .2em);
    margin-top: -.1em;
    margin-left: -.1em;
    width: calc(100% + .2em)
}

.player .vp-controls .vp-progress.disabled {
    cursor: default
}

.player .vp-controls .vp-progress.disabled .played {
    background-color: #4e5a5e
}

.player .vp-controls .vp-progress .focus-target {
    width: 100%
}

.player .vp-controls .vp-progress .loaded {
    background-color: #666;
    -webkit-transition: width 175ms cubic-bezier(.18, 0, .07, 1);
    transition: width 175ms cubic-bezier(.18, 0, .07, 1)
}

.player .vp-controls .vp-progress .loaded.short-video {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.player .vp-controls .vp-progress .buffer {
    width: 100%;
    overflow: hidden;
    border-top: 0;
    border-bottom: 0
}

.player .vp-controls .vp-progress .buffer svg {
    -webkit-animation: buffer 250ms linear infinite;
    animation: buffer 250ms linear infinite
}

.player .vp-controls .vp-progress .cuepoints {
    width: 100%
}

.player .vp-controls .vp-progress .chapter-marker {
    position: absolute;
    height: .8em;
    width: .8em;
    border: .2em solid #fff;
    border-radius: .4em;
    background-color: #00adef;
    margin-left: -.4em;
    margin-top: .1em
}

.player .vp-controls .vp-progress .chapter-marker:hover {
    height: 1.2em;
    width: 1.2em;
    border-radius: .6em;
    margin-top: -.1em;
    margin-left: -.6em
}

.player .vp-controls .vp-progress .chapter-marker:hover .chapter-title-wrapper {
    visibility: visible;
    bottom: 3.2em;
    left: .5em
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper {
    position: absolute;
    width: 24em;
    bottom: 3em;
    left: .3em;
    visibility: hidden
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper .chapter-title {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    line-height: 1.4285714286em;
    border-radius: .3571428571em;
    background-color: rgba(23, 35, 34, .75);
    font-size: 1.4em;
    padding: .8571428571em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper .chapter-title-content-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper .chapter-number {
    font-weight: 700;
    margin-right: .5714285714em
}

.player .vp-controls .vp-progress .cuepoint {
    height: 100%;
    margin: 0;
    padding: 0 2px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-in-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-out, -webkit-transform 150ms ease-in-out;
    opacity: .5;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.player .vp-controls .vp-progress .cuepoint.active {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1.5);
    transform: translateX(-50%) scale(1.5)
}

.player .vp-controls .vp-progress .cuepoint.out {
    -webkit-transform: translateX(-50%) scale(.75);
    transform: translateX(-50%) scale(.75)
}

.player .vp-controls .vp-progress .cuepoint>div {
    background-color: #fff;
    height: 100%;
    width: 2px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .player .vp-controls .vp-progress .cuepoint>div {
        width: 1.5px
    }
}

.player .vp-controls .volume {
    width: 2.4em;
    height: 100%;
    margin-left: 1.1em;
    position: relative;
    cursor: pointer
}

.player .vp-controls .volume>div {
    width: .3em;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0
}

.player .vp-controls .volume>div.animate {
    -webkit-transition: height 250ms ease-in;
    transition: height 250ms ease-in
}

.player .vp-controls .volume>div.fill0 {
    background-color: #666
}

.player .vp-controls .volume>div.fill1 {
    -webkit-box-shadow: inset -.2em 0 0 #666;
    box-shadow: inset -.2em 0 0 #666
}

.player .vp-controls .volume>div.fill2 {
    -webkit-box-shadow: inset -.1em 0 0 #666;
    box-shadow: inset -.1em 0 0 #666
}

.player .vp-controls .volume>div:nth-child(1) {
    height: .42em;
    left: 0
}

.player .vp-controls .volume>div:nth-child(1).hover,
.player .vp-controls .volume>div:nth-child(1):hover {
    height: .72em
}

.player .vp-controls .volume>div:nth-child(2) {
    height: .615em;
    left: .5em
}

.player .vp-controls .volume>div:nth-child(2).hover,
.player .vp-controls .volume>div:nth-child(2):hover {
    height: .915em
}

.player .vp-controls .volume>div:nth-child(3) {
    height: .81em;
    left: 1em
}

.player .vp-controls .volume>div:nth-child(3).hover,
.player .vp-controls .volume>div:nth-child(3):hover {
    height: 1.11em
}

.player .vp-controls .volume>div:nth-child(4) {
    height: 1.005em;
    left: 1.5em
}

.player .vp-controls .volume>div:nth-child(4).hover,
.player .vp-controls .volume>div:nth-child(4):hover {
    height: 1.305em
}

.player .vp-controls .volume>div:nth-child(5) {
    height: 1.2em;
    left: 2em
}

.player .vp-controls .volume>div:nth-child(5).hover,
.player .vp-controls .volume>div:nth-child(5):hover {
    height: 1.5em
}

.player .vp-controls .cc {
    width: 2em;
    height: 1.4em;
    margin-left: 1em;
    margin-top: -.1em
}

.player .vp-controls .vp-cast-button {
    cursor: pointer;
    width: 2em;
    height: 2em;
    margin-top: -.4em;
    margin-left: 1em
}

.player .vp-controls .vp-prefs {
    width: 1.6em;
    height: 1.6em;
    margin-top: -.2em;
    margin-left: 1em
}

.player .vp-controls .vp-prefs .icon-gear-cog {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 450ms cubic-bezier(.08, .82, .17, 1);
    transition: -webkit-transform 450ms cubic-bezier(.08, .82, .17, 1);
    transition: transform 450ms cubic-bezier(.08, .82, .17, 1);
    transition: transform 450ms cubic-bezier(.08, .82, .17, 1), -webkit-transform 450ms cubic-bezier(.08, .82, .17, 1)
}

.player .vp-controls .vp-prefs .icon-gear-text {
    display: none
}

.player .vp-controls .vp-chapter-button {
    width: 1.8em;
    height: 1.8em;
    margin-top: -.28em;
    margin-left: .9em
}

.player .vp-controls .vp-prefs[aria-expanded=true] .icon-gear-cog {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.player .vp-controls .airplay {
    width: 1.5em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .stereoscopic {
    width: 1.5em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .pip {
    width: 1.6em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .pip .pip-icon .return {
    display: none
}

.player .vp-controls .pip.return .pip-icon .enter {
    display: none
}

.player .vp-controls .pip.return .pip-icon .return {
    display: block
}

.player .vp-controls .fullscreen {
    width: 1.2em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .fullscreen .fullscreen-icon,
.player .vp-controls .fullscreen .unfullscreen-icon {
    height: 100%
}

.player .vp-controls .logo {
    width: 5.8em;
    height: 1.8em;
    margin: -.5em .2em 0 .8em
}

.player .vp-controls .logo svg {
    width: 5.8em;
    height: 1.8em
}

.player .vp-controls .custom-logo {
    margin-left: 1em;
    max-height: 60px
}

.player .vp-controls .custom-logo.sticky {
    opacity: 1!important;
    visibility: visible!important
}

.player .vp-controls .custom-logo a {
    display: block
}

.player .vp-controls .custom-logo img {
    max-height: 60px;
    max-width: 100px
}

.player .vp-controls .fill {
    -webkit-transition: fill 40ms;
    transition: fill 40ms
}

.player .unfullscreen-icon {
    display: none
}

.player.no-fullscreen-support .fullscreen {
    display: none!important
}

.player .vp-logo-link {
    display: block
}

@media screen and (min-width:1061px) and (min-width:961px) {
    .js-player-fullscreen:-webkit-full-screen .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:-ms-fullscreen .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:fullscreen .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
}

@media screen and (min-width:1061px) {
    .js-player-fullscreen:-webkit-full-screen .custom-logo {
        position: fixed;
        bottom: 1em;
        right: 1em
    }
    .js-player-fullscreen:-ms-fullscreen .custom-logo {
        position: fixed;
        bottom: 1em;
        right: 1em
    }
    .js-player-fullscreen:fullscreen .custom-logo {
        position: fixed;
        bottom: 1em;
        right: 1em
    }
}

@media (min-width:961px) {
    .js-player-fullscreen:-webkit-full-screen .player:not(.with-custom-logo) .vp-controls,
    .js-player-fullscreen:-webkit-full-screen:not(.with-custom-logo) .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:-ms-fullscreen .player:not(.with-custom-logo) .vp-controls,
    .js-player-fullscreen:-ms-fullscreen:not(.with-custom-logo) .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:fullscreen .player:not(.with-custom-logo) .vp-controls,
    .js-player-fullscreen:fullscreen:not(.with-custom-logo) .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
}

.js-player-fullscreen:-webkit-full-screen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-webkit-full-screen:not(.with-custom-logo) .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
}

.js-player-fullscreen:-ms-fullscreen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-ms-fullscreen:not(.with-custom-logo) .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
}

.js-player-fullscreen:fullscreen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:fullscreen:not(.with-custom-logo) .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
}

.js-player-fullscreen:-webkit-full-screen .play-bar>button:hover {
    background: 0 0!important
}

.js-player-fullscreen:-ms-fullscreen .play-bar>button:hover {
    background: 0 0!important
}

.js-player-fullscreen:fullscreen .play-bar>button:hover {
    background: 0 0!important
}

.js-player-fullscreen:-webkit-full-screen .fullscreen-icon {
    display: none
}

.js-player-fullscreen:-ms-fullscreen .fullscreen-icon {
    display: none
}

.js-player-fullscreen:fullscreen .fullscreen-icon {
    display: none
}

.js-player-fullscreen:-webkit-full-screen .unfullscreen-icon {
    display: block
}

.js-player-fullscreen:-ms-fullscreen .unfullscreen-icon {
    display: block
}

.js-player-fullscreen:fullscreen .unfullscreen-icon {
    display: block
}

.player[data-filter] .thumb::after,
.player[data-filter] .vp-preview::after,
.player[data-filter] .vp-video::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 1;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, transparent, transparent);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, transparent, transparent)
}

.player[data-filter=aden] .thumb,
.player[data-filter=aden] .vp-preview,
.player[data-filter=aden] .vp-video {
    -webkit-filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(-20deg) saturate(.85) sepia(0);
    filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(-20deg) saturate(.85) sepia(0)
}

.player[data-filter=aden] .thumb::after,
.player[data-filter=aden] .vp-preview::after,
.player[data-filter=aden] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(66, 10, 14, .2)), to(transparent)), radial-gradient(circle, transparent, transparent);
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent), radial-gradient(circle, transparent, transparent);
    mix-blend-mode: darken
}

.player[data-filter=earlybird] .thumb,
.player[data-filter=earlybird] .vp-preview,
.player[data-filter=earlybird] .vp-video {
    -webkit-filter: brightness(1) contrast(.9) grayscale(0) hue-rotate(0) saturate(1) sepia(.2);
    filter: brightness(1) contrast(.9) grayscale(0) hue-rotate(0) saturate(1) sepia(.2)
}

.player[data-filter=earlybird] .thumb::after,
.player[data-filter=earlybird] .vp-preview::after,
.player[data-filter=earlybird] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

.player[data-filter=hudson] .thumb,
.player[data-filter=hudson] .vp-preview,
.player[data-filter=hudson] .vp-video {
    -webkit-filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0);
    filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=hudson] .thumb::after,
.player[data-filter=hudson] .vp-preview::after,
.player[data-filter=hudson] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, #a6b1ff 50%, #342134);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5
}

.player[data-filter=inkwell] .thumb,
.player[data-filter=inkwell] .vp-preview,
.player[data-filter=inkwell] .vp-video {
    -webkit-filter: brightness(1.1) contrast(1.1) grayscale(1) hue-rotate(0) saturate(1) sepia(0);
    filter: brightness(1.1) contrast(1.1) grayscale(1) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=inkwell] .thumb::after,
.player[data-filter=inkwell] .vp-preview::after,
.player[data-filter=inkwell] .vp-video::after {
    opacity: 0
}

.player[data-filter=mayfair] .thumb,
.player[data-filter=mayfair] .vp-preview,
.player[data-filter=mayfair] .vp-video {
    -webkit-filter: brightness(1) contrast(1.1) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0);
    filter: brightness(1) contrast(1.1) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=mayfair] .thumb::after,
.player[data-filter=mayfair] .vp-preview::after,
.player[data-filter=mayfair] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    mix-blend-mode: overlay;
    opacity: .4
}

.player[data-filter=toaster] .thumb,
.player[data-filter=toaster] .vp-preview,
.player[data-filter=toaster] .vp-video {
    -webkit-filter: brightness(.9) contrast(1.5) grayscale(0) hue-rotate(0) saturate(1) sepia(0);
    filter: brightness(.9) contrast(1.5) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=toaster] .thumb::after,
.player[data-filter=toaster] .vp-preview::after,
.player[data-filter=toaster] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, #804e0f, #3b003b);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

.player[data-filter=ascii] .thumb {
    -webkit-filter: brightness(1) contrast(2) grayscale(0) hue-rotate(0) saturate(1) sepia(0);
    filter: brightness(1) contrast(2) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=ascii] .thumb::after {
    background-color: #0f0;
    mix-blend-mode: darken
}

.player[data-filter=ascii] .vp-captions {
    -webkit-transition: none;
    transition: none
}

.player[data-filter=ascii] .vp-captions>span {
    font-family: monospace;
    color: #0f0;
    border-radius: 0;
    background: #000;
    padding: 0 .5em
}

.player .vp-menu {
    position: absolute;
    right: 0;
    bottom: 3.2em;
    margin-bottom: .5em;
    border-radius: 3px;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    z-index: 14
}

.player .vp-menu-chapters {
    right: 0;
    width: auto;
    max-width: 100%;
    min-width: 17.3em
}

.player .vp-menu-hidden {
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.player .vp-menu-invisible {
    opacity: 0
}

.player .vp-menu-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.player .vp-menu-carousel {
    font-size: 1.1111111111em
}

.player .vp-menu-center {
    margin-bottom: 0
}

.player .vp-menu-close {
    display: none
}

.player .vp-menu-center .vp-menu-close {
    display: block;
    fill: #fff;
    background-color: transparent;
    position: absolute;
    right: -30px;
    top: 3px;
    height: 15px;
    width: 15px
}

.player .vp-menu-fullwidth {
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 13;
    border-radius: 0;
    margin: 0;
    background: rgba(23, 35, 34, .75);
    overflow: hidden;
    max-width: 100%
}

.player .vp-panel {
    position: relative;
    overflow: hidden;
    min-width: 10.5em;
    background-color: rgba(23, 35, 34, .75)
}

.player .vp-menu-fullwidth .vp-panel {
    background: 0 0;
    height: 75%;
    overflow-y: scroll
}

.player .vp-menu-fullwidth .vp-panel .vp-panel-item {
    font-size: 1.4em
}

.player .vp-menu-fullwidth .vp-panel-title {
    font-size: 1.2em;
    line-height: 2em
}

.player .vp-panel:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.player .vp-panel:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.player .vp-panel-collapsible {
    min-width: 12.5em;
    height: 2.4em;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.player .vp-panel-collapsible:last-child {
    padding-bottom: .5em
}

.player .vp-menu-carousel .vp-panel {
    min-width: 360px;
    height: 75px;
    margin-bottom: 1px;
    border-radius: 3px
}

.player .vp-indicator {
    content: "";
    background-color: #00adef;
    -webkit-transition: background-color .5s ease, border-color .5s ease;
    transition: background-color .5s ease, border-color .5s ease;
    display: inline-block;
    width: .6em;
    height: .6em;
    border-radius: 50%;
    border: 1px solid #00adef;
    vertical-align: baseline;
    margin-right: 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -.3em;
    visibility: hidden
}

.player .vp-indicator-inactive {
    background-color: #a9a9a9;
    border: 1px solid #a9a9a9
}

.player .vp-indicator-visible {
    visibility: visible
}

.player .vp-panel-title {
    display: none;
    margin: 0;
    line-height: 1.4
}

.player .vp-panel-collapsible .vp-panel-title,
.player .vp-panel-pinTitle .vp-panel-title {
    display: block
}

.player .vp-panel:last-child .vp-panel-title {
    padding-top: 0
}

.player .vp-panel:first-of-type .vp-panel-title {
    padding-top: .5em
}

.player .vp-menu-chapters .vp-panel:first-of-type .vp-panel-title {
    padding-top: .8em
}

.player .vp-menu-carousel .vp-panel .vp-panel-title {
    padding-top: .3em
}

.player .vp-panel-button {
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 1em);
    margin: 0 .5em;
    padding: 0 .5em;
    font-size: 1.2em;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-align: left
}

.player .vp-panel-button:focus {
    outline-offset: -2px
}

.player .vp-menu-carousel .vp-panel-button {
    margin: 0 .25em
}

.player .vp-panel-pinTitle .vp-panel-button {
    cursor: auto
}

.player .vp-panel-collapsible .vp-panel-button {
    cursor: pointer
}

.player .vp-panel-stat {
    display: none;
    margin-left: .5em;
    font-size: .8333333333em;
    font-weight: 400
}

.player .vp-panel--quality .vp-panel-stat,
.player .vp-panel-collapsible .vp-panel-stat {
    display: block
}

.player .vp-panel-stat svg.icon-lineArrow {
    display: none;
    margin-left: .2em;
    width: .7em;
    height: .6em;
    fill: #fff;
    -webkit-transition: -webkit-transform ease 150ms;
    transition: -webkit-transform ease 150ms;
    transition: transform ease 150ms;
    transition: transform ease 150ms, -webkit-transform ease 150ms
}

.player .vp-panel-collapsible .vp-panel-stat svg.icon-lineArrow {
    display: inline-block
}

.player .vp-panel-open .vp-panel-stat svg.icon-lineArrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.player .vp-panel-stat .vp-panel-stat-text svg {
    display: none
}

.player .vp-panel-items {
    margin: 0;
    padding: .7em 0 .6em;
    list-style: none
}

.player .vp-menu-chapters .vp-panel-items {
    padding: .7em 0 .4em
}

.player .vp-panel-pinTitle .vp-panel-items {
    padding-top: 0
}

.player .vp-panel-collapsible .vp-panel-items {
    padding-top: .2em;
    padding-bottom: .2em
}

.player .vp-panel:last-child .vp-panel-items {
    border-radius: 3px
}

.player li.vp-panel-item {
    padding: 0 .5em;
    margin: 0 .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5em;
    cursor: pointer;
    white-space: nowrap
}

.player li.vp-panel-item::before {
    content: "";
    display: inline-block;
    vertical-align: 2%;
    margin-right: .2em;
    width: .7em;
    height: .7em;
    border-radius: 50%;
    border: 1px solid #666
}

.player li.vp-panel-item:focus {
    outline-offset: -1px
}

.player .vp-menu-chapters .vp-panel-title li.vp-panel-item {
    padding-top: 1.6em;
    font-size: 1.2em;
    line-height: 2em
}

.player .vp-menu-chapters li.vp-panel-item {
    padding: .4em 1em .4em .5em;
    margin: 0 .5em .2em .5em;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.5em;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.player .vp-menu-chapters li.vp-panel-item::before {
    display: none
}

.player .vp-menu-chapters li.vp-panel-item:focus {
    outline-offset: -1px
}

.player .vp-menu-chapters li.vp-panel-item:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border-radius: 4px
}

.player .vp-menu-chapters .vp-panel-item-index {
    padding-left: 4px;
    padding-right: 8px;
    width: 2em;
    display: inline-block;
    text-align: center
}

.player .vp-menu-chapters .vp-panel-item-on {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 4px
}

.player .vp-panel-collapsible .vp-panel-item {
    -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 0
}

.player .vp-panel-collapsible .vp-panel-item-in {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.player .vp-panel .vp-panel-item svg {
    display: none
}

.player .vp-menu-carousel .vp-panel-itemsWrap {
    height: 40px;
    -webkit-mask-image: -webkit-linear-gradient(left, transparent, transparent 0, #fff 30%, #fff 70%, transparent 100%)
}

.player .vp-menu-carousel .vp-panel-items {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 37%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1.2);
    transition-timing-function: cubic-bezier(.18, .89, .32, 1.2)
}

.player .vp-menu-carousel li.vp-panel-item {
    padding: 1px 0 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    height: 40px;
    position: relative;
    font-size: 1.3533834586em;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    color: #fff!important
}

.player .vp-menu-carousel li.vp-panel-item::before {
    visibility: hidden;
    vertical-align: baseline;
    margin-right: 0;
    position: absolute;
    margin-left: -.3em
}

.player .vp-panel-item-index {
    font-weight: 700;
    padding-right: .5em
}

.player .vp-notification-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 17;
    display: table;
    text-align: center
}

.player .vp-notification-wrapper.animate {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.player .vp-notification-wrapper svg {
    width: 100%;
    height: 100%
}

.player .vp-notification-wrapper .watch-later-icon .stroke {
    stroke-width: 1.65
}

.player .vp-notification-wrapper .watch-later-icon .hour-hand {
    -webkit-transform-origin: 46% 81.5%;
    transform-origin: 46% 81.5%;
    transform-box: fill-box
}

.player .vp-notification-wrapper .watch-later-icon .minute-hand {
    -webkit-transform-origin: 25.5% 26.5%;
    transform-origin: 25.5% 26.5%;
    transform-box: fill-box
}

.player .vp-notification-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.player .vp-notification {
    z-index: 22;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.player .vp-notification.animate .hour-hand,
.player .vp-notification.animate .minute-hand {
    -webkit-transition: -webkit-transform .9s linear .1s;
    transition: -webkit-transform .9s linear .1s;
    transition: transform .9s linear .1s;
    transition: transform .9s linear .1s, -webkit-transform .9s linear .1s
}

.player .vp-stats-debug {
    position: absolute;
    z-index: 24;
    width: 300px;
    padding: 10px;
    margin: 10px 0 0 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 1.2em;
    line-height: 1;
    top: 0
}

.player .vp-stats-debug.overflow {
    overflow: scroll;
    max-height: 100%
}

.player .vp-stats-debug p {
    margin: .1em 0
}

.player .vp-stats-debug p:first-child {
    margin-top: 0
}

.player .vp-stats-debug-values span:first-child {
    margin-right: 3px
}

.player .vp-stats-debug-values b {
    font-weight: 700;
    letter-spacing: .02em;
    color: #fff;
    position: relative
}

.player .vp-stats-debug-bandwidth-minmax {
    font-size: .8em;
    font-weight: 400;
    margin-top: 2px
}

.player .vp-stats-debug-bandwidth-max,
.player .vp-stats-debug-bandwidth-min {
    padding-left: 10px
}

.player .vp-stats-debug-bandwidth-max::before,
.player .vp-stats-debug-bandwidth-min::before {
    display: block;
    position: absolute;
    left: 2px;
    font-size: .8em;
    top: 3px
}

.player .vp-stats-debug-bandwidth-min::before {
    content: "▼"
}

.player .vp-stats-debug-bandwidth-max::before {
    content: "▲"
}

.player .vp-copy-session {
    background: #00adef;
    color: #fff!important;
    padding: 3px;
    border-radius: 3px;
    margin-top: 5px;
    display: inline-block
}

.player .vp-copy-session:hover {
    color: #fff
}

.player .vp-stats-debug-code {
    position: absolute;
    left: -999px
}

.player .vp-stats-debug-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: 0 0
}

.player .vp-stats-debug-close svg {
    width: 1.2em;
    height: 1.2em
}

.player .vp-stats-debug-buffer-occupancy,
.player .vp-stats-debug-time-series {
    margin-top: 6px
}

.player .stats-debug-marker:hover {
    cursor: pointer;
    stroke-width: 3
}

.player .vp-stats-debug-session-id {
    font-size: .8em;
    font-weight: 400
}

.player .panel-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.player .vp-nav-prevButton {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    opacity: 0;
    background: 0 0;
    font-size: 16px
}

.player .vp-nav-prevButton .icon-prev {
    height: 1.5em;
    width: auto;
    margin: 1.25em
}

.player .embed-active .vp-nav-prevButton {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.player .embed-active .vp-nav-prevButton:hover {
    opacity: 1
}

.player .vp-nav-closeButton {
    position: absolute;
    right: 0;
    opacity: .8
}

.player .vp-nav-closeButton:hover {
    opacity: 1
}

.player .vp-nav-closeButton .icon-close-new {
    width: 1.25em;
    height: 1.25em;
    margin: 1.375em
}

.player .vp-share-wrapper {
    position: relative;
    display: inline-block;
    min-width: 30em;
    max-width: 80%;
    text-align: center
}

.player .vp-share-screen {
    -webkit-transition: .2s;
    transition: .2s
}

.player .vp-share-title {
    color: #fff;
    margin: 0 auto .6em!important;
    line-height: 1;
    font-size: 1.8em!important
}

.player .vp-share-buttons {
    color: #fff;
    display: inline-block;
    margin: 1em .5em 0;
    padding: 0;
    list-style: none
}

.player .vp-share-buttons-item {
    display: inline-block;
    width: 41px!important;
    height: 40px!important;
    border-right: 1px solid rgba(0, 0, 0, .16)!important
}

.player .vp-share-buttons-item:first-child,
.player .vp-share-buttons-item:first-child a.vp-share-button {
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important
}

.player .vp-share-buttons-item:last-child,
.player .vp-share-buttons-item:last-child a.vp-share-button {
    width: 40px!important;
    border-right: none!important;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important
}

.player a.vp-share-button {
    display: inline-block;
    padding: .8em 0 .6em!important;
    width: 40px!important;
    height: 40px!important;
    margin: 0!important;
    font-size: 1.2em!important;
    line-height: 1;
    color: #fff;
    border-radius: 0!important;
    position: relative
}

.player a.vp-share-button:active,
.player a.vp-share-button:hover {
    background-color: rgba(0, 0, 0, .15)
}

.player a.vp-share-button:focus {
    outline-color: #fff
}

.player .vp-share-button svg {
    width: 1.9375em;
    height: 1.8125em
}

.player .vp-share-button .embed-icon {
    width: 1.9375em;
    height: 1.8125em
}

.player .vp-share-footnote {
    margin-top: 1.5em!important;
    font-size: 1.4em!important;
    line-height: 1;
    font-weight: 400
}

.player .vp-share-footnote a,
.player .vp-share-footnote button {
    margin: 0 .25em
}

.player .vp-share-footnote a.clip-url {
    position: relative;
    top: .1em
}

.player .vp-share-footnote small a {
    margin: 0
}

.player .vp-share-footnote--share a {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #fff
}

.player .vp-share-embedCode {
    overflow: hidden;
    margin: 1.5em auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85%
}

.player .vp-share-embedCode>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.player input:not([type=submit]).vp-share-embedInput {
    margin: 0;
    padding: .75em!important;
    width: 100%!important;
    font-family: Inconsolata, Monaco, Consolas, "Courier New", Courier, monospace;
    font-size: 1.4em;
    color: #4e595d;
    font-weight: 400;
    cursor: text;
    border-radius: 5px!important
}

.player .vp-share-embedCopy {
    padding: .75em .75em!important;
    margin: 0 0 0 10px!important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.4em!important;
    font-weight: 700;
    border-radius: 5px;
    color: #fff
}

.player .vp-share-embedWrapper {
    width: 100%;
    max-width: 80vw;
    min-width: 300px;
    margin: 0 auto
}

.player .vp-share-screen--share {
    width: 100%
}

.player .vp-share-screen--embed {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 150%;
    -webkit-transform: translateX(125%);
    transform: translateX(125%)
}

.player .vp-share-subtitle--embed {
    font-size: 1.4em!important;
    margin: 1.2em 1em 1.5em;
    color: #fff!important
}

@media (max-height:175px) {
    .player .vp-share-subtitle--embed {
        display: none
    }
}

.player .vp-share-footnote--embed {
    font-weight: 400;
    color: #fff!important
}

.player .vp-share-footnote--embed a {
    font-weight: 700;
    margin: 0;
    color: #fff
}

.player .vp-share-embed-active .vp-share-screen--share,
.player .vp-share-embed-only .vp-share-screen--share {
    -webkit-transform: translateX(-125%);
    transform: translateX(-125%);
    opacity: 0
}

.player .vp-share-embed-active .vp-share-screen--embed,
.player .vp-share-embed-only .vp-share-screen--embed {
    -webkit-transform: translateX(-17%);
    transform: translateX(-17%);
    opacity: 1
}

.player.player-cardsCarousel .vp-overlay-wrapper {
    bottom: -60px
}

.player.player-cardsCarousel .vp-overlay-bg {
    bottom: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(black));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6), #000)
}

@media (min-width:500px) {
    .player .vp-email-capture-wrapper {
        max-width: 450px;
        padding: 0 4em;
        display: inline-block
    }
}

@media (min-width:641px) {
    .player .vp-email-capture-wrapper {
        max-width: 600px
    }
}

.player .vp-email-capture {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    text-align: center
}

.player .vp-email-capture-logoWrap {
    display: none;
    height: 20px;
    position: relative;
    overflow: visible;
    margin-bottom: 15px
}

@media (min-height:300px) {
    .player .vp-email-capture-logoWrap {
        display: block;
        margin-bottom: 15px
    }
}

.player .vp-email-capture-logo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:300px) {
    .player .vp-email-capture-logo {
        width: 10%
    }
}

@media (min-width:500px) {
    .player .vp-email-capture-logo {
        width: 15%
    }
}

@media (min-width:641px) {
    .player .vp-email-capture-logo {
        width: 20%
    }
}

.player .vp-email-capture-title {
    display: none;
    color: #fff;
    font-size: 1em!important;
    word-break: break-all;
    padding: 0 1em
}

@media (min-width:300px) {
    .player .vp-email-capture-title {
        display: block;
        margin-bottom: 10px!important
    }
}

@media (min-width:351px) {
    .player .vp-email-capture-title {
        font-size: 1.2em!important
    }
}

@media (min-width:500px) {
    .player .vp-email-capture-title {
        margin-bottom: 20px!important;
        font-size: 1.4em!important;
        padding: 0
    }
}

@media (min-width:641px) {
    .player .vp-email-capture-title {
        font-size: 1.8em!important
    }
}

.player .vp-email-capture-subtitle {
    display: none;
    margin-top: 8px!important;
    font-size: 1.4em!important;
    color: #fff!important
}

@media (min-width:641px) {
    .player .vp-email-capture-subtitle {
        display: block
    }
}

.player .vp-email-capture-form {
    position: relative
}

.player .vp-email-capture-invisible {
    opacity: 0
}

.player .vp-email-capture-form-submitted input:invalid,
.player .vp-email-capture-form-submitted input[aria-invalid=true] {
    border: 3px solid #fdb0bf;
    background-color: #fedfef;
    color: #e53e4f;
    padding: .4375em
}

.player .vp-email-capture-form-submitted input:focus:invalid {
    outline-color: rgba(255, 0, 0, .75)
}

.player .vp-email-capture-form-button,
.player .vp-email-capture-form-input {
    padding: .82em 1em!important;
    border-radius: 3px!important
}

.player .vp-email-capture-form-input {
    display: block!important;
    margin: .5em!important;
    padding: .7em 1em!important;
    width: calc(100% - 10px)!important;
    font-size: 1em!important;
    font-weight: 400!important;
    color: #444!important
}

@media (min-width:500px) {
    .player .vp-email-capture-form-input {
        margin: .5em auto!important;
        padding: .82em 1em!important;
        width: 330px!important;
        font-size: 1.4em!important
    }
}

.player .vp-email-capture-form-input--email {
    margin-top: 0!important
}

.player .vp-email-capture-form-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:641px) {
    .player .vp-email-capture-form-buttons {
        height: auto
    }
}

.player .vp-email-capture-form-button {
    margin: 0 .5em!important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 1em!important;
    font-weight: 700;
    cursor: pointer
}

@media (min-width:500px) {
    .player .vp-email-capture-form-button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        margin: 0!important;
        font-size: 1.4em!important
    }
}

.player .vp-email-capture-form-button--cancel {
    margin-right: 0!important;
    background-color: #e0e3e4;
    color: #657987!important
}

@media (min-width:500px) {
    .player .vp-email-capture-form-button--cancel {
        margin-right: .5em!important;
        background-color: rgba(255, 255, 255, .3);
        color: #fff!important
    }
}

.player .vp-email-capture-form-button--cancel:hover {
    background-color: rgba(255, 255, 255, .5)
}

.player .vp-email-capture-confirm-hidden {
    display: none!important
}

.player .vp-email-capture-confirm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s ease-out, -webkit-transform 250ms ease-in-out;
    transition: opacity .2s ease-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity .2s ease-out;
    transition: transform 250ms ease-in-out, opacity .2s ease-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0
}

.player .vp-email-capture-confirm.in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.player .vp-email-capture-confirm h1 {
    margin-top: .5em
}

.player .vp-email-capture-confirm-box {
    padding: 2em 4em;
    max-width: 250px;
    background-color: rgba(23, 35, 34, .75);
    border-radius: 3px
}

.player .vp-email-capture-confirm-title {
    font-size: 14px!important;
    line-height: 17px
}

.player .vp-submitted input:invalid,
.player .vp-submitted input[aria-invalid=true] {
    border: 3px solid #fdb0bf;
    background-color: #fedfef;
    color: #e53e4f;
    padding: .4375em
}

.player .vp-submitted input:focus:invalid {
    outline-color: rgba(255, 0, 0, .75)
}

.player .vp-validation-bubble {
    z-index: 2147483647;
    display: inline-block;
    position: absolute;
    margin: 0;
    font-size: 1.1666666667em;
    line-height: 0;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    cursor: default
}

.player .vp-validation-bubble-animate {
    opacity: 1;
    -webkit-animation: wiggle .3s linear 1;
    animation: wiggle .3s linear 1
}

.player .vp-validation-bubble-message {
    z-index: 2147483644;
    display: block;
    min-width: 50px;
    max-width: 300px;
    padding: .7142857143em 1.0714285714em;
    position: relative;
    top: -4px;
    border-radius: .3571428571em;
    background-color: #fc465a;
    color: #fff;
    line-height: normal;
    font-weight: 700
}

.player .vp-validation-bubble-arrow {
    z-index: 2147483645;
    display: inline-block;
    position: relative;
    left: 1.4285714286em;
    width: .8571428571em;
    height: .8571428571em;
    background-color: #fc465a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.player .vp-validation-bubble-arrowClipper {
    display: block;
    overflow: hidden;
    height: .8571428571em
}

.player .vp-outro-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.player .vp-outro-wrapper.in .vp-outro-bg,
.player .vp-outro-wrapper.in .vp-outro-image,
.player .vp-outro-wrapper.in .vp-outro-shade {
    opacity: 1
}

.player .vp-outro-wrapper.in .vp-outro-imageLink .vp-outro-image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.player .vp-outro-wrapper.in .vp-outro-linkWrapper {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.player .vp-outro {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-outro-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a2e3b;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.player .vp-outro-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:299px),
(max-height:168px) {
    .player .vp-outro-content--share,
    .player .vp-outro-content--staticImage,
    .player .vp-outro-content--text,
    .player .vp-outro-content--vod {
        display: none!important
    }
}

@media screen and (max-width:299px),
screen and (max-height:168px) {
    .player .vp-outro-content--email,
    .player .vp-outro-content--link,
    .player .vp-outro-content--videos {
        display: none!important
    }
}

@media screen and (max-width:337px),
screen and (max-height:189px) {
    .player.with-custom-logo .vp-outro-content--email,
    .player.with-custom-logo .vp-outro-content--link,
    .player.with-custom-logo .vp-outro-content--videos {
        display: none!important
    }
}

@media screen and (min-width:300px) and (max-width:375px) {
    .player .vp-outro-content--videos .vp-outro-videos--3 li:last-child {
        display: none
    }
}

.player .vp-outro-content--link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.player .vp-outro-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 22, .3)), to(#141516));
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.player .vp-outro-staticImageWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.player .vp-outro-staticImage {
    max-width: 65%
}

.player .vp-outro-image,
.player .vp-outro-imageLink {
    display: block;
    width: 100%;
    height: 100%
}

.player .vp-outro-image {
    background-color: #1a2e3b;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 450ms, -webkit-transform 250ms;
    transition: opacity 450ms, -webkit-transform 250ms;
    transition: opacity 450ms, transform 250ms;
    transition: opacity 450ms, transform 250ms, -webkit-transform 250ms
}

.player .vp-outro-linkWrapper {
    width: 70%;
    max-width: 50em;
    overflow: hidden;
    margin: 0;
    position: relative;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-transition: opacity 250ms 150ms, -webkit-transform 250ms 150ms;
    transition: opacity 250ms 150ms, -webkit-transform 250ms 150ms;
    transition: opacity 250ms 150ms, transform 250ms 150ms;
    transition: opacity 250ms 150ms, transform 250ms 150ms, -webkit-transform 250ms 150ms
}

.player .vp-outro-textTitle {
    font-size: 18px;
    display: none;
    margin: 0 0 .4em;
    color: #fff
}

@media (min-width:720px) and (min-height:322px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-textTitle {
        font-size: 5.5813953488vh
    }
}

@media (min-width:720px) and (min-height:322px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-textTitle {
        font-size: 2.5vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-textTitle {
        font-size: 24px
    }
}

.player .vp-outro-textDescription {
    display: none;
    margin: 0 0 .8em;
    font-size: 1.4em;
    line-height: 1.4;
    color: #fff
}

.player .vp-outro-button,
.player .vp-outro-link {
    display: inline-block;
    color: #fff;
    font-size: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.player .vp-outro-link {
    text-decoration: underline
}

.player .vp-outro-buttonWrap {
    margin-bottom: 2.2em
}

.player .vp-outro-button {
    position: relative;
    display: inline-block;
    padding: .875em 1.4375em;
    font-weight: 600;
    border-radius: 3px;
    color: #fff
}

.player .vp-outro-button:active,
.player .vp-outro-button:hover {
    color: #fff
}

.player .vp-outro-button:active::before,
.player .vp-outro-button:hover::before {
    background-color: rgba(0, 0, 0, .15)
}

.player .vp-outro-button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.player .vp-outro--link-large .vp-outro-textDescription,
.player .vp-outro--link-medium .vp-outro-textTitle {
    display: block
}

.player .vp-outro--link-medium .vp-outro-buttonWrap {
    margin-top: 2.2em
}

.player .vp-outro-videosSection {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.player .vp-outro-videosSection:first-child {
    z-index: 2;
    margin-left: 57px
}

.player .vp-outro-videosSection:last-child {
    margin-right: 57px
}

@media (min-width:401px) {
    .player .vp-outro-videosSection:first-child {
        margin-left: 14%
    }
    .player .vp-outro-videosSection:last-child {
        margin-right: 14%
    }
}

.player .vp-outro-videosSection:focus,
.player .vp-outro-videosSection:hover {
    z-index: 10
}

.player .vp-outro-videosSection--2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.player .vp-outro-videosSection--3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.player .vp-outro-videosHeaderWrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0
}

.player .vp-outro-videosHeader {
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 0 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:560px) and (min-height:250px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-videosHeader {
        font-size: 5.5813953488vh
    }
}

@media (min-width:560px) and (min-height:250px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-videosHeader {
        font-size: 2.5vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-videosHeader {
        font-size: 24px
    }
}

.player .vp-outro-videosTitle {
    margin: 0;
    font-size: inherit;
    line-height: 1.8;
    color: #fff
}

.player .vp-outro-videosTitle a {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.player .vp-outro-followWrap {
    font-size: 12px;
    position: relative;
    text-align: left
}

@media (min-width:720px) and (min-height:322px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-followWrap {
        font-size: 3.7209302326vh
    }
}

@media (min-width:720px) and (min-height:322px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-followWrap {
        font-size: 1.6666666667vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-followWrap {
        font-size: 16px
    }
}

.player .vp-outro-follow {
    font-size: inherit;
    margin-left: .4em;
    position: relative;
    padding: .1em .7em;
    border-radius: 2px;
    white-space: nowrap;
    color: #fff;
    text-align: left;
    background-color: rgba(127, 127, 127, .56);
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.player .vp-outro-follow:hover {
    background-color: rgba(127, 127, 127, .76)
}

.player .vp-outro-follow .icon {
    width: .68em;
    height: .68em
}

.player .vp-outro-follow .icon-path {
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    opacity: 0
}

.player .vp-outro-follow #icon-mask--check rect {
    width: 0;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out
}

.player .vp-outro-follow-text {
    line-height: 1.5
}

.player .vp-outro-follow[aria-pressed=false] .icon-path--plus {
    opacity: 1
}

.player .vp-outro-follow[aria-pressed=false] .vp-outro-follow-text::after {
    content: attr(data-label-follow)
}

.player .vp-outro-follow[aria-pressed=true] {
    background-color: #7fc400
}

.player .vp-outro-follow[aria-pressed=true] #icon-mask--check rect {
    width: 100%
}

.player .vp-outro-follow[aria-pressed=true] .icon-path {
    opacity: 0
}

.player .vp-outro-follow[aria-pressed=true] .icon-path--check {
    opacity: 1
}

.player .vp-outro-follow[aria-pressed=true] .vp-outro-follow-text::after {
    content: attr(data-label-following)
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover {
    background-color: rgba(127, 127, 127, .76)
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .icon-path {
    opacity: 0
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .icon-path--close {
    opacity: 1
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .vp-outro-follow-text::after {
    content: attr(data-label-unfollow)
}

.player .vp-outro-videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0
}

.player .vp-outro-videos>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style-type: none;
    padding: 0;
    margin: 0 .4em;
    max-width: 400px
}

@media (min-width:401px) {
    .player .vp-outro-videos>li {
        margin: 0 1%
    }
}

@media (min-width:401px) {
    .player .vp-outro-videos--1>li {
        margin: 0 3%
    }
}

@media (min-width:401px) {
    .player .vp-outro-videos--2>li {
        margin: 0 1.5%
    }
}

.player .vp-outro-videos .vp-outro-videoLink {
    display: block;
    position: relative;
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .1s ease-out, -webkit-transform 150ms ease-out;
    transition: opacity .1s ease-out, -webkit-transform 150ms ease-out;
    transition: opacity .1s ease-out, transform 150ms ease-out;
    transition: opacity .1s ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out
}

@supports (transition-timing-function:spring(1 400 25 20)) {
    .player .vp-outro-videos .vp-outro-videoLink {
        transition: opacity .1s ease-out, transform 10s spring(1 400 25 20)
    }
}

.player .vp-outro-videos .vp-outro-videoLink:focus,
.player .vp-outro-videos .vp-outro-videoLink:hover {
    outline: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.player .vp-outro-videos .vp-outro-videoLink:focus .vp-outro-videoHeader,
.player .vp-outro-videos .vp-outro-videoLink:hover .vp-outro-videoHeader {
    opacity: 1
}

.player .vp-outro-videos .vp-outro-videoLink:active {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

.player .vp-outro-imgWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border: 1px solid rgba(255, 255, 255, .05);
    z-index: 1;
    background: no-repeat center/cover
}

.player .vp-outro-videoHeader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    z-index: 1;
    text-align: left;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

@media screen and (max-width:400px) {
    .player .vp-outro-videoHeader {
        display: none!important
    }
}

.player .vp-outro-videoByline,
.player .vp-outro-videoTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.player .vp-outro-videoTitle {
    font-size: 12px;
    padding: .3em .5em 0;
    margin: 0;
    font-weight: 700;
    color: #fff
}

@media (min-width:677px) and (min-height:303px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-videoTitle {
        font-size: 3.9534883721vh
    }
}

@media (min-width:677px) and (min-height:303px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-videoTitle {
        font-size: 1.7708333333vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-videoTitle {
        font-size: 17px
    }
}

.player .vp-outro-videoByline {
    font-size: 10px;
    padding: .2em .7em 0;
    margin: 0;
    color: #fff
}

@media (min-width:800px) and (min-height:358px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-videoByline {
        font-size: 2.7906976744vh
    }
}

@media (min-width:800px) and (min-height:358px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-videoByline {
        font-size: 1.25vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-videoByline {
        font-size: 12px
    }
}

.player .vp-outro-textWrapper {
    text-align: left;
    padding: 6em;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-outro-textWrapper img {
    max-width: 100%
}

.player .vp-outro-textWrapper a {
    font-weight: 700
}

.player .vp-outro-textWrapper ul {
    padding-left: 1.8em
}

.player .vp-outro-text {
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 1.6em;
    line-height: 1.4
}

@media (max-width:500px) {
    .player .vp-outro-text {
        font-size: 1.4em
    }
}

@media (min-width:780px) {
    .player .vp-outro-text {
        width: 640px;
        margin: 0 auto
    }
}

.player .vp-outro-vodWrapper {
    text-align: center
}

.player .vp-outro-vodWrapper>p {
    margin-top: 1.4em;
    font-size: 1.4em
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader {
    margin: 0 3.1em .5em;
    font-size: 3.2em
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader a {
    color: #fff
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader a:hover {
    color: #fff
}

@media screen and (max-width:639px) {
    .player .vp-outro-vodWrapper .vp-outro-vodHeader {
        font-size: 2.8em
    }
}

@media screen and (max-width:499px) {
    .player .vp-outro-vodWrapper .vp-outro-vodHeader {
        font-size: 2.4em
    }
}

@media screen and (max-height:200px) {
    .player .vp-outro-vodWrapper .vp-outro-vodHeader {
        font-size: 2.4em
    }
}

.player .vp-outro-vod {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 10px
}

.player .vp-outro-vod li {
    display: inline-block;
    list-style-type: none;
    margin: 0 .5em;
    border-radius: 5px
}

.player .vp-outro-vod svg {
    margin-top: .125em;
    width: 1.375em;
    height: 1.375em
}

.player .vp-outro-vod p {
    margin: 0;
    padding: 0
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .6em .8em;
    margin: 0;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1;
    border-radius: 5px;
    cursor: pointer;
    color: #fff
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton:hover {
    color: #fff
}

@media screen and (max-height:200px) {
    .player .vp-outro-vodWrapper a.vp-outro-vodButton {
        font-size: 9px
    }
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton--watch {
    display: inline-block;
    padding: .625em 1.25em;
    line-height: normal
}

.player .vp-outro-vodIcon {
    margin-right: .8em
}

.player .vp-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 22, .3)), to(#141516));
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.player .vp-overlay-cell {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.player .vp-overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 16;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    background-position: center center;
    background-size: cover;
    text-align: center
}

.player .vp-overlay-wrapper.modal nav {
    display: none
}

.player .vp-overlay-wrapper.in .vp-overlay-bg {
    opacity: 1
}

.player .vp-overlay-wrapper.in nav {
    opacity: 1
}

.player .vp-overlay-wrapper.out nav {
    opacity: 0
}

.player .vp-overlay-wrapper h1 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 auto .6em
}

.player-md .vp-overlay-wrapper h1 {
    font-size: 21px
}

.player-lg .vp-overlay-wrapper h1,
.player-xl .vp-overlay-wrapper h1,
.player-xxl .vp-overlay-wrapper h1 {
    font-size: 24px
}

.player .vp-overlay-wrapper p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    margin: 0
}

.player-md .vp-overlay-wrapper p {
    font-size: 17px
}

.player-lg .vp-overlay-wrapper p,
.player-xl .vp-overlay-wrapper p,
.player-xxl .vp-overlay-wrapper p {
    font-size: 20px
}

.player .vp-overlay-wrapper p.subtitle {
    margin: .25em 0 .9375em
}

@media (max-width:299px),
(max-height:168px) {
    .player .vp-overlay-wrapper p.subtitle {
        display: none
    }
}

.player .vp-overlay-wrapper p.account {
    font-size: 1.3em;
    margin-top: .7142857143em
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-wrapper p.account {
        display: none
    }
}

.player .vp-overlay-wrapper a[role=button],
.player .vp-overlay-wrapper button,
.player .vp-overlay-wrapper input {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding: .625em 1.25em;
    margin: 0 .3125em;
    border-radius: 5px
}

.player-md .vp-overlay-wrapper a[role=button],
.player-md .vp-overlay-wrapper button,
.player-md .vp-overlay-wrapper input {
    font-size: 18px
}

.player-lg .vp-overlay-wrapper a[role=button],
.player-lg .vp-overlay-wrapper button,
.player-lg .vp-overlay-wrapper input,
.player-xl .vp-overlay-wrapper a[role=button],
.player-xl .vp-overlay-wrapper button,
.player-xl .vp-overlay-wrapper input,
.player-xxl .vp-overlay-wrapper a[role=button],
.player-xxl .vp-overlay-wrapper button,
.player-xxl .vp-overlay-wrapper input {
    font-size: 20px
}

.player .vp-overlay-wrapper a[role=button],
.player .vp-overlay-wrapper button,
.player .vp-overlay-wrapper input[type=submit] {
    cursor: pointer
}

.player .vp-overlay-wrapper input:not([type=submit]) {
    padding: .625em
}

.player .vp-overlay-wrapper .popup {
    display: inline-block;
    max-width: 250px;
    font-size: 1.4em;
    padding: .7142857143em 1.4285714286em
}

.player .vp-overlay-wrapper .form a {
    font-weight: 700
}

.player .vp-overlay-wrapper .form form {
    position: relative
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-wrapper .form form {
        display: none
    }
}

.player .vp-overlay-wrapper .form input:not([type=submit]) {
    border-radius: 2px;
    width: 9em;
    color: #444
}

.player .vp-overlay-wrapper .form input:not([type=submit])::-webkit-input-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::-moz-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit]):-ms-input-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::-ms-input-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form.password input[type=submit] {
    width: auto
}

.player .vp-overlay-wrapper .form.unlocked button {
    width: auto
}

.player .vp-overlay-wrapper .form .loading {
    -webkit-animation: throb 1s linear infinite;
    animation: throb 1s linear infinite
}

.player .vp-overlay-wrapper nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 21
}

.player .vp-overlay-wrapper nav button {
    font-size: 12px;
    background: 0 0;
    margin: 0;
    padding: 0
}

.player-md .vp-overlay-wrapper nav button {
    font-size: 14px
}

.player-lg .vp-overlay-wrapper nav button,
.player-xl .vp-overlay-wrapper nav button,
.player-xxl .vp-overlay-wrapper nav button {
    font-size: 16px
}

.player .vp-overlay-wrapper nav .icon-close {
    width: 1.125em;
    height: 1.125em;
    margin: .9375em
}

.player .vp-overlay-wrapper nav .icon-back {
    width: 1em;
    height: 1em;
    margin: 1em
}

.player .vp-overlay-wrapper nav .fill {
    fill: #fff
}

.player .vp-overlay-wrapper nav,
.player .vp-overlay-wrapper nav .back {
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    opacity: 0
}

.player .vp-overlay-wrapper nav .back {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em)
}

.player .vp-overlay-wrapper nav .close {
    position: absolute;
    right: 0
}

.player .vp-overlay-wrapper nav .close:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.player .vp-overlay-wrapper .footnote {
    font-weight: 700;
    margin-top: .5em;
    line-height: 1.8em
}

.player .vp-overlay-wrapper .footnote a,
.player .vp-overlay-wrapper .footnote button {
    margin: 0 .25em
}

.player .vp-overlay-wrapper .footnote.share a {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #fff
}

.player .vp-overlay-wrapper .footnote a.clip-url {
    position: relative;
    top: .1em
}

.player .vp-overlay-wrapper .footnote small a {
    margin: 0
}

.player .vp-overlay-wrapper .help {
    color: #fff;
    width: 100%;
    display: block
}

.player .vp-overlay-wrapper .help dl {
    font-size: 10px;
    min-width: 300px;
    max-width: 700px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: .5em auto;
    text-align: left
}

@media (min-width:400px) and (min-height:225px) and (min-aspect-ratio:640 / 360) {
    .player .vp-overlay-wrapper .help dl {
        font-size: 4.4444444444vh
    }
}

@media (min-width:400px) and (min-height:225px) and (max-aspect-ratio:640 / 360) {
    .player .vp-overlay-wrapper .help dl {
        font-size: 2.5vw
    }
}

@media (min-width:640px) and (min-height:360px) {
    .player .vp-overlay-wrapper .help dl {
        font-size: 16px
    }
}

.player .vp-overlay-wrapper .help dl>div {
    margin: .625em 0
}

.player .vp-overlay-wrapper .help .secondary {
    display: none
}

@media (min-width:501px) {
    .player .vp-overlay-wrapper .help dl {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .player .vp-overlay-wrapper .help dl dt {
        border-width: 2px
    }
    .player .vp-overlay-wrapper .help .secondary {
        display: block
    }
}

.player .vp-overlay-wrapper .help dt {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px;
    width: 2em;
    height: 2em;
    font-family: -apple-system, Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    line-height: 1.5;
    text-align: center
}

.player .vp-overlay-wrapper .help .arrow {
    line-height: 1.25
}

.player .vp-overlay-wrapper .help dd {
    display: inline-block;
    margin: 0 .625em;
    font-size: .875em
}

.player .vp-overlay-wrapper .help .scrub-backwards,
.player .vp-overlay-wrapper .help .toggle-captions {
    -webkit-column-break-after: always;
    -moz-column-break-after: always;
    break-after: always
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-wrapper[data-name=password] form {
        display: block
    }
}

@media (max-width:316px) {
    .player .vp-overlay-wrapper[data-name=password] input:not([type=submit]) {
        margin-bottom: 10px
    }
}

@media (max-width:299px),
(max-height:168px) {
    .player .vp-overlay-wrapper[data-name=password] .header,
    .player .vp-overlay-wrapper[data-name=password] .subtitle {
        display: none
    }
}

.player .vp-overlay-wrapper[data-name=app-redirect] {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)), rgba(0, 0, 0, .5);
    background: linear-gradient(180deg, transparent, #000 100%), rgba(0, 0, 0, .5)
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect--topspace {
    margin-top: 1.7em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-title {
    font-size: 1.7em;
    padding-bottom: 1em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
    font-size: 18px
}

@media (min-width:600px) and (min-height:337px) and (min-aspect-ratio:800 / 450) {
    .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
        font-size: 5.3333333333vh
    }
}

@media (min-width:600px) and (min-height:337px) and (max-aspect-ratio:800 / 450) {
    .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
        font-size: 3vw
    }
}

@media (min-width:800px) and (min-height:450px) {
    .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
        font-size: 24px
    }
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-ignore {
    text-decoration: underline;
    cursor: pointer;
    padding-top: 1em;
    font-size: 1.6em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-bottom-text {
    padding-top: 1.6em;
    font-size: 1.6em
}

.player .vp-overlay {
    z-index: 20;
    width: 100%;
    opacity: 0;
    position: relative;
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9)
}

.player .vp-overlay.in {
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.player .vp-overlay.out {
    -webkit-transition: opacity 105ms, -webkit-transform 105ms;
    transition: opacity 105ms, -webkit-transform 105ms;
    transition: transform 105ms, opacity 105ms;
    transition: transform 105ms, opacity 105ms, -webkit-transform 105ms
}

.player .vp-overlay-content {
    display: inline-block;
    padding: 0 18px
}

.player-lg .vp-overlay-content,
.player-md .vp-overlay-content,
.player-sm .vp-overlay-content,
.player-xl .vp-overlay-content,
.player-xxl .vp-overlay-content {
    padding: 0
}

.player-sm .vp-overlay-content {
    width: calc(100% * 8 / 12)
}

.player-md .vp-overlay-content {
    width: calc(100% * 6 / 12)
}

.player-lg .vp-overlay-content {
    width: calc(100% * 5 / 12)
}

.player-xl .vp-overlay-content {
    width: calc(100% * 4 / 12)
}

.player-xxl .vp-overlay-content {
    width: calc(100% * 3 / 12)
}

.player .vp-overlay-content.unlocked h1 {
    max-width: 800px
}

.player .vp-overlay-content.error {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.player .vp-overlay-icon-wrapper {
    position: absolute;
    left: 50%;
    width: 20em;
    height: 20em;
    margin-left: -10em;
    z-index: 19
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-icon-wrapper {
        display: none
    }
}

.player .vp-overlay-icon-wrapper[data-icon=lock] {
    width: 14em;
    height: 16em;
    margin-left: -7em
}

.player-lg .vp-overlay-icon-wrapper[data-icon=lock],
.player-md .vp-overlay-icon-wrapper[data-icon=lock],
.player-sm .vp-overlay-icon-wrapper[data-icon=lock],
.player-xl .vp-overlay-icon-wrapper[data-icon=lock],
.player-xxl .vp-overlay-icon-wrapper[data-icon=lock] {
    height: 22.4em
}

.player .vp-overlay-icon-wrapper.animate {
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out
}

.player .vp-overlay-icon {
    width: 20em;
    height: 20em;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.player .vp-overlay-icon[data-icon=lock] {
    height: 16em;
    width: 14em
}

.player-lg .vp-overlay-icon[data-icon=lock],
.player-md .vp-overlay-icon[data-icon=lock],
.player-sm .vp-overlay-icon[data-icon=lock],
.player-xl .vp-overlay-icon[data-icon=lock],
.player-xxl .vp-overlay-icon[data-icon=lock] {
    height: 22.4em
}

.player .vp-overlay-icon[data-icon=lock].open .bolt {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.player .vp-overlay-icon svg {
    width: 100%;
    height: 100%
}

.player .vp-overlay-icon.centered {
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out
}

.player .vp-overlay-icon.pulled-back {
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.player .vp-overlay-icon.out {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.player .vp-overlay-logo {
    width: 100%;
    height: 2.9em;
    margin: 0 auto;
    position: absolute;
    z-index: -2934875273462
}

.player .vp-overlay-logo.animate {
    opacity: 0;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transform: scale(.25);
    transform: scale(.25)
}

.player .vp-overlay-logo svg {
    width: 100%;
    height: 100%
}

@media (max-height:269px) {
    .player .vp-overlay-cell::after {
        content: "icon-hidden";
        display: block;
        position: relative;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden
    }
    .player .vp-overlay-icon-wrapper,
    .player .vp-overlay-logo {
        display: none
    }
    .player .vp-overlay-icon-wrapper::after,
    .player .vp-overlay-logo::after {
        content: "hidden";
        display: block;
        position: relative;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden
    }
}

.player .vp-overlay-icon,
.player .vp-overlay-logo {
    opacity: .75
}

.player .vp-sidedock {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    z-index: 12
}

.player .vp-sidedock,
.player .vp-sidedock .sidedock-inner {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-sidedock .box {
    margin: 0 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out
}

.player .vp-sidedock .box:nth-child(3) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.player .vp-sidedock .box:nth-child(4) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.player .vp-sidedock .box[data-vod-expiring="1"] .vod-button {
    background: rgba(188, 23, 30, .75)
}

.player .vp-sidedock .box[data-vod-expiring="1"] .vod-icon .fill {
    fill: #fff
}

.player .vp-sidedock.vod .sidedock-inner .box {
    opacity: 0;
    -webkit-transform: translateX(46px);
    transform: translateX(46px)
}

.player .vp-sidedock.vod .box[data-vod-purchased="1"][data-vod-expiring="1"] .vod-button {
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite
}

.player .vp-sidedock button {
    width: 3.6em;
    height: 3.6em;
    -webkit-transition: background-color 40ms;
    transition: background-color 40ms
}

.player .vp-sidedock label {
    padding: 0 1em;
    margin: 0 .7em 0 0;
    height: 3.6em;
    line-height: 3.6em;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out;
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.player .vp-sidedock label.visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.player .vp-sidedock label::after {
    position: absolute;
    right: -.5em;
    top: 50%;
    margin-top: -.5em;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .5em solid rgba(23, 35, 34, .75);
    content: ""
}

.player .vp-sidedock .vod-label,
.player .vp-sidedock label {
    position: relative;
    height: 3.6em;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out
}

.player .vp-sidedock .vod-label,
.player .vp-sidedock label span {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 2.5714285714
}

.player .vp-sidedock .vod-label {
    height: 100%;
    margin-left: .7em
}

.player .vp-sidedock svg {
    margin: 0 auto;
    display: block
}

.player .vp-sidedock .vod-button {
    width: auto
}

.player .vp-sidedock .vod-button-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.player .vp-sidedock .vod-icon {
    width: 2.4em;
    height: 100%;
    margin: 0 .7em
}

.player .vp-sidedock .like-icon {
    width: 2.2em;
    height: 2em
}

.player .vp-sidedock .watch-later-icon {
    width: 2.4em;
    height: 2.4em
}

.player .vp-sidedock .share-icon {
    width: 2.3em;
    height: 2em
}

.player .vp-sidedock .collections-icon {
    width: 2em;
    height: 2em
}

.player .vp-sidedock .fill {
    -webkit-transition: fill 40ms;
    transition: fill 40ms
}

.player .vp-sidedock .stroke {
    -webkit-transition: stroke 40ms;
    transition: stroke 40ms
}

.js-player-fullscreen:-webkit-full-screen .vp-sidedock {
    font-size: 11px
}

.js-player-fullscreen:-ms-fullscreen .vp-sidedock {
    font-size: 11px
}

.js-player-fullscreen:fullscreen .vp-sidedock {
    font-size: 11px
}

.player .sidedock-outro button:not(:hover) {
    opacity: .65
}

.player.player-ad .vp-sidedock {
    display: none
}

.player.no-fullscreen-api-support.mobile .vp-title .vp-portrait {
    display: none
}

.player.no-fullscreen-support.mobile .vp-title .vp-portrait {
    display: none
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.mobile .vp-title .vp-portrait,
.player:not(:-webkit-full-screen).mobile .vp-title .vp-portrait {
    display: none
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.mobile .vp-title .vp-portrait,
.player:not(:-ms-fullscreen).mobile .vp-title .vp-portrait {
    display: none
}

.js-player-fullscreen:not(:fullscreen) .player.mobile .vp-title .vp-portrait,
.player:not(:fullscreen).mobile .vp-title .vp-portrait {
    display: none
}

.player.fullscreen .vp-title {
    margin-right: 4.1818181818em
}

.player .vp-title {
    display: block;
    position: relative;
    padding: 1em;
    z-index: 6;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    margin-right: 4.6em
}

.player .vp-title .vp-title-header {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.player .vp-title .vp-title-header .headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.player .vp-title .vp-title-header h1,
.player .vp-title .vp-title-header h2 {
    background: rgba(23, 35, 34, .75);
    display: inline-block;
    text-transform: none;
    line-height: normal;
    letter-spacing: normal
}

.player .vp-title .vp-title-header h1 {
    max-width: 100%;
    margin: 0;
    padding: .1em .2em;
    font-size: 2em!important;
    font-weight: 700
}

.player .vp-title .vp-title-header h1 a {
    font-weight: 700
}

.player .vp-title .vp-title-header h2 {
    font-size: 1.2em!important;
    font-weight: 400;
    color: #fff;
    margin-top: .1em;
    padding: .2em .5em
}

.player .vp-title .vp-title-header h2 .user,
.player .vp-title .vp-title-header h2 a {
    font-weight: 700
}

.player .vp-title .vp-title-header h2 .byline-badge {
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 2px 3px 1px;
    vertical-align: 1px;
    font-family: Helvetica, Arial!important;
    font-size: .7em;
    font-weight: 400
}

.player .vp-title .vp-title-header h2 .byline-badge.plus {
    background-color: #17ade4;
    color: #073a4c
}

.player .vp-title .vp-title-header h2 .byline-badge.pro {
    background-color: #9ba8b8;
    color: #34373d
}

.player .vp-title .vp-title-header h2 .byline-badge.business {
    background-color: #74b300;
    color: #263b00
}

.player .vp-title .vp-portrait {
    background: rgba(23, 35, 34, .75);
    width: 6em;
    height: 6em;
    margin-right: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: .5em
}

.player .vp-title .vp-portrait img {
    border: 0;
    width: 5em;
    height: 5em;
    border-radius: 50%
}

.player .vp-title .threesix-badge-title {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    vertical-align: middle;
    font-weight: 700;
    font-size: .6em;
    padding: .2em .4em;
    display: inline-block;
    margin-left: .5em;
    margin-top: -.2em
}

.player .vp-title .threesix-badge-byline {
    display: inline-block;
    margin-left: -2px;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.player .vp-title .threesix-badge-loner {
    display: inline-block;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.player .vp-title .hashdr-badge-title {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    vertical-align: middle;
    font-weight: 700;
    font-size: .6em;
    padding: .2em .4em;
    display: inline-block;
    margin-left: .5em;
    margin-top: -.2em
}

.player .vp-title .hashdr-badge-byline {
    display: inline-block;
    margin-left: -2px;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.player .vp-title .hashdr-badge-loner {
    display: inline-block;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.js-player-fullscreen:-webkit-full-screen .vp-title {
    font-size: 11px
}

.js-player-fullscreen:-ms-fullscreen .vp-title {
    font-size: 11px
}

.js-player-fullscreen:fullscreen .vp-title {
    font-size: 11px
}

.player .vp-badge {
    display: block;
    float: left;
    position: relative;
    z-index: 7;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    padding: 0;
    margin: 0
}

.player .vp-badge.invisible {
    padding: 0
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-badge {
        display: none
    }
}

.player.hide-controls-mode .vp-video-wrapper .vp-shade,
.player.no-playbar .vp-video-wrapper .vp-shade,
.player.player-tiny .vp-video-wrapper .vp-shade {
    display: none
}

.player .vp-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    overflow: hidden
}

.player .vp-video-wrapper.live-background {
    background-color: #1a2e3b
}

.player .vp-video-wrapper.transparent {
    background-color: transparent
}

.player .vp-video-wrapper.native-controls {
    z-index: 15
}

.player .vp-video-wrapper .snapshot {
    position: absolute;
    z-index: 1
}

.player .vp-video-wrapper .vp-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .25s, -webkit-filter .25s;
    transition: opacity .25s, -webkit-filter .25s;
    transition: filter .25s, opacity .25s;
    transition: filter .25s, opacity .25s, -webkit-filter .25s
}

.player .vp-video-wrapper .vp-video::after {
    -webkit-transition: all .25s;
    transition: all .25s
}

.player .vp-video-wrapper .vp-preview {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-preview-cover {
    background-size: cover
}

.player .vp-video-wrapper .vp-preview-invisible {
    opacity: 0
}

.player .vp-video-wrapper .vp-shade {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: .4;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-shade-invisible {
    opacity: 0
}

.player .vp-video-wrapper .vp-telecine {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::--webkit-media-controls-play-button {
    display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-play-button {
    display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-start-playback-button {
    display: none
}

.player .vp-video-wrapper object,
.player .vp-video-wrapper video {
    width: 100%;
    height: 100%
}

.player .vp-video-wrapper .vp-telecine-cover video {
    -o-object-fit: cover;
    object-fit: cover
}

.player .vp-video-wrapper pre {
    font-family: monospace!important
}

.js-player-fullscreen:-webkit-full-screen {
    background-color: #000!important
}

.js-player-fullscreen:-ms-fullscreen {
    background-color: #000!important
}

.js-player-fullscreen:fullscreen {
    background-color: #000!important
}

.js-player-fullscreen:-webkit-full-screen .vp-video-wrapper {
    background-color: transparent!important
}

.js-player-fullscreen:-ms-fullscreen .vp-video-wrapper {
    background-color: transparent!important
}

.js-player-fullscreen:fullscreen .vp-video-wrapper {
    background-color: transparent!important
}

.player.player-overlayVisible .vp-cards {
    display: none
}

.player.player-withCards .vp-sidedock {
    display: none
}

.player.player-cardsCarousel:not(.player-outroVisible) .vp-player-inner {
    bottom: 60px
}

.player.player-cardsCarousel:not(.player-outroVisible) .vp-cards-wrapper {
    display: block
}

.player.player-cardsCarousel .vp-title {
    display: none
}

.player .vp-cards-wrapper {
    display: none;
    z-index: 4;
    overflow: hidden;
    height: 60px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    color: #fff;
    background: #000
}

.player.player-cardsCorner .vp-cards-wrapper {
    display: block;
    overflow: visible;
    width: 0;
    height: 76px;
    left: auto;
    bottom: auto;
    top: 10px;
    right: 10px
}

.player .vp-cards {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 0 14%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1.2);
    transition-timing-function: cubic-bezier(.18, .89, .32, 1.2)
}

.player.player-cardsCorner .vp-cards {
    top: 0;
    right: 0;
    width: 326px;
    height: 0;
    -webkit-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.player .card {
    margin: 2px 1px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    cursor: pointer;
    -webkit-user-drag: none
}

.player.player-cardsCorner .card {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    cursor: auto
}

.player.player-cardsCorner .card-animating {
    -webkit-transition: opacity .2s, -webkit-transform 250ms cubic-bezier(.18, .89, .32, 1.2);
    transition: opacity .2s, -webkit-transform 250ms cubic-bezier(.18, .89, .32, 1.2);
    transition: transform 250ms cubic-bezier(.18, .89, .32, 1.2), opacity .2s;
    transition: transform 250ms cubic-bezier(.18, .89, .32, 1.2), opacity .2s, -webkit-transform 250ms cubic-bezier(.18, .89, .32, 1.2)
}

.player.player-cardsCorner .card-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.player .card-hasDetail {
    height: 56px
}

.player.player-cardsCorner .card-hasDetail {
    height: 76px
}

.player.player-cardsCorner .card--contentInfo {
    display: none
}

.player .card--contentInfo .card-imageWrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49px;
    flex: 0 0 49px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player .card--contentInfo .card-image {
    border-radius: 50%;
    height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.player .card-link {
    color: #fff;
    -webkit-user-drag: none
}

.player .card-inner {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    background-color: rgba(23, 35, 34, .75)
}

.player.player-cardsCorner .card-inner {
    border-radius: 3px
}

.player .card-imageWrap {
    display: none;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 56px;
    flex-basis: 56px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.player.player-cardsCorner .card-imageWrap {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .cards-wrapper--withThumbnails .card-imageWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .card-image {
    display: block;
    height: 56px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.player.player-cardsCorner .card-image {
    height: 100%;
    -webkit-user-drag: none
}

.player .card-body {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player.player-cardsCorner .card-body {
    padding: 10px;
    max-width: 250px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.player .card-text {
    margin: 0;
    font-size: 1.4em;
    line-height: 1.1428571429em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .card-text--title {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1px;
    line-height: 1.2857142857em;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player.player-cardsCorner .card-text--title {
    margin-bottom: 0
}

.player .card-text--title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .card-arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    margin-left: 10px;
    width: 10px;
    height: 10px
}

.player .card-text--detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 1px;
    max-height: 26px;
    color: #a2afb8;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player.player-cardsCorner .card-text--detail {
    margin-top: 6px;
    max-height: 32px;
    font-size: 1.4em
}

.player .vp-text-alert-wrapper {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 22, .3)), to(#141516));
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: 700
}

.player .vp-text-alert-wrapper .vp-alert-text,
.player .vp-text-alert-wrapper .vp-alert-time {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    width: 100%
}

.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body,
.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-title {
    margin-bottom: 9px
}

.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body {
    font-weight: 400;
    font-size: 3.2em
}

@media screen and (max-height:350px),
screen and (max-width:740px) {
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-title {
        font-weight: 700
    }
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body,
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-footer {
        font-size: 1.4em;
        display: inline;
        font-weight: 400
    }
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body {
        padding-right: 6px
    }
}

@media screen and (max-height:200px),
screen and (max-width:480px) {
    .player .vp-text-alert-wrapper {
        font-size: 1.2em
    }
}

@media screen and (max-height:200px),
screen and (max-width:250px) {
    .player .vp-text-alert-wrapper {
        font-size: 1em
    }
}

.player .vp-spin {
    width: 18%;
    max-width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: opacity .1s, transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: opacity .1s, transform .25s cubic-bezier(.17, .88, .32, 1.28), -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28)
}

.player.hide-controls-mode .vp-spin,
.player.no-playbar .vp-spin,
.player.player-tiny .vp-spin {
    display: none
}

.player .vp-spin-invisible {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.player .vp-spin-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    fill: none;
    stroke-width: 3%;
    stroke: #fcfcfc;
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation: rotate 2s linear .25s infinite, dash 1.5s ease-in-out .25s infinite;
    animation: rotate 2s linear .25s infinite, dash 1.5s ease-in-out .25s infinite
}

@media all and (-ms-high-contrast:none) {
    .player .vp-spin-circle {
        stroke-dasharray: 50 200;
        stroke-dashoffset: 0
    }
}

.player .vp-spin-invisible .vp-spin-circle {
    -webkit-animation: none;
    animation: none
}

.player .vp-spin-trace {
    fill: none;
    stroke-width: 3%;
    stroke: rgba(23, 35, 34, .75);
    stroke-opacity: .6
}

.player.player-xxs .vp-spin-circle,
.player.player-xxs .vp-spin-trace {
    stroke-width: 6%
}

.player.player-xs .vp-spin-circle,
.player.player-xs .vp-spin-trace {
    stroke-width: 4%
}

.player.no-fullscreen-api-support.in-minibar .custom-logo,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-cast-button,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-live-status,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-live-viewer-count,
.player.no-fullscreen-api-support.in-minibar .vp-badge,
.player.no-fullscreen-api-support.in-minibar .vp-sidedock,
.player.no-fullscreen-api-support.in-minibar .vp-title {
    display: none!important
}

.player.no-fullscreen-api-support.in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .airplay,
.player.no-fullscreen-api-support.in-minibar .vp-controls .logo,
.player.no-fullscreen-api-support.in-minibar .vp-controls .stereoscopic,
.player.no-fullscreen-api-support.in-minibar .vp-controls .volume,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-cast-button,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-prefs,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-progress {
    display: none
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play .tiny-bars,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play,
.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
    z-index: 14
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.no-fullscreen-api-support.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-api-support.in-minibar:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar .custom-logo,
.player.no-fullscreen-support.in-minibar .play-bar .vp-cast-button,
.player.no-fullscreen-support.in-minibar .play-bar .vp-live-status,
.player.no-fullscreen-support.in-minibar .play-bar .vp-live-viewer-count,
.player.no-fullscreen-support.in-minibar .vp-badge,
.player.no-fullscreen-support.in-minibar .vp-sidedock,
.player.no-fullscreen-support.in-minibar .vp-title {
    display: none!important
}

.player.no-fullscreen-support.in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.no-fullscreen-support.in-minibar .vp-controls .airplay,
.player.no-fullscreen-support.in-minibar .vp-controls .logo,
.player.no-fullscreen-support.in-minibar .vp-controls .stereoscopic,
.player.no-fullscreen-support.in-minibar .vp-controls .volume,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-cast-button,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-prefs,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-progress {
    display: none
}

.player.no-fullscreen-support.in-minibar .vp-controls .play,
.player.no-fullscreen-support.in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-fullscreen-support.in-minibar .vp-controls .play .tiny-bars,
.player.no-fullscreen-support.in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-fullscreen-support.in-minibar .vp-controls .play,
.player.no-fullscreen-support.in-minibar .vp-controls .play-bar,
.player.no-fullscreen-support.in-minibar .vp-controls .replay {
    z-index: 14
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.no-fullscreen-support.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-support.in-minibar:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-title,
.player:not(:-webkit-full-screen).in-minibar .custom-logo,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-cast-button,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-live-status,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-webkit-full-screen).in-minibar .vp-badge,
.player:not(:-webkit-full-screen).in-minibar .vp-sidedock,
.player:not(:-webkit-full-screen).in-minibar .vp-title {
    display: none!important
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-title,
.player:not(:-ms-fullscreen).in-minibar .custom-logo,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-cast-button,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-live-status,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-ms-fullscreen).in-minibar .vp-badge,
.player:not(:-ms-fullscreen).in-minibar .vp-sidedock,
.player:not(:-ms-fullscreen).in-minibar .vp-title {
    display: none!important
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-title,
.player:not(:fullscreen).in-minibar .custom-logo,
.player:not(:fullscreen).in-minibar .play-bar .vp-cast-button,
.player:not(:fullscreen).in-minibar .play-bar .vp-live-status,
.player:not(:fullscreen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:fullscreen).in-minibar .vp-badge,
.player:not(:fullscreen).in-minibar .vp-sidedock,
.player:not(:fullscreen).in-minibar .vp-title {
    display: none!important
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls,
.player:not(:-webkit-full-screen).in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls,
.player:not(:-ms-fullscreen).in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls,
.player:not(:fullscreen).in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    align-items: flex-end
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -ms-flex-align: end;
    align-items: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar button {
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .airplay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .logo,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .stereoscopic,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .volume,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-prefs,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-progress {
    display: none
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .airplay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .logo,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .stereoscopic,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .volume,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-prefs,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-progress {
    display: none
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:fullscreen).in-minibar .vp-controls .airplay,
.player:not(:fullscreen).in-minibar .vp-controls .logo,
.player:not(:fullscreen).in-minibar .vp-controls .stereoscopic,
.player:not(:fullscreen).in-minibar .vp-controls .volume,
.player:not(:fullscreen).in-minibar .vp-controls .vp-cast-button,
.player:not(:fullscreen).in-minibar .vp-controls .vp-prefs,
.player:not(:fullscreen).in-minibar .vp-controls .vp-progress {
    display: none
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:fullscreen).in-minibar .vp-controls .play,
.player:not(:fullscreen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:fullscreen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:fullscreen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay {
    z-index: 14
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay {
    z-index: 14
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:fullscreen).in-minibar .vp-controls .play,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .replay {
    z-index: 14
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls,
.player:not(:-webkit-full-screen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-webkit-full-screen).in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls,
.player:not(:-ms-fullscreen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-ms-fullscreen).in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar:not(:fullscreen) .vp-captions.with-controls,
.player:not(:fullscreen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:fullscreen).in-minibar:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

@media (max-height:119px),
(max-width:79px) {
    .player .vp-controls .cc,
    .player .vp-controls .fullscreen {
        display: none!important
    }
}

.player.player-tiny .custom-logo,
.player.player-tiny .play-bar .vp-cast-button,
.player.player-tiny .play-bar .vp-live-status,
.player.player-tiny .play-bar .vp-live-viewer-count,
.player.player-tiny .vp-badge,
.player.player-tiny .vp-sidedock,
.player.player-tiny .vp-title {
    display: none!important
}

.player.player-tiny .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.player-tiny .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.player-tiny .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.player-tiny .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.player-tiny .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.player-tiny .vp-controls .airplay,
.player.player-tiny .vp-controls .logo,
.player.player-tiny .vp-controls .stereoscopic,
.player.player-tiny .vp-controls .volume,
.player.player-tiny .vp-controls .vp-cast-button,
.player.player-tiny .vp-controls .vp-prefs,
.player.player-tiny .vp-controls .vp-progress {
    display: none
}

.player.player-tiny .vp-controls .play,
.player.player-tiny .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.player-tiny .vp-controls .play .tiny-bars,
.player.player-tiny .vp-controls .replay .tiny-bars {
    display: block
}

.player.player-tiny .vp-controls .play,
.player.player-tiny .vp-controls .play-bar,
.player.player-tiny .vp-controls .replay {
    z-index: 14
}

.player.player-tiny .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.player-tiny:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.player-tiny:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player.player-tiny.no-fullscreen-support .vp-captions.with-controls,
.player.player-tiny:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.player-mini .play-bar .vp-live-viewer-count,
.player.player-mini .vp-controls .volume,
.player.player-mini .vp-portrait {
    display: none!important
}

.player.player-mini .vp-title .vp-title-header h1 {
    font-size: 1.8em
}

.player .player-mini.with-custom-logo .play-bar .vp-live-viewer-count,
.player .player-mini.with-custom-logo .vp-controls .volume,
.player .player-mini.with-custom-logo .vp-portrait {
    display: none!important
}

.player .player-mini.with-custom-logo .vp-title .vp-title-header h1 {
    font-size: 1.8em
}

.player .player-tiny.with-custom-logo .custom-logo,
.player .player-tiny.with-custom-logo .play-bar .vp-cast-button,
.player .player-tiny.with-custom-logo .play-bar .vp-live-status,
.player .player-tiny.with-custom-logo .play-bar .vp-live-viewer-count,
.player .player-tiny.with-custom-logo .vp-badge,
.player .player-tiny.with-custom-logo .vp-sidedock,
.player .player-tiny.with-custom-logo .vp-title {
    display: none!important
}

.player .player-tiny.with-custom-logo .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player .player-tiny.with-custom-logo .vp-controls .airplay,
.player .player-tiny.with-custom-logo .vp-controls .logo,
.player .player-tiny.with-custom-logo .vp-controls .stereoscopic,
.player .player-tiny.with-custom-logo .vp-controls .volume,
.player .player-tiny.with-custom-logo .vp-controls .vp-cast-button,
.player .player-tiny.with-custom-logo .vp-controls .vp-prefs,
.player .player-tiny.with-custom-logo .vp-controls .vp-progress {
    display: none
}

.player .player-tiny.with-custom-logo .vp-controls .play,
.player .player-tiny.with-custom-logo .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player .player-tiny.with-custom-logo .vp-controls .play .tiny-bars,
.player .player-tiny.with-custom-logo .vp-controls .replay .tiny-bars {
    display: block
}

.player .player-tiny.with-custom-logo .vp-controls .play,
.player .player-tiny.with-custom-logo .vp-controls .play-bar,
.player .player-tiny.with-custom-logo .vp-controls .replay {
    z-index: 14
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player .player-tiny.with-custom-logo:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo.no-fullscreen-support .vp-captions.with-controls,
.player .player-tiny.with-custom-logo:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

@media screen and (max-width:449px),
screen and (max-height:249px) {
    .player .custom-logo,
    .player .custom-logo img {
        max-height: 60px!important
    }
}

@media screen and (max-height:224px) {
    .player .custom-logo,
    .player .custom-logo img {
        max-height: 50px!important
    }
}

.player .vp-live-viewer-status-wrapper {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    position: absolute;
    top: 1em;
    left: 1em;
    cursor: default
}

.player .vp-live-viewer-status-wrapper .vp-live-viewer-count {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    padding: 2px 5px;
    margin-left: 8px;
    background: rgba(23, 35, 34, .75);
    height: 22px
}

.player .vp-live-viewer-count {
    font: 1.3em HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 540;
    letter-spacing: 1px;
    padding-right: 10px;
    display: none
}

.player .vp-live-viewer-count .vp-live-viewer-count-person {
    display: inline-block;
    position: relative;
    top: 2px
}

.player .vp-live-viewer-count .vp-live-viewer-count-value {
    margin-left: 5px
}

.player .play-bar .vp-live-viewer-count {
    margin-top: -3px;
    padding-right: 10px;
    display: none
}

.player .play-bar .vp-live-viewer-count .vp-live-viewer-count-person {
    display: inline-block;
    position: relative;
    top: 2px
}

.player .play-bar .vp-live-viewer-count .vp-live-viewer-count-value {
    margin-left: 5px
}

.player .vp-live-viewer-status-wrapper .vp-live-status {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    padding: 2px 5px;
    background: #ff4d4d;
    height: 22px
}

.player .vp-live-viewer-status-wrapper .vp-live-status .vp-live-status-circle {
    background: #fff
}

.player .vp-live-status {
    font: 1.3em HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 540;
    letter-spacing: 1px;
    line-height: 1.4;
    cursor: default
}

.player .vp-live-status span {
    margin-left: 4px
}

.player .vp-live-status .vp-live-status-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    position: relative
}

.player .play-bar .vp-live-status {
    margin-top: -3px;
    margin-right: 1em;
    display: none
}

.player .play-bar .vp-live-status .vp-live-status-circle {
    background: red
}

.player .play-bar .vp-live-status .vp-live-status-circle.offline {
    background: #333;
    border: 1px solid #efefef
}

.player .vp-unmute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-unmute-button {
    display: block;
    position: relative;
    margin: 1em auto;
    max-width: calc(100% - 12.5em);
    min-height: 30px;
    padding: .8em;
    padding-left: 35px;
    border-radius: 2px;
    background: rgba(23, 35, 34, .75)
}

.player.player-mini .vp-unmute-button,
.player.player-tiny .vp-unmute-button {
    position: absolute;
    top: 1em;
    right: 1em;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    min-height: 22px
}

.player.player-mini .vp-icon-muted,
.player.player-tiny .vp-icon-muted {
    height: 14px;
    width: 14px
}

.player.player-mini .vp-unmute-button-title,
.player.player-tiny .vp-unmute-button-title {
    display: none
}

.player .vp-unmute-button>span {
    font-size: 1.3em;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

.player .vp-icon-muted {
    position: absolute;
    left: .8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px
}

.player .vp-unmute-button-title {
    display: inline
}

.player .vp-nudge-wrapper {
    top: 33.3%;
    display: block;
    position: absolute;
    height: 0;
    width: 100%
}

.player.player-tiny .vp-nudge-wrapper {
    display: none
}

.player .vp-nudge {
    display: inline-block;
    position: absolute;
    padding-bottom: 30%;
    height: 50%;
    width: 35%;
    z-index: 8;
    -webkit-transition: ease-in-out .4s;
    transition: ease-in-out .4s
}

.player .vp-nudge-backward {
    left: 0
}

.player .vp-nudge-forward {
    right: 0
}

.player .vp-nudge-symbol {
    margin: 15% auto;
    margin-bottom: 40%;
    height: 9px;
    width: 20px
}

.player .vp-nudge-backward-symbol {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.player .vp-nudge-shade {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .1s ease-in;
    transition: opacity .3s ease-in-out, -webkit-transform .1s ease-in;
    transition: opacity .3s ease-in-out, transform .1s ease-in;
    transition: opacity .3s ease-in-out, transform .1s ease-in, -webkit-transform .1s ease-in
}

.player .vp-nudge-shade-left {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.player .vp-nudge-shade-right {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.player .vp-nudge-shade-invisible {
    opacity: 0
}

.player .vp-nudge-seconds {
    margin: 15%;
    margin-bottom: -9%;
    display: block;
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
    min-height: 15px
}

.js-player-fullscreen:-webkit-full-screen .vp-canvas-effect {
    display: none
}

.js-player-fullscreen:-ms-fullscreen .vp-canvas-effect {
    display: none
}

.js-player-fullscreen:fullscreen .vp-canvas-effect {
    display: none
}


/* VimeoPlayer - v3.17.7 - 2020-02-13 */

@charset "UTF-8";
@-webkit-keyframes buffer {
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes buffer {
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@-moz-keyframes bufferLeft {
    0% {
        left: 0
    }
    100% {
        left: -10px
    }
}

@-webkit-keyframes throb {
    0%,
    100% {
        background-color: #555
    }
    50% {
        background-color: #444
    }
}

@keyframes throb {
    0%,
    100% {
        background-color: #555
    }
    50% {
        background-color: #444
    }
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%,
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    60% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wiggle {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%,
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    60% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes pulse {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes pulse {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

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

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

:-webkit-full-screen-ancestor>:not(:-webkit-full-screen-ancestor):not(:-webkit-full-screen) {
    display: none!important
}

:-ms-fullscreen-ancestor>:not(:-ms-fullscreen-ancestor):not(:-ms-fullscreen) {
    display: none!important
}

:fullscreen-ancestor>:not(:fullscreen-ancestor):not(:fullscreen) {
    display: none!important
}

body:not(.showfocus) .player button,
body:not(.showfocus) .player li,
body:not(.showfocus) .player span,
body:not(.showfocus) .player svg {
    outline: 0!important
}

.vp-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vp-placeholder {
    opacity: 1;
    -webkit-transition: opacity 125ms ease-out .1s;
    transition: opacity 125ms ease-out .1s
}

.vp-placeholder-fadeout {
    opacity: 0
}

.player {
    position: relative;
    max-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    color: #fff;
    line-height: normal;
    overflow: visible;
    border-collapse: separate;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulate;
    touch-action: manipulate
}

.player:focus {
    outline: 2px solid #00adef;
    outline-offset: 2px
}

.player,
.player h1,
.player h2 {
    font-family: "Helvetica Neue", Helvetica, Arial!important;
    font-size: 10px
}

.player,
.player *,
.player::after,
.player::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.player.scrubbing * {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important
}

.player.loading .vp-controls-wrapper,
.player.loading .vp-video-wrapper {
    opacity: 0
}

.player:hover .vp-controls.controls-outro {
    opacity: 1
}

.player button {
    cursor: pointer;
    font-size: 1em
}

.player button,
.player input,
.player textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial;
    line-height: normal;
    height: auto;
    vertical-align: baseline
}

.player a:active,
.player button:active,
.player button:not(:focus) {
    outline: 0
}

.player img {
    border: 0
}

.player a {
    text-decoration: none
}

.player .hidden {
    display: none!important
}

.player .invisible {
    opacity: 0
}

.player .cloaked {
    visibility: hidden
}

.player .rounded-box {
    background: rgba(23, 35, 34, .75);
    border-radius: .5em
}

.player .fill {
    fill: #fff
}

.player .toggle.off .fill {
    fill: #fff
}

.player .toggle.off .stroke {
    stroke: #fff
}

.player .stroke {
    stroke: #fff;
    fill: none
}

.player .only-in-fullscreen {
    display: none!important
}

.js-player-fullscreen:-webkit-full-screen .only-in-fullscreen {
    display: block!important
}

.js-player-fullscreen:-ms-fullscreen .only-in-fullscreen {
    display: block!important
}

.js-player-fullscreen:fullscreen .only-in-fullscreen {
    display: block!important
}

.player .vp-target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.player.player-ad .vp-target {
    visibility: hidden
}

.player .vp-controls-wrapper,
.player .vp-video-wrapper {
    opacity: 1;
    -webkit-transition: opacity 125ms ease-out;
    transition: opacity 125ms ease-out
}

.player.player-cursor-hide {
    cursor: none
}

.player.grabbable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.player.grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.player .vp-ads-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-ads-wrapper .vp-ads-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 22px;
    padding: 0 .8em;
    font-size: 1.2em;
    line-height: 2;
    text-transform: uppercase;
    border-radius: 3px;
    background: rgba(23, 35, 34, .75);
    color: #fff
}

.player .vp-alert {
    background: rgba(23, 35, 34, .75);
    text-align: center;
    z-index: 23;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 50px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity .1s, -webkit-transform .1s linear;
    transition: opacity .1s, -webkit-transform .1s linear;
    transition: transform .1s linear, opacity .1s;
    transition: transform .1s linear, opacity .1s, -webkit-transform .1s linear;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.player .vp-alert h3 {
    margin: 0;
    color: #fff;
    font-size: 1.2em
}

.player .vp-alert.in {
    opacity: 1;
    -webkit-transition: opacity .1s, -webkit-transform .1s cubic-bezier(0, 1.14, .57, 1.21);
    transition: opacity .1s, -webkit-transform .1s cubic-bezier(0, 1.14, .57, 1.21);
    transition: transform .1s cubic-bezier(0, 1.14, .57, 1.21), opacity .1s;
    transition: transform .1s cubic-bezier(0, 1.14, .57, 1.21), opacity .1s, -webkit-transform .1s cubic-bezier(0, 1.14, .57, 1.21);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.player .vp-alert.leaving {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: transform .2s linear, opacity .2s linear;
    transition: transform .2s linear, opacity .2s linear, -webkit-transform .2s linear
}

.player .vp-alert .close {
    position: absolute;
    right: 0;
    background: 0 0;
    margin: 0;
    padding: 0;
    top: 0;
    height: 100%
}

.player .vp-alert .close .icon-close {
    width: 1.125em;
    height: 1.125em;
    margin: .9375em
}

.player .vp-alert .close:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.player .vp-alert .warning-icon {
    fill: #e53e4f;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 2px
}

.player .vp-alert-button-link {
    padding: 5px 0;
    background: 0 0;
    font-weight: 700
}

.player .vp-alert-round {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px
}

.player .vp-alert-round.in {
    visibility: visible;
    opacity: 1
}

.player .vp-alert-round.leaving {
    opacity: 0
}

.player .vp-alert-round--threesixty {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.player .vp-alert-round--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.player .vp-alert-round--top.vp-alert-bumpdown {
    top: 45px
}

.player .vp-alert-round--mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player .vp-alert-mid-inner {
    color: #fff;
    font-size: 14px;
    z-index: 2;
    background: rgba(23, 35, 34, .75);
    padding: .75em 2em;
    border-radius: 3px
}

.player .compass-wrapper {
    opacity: 0;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 7;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out, fill .2s ease-in-out;
    transition: opacity .2s ease-in-out, fill .2s ease-in-out;
    position: absolute;
    top: 49%;
    right: 1em
}

.player .compass-wrapper .compass-background {
    fill: rgba(23, 35, 34, .75)
}

.player .compass-wrapper .compass-ring {
    stroke: #fff
}

.player .compass-wrapper .compass-dimple {
    fill: #fff
}

.player .compass-wrapper .compass-centercircle {
    fill: #fff
}

.player .compass-wrapper .compass-slice {
    fill: #fff
}

.player .compass-wrapper .compass-line {
    stroke: #ccc;
    stroke-width: 1;
    fill: none
}

.player .compass-wrapper.in {
    opacity: 1
}

.player .compass-wrapper.fade {
    opacity: .35
}

.player .compass-wrapper.leaving {
    opacity: 0
}

.player .compass-wrapper:hover {
    opacity: 1!important
}

.player .compass-wrapper:hover .compass-background {
    fill: rgba(0, 0, 0, .8)
}

.player .compass-wrapper.align-bottom {
    top: auto;
    bottom: 50px
}

.player .intro-wrap {
    background: rgba(23, 35, 34, .75);
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    max-width: 250px
}

.player .intro-wrap.text-only {
    border-radius: 3px;
    font-size: 14px;
    padding: .8571428571em .9285714286em
}

.player .intro-wrap .key-wrapper {
    text-align: center;
    margin-bottom: .5em
}

.player .intro-wrap .key-row {
    text-align: center
}

.player .intro-wrap .key {
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    margin: .2em;
    position: relative
}

.player .intro-wrap .arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.player .intro-wrap .arrow::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative
}

.player .intro-wrap .arrow.arrow-top::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px
}

.player .intro-wrap .arrow.arrow-right::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -2px
}

.player .intro-wrap .arrow.arrow-down::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -2px
}

.player .intro-wrap .arrow.arrow-left::before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 2px
}

.player.no-fullscreen-api-support.no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-support.no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-webkit-full-screen).no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-ms-fullscreen).no-playbar .vp-captions.with-controls {
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:fullscreen) .player.no-playbar .vp-captions.with-controls,
.player:not(:fullscreen).no-playbar .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player .vp-captions {
    text-align: center;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 250ms ease-out .2s;
    transition: -webkit-transform 250ms ease-out .2s;
    transition: transform 250ms ease-out .2s;
    transition: transform 250ms ease-out .2s, -webkit-transform 250ms ease-out .2s
}

.player .vp-captions.with-controls {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform 150ms ease;
    transition: -webkit-transform 150ms ease;
    transition: transform 150ms ease;
    transition: transform 150ms ease, -webkit-transform 150ms ease
}

.player .vp-captions>span {
    display: inline-block;
    background: rgba(23, 35, 34, .75);
    border-radius: 5px;
    padding: .4em .5em .5em;
    margin: 10px 0 0;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

.player .vp-captions .bar {
    font-style: normal
}

.js-player-fullscreen:-webkit-full-screen .vp-captions {
    padding: 1.5%
}

.js-player-fullscreen:-ms-fullscreen .vp-captions {
    padding: 1.5%
}

.js-player-fullscreen:fullscreen .vp-captions {
    padding: 1.5%
}

.player.player-ad .vp-captions {
    display: none
}

.player .focus-dummy {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0
}

.player.no-playbar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.no-playbar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.no-playbar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.no-playbar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.no-playbar .vp-controls .airplay,
.player.no-playbar .vp-controls .logo,
.player.no-playbar .vp-controls .stereoscopic,
.player.no-playbar .vp-controls .volume,
.player.no-playbar .vp-controls .vp-cast-button,
.player.no-playbar .vp-controls .vp-prefs,
.player.no-playbar .vp-controls .vp-progress {
    display: none
}

.player.mobile.trailer {
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.player.mobile.trailer .play {
    font-size: .8em
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play .tiny-bars,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay {
    z-index: 14
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.player-mini .vp-controls .logo {
    overflow: hidden;
    width: 1.5em
}

.player.player-mini .vp-controls .logo svg {
    width: 6.4em;
    height: 2em;
    margin-top: -.2em
}

.player.player-mini .vp-controls .logo path:not(.logo-v) {
    display: none
}

.player.player-mini .vp-controls .logo canvas {
    width: 6.4em;
    height: 1.9em
}

.player.player-ad .vp-controls .vp-progress {
    display: none
}

.player.player-ad .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: absolute;
    right: 0;
    bottom: 2%
}

.player.player-outroVisible:not(.is-casting) .vp-cast-button {
    display: none!important
}

.player .vp-controls.controls-outro .play-bar {
    background: 0 0
}

.player .vp-controls.controls-outro .play-bar>:not(.logo):not(.vp-cast-button) {
    display: none!important
}

.player .vp-controls.controls-outro .play-bar .logo {
    position: relative;
    right: 10px;
    bottom: 22px
}

.player .vp-controls.controls-outro .play-bar .logo a:not(:hover) {
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: .35
}

.player .vp-controls.controls-centerMenu .play-bar>:not(.vp-menu),
.player .vp-controls.controls-centerMenu>:not(.play-bar) {
    opacity: 0
}

.player .vp-controls.controls-centerMenu .play-bar {
    background: 0 0
}

.player.hide-controls-mode {
    pointer-events: none!important
}

.player.hide-controls-mode .vp-controls-wrapper {
    display: none!important
}

.player.hide-controls-mode video::-webkit-media-controls-start-playback-button {
    display: none
}

.player.player-overlayVisible .vp-controls {
    display: none
}

.player.player-mini .chapters,
.player.player-tiny .chapters {
    display: none
}

.player.player-tiny .vp-controls .vp-chapter-button {
    display: none
}

.player .vp-controls {
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 1em;
    height: 0;
    opacity: 1;
    z-index: 14;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player .vp-controls>* {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-controls.invisible>* {
    opacity: 0
}

.player .vp-controls.trailer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10;
    height: auto!important
}

@media screen and (min-width:960px) {
    .player .vp-controls.trailer {
        font-size: 1.2em
    }
}

.player .vp-controls.trailer .play {
    margin-right: 0;
    margin-bottom: 2em
}

.player .vp-controls.trailer .logo {
    margin: -1.2em 0 0;
    z-index: 2
}

.player .vp-controls.trailer .logo svg {
    width: 5.8em;
    height: 1.8em;
    -webkit-backface-visibility: hidden;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.player .vp-controls.trailer .custom-logo {
    position: absolute;
    bottom: 0;
    right: 0
}

.player .vp-controls.controls-outro .play.state-paused .pause-icon {
    display: none
}

.player .vp-controls.controls-outro .play.state-paused .play-icon {
    display: none
}

.player .vp-controls.controls-outro .play.state-paused .replay-icon {
    display: block
}

.player .vp-controls .play {
    width: 6.5em;
    height: 4em;
    margin-right: 1em;
    color: #fff;
    position: relative;
    -webkit-transition: opacity 250ms ease-out, background-color 40ms, color 40ms;
    transition: opacity 250ms ease-out, background-color 40ms, color 40ms
}

.player .vp-controls .play.state-paused .pause-icon {
    display: none
}

.player .vp-controls .play.state-paused .play-icon {
    display: block
}

.player .vp-controls .play.state-paused .replay-icon {
    display: none
}

.player .vp-controls .play.state-playing .pause-icon {
    display: block
}

.player .vp-controls .play.state-playing .play-icon {
    display: none
}

.player .vp-controls .play.state-playing .replay-icon {
    display: none
}

.player .vp-controls .play:hover .tiny-bars {
    display: none
}

.player .vp-controls .play.trailer {
    font-weight: 700;
    width: auto;
    padding: 0 1em
}

.player .vp-controls .play.trailer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.player .vp-controls .play.trailer .play-icon {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player .vp-controls .play.trailer svg {
    width: 1.4em;
    height: 1.4em
}

.player .vp-controls .play.trailer p {
    font-size: 1.4em;
    margin: 0 0 0 .5714285714em;
    padding: 0
}

.player .vp-controls .play .tiny-bars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    border-radius: .5em;
    background-repeat: none
}

.player .vp-controls .play .tiny-bars .buffer {
    -webkit-animation: buffer 250ms linear infinite;
    animation: buffer 250ms linear infinite
}

.player .vp-controls .pause-icon,
.player .vp-controls .play-icon {
    margin: 0 auto;
    padding: .2em 0 0 .2em
}

.player .vp-controls .pause-icon svg,
.player .vp-controls .play-icon svg {
    width: 2em;
    height: 2em
}

.player .vp-controls .play-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    height: 3.2em;
    padding: 1em;
    border-radius: 2px
}

.player .vp-controls .play-bar svg {
    display: block
}

.player .vp-controls .play-bar button {
    background: 0 0
}

.player .vp-controls .play-bar button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.player .vp-controls .replay {
    width: 6.5em;
    height: 4em;
    margin-right: .9em;
    color: #fff;
    position: relative;
    -webkit-transition: opacity 250ms ease-out, background-color 40ms, color 40ms;
    transition: opacity 250ms ease-out, background-color 40ms, color 40ms
}

.player .vp-controls .replay-icon {
    margin: 0 auto;
    padding-top: .2em
}

.player .vp-controls .replay-icon svg {
    width: 1.6em;
    height: 1.7em
}

.player .vp-controls .ghost-timecode,
.player .vp-controls .timecode {
    position: absolute;
    left: 0;
    bottom: 1.4em;
    margin: -2em 0 0 -1.2em
}

.player .vp-controls .ghost-timecode .box,
.player .vp-controls .timecode .box {
    padding: .2em .4em;
    font: 1em Verdana, sans-serif;
    position: relative;
    left: -50%
}

.player .vp-controls .ghost-timecode .box::after,
.player .vp-controls .ghost-timecode .box::before,
.player .vp-controls .timecode .box::after,
.player .vp-controls .timecode .box::before {
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid #fff;
    bottom: -.3em;
    content: "";
    left: 50%;
    margin-left: -.3em;
    position: absolute
}

.player .vp-controls .ghost-timecode .box::before,
.player .vp-controls .timecode .box::before {
    border-top-color: rgba(0, 0, 0, .7);
    margin-left: -.2em;
    bottom: -.4em
}

.player .vp-controls .thumb-preview {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    position: absolute;
    display: inline-block;
    bottom: 3.3em;
    border-radius: .2em;
    padding: .4em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(23, 35, 34, .75)
}

.player .vp-controls .thumb-preview::after {
    content: "";
    width: 100%;
    height: .3em;
    position: absolute;
    display: block;
    bottom: -.3em
}

.player .vp-controls .thumb-preview .thumb {
    position: relative
}

.player .vp-controls .timecode .box {
    -webkit-box-shadow: .1em .1em 0 rgba(0, 0, 0, .7);
    box-shadow: .1em .1em 0 rgba(0, 0, 0, .7);
    background: #fff;
    color: #000;
    display: inline-block;
    margin-left: 2.3em;
    cursor: -webkit-grab;
    cursor: grab
}

.player .vp-controls .ghost-timecode {
    margin-left: 0;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-controls .ghost-timecode .box {
    background: rgba(23, 35, 34, .75);
    color: #fff
}

.player .vp-controls .ghost-timecode .box::before {
    display: none
}

.player .vp-controls .ghost-timecode .box::after {
    border-top-color: rgba(23, 35, 34, .75)
}

.player .vp-controls .vp-progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: .1em solid #666;
    cursor: pointer;
    position: relative
}

.player .vp-controls .vp-progress .buffer,
.player .vp-controls .vp-progress .buffer canvas,
.player .vp-controls .vp-progress .buffer svg,
.player .vp-controls .vp-progress .chapters,
.player .vp-controls .vp-progress .cuepoints,
.player .vp-controls .vp-progress .focus-target,
.player .vp-controls .vp-progress .loaded,
.player .vp-controls .vp-progress .played {
    position: absolute;
    border: .1em solid transparent;
    height: 100%;
    background-clip: padding-box!important
}

.player .vp-controls .vp-progress .chapters {
    position: absolute;
    height: calc(100% + .2em);
    margin-top: -.1em;
    margin-left: -.1em;
    width: calc(100% + .2em)
}

.player .vp-controls .vp-progress.disabled {
    cursor: default
}

.player .vp-controls .vp-progress.disabled .played {
    background-color: #4e5a5e
}

.player .vp-controls .vp-progress .focus-target {
    width: 100%
}

.player .vp-controls .vp-progress .loaded {
    background-color: #666;
    -webkit-transition: width 175ms cubic-bezier(.18, 0, .07, 1);
    transition: width 175ms cubic-bezier(.18, 0, .07, 1)
}

.player .vp-controls .vp-progress .loaded.short-video {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.player .vp-controls .vp-progress .buffer {
    width: 100%;
    overflow: hidden;
    border-top: 0;
    border-bottom: 0
}

.player .vp-controls .vp-progress .buffer svg {
    -webkit-animation: buffer 250ms linear infinite;
    animation: buffer 250ms linear infinite
}

.player .vp-controls .vp-progress .cuepoints {
    width: 100%
}

.player .vp-controls .vp-progress .chapter-marker {
    position: absolute;
    height: .8em;
    width: .8em;
    border: .2em solid #fff;
    border-radius: .4em;
    background-color: #00adef;
    margin-left: -.4em;
    margin-top: .1em
}

.player .vp-controls .vp-progress .chapter-marker:hover {
    height: 1.2em;
    width: 1.2em;
    border-radius: .6em;
    margin-top: -.1em;
    margin-left: -.6em
}

.player .vp-controls .vp-progress .chapter-marker:hover .chapter-title-wrapper {
    visibility: visible;
    bottom: 3.2em;
    left: .5em
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper {
    position: absolute;
    width: 24em;
    bottom: 3em;
    left: .3em;
    visibility: hidden
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper .chapter-title {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    line-height: 1.4285714286em;
    border-radius: .3571428571em;
    background-color: rgba(23, 35, 34, .75);
    font-size: 1.4em;
    padding: .8571428571em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper .chapter-title-content-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.player .vp-controls .vp-progress .chapter-marker .chapter-title-wrapper .chapter-number {
    font-weight: 700;
    margin-right: .5714285714em
}

.player .vp-controls .vp-progress .cuepoint {
    height: 100%;
    margin: 0;
    padding: 0 2px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-in-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-out, -webkit-transform 150ms ease-in-out;
    opacity: .5;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.player .vp-controls .vp-progress .cuepoint.active {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1.5);
    transform: translateX(-50%) scale(1.5)
}

.player .vp-controls .vp-progress .cuepoint.out {
    -webkit-transform: translateX(-50%) scale(.75);
    transform: translateX(-50%) scale(.75)
}

.player .vp-controls .vp-progress .cuepoint>div {
    background-color: #fff;
    height: 100%;
    width: 2px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .player .vp-controls .vp-progress .cuepoint>div {
        width: 1.5px
    }
}

.player .vp-controls .volume {
    width: 2.4em;
    height: 100%;
    margin-left: 1.1em;
    position: relative;
    cursor: pointer
}

.player .vp-controls .volume>div {
    width: .3em;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0
}

.player .vp-controls .volume>div.animate {
    -webkit-transition: height 250ms ease-in;
    transition: height 250ms ease-in
}

.player .vp-controls .volume>div.fill0 {
    background-color: #666
}

.player .vp-controls .volume>div.fill1 {
    -webkit-box-shadow: inset -.2em 0 0 #666;
    box-shadow: inset -.2em 0 0 #666
}

.player .vp-controls .volume>div.fill2 {
    -webkit-box-shadow: inset -.1em 0 0 #666;
    box-shadow: inset -.1em 0 0 #666
}

.player .vp-controls .volume>div:nth-child(1) {
    height: .42em;
    left: 0
}

.player .vp-controls .volume>div:nth-child(1).hover,
.player .vp-controls .volume>div:nth-child(1):hover {
    height: .72em
}

.player .vp-controls .volume>div:nth-child(2) {
    height: .615em;
    left: .5em
}

.player .vp-controls .volume>div:nth-child(2).hover,
.player .vp-controls .volume>div:nth-child(2):hover {
    height: .915em
}

.player .vp-controls .volume>div:nth-child(3) {
    height: .81em;
    left: 1em
}

.player .vp-controls .volume>div:nth-child(3).hover,
.player .vp-controls .volume>div:nth-child(3):hover {
    height: 1.11em
}

.player .vp-controls .volume>div:nth-child(4) {
    height: 1.005em;
    left: 1.5em
}

.player .vp-controls .volume>div:nth-child(4).hover,
.player .vp-controls .volume>div:nth-child(4):hover {
    height: 1.305em
}

.player .vp-controls .volume>div:nth-child(5) {
    height: 1.2em;
    left: 2em
}

.player .vp-controls .volume>div:nth-child(5).hover,
.player .vp-controls .volume>div:nth-child(5):hover {
    height: 1.5em
}

.player .vp-controls .cc {
    width: 2em;
    height: 1.4em;
    margin-left: 1em;
    margin-top: -.1em
}

.player .vp-controls .vp-cast-button {
    cursor: pointer;
    width: 2em;
    height: 2em;
    margin-top: -.4em;
    margin-left: 1em
}

.player .vp-controls .vp-prefs {
    width: 1.6em;
    height: 1.6em;
    margin-top: -.2em;
    margin-left: 1em
}

.player .vp-controls .vp-prefs .icon-gear-cog {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 450ms cubic-bezier(.08, .82, .17, 1);
    transition: -webkit-transform 450ms cubic-bezier(.08, .82, .17, 1);
    transition: transform 450ms cubic-bezier(.08, .82, .17, 1);
    transition: transform 450ms cubic-bezier(.08, .82, .17, 1), -webkit-transform 450ms cubic-bezier(.08, .82, .17, 1)
}

.player .vp-controls .vp-prefs .icon-gear-text {
    display: none
}

.player .vp-controls .vp-chapter-button {
    width: 1.8em;
    height: 1.8em;
    margin-top: -.28em;
    margin-left: .9em
}

.player .vp-controls .vp-prefs[aria-expanded=true] .icon-gear-cog {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.player .vp-controls .airplay {
    width: 1.5em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .stereoscopic {
    width: 1.5em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .pip {
    width: 1.6em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .pip .pip-icon .return {
    display: none
}

.player .vp-controls .pip.return .pip-icon .enter {
    display: none
}

.player .vp-controls .pip.return .pip-icon .return {
    display: block
}

.player .vp-controls .fullscreen {
    width: 1.2em;
    height: 100%;
    margin-left: 1em
}

.player .vp-controls .fullscreen .fullscreen-icon,
.player .vp-controls .fullscreen .unfullscreen-icon {
    height: 100%
}

.player .vp-controls .logo {
    width: 5.8em;
    height: 1.8em;
    margin: -.5em .2em 0 .8em
}

.player .vp-controls .logo svg {
    width: 5.8em;
    height: 1.8em
}

.player .vp-controls .custom-logo {
    margin-left: 1em;
    max-height: 60px
}

.player .vp-controls .custom-logo.sticky {
    opacity: 1!important;
    visibility: visible!important
}

.player .vp-controls .custom-logo a {
    display: block
}

.player .vp-controls .custom-logo img {
    max-height: 60px;
    max-width: 100px
}

.player .vp-controls .fill {
    -webkit-transition: fill 40ms;
    transition: fill 40ms
}

.player .unfullscreen-icon {
    display: none
}

.player.no-fullscreen-support .fullscreen {
    display: none!important
}

.player .vp-logo-link {
    display: block
}

@media screen and (min-width:1061px) and (min-width:961px) {
    .js-player-fullscreen:-webkit-full-screen .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:-ms-fullscreen .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:fullscreen .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
}

@media screen and (min-width:1061px) {
    .js-player-fullscreen:-webkit-full-screen .custom-logo {
        position: fixed;
        bottom: 1em;
        right: 1em
    }
    .js-player-fullscreen:-ms-fullscreen .custom-logo {
        position: fixed;
        bottom: 1em;
        right: 1em
    }
    .js-player-fullscreen:fullscreen .custom-logo {
        position: fixed;
        bottom: 1em;
        right: 1em
    }
}

@media (min-width:961px) {
    .js-player-fullscreen:-webkit-full-screen .player:not(.with-custom-logo) .vp-controls,
    .js-player-fullscreen:-webkit-full-screen:not(.with-custom-logo) .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:-ms-fullscreen .player:not(.with-custom-logo) .vp-controls,
    .js-player-fullscreen:-ms-fullscreen:not(.with-custom-logo) .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
    .js-player-fullscreen:fullscreen .player:not(.with-custom-logo) .vp-controls,
    .js-player-fullscreen:fullscreen:not(.with-custom-logo) .vp-controls {
        width: 100%;
        margin: auto;
        max-width: 1024px
    }
}

.js-player-fullscreen:-webkit-full-screen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-webkit-full-screen:not(.with-custom-logo) .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
}

.js-player-fullscreen:-ms-fullscreen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-ms-fullscreen:not(.with-custom-logo) .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
}

.js-player-fullscreen:fullscreen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:fullscreen:not(.with-custom-logo) .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
}

.js-player-fullscreen:-webkit-full-screen .play-bar>button:hover {
    background: 0 0!important
}

.js-player-fullscreen:-ms-fullscreen .play-bar>button:hover {
    background: 0 0!important
}

.js-player-fullscreen:fullscreen .play-bar>button:hover {
    background: 0 0!important
}

.js-player-fullscreen:-webkit-full-screen .fullscreen-icon {
    display: none
}

.js-player-fullscreen:-ms-fullscreen .fullscreen-icon {
    display: none
}

.js-player-fullscreen:fullscreen .fullscreen-icon {
    display: none
}

.js-player-fullscreen:-webkit-full-screen .unfullscreen-icon {
    display: block
}

.js-player-fullscreen:-ms-fullscreen .unfullscreen-icon {
    display: block
}

.js-player-fullscreen:fullscreen .unfullscreen-icon {
    display: block
}

.player[data-filter] .thumb::after,
.player[data-filter] .vp-preview::after,
.player[data-filter] .vp-video::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 1;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, transparent, transparent);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, transparent, transparent)
}

.player[data-filter=aden] .thumb,
.player[data-filter=aden] .vp-preview,
.player[data-filter=aden] .vp-video {
    -webkit-filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(-20deg) saturate(.85) sepia(0);
    filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(-20deg) saturate(.85) sepia(0)
}

.player[data-filter=aden] .thumb::after,
.player[data-filter=aden] .vp-preview::after,
.player[data-filter=aden] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(66, 10, 14, .2)), to(transparent)), radial-gradient(circle, transparent, transparent);
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent), radial-gradient(circle, transparent, transparent);
    mix-blend-mode: darken
}

.player[data-filter=earlybird] .thumb,
.player[data-filter=earlybird] .vp-preview,
.player[data-filter=earlybird] .vp-video {
    -webkit-filter: brightness(1) contrast(.9) grayscale(0) hue-rotate(0) saturate(1) sepia(.2);
    filter: brightness(1) contrast(.9) grayscale(0) hue-rotate(0) saturate(1) sepia(.2)
}

.player[data-filter=earlybird] .thumb::after,
.player[data-filter=earlybird] .vp-preview::after,
.player[data-filter=earlybird] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

.player[data-filter=hudson] .thumb,
.player[data-filter=hudson] .vp-preview,
.player[data-filter=hudson] .vp-video {
    -webkit-filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0);
    filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=hudson] .thumb::after,
.player[data-filter=hudson] .vp-preview::after,
.player[data-filter=hudson] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, #a6b1ff 50%, #342134);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5
}

.player[data-filter=inkwell] .thumb,
.player[data-filter=inkwell] .vp-preview,
.player[data-filter=inkwell] .vp-video {
    -webkit-filter: brightness(1.1) contrast(1.1) grayscale(1) hue-rotate(0) saturate(1) sepia(0);
    filter: brightness(1.1) contrast(1.1) grayscale(1) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=inkwell] .thumb::after,
.player[data-filter=inkwell] .vp-preview::after,
.player[data-filter=inkwell] .vp-video::after {
    opacity: 0
}

.player[data-filter=mayfair] .thumb,
.player[data-filter=mayfair] .vp-preview,
.player[data-filter=mayfair] .vp-video {
    -webkit-filter: brightness(1) contrast(1.1) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0);
    filter: brightness(1) contrast(1.1) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=mayfair] .thumb::after,
.player[data-filter=mayfair] .vp-preview::after,
.player[data-filter=mayfair] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    mix-blend-mode: overlay;
    opacity: .4
}

.player[data-filter=toaster] .thumb,
.player[data-filter=toaster] .vp-preview,
.player[data-filter=toaster] .vp-video {
    -webkit-filter: brightness(.9) contrast(1.5) grayscale(0) hue-rotate(0) saturate(1) sepia(0);
    filter: brightness(.9) contrast(1.5) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=toaster] .thumb::after,
.player[data-filter=toaster] .vp-preview::after,
.player[data-filter=toaster] .vp-video::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent)), radial-gradient(circle, #804e0f, #3b003b);
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

.player[data-filter=ascii] .thumb {
    -webkit-filter: brightness(1) contrast(2) grayscale(0) hue-rotate(0) saturate(1) sepia(0);
    filter: brightness(1) contrast(2) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=ascii] .thumb::after {
    background-color: #0f0;
    mix-blend-mode: darken
}

.player[data-filter=ascii] .vp-captions {
    -webkit-transition: none;
    transition: none
}

.player[data-filter=ascii] .vp-captions>span {
    font-family: monospace;
    color: #0f0;
    border-radius: 0;
    background: #000;
    padding: 0 .5em
}

.player .vp-menu {
    position: absolute;
    right: 0;
    bottom: 3.2em;
    margin-bottom: .5em;
    border-radius: 3px;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    z-index: 14
}

.player .vp-menu-chapters {
    right: 0;
    width: auto;
    max-width: 100%;
    min-width: 17.3em
}

.player .vp-menu-hidden {
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.player .vp-menu-invisible {
    opacity: 0
}

.player .vp-menu-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.player .vp-menu-carousel {
    font-size: 1.1111111111em
}

.player .vp-menu-center {
    margin-bottom: 0
}

.player .vp-menu-close {
    display: none
}

.player .vp-menu-center .vp-menu-close {
    display: block;
    fill: #fff;
    background-color: transparent;
    position: absolute;
    right: -30px;
    top: 3px;
    height: 15px;
    width: 15px
}

.player .vp-menu-fullwidth {
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 13;
    border-radius: 0;
    margin: 0;
    background: rgba(23, 35, 34, .75);
    overflow: hidden;
    max-width: 100%
}

.player .vp-panel {
    position: relative;
    overflow: hidden;
    min-width: 10.5em;
    background-color: rgba(23, 35, 34, .75)
}

.player .vp-menu-fullwidth .vp-panel {
    background: 0 0;
    height: 75%;
    overflow-y: scroll
}

.player .vp-menu-fullwidth .vp-panel .vp-panel-item {
    font-size: 1.4em
}

.player .vp-menu-fullwidth .vp-panel-title {
    font-size: 1.2em;
    line-height: 2em
}

.player .vp-panel:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.player .vp-panel:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.player .vp-panel-collapsible {
    min-width: 12.5em;
    height: 2.4em;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.player .vp-panel-collapsible:last-child {
    padding-bottom: .5em
}

.player .vp-menu-carousel .vp-panel {
    min-width: 360px;
    height: 75px;
    margin-bottom: 1px;
    border-radius: 3px
}

.player .vp-indicator {
    content: "";
    background-color: #00adef;
    -webkit-transition: background-color .5s ease, border-color .5s ease;
    transition: background-color .5s ease, border-color .5s ease;
    display: inline-block;
    width: .6em;
    height: .6em;
    border-radius: 50%;
    border: 1px solid #00adef;
    vertical-align: baseline;
    margin-right: 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -.3em;
    visibility: hidden
}

.player .vp-indicator-inactive {
    background-color: #a9a9a9;
    border: 1px solid #a9a9a9
}

.player .vp-indicator-visible {
    visibility: visible
}

.player .vp-panel-title {
    display: none;
    margin: 0;
    line-height: 1.4
}

.player .vp-panel-collapsible .vp-panel-title,
.player .vp-panel-pinTitle .vp-panel-title {
    display: block
}

.player .vp-panel:last-child .vp-panel-title {
    padding-top: 0
}

.player .vp-panel:first-of-type .vp-panel-title {
    padding-top: .5em
}

.player .vp-menu-chapters .vp-panel:first-of-type .vp-panel-title {
    padding-top: .8em
}

.player .vp-menu-carousel .vp-panel .vp-panel-title {
    padding-top: .3em
}

.player .vp-panel-button {
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 1em);
    margin: 0 .5em;
    padding: 0 .5em;
    font-size: 1.2em;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-align: left
}

.player .vp-panel-button:focus {
    outline-offset: -2px
}

.player .vp-menu-carousel .vp-panel-button {
    margin: 0 .25em
}

.player .vp-panel-pinTitle .vp-panel-button {
    cursor: auto
}

.player .vp-panel-collapsible .vp-panel-button {
    cursor: pointer
}

.player .vp-panel-stat {
    display: none;
    margin-left: .5em;
    font-size: .8333333333em;
    font-weight: 400
}

.player .vp-panel--quality .vp-panel-stat,
.player .vp-panel-collapsible .vp-panel-stat {
    display: block
}

.player .vp-panel-stat svg.icon-lineArrow {
    display: none;
    margin-left: .2em;
    width: .7em;
    height: .6em;
    fill: #fff;
    -webkit-transition: -webkit-transform ease 150ms;
    transition: -webkit-transform ease 150ms;
    transition: transform ease 150ms;
    transition: transform ease 150ms, -webkit-transform ease 150ms
}

.player .vp-panel-collapsible .vp-panel-stat svg.icon-lineArrow {
    display: inline-block
}

.player .vp-panel-open .vp-panel-stat svg.icon-lineArrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.player .vp-panel-stat .vp-panel-stat-text svg {
    display: none
}

.player .vp-panel-items {
    margin: 0;
    padding: .7em 0 .6em;
    list-style: none
}

.player .vp-menu-chapters .vp-panel-items {
    padding: .7em 0 .4em
}

.player .vp-panel-pinTitle .vp-panel-items {
    padding-top: 0
}

.player .vp-panel-collapsible .vp-panel-items {
    padding-top: .2em;
    padding-bottom: .2em
}

.player .vp-panel:last-child .vp-panel-items {
    border-radius: 3px
}

.player li.vp-panel-item {
    padding: 0 .5em;
    margin: 0 .5em;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5em;
    cursor: pointer;
    white-space: nowrap
}

.player li.vp-panel-item::before {
    content: "";
    display: inline-block;
    vertical-align: 2%;
    margin-right: .2em;
    width: .7em;
    height: .7em;
    border-radius: 50%;
    border: 1px solid #666
}

.player li.vp-panel-item:focus {
    outline-offset: -1px
}

.player .vp-menu-chapters .vp-panel-title li.vp-panel-item {
    padding-top: 1.6em;
    font-size: 1.2em;
    line-height: 2em
}

.player .vp-menu-chapters li.vp-panel-item {
    padding: .4em 1em .4em .5em;
    margin: 0 .5em .2em .5em;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.5em;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.player .vp-menu-chapters li.vp-panel-item::before {
    display: none
}

.player .vp-menu-chapters li.vp-panel-item:focus {
    outline-offset: -1px
}

.player .vp-menu-chapters li.vp-panel-item:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border-radius: 4px
}

.player .vp-menu-chapters .vp-panel-item-index {
    padding-left: 4px;
    padding-right: 8px;
    width: 2em;
    display: inline-block;
    text-align: center
}

.player .vp-menu-chapters .vp-panel-item-on {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 4px
}

.player .vp-panel-collapsible .vp-panel-item {
    -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 0
}

.player .vp-panel-collapsible .vp-panel-item-in {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.player .vp-panel .vp-panel-item svg {
    display: none
}

.player .vp-menu-carousel .vp-panel-itemsWrap {
    height: 40px;
    -webkit-mask-image: -webkit-linear-gradient(left, transparent, transparent 0, #fff 30%, #fff 70%, transparent 100%)
}

.player .vp-menu-carousel .vp-panel-items {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 37%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1.2);
    transition-timing-function: cubic-bezier(.18, .89, .32, 1.2)
}

.player .vp-menu-carousel li.vp-panel-item {
    padding: 1px 0 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    height: 40px;
    position: relative;
    font-size: 1.3533834586em;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    color: #fff!important
}

.player .vp-menu-carousel li.vp-panel-item::before {
    visibility: hidden;
    vertical-align: baseline;
    margin-right: 0;
    position: absolute;
    margin-left: -.3em
}

.player .vp-panel-item-index {
    font-weight: 700;
    padding-right: .5em
}

.player .vp-notification-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 17;
    display: table;
    text-align: center
}

.player .vp-notification-wrapper.animate {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.player .vp-notification-wrapper svg {
    width: 100%;
    height: 100%
}

.player .vp-notification-wrapper .watch-later-icon .stroke {
    stroke-width: 1.65
}

.player .vp-notification-wrapper .watch-later-icon .hour-hand {
    -webkit-transform-origin: 46% 81.5%;
    transform-origin: 46% 81.5%;
    transform-box: fill-box
}

.player .vp-notification-wrapper .watch-later-icon .minute-hand {
    -webkit-transform-origin: 25.5% 26.5%;
    transform-origin: 25.5% 26.5%;
    transform-box: fill-box
}

.player .vp-notification-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.player .vp-notification {
    z-index: 22;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.player .vp-notification.animate .hour-hand,
.player .vp-notification.animate .minute-hand {
    -webkit-transition: -webkit-transform .9s linear .1s;
    transition: -webkit-transform .9s linear .1s;
    transition: transform .9s linear .1s;
    transition: transform .9s linear .1s, -webkit-transform .9s linear .1s
}

.player .vp-stats-debug {
    position: absolute;
    z-index: 24;
    width: 300px;
    padding: 10px;
    margin: 10px 0 0 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 1.2em;
    line-height: 1;
    top: 0
}

.player .vp-stats-debug.overflow {
    overflow: scroll;
    max-height: 100%
}

.player .vp-stats-debug p {
    margin: .1em 0
}

.player .vp-stats-debug p:first-child {
    margin-top: 0
}

.player .vp-stats-debug-values span:first-child {
    margin-right: 3px
}

.player .vp-stats-debug-values b {
    font-weight: 700;
    letter-spacing: .02em;
    color: #fff;
    position: relative
}

.player .vp-stats-debug-bandwidth-minmax {
    font-size: .8em;
    font-weight: 400;
    margin-top: 2px
}

.player .vp-stats-debug-bandwidth-max,
.player .vp-stats-debug-bandwidth-min {
    padding-left: 10px
}

.player .vp-stats-debug-bandwidth-max::before,
.player .vp-stats-debug-bandwidth-min::before {
    display: block;
    position: absolute;
    left: 2px;
    font-size: .8em;
    top: 3px
}

.player .vp-stats-debug-bandwidth-min::before {
    content: "▼"
}

.player .vp-stats-debug-bandwidth-max::before {
    content: "▲"
}

.player .vp-copy-session {
    background: #00adef;
    color: #fff!important;
    padding: 3px;
    border-radius: 3px;
    margin-top: 5px;
    display: inline-block
}

.player .vp-copy-session:hover {
    color: #fff
}

.player .vp-stats-debug-code {
    position: absolute;
    left: -999px
}

.player .vp-stats-debug-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: 0 0
}

.player .vp-stats-debug-close svg {
    width: 1.2em;
    height: 1.2em
}

.player .vp-stats-debug-buffer-occupancy,
.player .vp-stats-debug-time-series {
    margin-top: 6px
}

.player .stats-debug-marker:hover {
    cursor: pointer;
    stroke-width: 3
}

.player .vp-stats-debug-session-id {
    font-size: .8em;
    font-weight: 400
}

.player .panel-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.player .vp-nav-prevButton {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    opacity: 0;
    background: 0 0;
    font-size: 16px
}

.player .vp-nav-prevButton .icon-prev {
    height: 1.5em;
    width: auto;
    margin: 1.25em
}

.player .embed-active .vp-nav-prevButton {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.player .embed-active .vp-nav-prevButton:hover {
    opacity: 1
}

.player .vp-nav-closeButton {
    position: absolute;
    right: 0;
    opacity: .8
}

.player .vp-nav-closeButton:hover {
    opacity: 1
}

.player .vp-nav-closeButton .icon-close-new {
    width: 1.25em;
    height: 1.25em;
    margin: 1.375em
}

.player .vp-share-wrapper {
    position: relative;
    display: inline-block;
    min-width: 30em;
    max-width: 80%;
    text-align: center
}

.player .vp-share-screen {
    -webkit-transition: .2s;
    transition: .2s
}

.player .vp-share-title {
    color: #fff;
    margin: 0 auto .6em!important;
    line-height: 1;
    font-size: 1.8em!important
}

.player .vp-share-buttons {
    color: #fff;
    display: inline-block;
    margin: 1em .5em 0;
    padding: 0;
    list-style: none
}

.player .vp-share-buttons-item {
    display: inline-block;
    width: 41px!important;
    height: 40px!important;
    border-right: 1px solid rgba(0, 0, 0, .16)!important
}

.player .vp-share-buttons-item:first-child,
.player .vp-share-buttons-item:first-child a.vp-share-button {
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important
}

.player .vp-share-buttons-item:last-child,
.player .vp-share-buttons-item:last-child a.vp-share-button {
    width: 40px!important;
    border-right: none!important;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important
}

.player a.vp-share-button {
    display: inline-block;
    padding: .8em 0 .6em!important;
    width: 40px!important;
    height: 40px!important;
    margin: 0!important;
    font-size: 1.2em!important;
    line-height: 1;
    color: #fff;
    border-radius: 0!important;
    position: relative
}

.player a.vp-share-button:active,
.player a.vp-share-button:hover {
    background-color: rgba(0, 0, 0, .15)
}

.player a.vp-share-button:focus {
    outline-color: #fff
}

.player .vp-share-button svg {
    width: 1.9375em;
    height: 1.8125em
}

.player .vp-share-button .embed-icon {
    width: 1.9375em;
    height: 1.8125em
}

.player .vp-share-footnote {
    margin-top: 1.5em!important;
    font-size: 1.4em!important;
    line-height: 1;
    font-weight: 400
}

.player .vp-share-footnote a,
.player .vp-share-footnote button {
    margin: 0 .25em
}

.player .vp-share-footnote a.clip-url {
    position: relative;
    top: .1em
}

.player .vp-share-footnote small a {
    margin: 0
}

.player .vp-share-footnote--share a {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #fff
}

.player .vp-share-embedCode {
    overflow: hidden;
    margin: 1.5em auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85%
}

.player .vp-share-embedCode>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.player input:not([type=submit]).vp-share-embedInput {
    margin: 0;
    padding: .75em!important;
    width: 100%!important;
    font-family: Inconsolata, Monaco, Consolas, "Courier New", Courier, monospace;
    font-size: 1.4em;
    color: #4e595d;
    font-weight: 400;
    cursor: text;
    border-radius: 5px!important
}

.player .vp-share-embedCopy {
    padding: .75em .75em!important;
    margin: 0 0 0 10px!important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.4em!important;
    font-weight: 700;
    border-radius: 5px;
    color: #fff
}

.player .vp-share-embedWrapper {
    width: 100%;
    max-width: 80vw;
    min-width: 300px;
    margin: 0 auto
}

.player .vp-share-screen--share {
    width: 100%
}

.player .vp-share-screen--embed {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 150%;
    -webkit-transform: translateX(125%);
    transform: translateX(125%)
}

.player .vp-share-subtitle--embed {
    font-size: 1.4em!important;
    margin: 1.2em 1em 1.5em;
    color: #fff!important
}

@media (max-height:175px) {
    .player .vp-share-subtitle--embed {
        display: none
    }
}

.player .vp-share-footnote--embed {
    font-weight: 400;
    color: #fff!important
}

.player .vp-share-footnote--embed a {
    font-weight: 700;
    margin: 0;
    color: #fff
}

.player .vp-share-embed-active .vp-share-screen--share,
.player .vp-share-embed-only .vp-share-screen--share {
    -webkit-transform: translateX(-125%);
    transform: translateX(-125%);
    opacity: 0
}

.player .vp-share-embed-active .vp-share-screen--embed,
.player .vp-share-embed-only .vp-share-screen--embed {
    -webkit-transform: translateX(-17%);
    transform: translateX(-17%);
    opacity: 1
}

.player.player-cardsCarousel .vp-overlay-wrapper {
    bottom: -60px
}

.player.player-cardsCarousel .vp-overlay-bg {
    bottom: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(black));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6), #000)
}

@media (min-width:500px) {
    .player .vp-email-capture-wrapper {
        max-width: 450px;
        padding: 0 4em;
        display: inline-block
    }
}

@media (min-width:641px) {
    .player .vp-email-capture-wrapper {
        max-width: 600px
    }
}

.player .vp-email-capture {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    text-align: center
}

.player .vp-email-capture-logoWrap {
    display: none;
    height: 20px;
    position: relative;
    overflow: visible;
    margin-bottom: 15px
}

@media (min-height:300px) {
    .player .vp-email-capture-logoWrap {
        display: block;
        margin-bottom: 15px
    }
}

.player .vp-email-capture-logo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:300px) {
    .player .vp-email-capture-logo {
        width: 10%
    }
}

@media (min-width:500px) {
    .player .vp-email-capture-logo {
        width: 15%
    }
}

@media (min-width:641px) {
    .player .vp-email-capture-logo {
        width: 20%
    }
}

.player .vp-email-capture-title {
    display: none;
    color: #fff;
    font-size: 1em!important;
    word-break: break-all;
    padding: 0 1em
}

@media (min-width:300px) {
    .player .vp-email-capture-title {
        display: block;
        margin-bottom: 10px!important
    }
}

@media (min-width:351px) {
    .player .vp-email-capture-title {
        font-size: 1.2em!important
    }
}

@media (min-width:500px) {
    .player .vp-email-capture-title {
        margin-bottom: 20px!important;
        font-size: 1.4em!important;
        padding: 0
    }
}

@media (min-width:641px) {
    .player .vp-email-capture-title {
        font-size: 1.8em!important
    }
}

.player .vp-email-capture-subtitle {
    display: none;
    margin-top: 8px!important;
    font-size: 1.4em!important;
    color: #fff!important
}

@media (min-width:641px) {
    .player .vp-email-capture-subtitle {
        display: block
    }
}

.player .vp-email-capture-form {
    position: relative
}

.player .vp-email-capture-invisible {
    opacity: 0
}

.player .vp-email-capture-form-submitted input:invalid,
.player .vp-email-capture-form-submitted input[aria-invalid=true] {
    border: 3px solid #fdb0bf;
    background-color: #fedfef;
    color: #e53e4f;
    padding: .4375em
}

.player .vp-email-capture-form-submitted input:focus:invalid {
    outline-color: rgba(255, 0, 0, .75)
}

.player .vp-email-capture-form-button,
.player .vp-email-capture-form-input {
    padding: .82em 1em!important;
    border-radius: 3px!important
}

.player .vp-email-capture-form-input {
    display: block!important;
    margin: .5em!important;
    padding: .7em 1em!important;
    width: calc(100% - 10px)!important;
    font-size: 1em!important;
    font-weight: 400!important;
    color: #444!important
}

@media (min-width:500px) {
    .player .vp-email-capture-form-input {
        margin: .5em auto!important;
        padding: .82em 1em!important;
        width: 330px!important;
        font-size: 1.4em!important
    }
}

.player .vp-email-capture-form-input--email {
    margin-top: 0!important
}

.player .vp-email-capture-form-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:641px) {
    .player .vp-email-capture-form-buttons {
        height: auto
    }
}

.player .vp-email-capture-form-button {
    margin: 0 .5em!important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 1em!important;
    font-weight: 700;
    cursor: pointer
}

@media (min-width:500px) {
    .player .vp-email-capture-form-button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        margin: 0!important;
        font-size: 1.4em!important
    }
}

.player .vp-email-capture-form-button--cancel {
    margin-right: 0!important;
    background-color: #e0e3e4;
    color: #657987!important
}

@media (min-width:500px) {
    .player .vp-email-capture-form-button--cancel {
        margin-right: .5em!important;
        background-color: rgba(255, 255, 255, .3);
        color: #fff!important
    }
}

.player .vp-email-capture-form-button--cancel:hover {
    background-color: rgba(255, 255, 255, .5)
}

.player .vp-email-capture-confirm-hidden {
    display: none!important
}

.player .vp-email-capture-confirm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s ease-out, -webkit-transform 250ms ease-in-out;
    transition: opacity .2s ease-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity .2s ease-out;
    transition: transform 250ms ease-in-out, opacity .2s ease-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0
}

.player .vp-email-capture-confirm.in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.player .vp-email-capture-confirm h1 {
    margin-top: .5em
}

.player .vp-email-capture-confirm-box {
    padding: 2em 4em;
    max-width: 250px;
    background-color: rgba(23, 35, 34, .75);
    border-radius: 3px
}

.player .vp-email-capture-confirm-title {
    font-size: 14px!important;
    line-height: 17px
}

.player .vp-submitted input:invalid,
.player .vp-submitted input[aria-invalid=true] {
    border: 3px solid #fdb0bf;
    background-color: #fedfef;
    color: #e53e4f;
    padding: .4375em
}

.player .vp-submitted input:focus:invalid {
    outline-color: rgba(255, 0, 0, .75)
}

.player .vp-validation-bubble {
    z-index: 2147483647;
    display: inline-block;
    position: absolute;
    margin: 0;
    font-size: 1.1666666667em;
    line-height: 0;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    cursor: default
}

.player .vp-validation-bubble-animate {
    opacity: 1;
    -webkit-animation: wiggle .3s linear 1;
    animation: wiggle .3s linear 1
}

.player .vp-validation-bubble-message {
    z-index: 2147483644;
    display: block;
    min-width: 50px;
    max-width: 300px;
    padding: .7142857143em 1.0714285714em;
    position: relative;
    top: -4px;
    border-radius: .3571428571em;
    background-color: #fc465a;
    color: #fff;
    line-height: normal;
    font-weight: 700
}

.player .vp-validation-bubble-arrow {
    z-index: 2147483645;
    display: inline-block;
    position: relative;
    left: 1.4285714286em;
    width: .8571428571em;
    height: .8571428571em;
    background-color: #fc465a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.player .vp-validation-bubble-arrowClipper {
    display: block;
    overflow: hidden;
    height: .8571428571em
}

.player .vp-outro-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.player .vp-outro-wrapper.in .vp-outro-bg,
.player .vp-outro-wrapper.in .vp-outro-image,
.player .vp-outro-wrapper.in .vp-outro-shade {
    opacity: 1
}

.player .vp-outro-wrapper.in .vp-outro-imageLink .vp-outro-image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.player .vp-outro-wrapper.in .vp-outro-linkWrapper {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.player .vp-outro {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-outro-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a2e3b;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.player .vp-outro-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:299px),
(max-height:168px) {
    .player .vp-outro-content--share,
    .player .vp-outro-content--staticImage,
    .player .vp-outro-content--text,
    .player .vp-outro-content--vod {
        display: none!important
    }
}

@media screen and (max-width:299px),
screen and (max-height:168px) {
    .player .vp-outro-content--email,
    .player .vp-outro-content--link,
    .player .vp-outro-content--videos {
        display: none!important
    }
}

@media screen and (max-width:337px),
screen and (max-height:189px) {
    .player.with-custom-logo .vp-outro-content--email,
    .player.with-custom-logo .vp-outro-content--link,
    .player.with-custom-logo .vp-outro-content--videos {
        display: none!important
    }
}

@media screen and (min-width:300px) and (max-width:375px) {
    .player .vp-outro-content--videos .vp-outro-videos--3 li:last-child {
        display: none
    }
}

.player .vp-outro-content--link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.player .vp-outro-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 22, .3)), to(#141516));
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.player .vp-outro-staticImageWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.player .vp-outro-staticImage {
    max-width: 65%
}

.player .vp-outro-image,
.player .vp-outro-imageLink {
    display: block;
    width: 100%;
    height: 100%
}

.player .vp-outro-image {
    background-color: #1a2e3b;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 450ms, -webkit-transform 250ms;
    transition: opacity 450ms, -webkit-transform 250ms;
    transition: opacity 450ms, transform 250ms;
    transition: opacity 450ms, transform 250ms, -webkit-transform 250ms
}

.player .vp-outro-linkWrapper {
    width: 70%;
    max-width: 50em;
    overflow: hidden;
    margin: 0;
    position: relative;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-transition: opacity 250ms 150ms, -webkit-transform 250ms 150ms;
    transition: opacity 250ms 150ms, -webkit-transform 250ms 150ms;
    transition: opacity 250ms 150ms, transform 250ms 150ms;
    transition: opacity 250ms 150ms, transform 250ms 150ms, -webkit-transform 250ms 150ms
}

.player .vp-outro-textTitle {
    font-size: 18px;
    display: none;
    margin: 0 0 .4em;
    color: #fff
}

@media (min-width:720px) and (min-height:322px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-textTitle {
        font-size: 5.5813953488vh
    }
}

@media (min-width:720px) and (min-height:322px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-textTitle {
        font-size: 2.5vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-textTitle {
        font-size: 24px
    }
}

.player .vp-outro-textDescription {
    display: none;
    margin: 0 0 .8em;
    font-size: 1.4em;
    line-height: 1.4;
    color: #fff
}

.player .vp-outro-button,
.player .vp-outro-link {
    display: inline-block;
    color: #fff;
    font-size: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.player .vp-outro-link {
    text-decoration: underline
}

.player .vp-outro-buttonWrap {
    margin-bottom: 2.2em
}

.player .vp-outro-button {
    position: relative;
    display: inline-block;
    padding: .875em 1.4375em;
    font-weight: 600;
    border-radius: 3px;
    color: #fff
}

.player .vp-outro-button:active,
.player .vp-outro-button:hover {
    color: #fff
}

.player .vp-outro-button:active::before,
.player .vp-outro-button:hover::before {
    background-color: rgba(0, 0, 0, .15)
}

.player .vp-outro-button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.player .vp-outro--link-large .vp-outro-textDescription,
.player .vp-outro--link-medium .vp-outro-textTitle {
    display: block
}

.player .vp-outro--link-medium .vp-outro-buttonWrap {
    margin-top: 2.2em
}

.player .vp-outro-videosSection {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.player .vp-outro-videosSection:first-child {
    z-index: 2;
    margin-left: 57px
}

.player .vp-outro-videosSection:last-child {
    margin-right: 57px
}

@media (min-width:401px) {
    .player .vp-outro-videosSection:first-child {
        margin-left: 14%
    }
    .player .vp-outro-videosSection:last-child {
        margin-right: 14%
    }
}

.player .vp-outro-videosSection:focus,
.player .vp-outro-videosSection:hover {
    z-index: 10
}

.player .vp-outro-videosSection--2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.player .vp-outro-videosSection--3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.player .vp-outro-videosHeaderWrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0
}

.player .vp-outro-videosHeader {
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 0 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:560px) and (min-height:250px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-videosHeader {
        font-size: 5.5813953488vh
    }
}

@media (min-width:560px) and (min-height:250px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-videosHeader {
        font-size: 2.5vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-videosHeader {
        font-size: 24px
    }
}

.player .vp-outro-videosTitle {
    margin: 0;
    font-size: inherit;
    line-height: 1.8;
    color: #fff
}

.player .vp-outro-videosTitle a {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.player .vp-outro-followWrap {
    font-size: 12px;
    position: relative;
    text-align: left
}

@media (min-width:720px) and (min-height:322px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-followWrap {
        font-size: 3.7209302326vh
    }
}

@media (min-width:720px) and (min-height:322px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-followWrap {
        font-size: 1.6666666667vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-followWrap {
        font-size: 16px
    }
}

.player .vp-outro-follow {
    font-size: inherit;
    margin-left: .4em;
    position: relative;
    padding: .1em .7em;
    border-radius: 2px;
    white-space: nowrap;
    color: #fff;
    text-align: left;
    background-color: rgba(127, 127, 127, .56);
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.player .vp-outro-follow:hover {
    background-color: rgba(127, 127, 127, .76)
}

.player .vp-outro-follow .icon {
    width: .68em;
    height: .68em
}

.player .vp-outro-follow .icon-path {
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    opacity: 0
}

.player .vp-outro-follow #icon-mask--check rect {
    width: 0;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out
}

.player .vp-outro-follow-text {
    line-height: 1.5
}

.player .vp-outro-follow[aria-pressed=false] .icon-path--plus {
    opacity: 1
}

.player .vp-outro-follow[aria-pressed=false] .vp-outro-follow-text::after {
    content: attr(data-label-follow)
}

.player .vp-outro-follow[aria-pressed=true] {
    background-color: #7fc400
}

.player .vp-outro-follow[aria-pressed=true] #icon-mask--check rect {
    width: 100%
}

.player .vp-outro-follow[aria-pressed=true] .icon-path {
    opacity: 0
}

.player .vp-outro-follow[aria-pressed=true] .icon-path--check {
    opacity: 1
}

.player .vp-outro-follow[aria-pressed=true] .vp-outro-follow-text::after {
    content: attr(data-label-following)
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover {
    background-color: rgba(127, 127, 127, .76)
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .icon-path {
    opacity: 0
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .icon-path--close {
    opacity: 1
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .vp-outro-follow-text::after {
    content: attr(data-label-unfollow)
}

.player .vp-outro-videos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0
}

.player .vp-outro-videos>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style-type: none;
    padding: 0;
    margin: 0 .4em;
    max-width: 400px
}

@media (min-width:401px) {
    .player .vp-outro-videos>li {
        margin: 0 1%
    }
}

@media (min-width:401px) {
    .player .vp-outro-videos--1>li {
        margin: 0 3%
    }
}

@media (min-width:401px) {
    .player .vp-outro-videos--2>li {
        margin: 0 1.5%
    }
}

.player .vp-outro-videos .vp-outro-videoLink {
    display: block;
    position: relative;
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .1s ease-out, -webkit-transform 150ms ease-out;
    transition: opacity .1s ease-out, -webkit-transform 150ms ease-out;
    transition: opacity .1s ease-out, transform 150ms ease-out;
    transition: opacity .1s ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out
}

@supports (transition-timing-function:spring(1 400 25 20)) {
    .player .vp-outro-videos .vp-outro-videoLink {
        transition: opacity .1s ease-out, transform 10s spring(1 400 25 20)
    }
}

.player .vp-outro-videos .vp-outro-videoLink:focus,
.player .vp-outro-videos .vp-outro-videoLink:hover {
    outline: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.player .vp-outro-videos .vp-outro-videoLink:focus .vp-outro-videoHeader,
.player .vp-outro-videos .vp-outro-videoLink:hover .vp-outro-videoHeader {
    opacity: 1
}

.player .vp-outro-videos .vp-outro-videoLink:active {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

.player .vp-outro-imgWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border: 1px solid rgba(255, 255, 255, .05);
    z-index: 1;
    background: no-repeat center/cover
}

.player .vp-outro-videoHeader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    z-index: 1;
    text-align: left;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

@media screen and (max-width:400px) {
    .player .vp-outro-videoHeader {
        display: none!important
    }
}

.player .vp-outro-videoByline,
.player .vp-outro-videoTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.player .vp-outro-videoTitle {
    font-size: 12px;
    padding: .3em .5em 0;
    margin: 0;
    font-weight: 700;
    color: #fff
}

@media (min-width:677px) and (min-height:303px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-videoTitle {
        font-size: 3.9534883721vh
    }
}

@media (min-width:677px) and (min-height:303px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-videoTitle {
        font-size: 1.7708333333vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-videoTitle {
        font-size: 17px
    }
}

.player .vp-outro-videoByline {
    font-size: 10px;
    padding: .2em .7em 0;
    margin: 0;
    color: #fff
}

@media (min-width:800px) and (min-height:358px) and (min-aspect-ratio:960 / 430) {
    .player .vp-outro-videoByline {
        font-size: 2.7906976744vh
    }
}

@media (min-width:800px) and (min-height:358px) and (max-aspect-ratio:960 / 430) {
    .player .vp-outro-videoByline {
        font-size: 1.25vw
    }
}

@media (min-width:960px) and (min-height:430px) {
    .player .vp-outro-videoByline {
        font-size: 12px
    }
}

.player .vp-outro-textWrapper {
    text-align: left;
    padding: 6em;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-outro-textWrapper img {
    max-width: 100%
}

.player .vp-outro-textWrapper a {
    font-weight: 700
}

.player .vp-outro-textWrapper ul {
    padding-left: 1.8em
}

.player .vp-outro-text {
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 1.6em;
    line-height: 1.4
}

@media (max-width:500px) {
    .player .vp-outro-text {
        font-size: 1.4em
    }
}

@media (min-width:780px) {
    .player .vp-outro-text {
        width: 640px;
        margin: 0 auto
    }
}

.player .vp-outro-vodWrapper {
    text-align: center
}

.player .vp-outro-vodWrapper>p {
    margin-top: 1.4em;
    font-size: 1.4em
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader {
    margin: 0 3.1em .5em;
    font-size: 3.2em
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader a {
    color: #fff
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader a:hover {
    color: #fff
}

@media screen and (max-width:639px) {
    .player .vp-outro-vodWrapper .vp-outro-vodHeader {
        font-size: 2.8em
    }
}

@media screen and (max-width:499px) {
    .player .vp-outro-vodWrapper .vp-outro-vodHeader {
        font-size: 2.4em
    }
}

@media screen and (max-height:200px) {
    .player .vp-outro-vodWrapper .vp-outro-vodHeader {
        font-size: 2.4em
    }
}

.player .vp-outro-vod {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 10px
}

.player .vp-outro-vod li {
    display: inline-block;
    list-style-type: none;
    margin: 0 .5em;
    border-radius: 5px
}

.player .vp-outro-vod svg {
    margin-top: .125em;
    width: 1.375em;
    height: 1.375em
}

.player .vp-outro-vod p {
    margin: 0;
    padding: 0
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .6em .8em;
    margin: 0;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1;
    border-radius: 5px;
    cursor: pointer;
    color: #fff
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton:hover {
    color: #fff
}

@media screen and (max-height:200px) {
    .player .vp-outro-vodWrapper a.vp-outro-vodButton {
        font-size: 9px
    }
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton--watch {
    display: inline-block;
    padding: .625em 1.25em;
    line-height: normal
}

.player .vp-outro-vodIcon {
    margin-right: .8em
}

.player .vp-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 22, .3)), to(#141516));
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms
}

.player .vp-overlay-cell {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.player .vp-overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 16;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    background-position: center center;
    background-size: cover;
    text-align: center
}

.player .vp-overlay-wrapper.modal nav {
    display: none
}

.player .vp-overlay-wrapper.in .vp-overlay-bg {
    opacity: 1
}

.player .vp-overlay-wrapper.in nav {
    opacity: 1
}

.player .vp-overlay-wrapper.out nav {
    opacity: 0
}

.player .vp-overlay-wrapper h1 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 auto .6em
}

.player-md .vp-overlay-wrapper h1 {
    font-size: 21px
}

.player-lg .vp-overlay-wrapper h1,
.player-xl .vp-overlay-wrapper h1,
.player-xxl .vp-overlay-wrapper h1 {
    font-size: 24px
}

.player .vp-overlay-wrapper p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    margin: 0
}

.player-md .vp-overlay-wrapper p {
    font-size: 17px
}

.player-lg .vp-overlay-wrapper p,
.player-xl .vp-overlay-wrapper p,
.player-xxl .vp-overlay-wrapper p {
    font-size: 20px
}

.player .vp-overlay-wrapper p.subtitle {
    margin: .25em 0 .9375em
}

@media (max-width:299px),
(max-height:168px) {
    .player .vp-overlay-wrapper p.subtitle {
        display: none
    }
}

.player .vp-overlay-wrapper p.account {
    font-size: 1.3em;
    margin-top: .7142857143em
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-wrapper p.account {
        display: none
    }
}

.player .vp-overlay-wrapper a[role=button],
.player .vp-overlay-wrapper button,
.player .vp-overlay-wrapper input {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding: .625em 1.25em;
    margin: 0 .3125em;
    border-radius: 5px
}

.player-md .vp-overlay-wrapper a[role=button],
.player-md .vp-overlay-wrapper button,
.player-md .vp-overlay-wrapper input {
    font-size: 18px
}

.player-lg .vp-overlay-wrapper a[role=button],
.player-lg .vp-overlay-wrapper button,
.player-lg .vp-overlay-wrapper input,
.player-xl .vp-overlay-wrapper a[role=button],
.player-xl .vp-overlay-wrapper button,
.player-xl .vp-overlay-wrapper input,
.player-xxl .vp-overlay-wrapper a[role=button],
.player-xxl .vp-overlay-wrapper button,
.player-xxl .vp-overlay-wrapper input {
    font-size: 20px
}

.player .vp-overlay-wrapper a[role=button],
.player .vp-overlay-wrapper button,
.player .vp-overlay-wrapper input[type=submit] {
    cursor: pointer
}

.player .vp-overlay-wrapper input:not([type=submit]) {
    padding: .625em
}

.player .vp-overlay-wrapper .popup {
    display: inline-block;
    max-width: 250px;
    font-size: 1.4em;
    padding: .7142857143em 1.4285714286em
}

.player .vp-overlay-wrapper .form a {
    font-weight: 700
}

.player .vp-overlay-wrapper .form form {
    position: relative
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-wrapper .form form {
        display: none
    }
}

.player .vp-overlay-wrapper .form input:not([type=submit]) {
    border-radius: 2px;
    width: 9em;
    color: #444
}

.player .vp-overlay-wrapper .form input:not([type=submit])::-webkit-input-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::-moz-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit]):-ms-input-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::-ms-input-placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::placeholder {
    color: #a9a9a9
}

.player .vp-overlay-wrapper .form.password input[type=submit] {
    width: auto
}

.player .vp-overlay-wrapper .form.unlocked button {
    width: auto
}

.player .vp-overlay-wrapper .form .loading {
    -webkit-animation: throb 1s linear infinite;
    animation: throb 1s linear infinite
}

.player .vp-overlay-wrapper nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 21
}

.player .vp-overlay-wrapper nav button {
    font-size: 12px;
    background: 0 0;
    margin: 0;
    padding: 0
}

.player-md .vp-overlay-wrapper nav button {
    font-size: 14px
}

.player-lg .vp-overlay-wrapper nav button,
.player-xl .vp-overlay-wrapper nav button,
.player-xxl .vp-overlay-wrapper nav button {
    font-size: 16px
}

.player .vp-overlay-wrapper nav .icon-close {
    width: 1.125em;
    height: 1.125em;
    margin: .9375em
}

.player .vp-overlay-wrapper nav .icon-back {
    width: 1em;
    height: 1em;
    margin: 1em
}

.player .vp-overlay-wrapper nav .fill {
    fill: #fff
}

.player .vp-overlay-wrapper nav,
.player .vp-overlay-wrapper nav .back {
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    opacity: 0
}

.player .vp-overlay-wrapper nav .back {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em)
}

.player .vp-overlay-wrapper nav .close {
    position: absolute;
    right: 0
}

.player .vp-overlay-wrapper nav .close:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.player .vp-overlay-wrapper .footnote {
    font-weight: 700;
    margin-top: .5em;
    line-height: 1.8em
}

.player .vp-overlay-wrapper .footnote a,
.player .vp-overlay-wrapper .footnote button {
    margin: 0 .25em
}

.player .vp-overlay-wrapper .footnote.share a {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #fff
}

.player .vp-overlay-wrapper .footnote a.clip-url {
    position: relative;
    top: .1em
}

.player .vp-overlay-wrapper .footnote small a {
    margin: 0
}

.player .vp-overlay-wrapper .help {
    color: #fff;
    width: 100%;
    display: block
}

.player .vp-overlay-wrapper .help dl {
    font-size: 10px;
    min-width: 300px;
    max-width: 700px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: .5em auto;
    text-align: left
}

@media (min-width:400px) and (min-height:225px) and (min-aspect-ratio:640 / 360) {
    .player .vp-overlay-wrapper .help dl {
        font-size: 4.4444444444vh
    }
}

@media (min-width:400px) and (min-height:225px) and (max-aspect-ratio:640 / 360) {
    .player .vp-overlay-wrapper .help dl {
        font-size: 2.5vw
    }
}

@media (min-width:640px) and (min-height:360px) {
    .player .vp-overlay-wrapper .help dl {
        font-size: 16px
    }
}

.player .vp-overlay-wrapper .help dl>div {
    margin: .625em 0
}

.player .vp-overlay-wrapper .help .secondary {
    display: none
}

@media (min-width:501px) {
    .player .vp-overlay-wrapper .help dl {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .player .vp-overlay-wrapper .help dl dt {
        border-width: 2px
    }
    .player .vp-overlay-wrapper .help .secondary {
        display: block
    }
}

.player .vp-overlay-wrapper .help dt {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px;
    width: 2em;
    height: 2em;
    font-family: -apple-system, Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    line-height: 1.5;
    text-align: center
}

.player .vp-overlay-wrapper .help .arrow {
    line-height: 1.25
}

.player .vp-overlay-wrapper .help dd {
    display: inline-block;
    margin: 0 .625em;
    font-size: .875em
}

.player .vp-overlay-wrapper .help .scrub-backwards,
.player .vp-overlay-wrapper .help .toggle-captions {
    -webkit-column-break-after: always;
    -moz-column-break-after: always;
    break-after: always
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-wrapper[data-name=password] form {
        display: block
    }
}

@media (max-width:316px) {
    .player .vp-overlay-wrapper[data-name=password] input:not([type=submit]) {
        margin-bottom: 10px
    }
}

@media (max-width:299px),
(max-height:168px) {
    .player .vp-overlay-wrapper[data-name=password] .header,
    .player .vp-overlay-wrapper[data-name=password] .subtitle {
        display: none
    }
}

.player .vp-overlay-wrapper[data-name=app-redirect] {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)), rgba(0, 0, 0, .5);
    background: linear-gradient(180deg, transparent, #000 100%), rgba(0, 0, 0, .5)
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect--topspace {
    margin-top: 1.7em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-title {
    font-size: 1.7em;
    padding-bottom: 1em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
    font-size: 18px
}

@media (min-width:600px) and (min-height:337px) and (min-aspect-ratio:800 / 450) {
    .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
        font-size: 5.3333333333vh
    }
}

@media (min-width:600px) and (min-height:337px) and (max-aspect-ratio:800 / 450) {
    .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
        font-size: 3vw
    }
}

@media (min-width:800px) and (min-height:450px) {
    .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
        font-size: 24px
    }
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-ignore {
    text-decoration: underline;
    cursor: pointer;
    padding-top: 1em;
    font-size: 1.6em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-bottom-text {
    padding-top: 1.6em;
    font-size: 1.6em
}

.player .vp-overlay {
    z-index: 20;
    width: 100%;
    opacity: 0;
    position: relative;
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9)
}

.player .vp-overlay.in {
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.player .vp-overlay.out {
    -webkit-transition: opacity 105ms, -webkit-transform 105ms;
    transition: opacity 105ms, -webkit-transform 105ms;
    transition: transform 105ms, opacity 105ms;
    transition: transform 105ms, opacity 105ms, -webkit-transform 105ms
}

.player .vp-overlay-content {
    display: inline-block;
    padding: 0 18px
}

.player-lg .vp-overlay-content,
.player-md .vp-overlay-content,
.player-sm .vp-overlay-content,
.player-xl .vp-overlay-content,
.player-xxl .vp-overlay-content {
    padding: 0
}

.player-sm .vp-overlay-content {
    width: calc(100% * 8 / 12)
}

.player-md .vp-overlay-content {
    width: calc(100% * 6 / 12)
}

.player-lg .vp-overlay-content {
    width: calc(100% * 5 / 12)
}

.player-xl .vp-overlay-content {
    width: calc(100% * 4 / 12)
}

.player-xxl .vp-overlay-content {
    width: calc(100% * 3 / 12)
}

.player .vp-overlay-content.unlocked h1 {
    max-width: 800px
}

.player .vp-overlay-content.error {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.player .vp-overlay-icon-wrapper {
    position: absolute;
    left: 50%;
    width: 20em;
    height: 20em;
    margin-left: -10em;
    z-index: 19
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-overlay-icon-wrapper {
        display: none
    }
}

.player .vp-overlay-icon-wrapper[data-icon=lock] {
    width: 14em;
    height: 16em;
    margin-left: -7em
}

.player-lg .vp-overlay-icon-wrapper[data-icon=lock],
.player-md .vp-overlay-icon-wrapper[data-icon=lock],
.player-sm .vp-overlay-icon-wrapper[data-icon=lock],
.player-xl .vp-overlay-icon-wrapper[data-icon=lock],
.player-xxl .vp-overlay-icon-wrapper[data-icon=lock] {
    height: 22.4em
}

.player .vp-overlay-icon-wrapper.animate {
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out
}

.player .vp-overlay-icon {
    width: 20em;
    height: 20em;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.player .vp-overlay-icon[data-icon=lock] {
    height: 16em;
    width: 14em
}

.player-lg .vp-overlay-icon[data-icon=lock],
.player-md .vp-overlay-icon[data-icon=lock],
.player-sm .vp-overlay-icon[data-icon=lock],
.player-xl .vp-overlay-icon[data-icon=lock],
.player-xxl .vp-overlay-icon[data-icon=lock] {
    height: 22.4em
}

.player .vp-overlay-icon[data-icon=lock].open .bolt {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.player .vp-overlay-icon svg {
    width: 100%;
    height: 100%
}

.player .vp-overlay-icon.centered {
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out
}

.player .vp-overlay-icon.pulled-back {
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.player .vp-overlay-icon.out {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.player .vp-overlay-logo {
    width: 100%;
    height: 2.9em;
    margin: 0 auto;
    position: absolute;
    z-index: -2934875273462
}

.player .vp-overlay-logo.animate {
    opacity: 0;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transform: scale(.25);
    transform: scale(.25)
}

.player .vp-overlay-logo svg {
    width: 100%;
    height: 100%
}

@media (max-height:269px) {
    .player .vp-overlay-cell::after {
        content: "icon-hidden";
        display: block;
        position: relative;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden
    }
    .player .vp-overlay-icon-wrapper,
    .player .vp-overlay-logo {
        display: none
    }
    .player .vp-overlay-icon-wrapper::after,
    .player .vp-overlay-logo::after {
        content: "hidden";
        display: block;
        position: relative;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden
    }
}

.player .vp-overlay-icon,
.player .vp-overlay-logo {
    opacity: .75
}

.player .vp-sidedock {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    z-index: 12
}

.player .vp-sidedock,
.player .vp-sidedock .sidedock-inner {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-sidedock .box {
    margin: 0 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out
}

.player .vp-sidedock .box:nth-child(3) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.player .vp-sidedock .box:nth-child(4) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.player .vp-sidedock .box[data-vod-expiring="1"] .vod-button {
    background: rgba(188, 23, 30, .75)
}

.player .vp-sidedock .box[data-vod-expiring="1"] .vod-icon .fill {
    fill: #fff
}

.player .vp-sidedock.vod .sidedock-inner .box {
    opacity: 0;
    -webkit-transform: translateX(46px);
    transform: translateX(46px)
}

.player .vp-sidedock.vod .box[data-vod-purchased="1"][data-vod-expiring="1"] .vod-button {
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite
}

.player .vp-sidedock button {
    width: 3.6em;
    height: 3.6em;
    -webkit-transition: background-color 40ms;
    transition: background-color 40ms
}

.player .vp-sidedock label {
    padding: 0 1em;
    margin: 0 .7em 0 0;
    height: 3.6em;
    line-height: 3.6em;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out;
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.player .vp-sidedock label.visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.player .vp-sidedock label::after {
    position: absolute;
    right: -.5em;
    top: 50%;
    margin-top: -.5em;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .5em solid rgba(23, 35, 34, .75);
    content: ""
}

.player .vp-sidedock .vod-label,
.player .vp-sidedock label {
    position: relative;
    height: 3.6em;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    transition: opacity 150ms ease-out, transform 150ms ease-out, -webkit-transform 150ms ease-out
}

.player .vp-sidedock .vod-label,
.player .vp-sidedock label span {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 2.5714285714
}

.player .vp-sidedock .vod-label {
    height: 100%;
    margin-left: .7em
}

.player .vp-sidedock svg {
    margin: 0 auto;
    display: block
}

.player .vp-sidedock .vod-button {
    width: auto
}

.player .vp-sidedock .vod-button-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.player .vp-sidedock .vod-icon {
    width: 2.4em;
    height: 100%;
    margin: 0 .7em
}

.player .vp-sidedock .like-icon {
    width: 2.2em;
    height: 2em
}

.player .vp-sidedock .watch-later-icon {
    width: 2.4em;
    height: 2.4em
}

.player .vp-sidedock .share-icon {
    width: 2.3em;
    height: 2em
}

.player .vp-sidedock .collections-icon {
    width: 2em;
    height: 2em
}

.player .vp-sidedock .fill {
    -webkit-transition: fill 40ms;
    transition: fill 40ms
}

.player .vp-sidedock .stroke {
    -webkit-transition: stroke 40ms;
    transition: stroke 40ms
}

.js-player-fullscreen:-webkit-full-screen .vp-sidedock {
    font-size: 11px
}

.js-player-fullscreen:-ms-fullscreen .vp-sidedock {
    font-size: 11px
}

.js-player-fullscreen:fullscreen .vp-sidedock {
    font-size: 11px
}

.player .sidedock-outro button:not(:hover) {
    opacity: .65
}

.player.player-ad .vp-sidedock {
    display: none
}

.player.no-fullscreen-api-support.mobile .vp-title .vp-portrait {
    display: none
}

.player.no-fullscreen-support.mobile .vp-title .vp-portrait {
    display: none
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.mobile .vp-title .vp-portrait,
.player:not(:-webkit-full-screen).mobile .vp-title .vp-portrait {
    display: none
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.mobile .vp-title .vp-portrait,
.player:not(:-ms-fullscreen).mobile .vp-title .vp-portrait {
    display: none
}

.js-player-fullscreen:not(:fullscreen) .player.mobile .vp-title .vp-portrait,
.player:not(:fullscreen).mobile .vp-title .vp-portrait {
    display: none
}

.player.fullscreen .vp-title {
    margin-right: 4.1818181818em
}

.player .vp-title {
    display: block;
    position: relative;
    padding: 1em;
    z-index: 6;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    margin-right: 4.6em
}

.player .vp-title .vp-title-header {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: none !important;
    
}

.player .vp-title .vp-title-header .headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.player .vp-title .vp-title-header h1,
.player .vp-title .vp-title-header h2 {
    background: rgba(23, 35, 34, .75);
    display: inline-block;
    text-transform: none;
    line-height: normal;
    letter-spacing: normal
}

.player .vp-title .vp-title-header h1 {
    max-width: 100%;
    margin: 0;
    padding: .1em .2em;
    font-size: 2em!important;
    font-weight: 700
}

.player .vp-title .vp-title-header h1 a {
    font-weight: 700
}

.player .vp-title .vp-title-header h2 {
    font-size: 1.2em!important;
    font-weight: 400;
    color: #fff;
    margin-top: .1em;
    padding: .2em .5em
}

.player .vp-title .vp-title-header h2 .user,
.player .vp-title .vp-title-header h2 a {
    font-weight: 700
}

.player .vp-title .vp-title-header h2 .byline-badge {
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 2px 3px 1px;
    vertical-align: 1px;
    font-family: Helvetica, Arial!important;
    font-size: .7em;
    font-weight: 400
}

.player .vp-title .vp-title-header h2 .byline-badge.plus {
    background-color: #17ade4;
    color: #073a4c
}

.player .vp-title .vp-title-header h2 .byline-badge.pro {
    background-color: #9ba8b8;
    color: #34373d
}

.player .vp-title .vp-title-header h2 .byline-badge.business {
    background-color: #74b300;
    color: #263b00
}

.player .vp-title .vp-portrait {
    background: rgba(23, 35, 34, .75);
    width: 6em;
    height: 6em;
    margin-right: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: .5em
}

.player .vp-title .vp-portrait img {
    border: 0;
    width: 5em;
    height: 5em;
    border-radius: 50%
}

.player .vp-title .threesix-badge-title {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    vertical-align: middle;
    font-weight: 700;
    font-size: .6em;
    padding: .2em .4em;
    display: inline-block;
    margin-left: .5em;
    margin-top: -.2em
}

.player .vp-title .threesix-badge-byline {
    display: inline-block;
    margin-left: -2px;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.player .vp-title .threesix-badge-loner {
    display: inline-block;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.player .vp-title .hashdr-badge-title {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    vertical-align: middle;
    font-weight: 700;
    font-size: .6em;
    padding: .2em .4em;
    display: inline-block;
    margin-left: .5em;
    margin-top: -.2em
}

.player .vp-title .hashdr-badge-byline {
    display: inline-block;
    margin-left: -2px;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.player .vp-title .hashdr-badge-loner {
    display: inline-block;
    background: rgba(23, 35, 34, .75);
    padding: .2em .4em;
    font-size: 1.2em;
    font-weight: 700
}

.js-player-fullscreen:-webkit-full-screen .vp-title {
    font-size: 11px
}

.js-player-fullscreen:-ms-fullscreen .vp-title {
    font-size: 11px
}

.js-player-fullscreen:fullscreen .vp-title {
    font-size: 11px
}

.player .vp-badge {
    display: block;
    float: left;
    position: relative;
    z-index: 7;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    padding: 0;
    margin: 0
}

.player .vp-badge.invisible {
    padding: 0
}

@media (max-width:414px),
(max-height:168px) {
    .player .vp-badge {
        display: none
    }
}

.player.hide-controls-mode .vp-video-wrapper .vp-shade,
.player.no-playbar .vp-video-wrapper .vp-shade,
.player.player-tiny .vp-video-wrapper .vp-shade {
    display: none
}

.player .vp-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    overflow: hidden
}

.player .vp-video-wrapper.live-background {
    background-color: #1a2e3b
}

.player .vp-video-wrapper.transparent {
    background-color: transparent
}

.player .vp-video-wrapper.native-controls {
    z-index: 15
}

.player .vp-video-wrapper .snapshot {
    position: absolute;
    z-index: 1
}

.player .vp-video-wrapper .vp-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .25s, -webkit-filter .25s;
    transition: opacity .25s, -webkit-filter .25s;
    transition: filter .25s, opacity .25s;
    transition: filter .25s, opacity .25s, -webkit-filter .25s
}

.player .vp-video-wrapper .vp-video::after {
    -webkit-transition: all .25s;
    transition: all .25s
}

.player .vp-video-wrapper .vp-preview {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-preview-cover {
    background-size: cover
}

.player .vp-video-wrapper .vp-preview-invisible {
    opacity: 0
}

.player .vp-video-wrapper .vp-shade {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: .4;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-shade-invisible {
    opacity: 0
}

.player .vp-video-wrapper .vp-telecine {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::--webkit-media-controls-play-button {
    display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-play-button {
    display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-start-playback-button {
    display: none
}

.player .vp-video-wrapper object,
.player .vp-video-wrapper video {
    width: 100%;
    height: 100%
}

.player .vp-video-wrapper .vp-telecine-cover video {
    -o-object-fit: cover;
    object-fit: cover
}

.player .vp-video-wrapper pre {
    font-family: monospace!important
}

.js-player-fullscreen:-webkit-full-screen {
    background-color: #000!important
}

.js-player-fullscreen:-ms-fullscreen {
    background-color: #000!important
}

.js-player-fullscreen:fullscreen {
    background-color: #000!important
}

.js-player-fullscreen:-webkit-full-screen .vp-video-wrapper {
    background-color: transparent!important
}

.js-player-fullscreen:-ms-fullscreen .vp-video-wrapper {
    background-color: transparent!important
}

.js-player-fullscreen:fullscreen .vp-video-wrapper {
    background-color: transparent!important
}

.player.player-overlayVisible .vp-cards {
    display: none
}

.player.player-withCards .vp-sidedock {
    display: none
}

.player.player-cardsCarousel:not(.player-outroVisible) .vp-player-inner {
    bottom: 60px
}

.player.player-cardsCarousel:not(.player-outroVisible) .vp-cards-wrapper {
    display: block
}

.player.player-cardsCarousel .vp-title {
    display: none
}

.player .vp-cards-wrapper {
    display: none;
    z-index: 4;
    overflow: hidden;
    height: 60px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    color: #fff;
    background: #000
}

.player.player-cardsCorner .vp-cards-wrapper {
    display: block;
    overflow: visible;
    width: 0;
    height: 76px;
    left: auto;
    bottom: auto;
    top: 10px;
    right: 10px
}

.player .vp-cards {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 0 14%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1.2);
    transition-timing-function: cubic-bezier(.18, .89, .32, 1.2)
}

.player.player-cardsCorner .vp-cards {
    top: 0;
    right: 0;
    width: 326px;
    height: 0;
    -webkit-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.player .card {
    margin: 2px 1px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
    cursor: pointer;
    -webkit-user-drag: none
}

.player.player-cardsCorner .card {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    cursor: auto
}

.player.player-cardsCorner .card-animating {
    -webkit-transition: opacity .2s, -webkit-transform 250ms cubic-bezier(.18, .89, .32, 1.2);
    transition: opacity .2s, -webkit-transform 250ms cubic-bezier(.18, .89, .32, 1.2);
    transition: transform 250ms cubic-bezier(.18, .89, .32, 1.2), opacity .2s;
    transition: transform 250ms cubic-bezier(.18, .89, .32, 1.2), opacity .2s, -webkit-transform 250ms cubic-bezier(.18, .89, .32, 1.2)
}

.player.player-cardsCorner .card-active {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.player .card-hasDetail {
    height: 56px
}

.player.player-cardsCorner .card-hasDetail {
    height: 76px
}

.player.player-cardsCorner .card--contentInfo {
    display: none
}

.player .card--contentInfo .card-imageWrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49px;
    flex: 0 0 49px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player .card--contentInfo .card-image {
    border-radius: 50%;
    height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.player .card-link {
    color: #fff;
    -webkit-user-drag: none
}

.player .card-inner {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    background-color: rgba(23, 35, 34, .75)
}

.player.player-cardsCorner .card-inner {
    border-radius: 3px
}

.player .card-imageWrap {
    display: none;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 56px;
    flex-basis: 56px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.player.player-cardsCorner .card-imageWrap {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .cards-wrapper--withThumbnails .card-imageWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .card-image {
    display: block;
    height: 56px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.player.player-cardsCorner .card-image {
    height: 100%;
    -webkit-user-drag: none
}

.player .card-body {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player.player-cardsCorner .card-body {
    padding: 10px;
    max-width: 250px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.player .card-text {
    margin: 0;
    font-size: 1.4em;
    line-height: 1.1428571429em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .card-text--title {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1px;
    line-height: 1.2857142857em;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player.player-cardsCorner .card-text--title {
    margin-bottom: 0
}

.player .card-text--title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player .card-arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    margin-left: 10px;
    width: 10px;
    height: 10px
}

.player .card-text--detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 1px;
    max-height: 26px;
    color: #a2afb8;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.player.player-cardsCorner .card-text--detail {
    margin-top: 6px;
    max-height: 32px;
    font-size: 1.4em
}

.player .vp-text-alert-wrapper {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 22, .3)), to(#141516));
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: 700
}

.player .vp-text-alert-wrapper .vp-alert-text,
.player .vp-text-alert-wrapper .vp-alert-time {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    width: 100%
}

.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body,
.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-title {
    margin-bottom: 9px
}

.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body {
    font-weight: 400;
    font-size: 3.2em
}

@media screen and (max-height:350px),
screen and (max-width:740px) {
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-title {
        font-weight: 700
    }
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body,
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-footer {
        font-size: 1.4em;
        display: inline;
        font-weight: 400
    }
    .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body {
        padding-right: 6px
    }
}

@media screen and (max-height:200px),
screen and (max-width:480px) {
    .player .vp-text-alert-wrapper {
        font-size: 1.2em
    }
}

@media screen and (max-height:200px),
screen and (max-width:250px) {
    .player .vp-text-alert-wrapper {
        font-size: 1em
    }
}

.player .vp-spin {
    width: 18%;
    max-width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: opacity .1s, transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: opacity .1s, transform .25s cubic-bezier(.17, .88, .32, 1.28), -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28)
}

.player.hide-controls-mode .vp-spin,
.player.no-playbar .vp-spin,
.player.player-tiny .vp-spin {
    display: none
}

.player .vp-spin-invisible {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.player .vp-spin-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    fill: none;
    stroke-width: 3%;
    stroke: #fcfcfc;
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation: rotate 2s linear .25s infinite, dash 1.5s ease-in-out .25s infinite;
    animation: rotate 2s linear .25s infinite, dash 1.5s ease-in-out .25s infinite
}

@media all and (-ms-high-contrast:none) {
    .player .vp-spin-circle {
        stroke-dasharray: 50 200;
        stroke-dashoffset: 0
    }
}

.player .vp-spin-invisible .vp-spin-circle {
    -webkit-animation: none;
    animation: none
}

.player .vp-spin-trace {
    fill: none;
    stroke-width: 3%;
    stroke: rgba(23, 35, 34, .75);
    stroke-opacity: .6
}

.player.player-xxs .vp-spin-circle,
.player.player-xxs .vp-spin-trace {
    stroke-width: 6%
}

.player.player-xs .vp-spin-circle,
.player.player-xs .vp-spin-trace {
    stroke-width: 4%
}

.player.no-fullscreen-api-support.in-minibar .custom-logo,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-cast-button,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-live-status,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-live-viewer-count,
.player.no-fullscreen-api-support.in-minibar .vp-badge,
.player.no-fullscreen-api-support.in-minibar .vp-sidedock,
.player.no-fullscreen-api-support.in-minibar .vp-title {
    display: none!important
}

.player.no-fullscreen-api-support.in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .airplay,
.player.no-fullscreen-api-support.in-minibar .vp-controls .logo,
.player.no-fullscreen-api-support.in-minibar .vp-controls .stereoscopic,
.player.no-fullscreen-api-support.in-minibar .vp-controls .volume,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-cast-button,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-prefs,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-progress {
    display: none
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play .tiny-bars,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play,
.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
    z-index: 14
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.no-fullscreen-api-support.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-api-support.in-minibar:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar .custom-logo,
.player.no-fullscreen-support.in-minibar .play-bar .vp-cast-button,
.player.no-fullscreen-support.in-minibar .play-bar .vp-live-status,
.player.no-fullscreen-support.in-minibar .play-bar .vp-live-viewer-count,
.player.no-fullscreen-support.in-minibar .vp-badge,
.player.no-fullscreen-support.in-minibar .vp-sidedock,
.player.no-fullscreen-support.in-minibar .vp-title {
    display: none!important
}

.player.no-fullscreen-support.in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.no-fullscreen-support.in-minibar .vp-controls .airplay,
.player.no-fullscreen-support.in-minibar .vp-controls .logo,
.player.no-fullscreen-support.in-minibar .vp-controls .stereoscopic,
.player.no-fullscreen-support.in-minibar .vp-controls .volume,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-cast-button,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-prefs,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-progress {
    display: none
}

.player.no-fullscreen-support.in-minibar .vp-controls .play,
.player.no-fullscreen-support.in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-fullscreen-support.in-minibar .vp-controls .play .tiny-bars,
.player.no-fullscreen-support.in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-fullscreen-support.in-minibar .vp-controls .play,
.player.no-fullscreen-support.in-minibar .vp-controls .play-bar,
.player.no-fullscreen-support.in-minibar .vp-controls .replay {
    z-index: 14
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.no-fullscreen-support.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-support.in-minibar:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-title,
.player:not(:-webkit-full-screen).in-minibar .custom-logo,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-cast-button,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-live-status,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-webkit-full-screen).in-minibar .vp-badge,
.player:not(:-webkit-full-screen).in-minibar .vp-sidedock,
.player:not(:-webkit-full-screen).in-minibar .vp-title {
    display: none!important
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-title,
.player:not(:-ms-fullscreen).in-minibar .custom-logo,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-cast-button,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-live-status,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-ms-fullscreen).in-minibar .vp-badge,
.player:not(:-ms-fullscreen).in-minibar .vp-sidedock,
.player:not(:-ms-fullscreen).in-minibar .vp-title {
    display: none!important
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-title,
.player:not(:fullscreen).in-minibar .custom-logo,
.player:not(:fullscreen).in-minibar .play-bar .vp-cast-button,
.player:not(:fullscreen).in-minibar .play-bar .vp-live-status,
.player:not(:fullscreen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:fullscreen).in-minibar .vp-badge,
.player:not(:fullscreen).in-minibar .vp-sidedock,
.player:not(:fullscreen).in-minibar .vp-title {
    display: none!important
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls,
.player:not(:-webkit-full-screen).in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls,
.player:not(:-ms-fullscreen).in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls,
.player:not(:fullscreen).in-minibar .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    align-items: flex-end
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -ms-flex-align: end;
    align-items: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar button {
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .airplay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .logo,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .stereoscopic,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .volume,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-prefs,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-progress {
    display: none
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .airplay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .logo,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .stereoscopic,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .volume,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-prefs,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-progress {
    display: none
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:fullscreen).in-minibar .vp-controls .airplay,
.player:not(:fullscreen).in-minibar .vp-controls .logo,
.player:not(:fullscreen).in-minibar .vp-controls .stereoscopic,
.player:not(:fullscreen).in-minibar .vp-controls .volume,
.player:not(:fullscreen).in-minibar .vp-controls .vp-cast-button,
.player:not(:fullscreen).in-minibar .vp-controls .vp-prefs,
.player:not(:fullscreen).in-minibar .vp-controls .vp-progress {
    display: none
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:fullscreen).in-minibar .vp-controls .play,
.player:not(:fullscreen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:fullscreen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:fullscreen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay {
    z-index: 14
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay {
    z-index: 14
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:fullscreen).in-minibar .vp-controls .play,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .replay {
    z-index: 14
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls,
.player:not(:-webkit-full-screen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-webkit-full-screen).in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls,
.player:not(:-ms-fullscreen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-ms-fullscreen).in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar:not(:fullscreen) .vp-captions.with-controls,
.player:not(:fullscreen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:fullscreen).in-minibar:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

@media (max-height:119px),
(max-width:79px) {
    .player .vp-controls .cc,
    .player .vp-controls .fullscreen {
        display: none!important
    }
}

.player.player-tiny .custom-logo,
.player.player-tiny .play-bar .vp-cast-button,
.player.player-tiny .play-bar .vp-live-status,
.player.player-tiny .play-bar .vp-live-viewer-count,
.player.player-tiny .vp-badge,
.player.player-tiny .vp-sidedock,
.player.player-tiny .vp-title {
    display: none!important
}

.player.player-tiny .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player.player-tiny .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player.player-tiny .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player.player-tiny .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player.player-tiny .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player.player-tiny .vp-controls .airplay,
.player.player-tiny .vp-controls .logo,
.player.player-tiny .vp-controls .stereoscopic,
.player.player-tiny .vp-controls .volume,
.player.player-tiny .vp-controls .vp-cast-button,
.player.player-tiny .vp-controls .vp-prefs,
.player.player-tiny .vp-controls .vp-progress {
    display: none
}

.player.player-tiny .vp-controls .play,
.player.player-tiny .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.player-tiny .vp-controls .play .tiny-bars,
.player.player-tiny .vp-controls .replay .tiny-bars {
    display: block
}

.player.player-tiny .vp-controls .play,
.player.player-tiny .vp-controls .play-bar,
.player.player-tiny .vp-controls .replay {
    z-index: 14
}

.player.player-tiny .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player.player-tiny:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.player-tiny:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player.player-tiny.no-fullscreen-support .vp-captions.with-controls,
.player.player-tiny:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player.player-mini .play-bar .vp-live-viewer-count,
.player.player-mini .vp-controls .volume,
.player.player-mini .vp-portrait {
    display: none!important
}

.player.player-mini .vp-title .vp-title-header h1 {
    font-size: 1.8em
}

.player .player-mini.with-custom-logo .play-bar .vp-live-viewer-count,
.player .player-mini.with-custom-logo .vp-controls .volume,
.player .player-mini.with-custom-logo .vp-portrait {
    display: none!important
}

.player .player-mini.with-custom-logo .vp-title .vp-title-header h1 {
    font-size: 1.8em
}

.player .player-tiny.with-custom-logo .custom-logo,
.player .player-tiny.with-custom-logo .play-bar .vp-cast-button,
.player .player-tiny.with-custom-logo .play-bar .vp-live-status,
.player .player-tiny.with-custom-logo .play-bar .vp-live-viewer-count,
.player .player-tiny.with-custom-logo .vp-badge,
.player .player-tiny.with-custom-logo .vp-sidedock,
.player .player-tiny.with-custom-logo .vp-title {
    display: none!important
}

.player .player-tiny.with-custom-logo .vp-controls {
    top: 1em;
    height: auto;
    z-index: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar {
    background: 0;
    padding: 0;
    height: 2.2em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(23, 35, 34, .75);
    border-radius: .5em;
    padding: .5em;
    margin-left: .5em;
    height: 1.2em
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar button:not(.toggle):hover .fill {
    fill: #fff
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar .cc {
    padding: .4em;
    height: 1.4em
}

.player .player-tiny.with-custom-logo .vp-controls .airplay,
.player .player-tiny.with-custom-logo .vp-controls .logo,
.player .player-tiny.with-custom-logo .vp-controls .stereoscopic,
.player .player-tiny.with-custom-logo .vp-controls .volume,
.player .player-tiny.with-custom-logo .vp-controls .vp-cast-button,
.player .player-tiny.with-custom-logo .vp-controls .vp-prefs,
.player .player-tiny.with-custom-logo .vp-controls .vp-progress {
    display: none
}

.player .player-tiny.with-custom-logo .vp-controls .play,
.player .player-tiny.with-custom-logo .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player .player-tiny.with-custom-logo .vp-controls .play .tiny-bars,
.player .player-tiny.with-custom-logo .vp-controls .replay .tiny-bars {
    display: block
}

.player .player-tiny.with-custom-logo .vp-controls .play,
.player .player-tiny.with-custom-logo .vp-controls .play-bar,
.player .player-tiny.with-custom-logo .vp-controls .replay {
    z-index: 14
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.player .player-tiny.with-custom-logo:not(:-webkit-full-screen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo:not(:-ms-fullscreen) .vp-captions.with-controls {
    transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo.no-fullscreen-support .vp-captions.with-controls,
.player .player-tiny.with-custom-logo:not(:fullscreen) .vp-captions.with-controls {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px)
}

@media screen and (max-width:449px),
screen and (max-height:249px) {
    .player .custom-logo,
    .player .custom-logo img {
        max-height: 60px!important
    }
}

@media screen and (max-height:224px) {
    .player .custom-logo,
    .player .custom-logo img {
        max-height: 50px!important
    }
}

.player .vp-live-viewer-status-wrapper {
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    position: absolute;
    top: 1em;
    left: 1em;
    cursor: default
}

.player .vp-live-viewer-status-wrapper .vp-live-viewer-count {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    padding: 2px 5px;
    margin-left: 8px;
    background: rgba(23, 35, 34, .75);
    height: 22px
}

.player .vp-live-viewer-count {
    font: 1.3em HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 540;
    letter-spacing: 1px;
    padding-right: 10px;
    display: none
}

.player .vp-live-viewer-count .vp-live-viewer-count-person {
    display: inline-block;
    position: relative;
    top: 2px
}

.player .vp-live-viewer-count .vp-live-viewer-count-value {
    margin-left: 5px
}

.player .play-bar .vp-live-viewer-count {
    margin-top: -3px;
    padding-right: 10px;
    display: none
}

.player .play-bar .vp-live-viewer-count .vp-live-viewer-count-person {
    display: inline-block;
    position: relative;
    top: 2px
}

.player .play-bar .vp-live-viewer-count .vp-live-viewer-count-value {
    margin-left: 5px
}

.player .vp-live-viewer-status-wrapper .vp-live-status {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    padding: 2px 5px;
    background: #ff4d4d;
    height: 22px
}

.player .vp-live-viewer-status-wrapper .vp-live-status .vp-live-status-circle {
    background: #fff
}

.player .vp-live-status {
    font: 1.3em HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 540;
    letter-spacing: 1px;
    line-height: 1.4;
    cursor: default
}

.player .vp-live-status span {
    margin-left: 4px
}

.player .vp-live-status .vp-live-status-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    position: relative
}

.player .play-bar .vp-live-status {
    margin-top: -3px;
    margin-right: 1em;
    display: none
}

.player .play-bar .vp-live-status .vp-live-status-circle {
    background: red
}

.player .play-bar .vp-live-status .vp-live-status-circle.offline {
    background: #333;
    border: 1px solid #efefef
}

.player .vp-unmute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.player .vp-unmute-button {
    display: block;
    position: relative;
    margin: 1em auto;
    max-width: calc(100% - 12.5em);
    min-height: 30px;
    padding: .8em;
    padding-left: 35px;
    border-radius: 2px;
    background: rgba(23, 35, 34, .75)
}

.player.player-mini .vp-unmute-button,
.player.player-tiny .vp-unmute-button {
    position: absolute;
    top: 1em;
    right: 1em;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    min-height: 22px
}

.player.player-mini .vp-icon-muted,
.player.player-tiny .vp-icon-muted {
    height: 14px;
    width: 14px
}

.player.player-mini .vp-unmute-button-title,
.player.player-tiny .vp-unmute-button-title {
    display: none
}

.player .vp-unmute-button>span {
    font-size: 1.3em;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

.player .vp-icon-muted {
    position: absolute;
    left: .8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px
}

.player .vp-unmute-button-title {
    display: inline
}

.player .vp-nudge-wrapper {
    top: 33.3%;
    display: block;
    position: absolute;
    height: 0;
    width: 100%
}

.player.player-tiny .vp-nudge-wrapper {
    display: none
}

.player .vp-nudge {
    display: inline-block;
    position: absolute;
    padding-bottom: 30%;
    height: 50%;
    width: 35%;
    z-index: 8;
    -webkit-transition: ease-in-out .4s;
    transition: ease-in-out .4s
}

.player .vp-nudge-backward {
    left: 0
}

.player .vp-nudge-forward {
    right: 0
}

.player .vp-nudge-symbol {
    margin: 15% auto;
    margin-bottom: 40%;
    height: 9px;
    width: 20px
}

.player .vp-nudge-backward-symbol {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.player .vp-nudge-shade {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .1s ease-in;
    transition: opacity .3s ease-in-out, -webkit-transform .1s ease-in;
    transition: opacity .3s ease-in-out, transform .1s ease-in;
    transition: opacity .3s ease-in-out, transform .1s ease-in, -webkit-transform .1s ease-in
}

.player .vp-nudge-shade-left {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.player .vp-nudge-shade-right {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.player .vp-nudge-shade-invisible {
    opacity: 0
}

.player .vp-nudge-seconds {
    margin: 15%;
    margin-bottom: -9%;
    display: block;
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
    min-height: 15px
}

.js-player-fullscreen:-webkit-full-screen .vp-canvas-effect {
    display: none
}

.js-player-fullscreen:-ms-fullscreen .vp-canvas-effect {
    display: none
}

.js-player-fullscreen:fullscreen .vp-canvas-effect {
    display: none
}