.vjs-ad-playing.vjs-ad-playing .vjs-progress-control {
  pointer-events: none; }

.vjs-ad-playing.vjs-ad-playing .vjs-play-progress {
  background-color: #ffe400; }

.vjs-ad-loading .vjs-loading-spinner {
  display: block;
  visibility: visible; }

.vjs-ad-playing .vjs-captions-button {
  display: none; }

.vjs-ad-playing .vjs-audio-button {
  display: none; }

.vjs-ad-loading .vjs-loading-spinner:before, .vjs-ad-loading .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-ad-loading .vjs-loading-spinner:before {
  border-top-color: #fff; }

.vjs-ad-loading .vjs-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

.vjs-ad-loading .vjs-big-play-button, .vjs-ad-loading .vjs-poster, .vjs-ad-content-resuming .vjs-big-play-button, .vjs-ad-content-resuming .vjs-poster {
  display: none; }

/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.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, 0.7);
  background: -moz-linear-gradient(bottom, rgba(7, 20, 30, 0.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, 0.7)), color-stop(100%, rgba(7, 20, 30, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to top, rgba(7, 20, 30, 0.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, 0.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: VideoJS;
  cursor: pointer; }

.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: "\F103"; }

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

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

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

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

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

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

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

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