.video-js .vjs-overlay-no-background {
    max-width: 100%
}
.video-js .vjs-overlay .my-overlay {
    padding: 10px;
    font-size: 1.4em;
}
.video-js .vjs-watermark-content {
    pointer-events: none;
    opacity: .8;
    bottom: 55px;
}
.vjs-menu li {
    text-transform: capitalize;
}
.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: #fff!important;
    color: #2B333F;
}
.vjs-menu-button-popup .vjs-menu {
    width: 12em;
    left: -4em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
    max-height: 20em;
}

.vjs-theme-city {
    --vjs-theme-city--primary: #bf3b4d;
    --vjs-theme-city--secondary: #fff
}

.vjs-theme-city .vjs-control-bar {
    background: none;
    background-image: linear-gradient(0deg,#000,#0000);
    height: 70px;
    padding-top: 20px
}

.vjs-theme-city .vjs-button>.vjs-icon-placeholder:before {
    line-height: 50px
}
.vjs-theme-city .vjs-playback-rate .vjs-playback-rate-value {
    line-height: 50px
}
.vjs-theme-city .vjs-play-progress:before {
    display: none
}

.vjs-theme-city .vjs-progress-control {
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.vjs-theme-city .vjs-progress-control .vjs-progress-holder {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 15px;
    height: 5px;
    width: 100%
}

.vjs-theme-city .vjs-play-progress {
    background-color: var(--vjs-theme-city--primary)
}

.vjs-theme-city .vjs-play-control {
    flex: 8 1;
    font-size: 1.75em;
}
.vjs-theme-city .vjs-remaining-time {
    flex: 2 1;
    line-height: 50px;
    font-size: 1.5em;
    padding-left: 0;
    padding-right: 0;
    min-width: 5em;
}
.vjs-theme-city .vjs-live-control {
    flex: 2 1;
    line-height: 50px;
    font-size: 1.5em;
    min-width: 5em;
}
.vjs-theme-city .vjs-picture-in-picture-control {
    display: none;
}
.vjs-theme-city .vjs-fullscreen-control,.vjs-theme-city .vjs-picture-in-picture-control,.vjs-theme-city .vjs-volume-panel {
    /*flex: 1 1;*/
}

.vjs-theme-city .vjs-play-control,
.vjs-theme-city .vjs-remaining-time {
    order: 0;
}
.vjs-theme-city .vjs-playlist-prev-control {
    order: 1;
}
.vjs-theme-city .vjs-picture-in-picture-control,
.vjs-theme-city .vjs-playback-rate,
.vjs-theme-city .vjs-subs-caps-button,
.vjs-theme-city .vjs-seek-button,
.vjs-theme-city .vjs-playlist-next-control {
    order: 2;
}
.vjs-theme-city .vjs-volume-panel,
.vjs-theme-city .vjs-fullscreen-control {
    order: 3;
}

.vjs-theme-city .vjs-volume-bar {
    margin: 2.35em 0.45em;
}
.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.4em;
}
@media screen and (max-width: 767px) {
    .vjs-theme-city .vjs-control {
        width: 3em;
    }
    .vjs-theme-city .vjs-control.vjs-progress-control {
        width: 100%;
    }
}