.ima-ad-container {
    top: 0em;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}

/* Move overlay if user fast-clicks play button. */
.video-js.vjs-playing .bumpable-ima-ad-container {
    margin-top: -4em;
}

/* Move overlay when controls are active. */
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
    margin-top: 0em;
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
    margin-top: -4em;
}

.ima-controls-div {
    bottom: 0em;
    height: 1.4em;
    position: absolute;
    overflow: hidden;
    display: none;
    opacity: 1;
    background-color: rgba(7, 20, 30, .7);
    background: -moz-linear-gradient(bottom,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            color-stop(0%, rgba(7, 20, 30, .7)),
            color-stop(100%, rgba(7, 20, 30, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to top,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0007141E',
            endColorstr='#07141E', GradientType=0);
    /* IE6-9 */
}

.ima-controls-div.ima-controls-div-showing {
    height: 3.7em;
}

.ima-countdown-div {
    height: 1em;
    color: #FFFFFF;
    text-shadow: 0 0 0.2em #000;
    cursor: default;
}

.ima-seek-bar-div {
    top: 1.2em;
    height: 0.3em;
    position: absolute;
    background: rgba(255, 255, 255, .4);
}

.ima-progress-div {
    width: 0em;
    height: 0.3em;
    background-color: #ECC546;
}

.ima-play-pause-div,
.ima-mute-div,
.ima-slider-div,
.ima-fullscreen-div {
    width: 2.33em;
    height: 1.33em;
    top: 0.733em;
    left: 0em;
    position: absolute;
    color: #CCCCCC;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
    font-family: "Font Awesome 6 Free";
    cursor: pointer;
    font-weight: 900;
}

.ima-mute-div {
    left: auto;
    right: 5.667em;
}

.ima-slider-div {
    left: auto;
    right: 2.33em;
    width: 3.33em;
    height: 0.667em;
    top: 1.33em;
    background-color: #555555;
}

.ima-slider-level-div {
    width: 100%;
    height: 0.667em;
    background-color: #ECC546;
}

.ima-fullscreen-div {
    left: auto;
    right: 0em;
}

.ima-playing:before {
    content: "\f04c";
}

.ima-paused:before {
    content: "\f04b";
}

.ima-playing:hover:before,
.ima-paused:hover:before {
    text-shadow: 0 0 1em #fff;
}

.ima-non-muted:before {
    content: "\f028";
}

.ima-muted:before {
    content: "\f6a9";
}

.ima-non-muted:hover:before,
.ima-muted:hover:before {
    text-shadow: 0 0 1em #fff;
}

.ima-non-fullscreen:before {
    content: "\f065";
}

.ima-fullscreen:before {
    content: "\f066";
}

.ima-non-fullscreen:hover:before,
.ima-fullscreen:hover:before {
    text-shadow: 0 0 1em #fff;
}