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

            .vjs-theme-city .vjs-button {
                font-size: 1.7em !important;
                width: 3em !important
            }

            .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-progress-control {
                height: 20px;
                left: 0;
                position: absolute;
                right: 0;
                top: -10px;
                width: 100%
            }

            .vjs-theme-city .vjs-progress-holder {
                height: 0.5em !important
            }

            .vjs-theme-city .vjs-mute-control {
                width: 100% !important
            }

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

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

            .vjs-theme-city .vjs-play-control {
                order: 1
            }

            .vjs-theme-city .vjs-next-item {
                order: 2
            }

            .vjs-theme-city .vjs-volume-panel {
                order: 3
            }

            .vjs-theme-city .vjs-time-control {
                display: block !important;
                padding: 0.2em 0.2em !important;
                font-size: 1.5em !important;
                order: 4
            }

            .vjs-theme-city .vjs-custom-control-spacer {
                display: block !important;
                order: 10;
                flex-grow: 1
            }

            .vjs-theme-city div.vjs-playback-rate {
                order: 11
            }

            .vjs-theme-city .vjs-fullscreen-control {
                order: 12
            }

            .vjs-time-divider {
                min-width: 0em !important
            }

            .vjs-theme-city .vjs-play-progress:before,.vjs-theme-city .vjs-volume-horizontal,.vjs-theme-city .vjs-remaining-time,.vjs-theme-city .vjs-subs-caps-button,.vjs-theme-city .vjs-picture-in-picture-control {
                display: none !important
            }

            .video-js .vjs-control:focus {
                outline: none
            }

            .vjs-button:focus {
                outline: none !important
            }

            .ima-ad-container {
                top: 0
            }

            .video-control>.btn {
                border-radius: 0 !important;
                padding: 0.5em 0em !important
            }

            .btn-forward {
                background-color: #242a20 !important
            }

            .btn-backward {
                background-color: #242a20 !important
            }

            .toast {
                visibility: hidden;
                background-color: rgba(52,58,64,.85);
                color: #fff;
                padding: 6px;
                position: absolute;
                z-index: 1;
                left: 3px;
                bottom: 70px;
                font-size: 14px
            }

            .toast.show {
                visibility: visible
            }
            
            
            
            
            .w-100 {
    width: 100% !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    margin-left: 0 !important;
}
.video-control .btn:focus {
    color: #fff;
}
.video-control .btn:focus-visible {
    outline: none;
}
.text-center {
    text-align: center;
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: none;
}
.btn-forward {
    background-color: #242a20 !important;
}

.d-none {
    display: none !important;
}
@media (min-width: 576px) {
    .d-sm-inline-block {
        display: inline-block !important;
    }
}
.btn-group>.btn:hover {
     color: #fff;
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.title {
    font-size: 1em;
    line-height: 1.4em;
}