body {
    padding: 0!important;
    margin: 0!important
}

.video-js * {
    outline: none;
    -webkit-text-size-adjust: none
}

.vjs-menu-title {
    display: none;
}

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

.video-js .vjs-controls-disabled .vjs-big-play-button {
    display: none!important
}

.video-js .vjs-control {
    width: 2.3em;
    font-size: 1em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 2.5em
}

.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .5s forwards;
    animation: vjs-spinner-show 0s linear .5s forwards
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    background-color: rgb(68,59,109,0.6);
    font-size: 5em;
    border-radius: 50%;
    border: none;
    transition: all .4s!important
}

.video-js .vjs-big-play-button:active,.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    background-color: rgba(68,59,109,0.8)
}

.video-js .vjs-loading-spinner {
    border-color: #443b6d
}

.video-js .vjs-control-bar2 {
    background-color: transparent
}

.video-js .vjs-control-bar {
    background: none;
    color: #fff;
    font-size: 20px;
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level {
    background-color: #443b6d
}

.video-js .vjs-big-play-button {
    height: 2em!important;
    width: 2em!important;
    line-height: 2em!important;
    margin-top: -1em!important;
    margin-left: -1em;
    border-width: 3px;
    outline: none;
    transition: all .4s
}

.video-js .vjs-big-play-button:before,.video-js .vjs-icon-play:before {
    font-size: 50px;
    color: #25dadc;
    padding-top: 3px
}

.video-js .vjs-load-progress {
    background: rgba(255,255,255,.5)
}

.vjs-menu li {
    font-size: .8em;
    text-transform: capitalize;
    font-weight: 600;
    text-align: right;
    padding: 5px;
    color: #FFF
}

.vjs-menu-button-popup .vjs-menu {
    width: 8em;
    left: -5.5em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: rgba(43,51,63,.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
    border-radius: 5px;
    overflow: hidden;
    padding: 4px
}

.vjs-menu-button-popup .vjs-menu:after {
    top: -30px;
    right: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213,0,0,0);
    border-top-color: rgba(43,51,63,.7);
    border-width: 8px;
    margin-left: -8px
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #443b6d!important;
    color: #FFF;
    border-radius: 4px
}

.vjs-control-bar:before {
    content: "";
    top: 30px;
    right: 50px;
    bottom: 50px;
    left: 50px;
    position: absolute;
    display: block;
    background: rgba(0,0,0,0.5);
    box-shadow: 0 0 2em 2em rgba(0,0,0,0.5)
}

.vjs-modal-dialog.vjs-text-track-settings {
    max-width: 530px;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(43,51,63,.9);
    max-height: 400px;
    border-radius: 5px
}

.vjs-close-button .vjs-icon-placeholder:before {
    line-height: 1em
}

span.vjs-text-opacity.vjs-opacity,span.vjs-bg-opacity.vjs-opacity,.vjs-window-opacity.vjs-opacity {
    width: 100%
}

.vjs-text-track-settings fieldset span>select {
    max-width: 100%
}

.vjs-track-settings-controls {
    padding: 0 10px
}

.vjs-track-settings-controls .vjs-default-button {
    background-color: #352344;
    color: #c095e2
}

.vjs-track-settings-controls .vjs-done-button {
    background: #443b6d;
    color: #fff;
    padding: 10px 50px;
    font-weight: bold;
    margin: 0 0 20px 10px
}

.vjs-track-settings-controls .vjs-default-button {
    background: #fff;
    color: #443b6d;
    padding: 10px 50px;
    font-weight: bold;
    margin: 0
}

.vjs-text-track-settings select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    border: none;
    outline: none;
    color: #443b6d;
    border-radius: 3px;
    padding: 2px 10px;
    background-position-y: 2px;
    background-position-x: 100%;
    width: 100%;
    margin-right: 0
}

.vjs-error-display .vjs-modal-dialog-content {
    height: 40px;
    background: #443b6d;
    padding: 10px
}

.video-js .vjs-progress-control {
    width: 100%
}

.video-js .vjs-top-control-bar .vjs-progress-control {
    padding: 0;
    height: 1em;
    margin-left: 1.2em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0
}

.video-js .vjs-remaining-time {
    width: auto!important;
    min-width: auto
}

.video-js .vjs-top-control-bar .vjs-remaining-time {
    line-height: 20px;
    font-size: .9em;
}

.video-js .vjs-vtt-thumbnail-display .vjs-time-tooltip {
    top: unset;
    right: 0!important;
    background: transparent;
    color: #f8f9fa;
    font-size: .9em!important;
    bottom: 0;
    left: 0
}

.vjs-play-progress .vjs-time-tooltip {
    display: none!important
}

.vjs-quality-selector.vjs-menu-button .vjs-menu {
    width: 6em;
    left: -3.5em;
}

.vjs-remaining-time {
    width: 3em!important
}

body > img {
    position: fixed
}

.overlay {
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -148px
}

.close {
    display: block;
    width: 70px;
    margin: 2px auto;
    color: #B5B5B5;
    text-align: center;
    font-family: Sans-serif;
    cursor: pointer;
    background: #000;
    padding: 4px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12px
}

.close_min {
    top: 0;
    position: absolute;
    right: 0;
    background: #754899;
    padding: 7px;
    border-radius: 20px;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: #FFF;
    margin: -8px;
    cursor: pointer;
    font-family: Arial;
    line-height: 9px
}

.close_min:hover {
    color: #000
}

.vjs-captions-button .vjs-menu-item {
    background: rgba(0,0,0,0.5);
    line-height: 2.2em
}

select {
    color: #fff
}

#vplayer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.small-info {
    position: absolute;
    left: 5px;
    top: 5px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    z-index: 1;
    font-size: 9px;
    line-height: 11px;
    text-align: left;
    font-weight: 700;
    padding: 2px
}

.video-js .vjs-current-time {
    display: flex;
    padding-left: .5em;
    padding-right: .5em;
    width: auto;
}

.video-js .vjs-slider:focus {
    text-shadow: none;
    box-shadow: none;
    background-color: rgba(115,133,159,.5)
}

.video-js .vjs-play-progress,.video-js .vjs-load-progress,.vjs-volume-level {
    border-radius: 0!important
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    margin: 0;
    left: -2.5em!important;
    width: 2.5em;
    height: 7em;
    bottom: 7em;
    border-radius: 5px;
    background: rgba(43,51,63,.7)
}

.vjs-volume-bar.vjs-slider-vertical {
    margin: 20px auto
}

.vjs-seek-button {
    oveflow: hidden
}

.video-js .vjs-top-control-bar {
    position: absolute;
    width: 100%;
    top: -1.2em;
    display: flex
}

.video-js .vjs-custom-control-spacer.active {
    display: flex;
    width: 100%
}

.video-js .vjs-volume-panel .vjs-volume-control {
    display: none
}

.video-js .vjs-volume-panel:hover .vjs-volume-control {
    display: block
}

.vjs-remaining-time [aria-hidden='true'] {
    display: none
}

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

.vjs-text-track-display {
    bottom: 8em;
}

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

.video-js .preload-cast {
    bottom: 20px;
    right: 15px;
    position: absolute;
    height: 2.5em
}

.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
    max-height: 350px
}

.nextEpisode {
    opacity: 1;
    text-decoration: none!important;
    padding: .8em 1.2em;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    background: #443b6d;
    position: absolute;
    z-index: 1;
    bottom: 8em;
    right: 0;
    cursor: pointer;
    transition: all .2s;
    border-radius: 5px 0 0 5px;
}

.cancelEpisode {
    opacity: 1;
    text-decoration: none !important;
    padding: 7px;
    color: white;
    font-weight: 500;
    font-size: 13px;
    background: transparent;
    position: absolute;
    z-index: 1;
    bottom: 10em;
    right: 0.5em;
    cursor: pointer;
    transition: all .2s;
    mix-blend-mode: difference;
}

.nextEpisode:hover {
    color: #fff;
    background: #3b335e
}

.nextEpisode .loader {
    content: ' ';
    background: rgb(0 0 0 / 40%);
    left: 0;
    top: 0;
    height: 100%;
    position: absolute
}

.video-js .vjs-button-report {
    right: 10px;
    top: 10px;
    position: absolute;
    height: 20px;
    z-index: 9;
}

.vjs-user-active .vjs-icon-report {
    opacity: 1;
}

.vjs-icon-report {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="white"/></svg>');
    display: block;
    background-size: 25px;
    background-position: center center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0;
}

.vjs-report-modal {
    display: none;
    max-width: 450px;
    width: calc(100% - 30px);
    height: auto;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 50px);
    top: 50%;
    left: 50%;
    position: absolute;
    margin: auto;
    background: rgba(43, 51, 63, .9);
    border-radius: 5px;
    font-size: 150%;
    z-index: 9;
}

.vjs-report-modal .content {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    text-align: left;
    line-height: 140%;
}

.vjs-report-modal .noerror-detected {
    display: none;
    color: red;
}

.vjs-report-modal .vjs-send-report {
    background: #443b6d;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
}

.vjs-report-modal .footer {
    text-align: right;
    padding: 15px;
}

.vjs-report-modal h4 {
    color: #FFF;
    font-size: 130%;
    margin-bottom: 10px;
}

.video-js.hd-active .vjs-icon-hd {
    color: #443b6d;
}

.video-js.hd-active .vjs-quality-selector:before {
    content: '';
    background: #FFF;
    top: 24px;
    left: 14px;
    width: 20px;
    height: 12px;
    z-index:0;
    display: block;
    position: absolute;
}

@media screen and (max-width: 640px) {
    .vjs-control-bar {
        font-size: 15px!important;
    }

    .vjs-volume-control {
        display: none!important
    }

    .video-js .vjs-big-play-button {
        font-size: 3em
    }

    .vjs-picture-in-picture-control {
        display: none !important;
    }

    .vjs-chromecast-button .vjs-icon-placeholder {
        width: 20px!important;
        height: 20px!important
    }

    .vjs-airplay-control .vjs-icon-placeholder {
        width: 20px!important;
        height: 20px!important
    }

    .video-js.hd-active .vjs-quality-selector:before {
        top: 16px;
        left: 8px;
        width: 16px;
    }

    .vjs-menu-button-popup .vjs-menu:after {
        top: -23px
    }

    .video-js .vjs-top-control-bar .vjs-remaining-time {
        line-height: 19px
    }

    .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }

    .video-js .preload-cast {
        bottom: 6px;
        right: 3px;
        position: absolute;
        height: 2.5em
    }

    .vjs-text-track-display {
        bottom: 6em;
    }

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

    .vjs-menu-button-popup .vjs-menu {
        left: -5em;
    }

    .vjs-quality-selector.vjs-menu-button .vjs-menu {
        left: -3em;
    }

    .nextEpisode {
        zoom: 0.8;
        bottom: 7em;
    }

    .cancelEpisode {
        bottom: 6.5em;
    }

    .vjs-report-modal .content, .vjs-report-modal .vjs-send-report {
        font-size: 80%;
        padding: 10px;
    }

    .vjs-report-modal .footer {
        padding: 10px
    }
}