﻿
.vjs-control-bar {
  background-color: transparent !important;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.43) 0%, black 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.43) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.43) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e000000', endColorstr='#000000',GradientType=0 );
  height: 42px !important;
  padding: 5px 0;
}
.vjs-control-bar .vjs-progress-control {
  min-width: 100%;
  position: absolute;
  bottom: 23px;
  left: 0;
  z-index: -1;
}
.vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  margin:0;
}
.vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
  background-color: #ed1c24;
}
.vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
  right: -0.5em;
}
.vjs-control-bar .vjs-fullscreen-control {
  position: absolute;
  right: 0;
}
.vjs-control-bar .vjs-fullscreen-control:before {
  content: '\e904' !important;
  font-size: 21px !important;
  margin-top: -5px;
}
.vjs-control-bar .vjs-settings-button {
  position: absolute;
  right: 34px;
}
.vjs-control-bar .vjs-settings-button:before {
  content: '\e90b' !important;
}
.vjs-control-bar .vjs-settings-button .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: rgba(44, 44, 44, 0.7) !important;
}
.vjs-control-bar .vjs-settings-button .vjs-menu-content-long {
  position: relative;
  top: 18px;
  left: -41px;
  width: 12em;
  display: none !important;
}
.vjs-control-bar .vjs-settings-button .vjs-menu-content-long:before {
  content: '\e901' !important;
  font-family: 'icomoon';
  speak: none;
  position: relative;
  bottom: 30px;
  margin: 0 auto;
  display: block;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  color: #1F2427;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
}
.vjs-control-bar .vjs-settings-button .vjs-menu {
  position: relative;
  top: 18px;
  left: -41px;
  width: 12em;
}
.vjs-control-bar .vjs-settings-button .vjs-menu:before {
  content: '\e901' !important;
  font-family: 'icomoon';
  speak: none;
  position: relative;
  bottom: 30px;
  margin: 0 auto;
  display: block;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  color: #1F2427;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
}
.vjs-control-bar .vjs-settings-button .vjs-menu .vjs-menu-content {
  background-color: rgba(0, 0, 0, 0.7) !important;
  bottom: 2.5em;
  max-height: 16em;
}
.vjs-control-bar .vjs-settings-button .vjs-menu li {
  padding: 5px 0;
}
.vjs-control-bar .vjs-settings-button .vjs-menu li:hover {
  background-color: rgba(14, 14, 14, 0.7) !important;
}
.vjs-control-bar .vjs-settings-button .vjs-menu li.vjs-selected {
  background-color: rgba(29, 29, 29, 0.8) !important;
  color: #FFFFFF;
}
.vjs-control-bar .vjs-settings-button .vjs-menu li.vjs-selected:before {
  content: '\e900';
  font-family: 'icomoon';
  speak: none;
  right: 8px;
  position: absolute;
  font-size: 9px;
}
.vjs-control-bar .vjs-paused:before, 
.vjs-control-bar .vjs-playing:before {
    font-family: 'icomoon';
    speak: none;
    font-size: 14px;
    padding: 5px 0;
}
.vjs-control-bar .vjs-settings-button:before, 
.vjs-control-bar .vjs-fullscreen-control:before {
  font-family: 'icomoon';
  speak: none;
  font-size: 15px;
  padding: 2px 0;
}
.vjs-control-bar .vjs-vol-0:before, 
.vjs-control-bar .vjs-vol-1:before, 
.vjs-control-bar .vjs-vol-2:before, 
.vjs-control-bar .vjs-vol-3:before {
    font-family: 'icomoon';
    speak: none;
    font-size:18px;
    padding:1px 0;
}
.vjs-control-bar .vjs-paused:before {
  content: '\e908' !important;
}
.vjs-control-bar .vjs-playing:before {
  content: '\e907' !important;
}
.vjs-control-bar .vjs-vol-0:before {
  content: '\e912' !important;
}
.vjs-control-bar .vjs-vol-1:before {
  content: '\e90f' !important;
}
.vjs-control-bar .vjs-vol-2:before {
  content: '\e910' !important;
}
.vjs-control-bar .vjs-vol-3:before {
  content: '\e911' !important;
}


#ima-ad-container .vjs-control-bar {
  height: 30px !important;
  padding: 0 !important;
}
#ima-ad-container .vjs-control-bar .vjs-progress-control {
  bottom: 17px !important;
}
#ima-ad-container .vjs-control-bar .vjs-progress-control .vjs-play-progress {
  background-color: #ffe400 !important;
}

#vjs-logobrand-image-destination {
  position: absolute;
  right: 0;
}

.video-js .vjs-big-play-button {
  height: 80px !important;
  width: 80px !important;
  border: none !important;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.video-js .vjs-big-play-button:hover, .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.7);
}

.video-js .vjs-big-play-button:before {
  font-size: 50px;
  margin-top: 20px;
}
.video-js .vjs-progress-control .vjs-mouse-display {
    z-index:999;
    background:none !important;
}


.video-js .vjs-slider {
   background-color: rgba(147, 147, 147, 1.0);
}
.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 1.5);
}


.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: none;
}

.video-js .vjs-control .vjs-icon-cog:first-child {
    display:none;
}


.video-js .vjs-play-button-block-effect {
    -webkit-animation:pop-in 0.5s;
    -moz-animation:pop-in 0.5s;
    -ms-animation:pop-in 0.5s;
     display:block;
}

.video-js .vjs-play-button-none-effect {
    -webkit-animation:pop-out 0.5s;
    -moz-animation:pop-out 0.5s;
    -ms-animation:pop-out 0.5s;
    display:block;
}

.video-js .vjs-play-button-none-effect:before {
     content: '\f103' !important;
}

@-webkit-keyframes pop-in {
    0% { opacity: 0; -webkit-transform: scale(0.5);}
    100% { opacity: 1; -webkit-transform: scale(1);}
}
@-webkit-keyframes pop-in-out {
    0% { opacity: 1; -webkit-transform: scale(1);}
    100% { opacity: 0; -webkit-transform: scale(0.5);}
}



.vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
    right:-2px;
}
.video-js .vjs-play-progress:before  {
  content: '';
  background-color:#fff;
  width:3px;
  height:8px;
  top: -2.4px;
  right:-3px;
  margin-left:-10px;
}
.vjs-control-bar .vjs-progress-control:hover .vjs-play-progress:before {
    height:11px;
}

.video-js .vjs-volume-level:before{
  content: '';
  background-color:#fff;
  width:3px;
  height:9px;
  top: -3px;
  right: -1px;
}

.video-js .vjs-volume-bar {
  background-color:#fff;
}
.video-js .vjs-volume-level {
  background-color:#ed1c24;
}


.vjs-control-bar .vjs-time-control .vjs-remaining-time-display {
    font-size: 11px;
    margin-top: 0px;
}

