/**
 * 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: 0px;
  position: absolute;
  display: block;
}
/* Move overlay when controls are active. */

.video-js.vjs-user-inactive.vjs-playing .ima-ad-container {
  top: 0px;
}
.video-js.vjs-user-active.vjs-playing .ima-ad-container {
  top: -40px;
}
#ima-controls-div {
  bottom: 0px;
  height: 37px;
  position: absolute;
  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-countdown-div {
  height: 11px;
  color: white;
  text-shadow: 0 0 0.2em black;
}
#ima-seek-bar-div {
  top: 12px;
  height: 3px;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
}
#ima-progress-div {
  width: 0px;
  height: 3px;
  background-color: #ecc546;
}
#ima-countdown-div {
  height: 10px;
}
#ima-play-pause-div,
#ima-mute-div,
#ima-fullscreen-div {
  width: 35px;
  height: 20px;
  top: 11px;
  left: 0px;
  position: absolute;
  color: #cccccc;
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
#ima-mute-div {
  left: auto;
  right: 35px;
}
#ima-fullscreen-div {
  left: auto;
  right: 0px;
}
.ima-playing:before {
  content: "\e002";
}
.ima-paused:before {
  content: "\e001";
}
.ima-playing:hover:before,
.ima-paused:hover:before {
  text-shadow: 0 0 1em white;
}
.ima-non-muted:before {
  content: "\e006";
}
.ima-muted:before {
  content: "\e003";
}
.ima-non-muted:hover:before,
.ima-muted:hover:before {
  text-shadow: 0 0 1em white;
}
.ima-non-fullscreen:before {
  content: "\e000";
}
.ima-fullscreen:before {
  content: "\e00b";
}
.ima-non-fullscreen:hover:before,
.ima-fullscreen:hover:before {
  text-shadow: 0 0 1em white;
}
/*
	Originally created by anthonyvscode.com, forked at https://github.com/smeranda/Less-CSS3-Mixins
	
	This solution is to be used in less css and less js: http://lesscss.org/
*/
/*Border Radius Functions*/
/*Shadows
.box-shadow(@shadow_x:3px, @shadow_y:3px, @shadow_rad:3px, @shadow_color:#888)
{
	box-shadow: @shadow_x @shadow_y @shadow_rad @shadow_color;
	-webkit-box-shadow:@shadow_x @shadow_y @shadow_rad @shadow_color;
	-moz-box-shadow:@shadow_x @shadow_y @shadow_rad @shadow_color;
}*/
/*Shadows*/
/*Transformations*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
#player,
.sidearm-showcasePlayer-player {
  height: 100% !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  min-height: 0;
  font-family: "open sans", sans-serif;
}
html.vjs-ad-playing .vjs-tech,
body.vjs-ad-playing .vjs-tech,
#player.vjs-ad-playing .vjs-tech,
.sidearm-showcasePlayer-player.vjs-ad-playing .vjs-tech {
  visibility: hidden;
}
.video-js {
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;
  /* The main font color changes the ICON COLORS as well as the text */
  color: white;
}
/* The "Big Play Button" is the play button that shows before the video plays.
   To center it set the align values to center and middle. The typical location
   of the button is the center, but there is trend towards moving it to a corner
   where it gets out of the way of valuable content in the poster image.*/

.vjs-sublime-skin .vjs-big-play-button {
  cursor: pointer;
  line-height: 50px;
  margin: -25px;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  -webkit-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YTUyNjI4Ni1mNTQ2LWJkNDctOGUyMy1jYWNhNThiZWY5YWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzg3ODQ4MDE0NERDMTFFNDlCQTQ5NDFEMTg5QUQ0NzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzg3ODQ4MDA0NERDMTFFNDlCQTQ5NDFEMTg5QUQ0NzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3NDkzYmQxLThiNDMtYzg0ZC04ZWE5LTllZDZjNGI5ZDc5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1YTUyNjI4Ni1mNTQ2LWJkNDctOGUyMy1jYWNhNThiZWY5YWMiLz4gPC9y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);
  background-color: transparent;
  z-index: 202;
  border: none;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background-color: transparent;
}
.vjs-ad-playing .vjs-control-bar {
  bottom: -30px !important;
}
.vjs-sublime-skin.vjs-has-started .vjs-control-bar {
  bottom: 0;
  -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.vjs-sublime-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  bottom: -50px;
  -webkit-transition: all 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: all 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */

.video-js .vjs-control-bar,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #232323;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: rgba(35, 35, 35, 0.7);
}
.vjs-has-started .vjs-logobrand {
  background: #232323;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
/* Slider - used for Volume bar and Progress bar */

.video-js .vjs-slider {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.5);
}
/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */

.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: white;
}
/* The main progress bar also has a bar that shows how much has been loaded. */

.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#777777, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(119, 119, 119, 0.5);
}
/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */

.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#777777, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(119, 119, 119, 0.75);
}
.vjs-logobrand {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  z-index: 2;
  padding: 5px;
  background: transparent;
  -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}
/* TODO: Specific to Pac-12
.vjs-youtube .vjs-logobrand {
    display: none;
} */

.vjs-user-inactive .vjs-logobrand {
  top: -40px;
}
.vjs-user-inactive.vjs-paused .vjs-logobrand {
  top: 0;
}
.vjs-ad-playing .vjs-logobrand {
  display: none;
}
.vjs-logobrand-link {
  float: right;
  margin: 0 10px 0 0;
  max-width: 20%;
  max-height: 30px;
  opacity: 0.6;
}
.vjs-logobrand-link:first-child {
  margin: 0 0 0 10px;
  float: left;
  opacity: 0.6;
}
.vjs-logobrand-image {
  max-width: 100%;
  max-height: 38px;
}
.vjs-countdown {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #121212;
  color: white;
  z-index: 300;
  font-size: 30px;
  line-height: normal;
}
@media screen and (max-height: 300px) {
  .vjs-countdown {
    font-size: 20px;
  }
}
.vjs-countdown-poster {
  position: absolute;
  bottom: 14%;
  left: 13%;
  height: 40%;
  width: 40%;
  background: #053a62;
}
.vjs-countdown-text {
  position: absolute;
  top: 14%;
  left: 7%;
  width: 40%;
  font-size: 5vw;
  line-height: 1;
  font-style: italic;
}
.vjs-countdown-time {
  position: absolute;
  right: 5%;
  top: 7%;
  height: 86%;
  border-left: 1px solid #053a62;
  width: 29%;
  overflow: hidden;
  padding-left: 10%;
  text-align: left;
  text-transform: uppercase;
}
.vjs-countdown-time > div {
  font-style: italic;
}
.vjs-countdown-time > div:first-child {
  margin-top: 50%;
}
.vjs-countdown-time > div span {
  display: inline-block;
}
.vjs-countdown-time > div :first-child {
  font-weight: bold;
  width: 1.2em;
  margin-right: 0.2em;
  text-align: right;
}
.vjs-countdown-time > div :first-child + * {
  font-weight: 100;
  opacity: 0.7;
}
.vjs-countdown-time > div :first-child + *:after {
  content: '\00a0';
  font-size: 18pt;
}
.vjs-countdown,
.vjs-countdown-text,
.vjs-countdown-poster,
.vjs-countdown-time {
  -webkit-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.vjs-countdown.animate-out .vjs-countdown,
.vjs-countdown.animate-out .vjs-countdown-text,
.vjs-countdown.animate-out .vjs-countdown-poster,
.vjs-countdown.animate-out .vjs-countdown-time {
  -webkit-transition: all 1000ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 1000ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: all 1000ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 1000ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 1000ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.vjs-countdown.animate-out {
  background-color: rgba(0, 0, 0, 0);
}
.vjs-countdown.animate-out .vjs-countdown-text {
  top: -40%;
}
.vjs-countdown.animate-out .vjs-countdown-poster {
  bottom: -40%;
}
.vjs-countdown.animate-out .vjs-countdown-time {
  right: -40%;
}
.vjs-endcard {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #121212;
  color: white;
  z-index: 0;
  font-size: 30px;
  padding: 40px 0 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  line-height: 1.1;
  perspective-origin: 50% 50%;
  perspective: 1000px;
}
.vjs-endcard.animate-out {
  opacity: 0;
}
.vjs-endcard.animate-out .item {
  transform: translate3d(0, 0, 500px) rotate3d(1, 0, 0, 90deg);
}
.vjs-endcard .item {
  float: left;
  width: 20%;
  height: 33%;
  background-size: cover;
  position: relative;
  overflow: hidden;
  left: 0;
  -webkit-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: white;
  font-size: 12px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
.vjs-endcard .item:first-child {
  width: 40%;
  height: 65%;
}
.vjs-endcard .item .item-label {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  padding: 100% 40px 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
}
.vjs-endcard .item:hover .item-label {
  opacity: 1;
}
.vjs-endcard .item .item-date {
  opacity: 0;
  position: absolute;
  top: 2px;
  right: 2px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.8);
}
.vjs-endcard .item:hover .item-date {
  opacity: 1;
}
.vjs-default-skin .vjs-timebar-RS {
  color: red;
  top: -1em;
  height: 100%;
  position: relative;
  background: rgba(100, 100, 100, 0.5);
}
.video-js .vjs-rangeslider-holder {
  height: 20px;
}
.video-js .vjs-selectionbar-RS {
  height: 100%;
  float: left;
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  background-color: #ffe800;
  background: #ffe800;
  background: -moz-linear-gradient(top, #ffe800, #a69700);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ffe800), to(#a69700));
  background: -webkit-linear-gradient(top, #ffe800, #a69700);
  background: -o-linear-gradient(top, #ffe800, #a69700);
  background: -ms-linear-gradient(top, #ffe800, #a69700);
  background: linear-gradient(top, #ffe800, #a69700);
  opacity: 0.8;
}
.video-js div.vjs-rangeslider-holder.locked > div.vjs-selectionbar-RS {
  background-color: #ff6565;
  background: #ff6565;
  background: -moz-linear-gradient(top, #ff6565, #300000);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ff6565), to(#300000));
  background: -webkit-linear-gradient(top, #ff6565, #300000);
  background: -o-linear-gradient(top, #ff6565, #300000);
  background: -ms-linear-gradient(top, #ff6565, #300000);
  background: linear-gradient(top, #ff6565, #300000);
}
.video-js div.vjs-rangeslider-handle {
  position: absolute;
  margin-top: 0;
  cursor: pointer!important;
  background-color: transparent;
}
.video-js .vjs-selectionbar-left-RS {
  height: 100%;
  left: 0;
  z-index: 10;
}
.video-js .vjs-selectionbar-right-RS {
  height: 100%;
  left: 100%;
  z-index: 20;
}
.video-js div.vjs-selectionbar-left-RS,
.video-js div.vjs-selectionbar-right-RS {
  top: 0;
  position: absolute;
  width: 0;
}
.video-js div.vjs-selectionbar-arrow-left-RS,
.video-js div.vjs-selectionbar-arrow-right-RS {
  z-index: 200;
}
.video-js div.vjs-selectionbar-arrow-RS {
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid #fff273;
  margin-left: -1em;
  opacity: .8;
  position: absolute;
  top: -1em;
}
.video-js div.vjs-rangeslider-handle.active > div.vjs-selectionbar-arrow-RS {
  border-top-color: #5f5fb3;
}
.video-js div.vjs-rangeslider-holder.locked .vjs-rangeslider-handle > div.vjs-selectionbar-arrow-RS {
  border-top-color: #ff6565;
}
.video-js div.vjs-selectionbar-line-RS {
  width: 1px;
  height: 1em;
  background-color: #fff273;
  position: absolute;
  top: 0;
}
.video-js div.vjs-rangeslider-handle.active > div.vjs-selectionbar-line-RS {
  background-color: #5f5fb3;
}
.video-js div.vjs-rangeslider-holder.locked .vjs-rangeslider-handle > div.vjs-selectionbar-line-RS {
  background-color: #ff6565;
}
.video-js .vjs-timepanel-RS {
  width: 100%;
  height: 1em;
  font-weight: bold;
  font-size: 15px;
  top: -2em;
  position: absolute;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  display: none;
}
.video-js .vjs-timepanel-RS.disable {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s linear 1s,opacity 1s linear;
  -moz-transition: visibility 1s linear 1s,opacity 1s linear;
  -o-transition: visibility 1s linear 1s,opacity 1s linear;
  transition: visibility 1s linear 1s, opacity 1s linear;
}
.video-js .vjs-timepanel-left-RS,
.video-js .vjs-timepanel-right-RS {
  font-weight: normal;
  font-size: 1em;
  color: #666666;
  border: 1px solid #666666;
  background-color: white;
  border-radius: 5px;
  position: absolute;
  height: 116%;
  padding-right: .3em;
  padding-left: 0.3em;
}
.video-js .vjs-timepanel-left-RS {
  left: 0.5%;
}
.video-js .vjs-timepanel-right-RS {
  left: 92%;
}
.video-js .vjs-controltimepanel-RS {
  width: 50%;
  font-size: 1em;
  line-height: 1em;
  position: absolute;
  bottom: 2px;
  left: 25%;
}
.video-js .vjs-controltimepanel-RS input {
  width: 1.5em;
  background: rgba(102, 168, 204, 0.16);
  border: 1px solid transparent;
  color: black;
  font-size: 1em;
  margin-left: 2px;
  text-align: center;
  color: white;
}
.video-js .vjs-controltimepanel-left-RS {
  width: 50%;
  float: left;
}
.video-js .vjs-controltimepanel-right-RS {
  float: right;
  width: 48%;
}
.video-js .vjs-controltimepanel-RS input {
  margin: 0;
  padding: 0;
  display: table-cell;
}
/**
 * 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: 0px;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  display: none;
}
/* Move overlay if user fast-clicks play button. */

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

.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
  margin-top: 0px;
}
.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: -40px;
}
.ima-controls-div {
  transition: 250ms ease all;
  bottom: 0px;
  height: 37px;
  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-countdown-div {
  height: 10px;
  color: white;
  text-shadow: 0 0 0.2em black;
  cursor: default;
}
.ima-seek-bar-div {
  top: 12px;
  height: 3px;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
}
.ima-progress-div {
  width: 0px;
  height: 3px;
  background-color: #ecc546;
}
.ima-play-pause-div,
.ima-mute-div,
.ima-slider-div,
.ima-fullscreen-div {
  width: 35px;
  height: 20px;
  top: 11px;
  left: 0px;
  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: 85px;
}
.ima-slider-div {
  left: auto;
  right: 35px;
  width: 50px;
  height: 10px;
  top: 20px;
  background-color: #555555;
}
.ima-slider-level-div {
  width: 100%;
  height: 10px;
  background-color: #ecc546;
}
.ima-fullscreen-div {
  left: auto;
  right: 0px;
}
.ima-playing:before {
  content: "\00f103";
}
.ima-paused:before {
  content: "\00f101";
}
.ima-playing:hover:before,
.ima-paused:hover:before {
  text-shadow: 0 0 1em white;
}
.ima-non-muted:before {
  content: "\00f107";
}
.ima-muted:before {
  content: "\00f104";
}
.ima-non-muted:hover:before,
.ima-muted:hover:before {
  text-shadow: 0 0 1em white;
}
.ima-non-fullscreen:before {
  content: "\00f108";
}
.ima-fullscreen:before {
  content: "\00f109";
}
.ima-non-fullscreen:hover:before,
.ima-fullscreen:hover:before {
  text-shadow: 0 0 1em white;
}
.graycontrol,
.redcontrol {
  margin-top: 20px;
  outline: 0;
  left: 0;
  float: left;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 40px;
  border: none;
  height: 20px;
  color: white !important;
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  margin: 10px;
  cursor: pointer;
}
.graycontrol:focus,
.redcontrol:focus {
  box-shadow: 0 0 4px #053a62;
}
.graycontrol.inline-block,
.redcontrol.inline-block {
  display: inline-block;
  width: auto;
  float: none;
}
.graycontrol {
  background: #5d6165 !important;
}
.redcontrol {
  background: #053a62 !important;
  color: white !important;
}
.vjs-error .vjs-error-display {
  display: table;
}
.vjs-error .vjs-error-display:before {
  content: '';
}
.vjs-error-display {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  color: white;
  text-align: center;
}
.vjs-error-display div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vjs-error-premium img {
  max-width: 33%;
  max-height: 25%;
}
.vjs-error-premium {
  background: #121212;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  transition: 500ms ease all;
}
.vjs-error-premium img {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  transition: 500ms ease all 1000ms;
}
.vjs-error-premium.show img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.vjs-error-premium.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.vjs-error-premium .redcontrol,
.vjs-error-premium .graycontrol {
  opacity: 0;
  transition: 500ms ease all 1000ms;
}
.vjs-error-premium .redcontrol {
  -webkit-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0);
}
.vjs-error-premium .graycontrol {
  -webkit-transform: translate3d(-60px, 0, 0);
  transform: translate3d(-60px, 0, 0);
}
.vjs-error-premium.show .redcontrol,
.vjs-error-premium.show .graycontrol {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 500ms ease all 1000ms;
}
body {
  background: black;
}
.big-red-error-message {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #a02d2d;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #f7bdb4;
  padding: 20px;
  flex-flow: row wrap;
  cursor: pointer;
  border: 1px solid #822212;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.big-red-error-message b {
  border-radius: 4px;
  border: 2px solid;
  padding: 8px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3), 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
}
.vjs-poster {
  background-color: black;
  background-size: cover;
}