.vjs-theme-pm .vjs-control-bar {
    opacity: 70%;
    height: 3.5em !important;
    background-color: black !important;
    color: white !important;
}

.vjs-theme-pm .vjs-control {
    width: 4em;
}

.vjs-theme-pm .vjs-button > .vjs-icon-placeholder:before {
    font-size: 3em;
    line-height: 1.25;
}

.vjs-theme-pm .vjs-volume-menu-button {
    display: flex !important;
}

.vjs-theme-pm .vjs-volume-panel-horizontal {
    width: 40em !important;
    max-width: 60% !important;
    opacity: 1 !important;
}

.vjs-theme-pm .vjs-slider-horizontal .vjs-volume-level {
    height: .2em !important;
}

.vjs-theme-pm .vjs-volume-bar {
    width: 30em !important;
    max-width: 70% !important;
    height: .2em !important;
    margin: 1.75em 1em !important;
}

.vjs-theme-pm .vjs-slider-horizontal .vjs-volume-level:before {
    top: -.4em;
}

.vjs-theme-pm .vjs-live-display,
.vjs-theme-pm .vjs-subs-caps-button {
    display: none;
}

.vjs-theme-pm .vjs-volume-control.vjs-control.vjs-volume-horizontal {
    width: 30em !important;
    max-width: 70% !important;
    opacity: 1 !important;
}

.vjs-theme-pm .vjs-volume-level {
    background-color: yellow !important;
}

    .vjs-theme-pm .vjs-volume-level:before {
        font-size: large !important;
    }


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

.mobile .vjs-volume-bar {
    margin: 2em 1.25em !important;
}


.mobile .vjs-control-bar {
    height: 4em !important;
}

.mobile .vjs-control,
.mobile .vjs-volume-panel-horizontal,
.mobile .vjs-volume-panel {
    width: 4em !important;
}

.mobile .vjs-volume-control.vjs-control.vjs-volume-horizontal {
    display: none;
}

.mobile .vjs-button > .vjs-icon-placeholder:before {
    font-size: 3.5em;
}

.mobile .vjs-volume-level:before {
    font-size: large !important;
}

.mobile .vjs-slider-bar {
    display: none !important;
}

.video-js .vjs-video-on-control .vjs-icon-placeholder:before, .vjs-icon-video-on:before {
    content: url('https://d1sw380mxb5czp.cloudfront.net/images/video-on.png');
}

.video-js .vjs-video-off-control .vjs-icon-placeholder:before, .vjs-icon-video-off:before {
    content: url('https://d1sw380mxb5czp.cloudfront.net/images/video-off.png');
}