/*
  Player Skin Designer for Video.js
  http://videojs.com

  To customize the player skin edit 
  the CSS below. Click "details" 
  below to add comments or questions.
  This file uses some SCSS. Learn more  
  at http://sass-lang.com/guide)

  This designer can be linked to at:
  https://codepen.io/heff/pen/EarCt/left/?editors=010
*/

.player-col{margin-top:-10px;}
.regiment{float:left;}
div#videoplayer{overflow:hidden;}
/* div#videoplayer:before {
    content: '';
    background: url(../img/epic-on-logo.png);
    width: 110px;
    height: 33px;
    float: left;
    background-size: cover;
    position: absolute;
    z-index: +99;
    margin: 20px 10px;
    left:0px;top:0px;
} */
.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background: transparent;
    outline: 0px;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: block; }
@media only screen and (max-device-width: 1024px){
    div#videoplayer:before {
        width: 70px;
        height: 21px;
    }
}
div#videoplayer.logohide:before {display:none;}
.video-js .vjs-time-tooltip {
    font-size: 10px!important;
}
.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: #fff;
}
/* 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-default-skin .vjs-big-play-button {
  left: calc(50% - 17px);
  top: calc(50% - 22px);
}
.video-js.vjs-default-skin.vjs-live.vjs-liveui .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    display: none;
}
/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
  background-color: #000;
}
div#content_video:after {
    content: '';
    background: linear-gradient(to bottom,transparent,#000);
    width: 100%;
    height: 50px;
    float: left;
    position: absolute;
    bottom: 0px;
    z-index: +1;
}
.p-0 {
    padding: 0px!important;
}

div#epicplr {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
}

div#content_video:before {
    content: '';
    background: linear-gradient(to bottom,#000, transparent);
    width: 100%;
    height: 50px;
    float: left;
    position: absolute;
    top: 0px;
    z-index: +1;
}
/* 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: #fff;
}

/* 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: #bfc7d3;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 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: white;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.75);
}


/*29 july css started*/
.vjs-loading-spinner{border: 3px solid rgba(43,51,63,.4);}
.vjs-loading-spinner:after, .vjs-loading-spinner:before{border-top-color:#c8265d!important;    margin: -3px;}

.playerloader{background:rgba(48,8,32,.9);}
/* Player Main div*/


/* Previous Next button*/
span.player__button {
    position: absolute;
    top:calc(50% - 22px);
    background: transparent;
    border: none;
    color: #fff;
    height: 44px;
    width: 44px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.88;
    letter-spacing: normal;
    text-align: left;   
}
/* Previous button*/
span.player__button.nextbtn{
    left: 32%;
}
span.player__button.nextbtn:before{
    content:'';
    background: url(../img/playericon/player-reverse.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 38px;
    height: 31px;
    position: absolute;
    left: -40px;
}
.video-js .vjs-play-progress:before{top:-8px;}
span.player__button.nextbtn:hover:before{
    background: url(../img/playericon/player-reverse-active.svg);
    background-size: contain;
    transition: all 0.2s ease-in-out;
    transform: scale(1.2);
}
span.player__button.nextbtn:hover{color:#fdbb63;}
/* Next button*/
span.player__button.prevbtn {
    right: 32%;
}
span.player__button.prevbtn:after{
    content:'';
    background: url(../img/playericon/player-forward.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 38px;
    height: 31px;
    position: absolute;
    right: -38px;
}
span.player__button.prevbtn:hover:after{
    background: url(../img/playericon/player-forward-active.svg);
    background-size: contain;
    transition: all 0.2s ease-in-out;
    transform: scale(1.2);
}
span.player__button.prevbtn:hover{color:#fdbb63;}
/* control bar div*/
.vjs-control-bar {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: transparent!important;
}

/* Play button div*/
button.vjs-play-control.vjs-control.vjs-button {
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    z-index: +99;
}
.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder {
  background-image: url('/img/playericon/player-play.svg');
  color: transparent;
  background-size: contain;
  width: 34px;
  height: 45px;
  float: left;
  margin-left:22px;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused{
    background: #4653f5;
    border-radius: 100%;
    position: absolute;
    text-indent: -99999px;
    z-index: +1;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused:hover {
    background: #fff;
    border-radius: 100%;
    position: absolute;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text{
  opacity: 0;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text{
  opacity: 1;overflow:visible;clip:unset;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text,span.player__button.prevbtn span.hovereffetc,span.player__button.nextbtn span.hovereffetc{
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite; 
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before,button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after,span.player__button.prevbtn span.hovereffetc:before,span.player__button.prevbtn span.hovereffetc:after,span.player__button.nextbtn span.hovereffetc:before,span.player__button.nextbtn span.hovereffetc:after{
  position: absolute;
    right: 0px;
    bottom: 0px;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before,span.player__button.prevbtn span.hovereffetc:before,span.player__button.nextbtn span.hovereffetc:before{
  -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}
button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after,span.player__button.prevbtn span.hovereffetc:after,span.player__button.nextbtn span.hovereffetc:after{
  -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit!important;
}
span.player__button.prevbtn span.hovereffetc {
    left: 15px;
    top: -10px;
    clip: rect(-200px,200px,200px,35px);
    opacity: 0;
}
span.player__button.nextbtn span.hovereffetc{
    right: 25px;
    top: -10px;
    clip: rect(-200px,35px,200px,-200px);
    opacity: 0;
}
span.player__button.prevbtn:hover span.hovereffetc{
    opacity: 1;
}
span.player__button.nextbtn:hover span.hovereffetc{
    opacity: 1;
}

@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(244,68,56,.0);
}
100% {
box-shadow: 0 0 0 0 rgba(244,68,56,.0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(244,68,56,.0);
}
100% {
box-shadow: 0 0 0 0 rgba(244,68,56,.0);
}
}
.vjs-play-control.vjs-control.vjs-button.vjs-paused:hover span.vjs-icon-placeholder {
    background-image: url(../img/playericon/player-play-active.svg);
    background-size: contain;
}
button.vjs-play-control.vjs-control.vjs-button span.vjs-icon-placeholder:before{
  display:none;
}

.vjs-progress-control.vjs-control {
    min-width: 100%;
    height: 30px;
    bottom: 0px;
    position: absolute;
    align-items: flex-start;
    z-index: +9;
}

.vjs-play-progress.vjs-slider-bar {
    background: #ffcd67;
}
.vjs-play-progress.vjs-slider-bar:before{
    color: #ffcd67;
}
.video-js .vjs-slider{
    background-color: rgba(255,255,255,0.7);
}
button.vjs-big-play-button {
    border: none!Important;
    background: transparent!important;
}
button.vjs-big-play-button span.vjs-icon-placeholder{
    background-image: url(/img/playericon/player-play.svg);
    color: transparent;
    background-size: contain;
    width: 34px;
    height: 45px;
    float: left;
}
button.vjs-big-play-button:hover span.vjs-icon-placeholder{
   background-image: url(../img/playericon/player-play-active.svg);
   background-size: contain;
}
button.vjs-big-play-button span.vjs-icon-placeholder:before {
    display: none;
}

/* Pause button div*/
.vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder {
  background-image: url('/img/playericon/pause.svg');
  color: transparent;
  background-size: contain;
  width: 31px;
  height: 40px;
  float: left;
  margin-left:19.5px;
}
.vjs-play-control.vjs-control.vjs-button.vjs-playing:hover span.vjs-icon-placeholder{
  background-image: url('/img/playericon/pause-active.svg');
  background-size: contain;
}

/*Expand button css*/
button.vjs-fullscreen-control.vjs-control.vjs-button {
    float: right;
    right: 25px;
    position: absolute;
    width: 21px;
    height: 21px;
    top: 20px;
    z-index: +9;
}
button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder {
    background-image: url(../img/playericon/expand.svg);
    color: transparent;
    background-size: contain;
    width: 21px;
    height: 21px;
    float:left;
}
button.vjs-fullscreen-control.vjs-control.vjs-button:hover span.vjs-icon-placeholder{
    background-image: url(../img/playericon/expand-active.svg);
    color: transparent;
    background-size: contain;
}
/*Volume button css*/
.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal.vjs-hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
    display: none;
}
.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 80px;
    top: 15px;
    z-index: +9;
}
.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder{
    width: 32px;
    height: 32px;
    float: left;
    margin: 0px 0px;
}
.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before{
    font-size: 30px;
    line-height:30px;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{
  width:32px;
}
.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before{
    color:#fdbb63;
}
/*Picture-in-Picture*/
button.vjs-picture-in-picture-control.vjs-control.vjs-button {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 140px;
    display: none;
}
button.vjs-picture-in-picture-control.vjs-control.vjs-button span.vjs-icon-placeholder:before{
    font-size: 28px;
    line-height: 28px;
}
/*resolution switcher*/
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 130px;
    z-index: +9;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    text-indent: -9999px;
    background-image: url(../img/playericon/settings.svg);
    color: transparent;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    float:left;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button {
    padding: 0px 0px;float:left;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button:hover button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    background-image: url(../img/playericon/settings-active.svg); 
    background-size: contain;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-resolution-button.vjs-button {
    position: absolute;
    width: 32px;
    height: 52px;
    float: left;
    left:0px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 190px;
    float:left;
    z-index: +9;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing:before {
    top: -63px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button span.vjs-icon-placeholder {
    background: transparent!Important;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing{
    top: 17px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu.vjs-lock-showing {
    top: 95px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu {
    top: 95px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu {
    position: absolute;
    top: 95px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button:hover .vjs-playback-rate-value{ 
    color:#fdbb63;
}
.video-js .vjs-progress-control .vjs-progress-holder {
    width: calc(100% - 140px);
    max-width: calc(100% - 140px);
    margin: 0px auto;
}
.vjs-remaining-time.vjs-time-control.vjs-control {
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: 50px;
    right: 0px;
    font-size: 15px;
    color: #fff;
    padding: 0px 0px;
    text-align: left;
    font-family: "Open Sans";
    z-index: +9;
}
.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: none;
}

.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content {
    background-color: #300820;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    border-radius: 0.3333333333333333vw;
    font-weight: normal;
    width: 110px;
    min-height: 110px;
    position: absolute;
    top: -52px;
    right: -30px;
    padding: 10px 15px;
    overflow: visible;
    overflow-y: scroll;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing ul.vjs-menu-content{
    top:-52px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    top: 26px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    top: -52px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing:before {
    top: 14px;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    top: 26px;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    top: -52px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content li.vjs-menu-title {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    font-family: "Open Sans";
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content li.vjs-menu-item {
    font-size: 14px;
    text-align: left;
    padding-left: 0px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Open Sans";
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content li.vjs-menu-item.vjs-selected {
    background: black;
    color: #fdbb63;
    text-transform: capitalize;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing:before {
    top: 14px;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu.vjs-lock-showing:before { 
    top:-64px
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu:before {
    content: '';
    position: absolute;
    left: -15px;
    right: 0;
    margin: 0 auto;
    top: -62px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #300820;
    clear: both;
    transform: rotate(180deg);
    z-index: +9999;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content li.vjs-menu-item.vjs-selected:before{
    content: '';
    background: url(../img/white-color-correct.png);
    width: 15px;
    height: 11px;
    float: left;
    background-size: cover;
    position: absolute;
    right:0px;
    top: 7px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content:before {
    right: -70px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-playback-rate-value {
    font-size: 20px;
    line-height: 30px;
}

/*cc */
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 250px;
    z-index: +9;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button {
  width: 25px;
  height: 25px;
}

.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
   text-indent: -9999px;
    background-image: url(../img/playericon/closed-caption.svg);
    color: transparent;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-top: 3px;
    float:left;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button:hover span.vjs-icon-placeholder{
    background-image: url(../img/playericon/closed-caption-active.svg);
    color: transparent;
    background-size: contain;  
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder:before{
display: none;
}


.vjs-current-time.vjs-time-control.vjs-control {
    display: block!important;
    top: auto;
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: 50px;
    left: 0px;
    font-size: 15px;
    color: #fff;
    padding: 0px 0px;
    text-align: right;
    font-family: "Open Sans";
    z-index: +9;
}

.vjs-menu ul.vjs-menu-content li.vjs-menu-item.vjs-texttrack-settings {
    display: none;
}
/*FullScreen*/
.video-js.vjs-default-skin.vjs-fullscreen .vjs-progress-control .vjs-progress-holder{
    width: calc(100% - 165px);
    max-width: calc(100% - 165px);
    margin: 0px auto;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-current-time.vjs-time-control.vjs-control{
    width: 75px;
    height: 28px;
    font-size: 18px;
    bottom: 28px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-remaining-time.vjs-time-control.vjs-control {
    width: 75px;
    height: 28px;
    font-size: 18px;
    bottom: 29px;

}
.video-js.vjs-default-skin.vjs-fullscreen span.player__button {
    height: 50px;
    width: 62px;
    top: calc(50% - 25px);
}
.video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn:before,.video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn:after{
    height: 50px;
    width: 62px;
} 
.video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn:before{
    left:-62px;
}
.video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn:after{
    right:-62px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder{
    width: 49px;
    height: 65px; 
    margin-left:25px;
}
.video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text{
  width:90px;height:90px;
} 

.video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before,.video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after{
  width:90px;height:90px;  
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder{
    width:60px;
    height:60px;
}
.video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button {
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    width: 90px;
    height: 90px;
    text-indent: -999999px;
}  
.video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button{
    right: 35px;
    top: 55px;
    width: 27px;
    height: 27px;
}  
.video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder {
    width: 27px;
    height: 27px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal{
    right: 110px;
    top: 51px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    width: 26px;
    height: 26px;
    margin-top:-4px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before{
    font-size: 35px;
    line-height: 35px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
    top: 55px;
    right: 265px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-playback-rate-value {
    font-size: 23px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button span.vjs-resolution-button-label{
    width: 28px;
    height: 28px;
    margin-top: 0px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
    top: 55px;
    right: 350px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector {
    right: 180px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    width: 29px;
    height: 29px;
    margin-top: -1px;
}

/* Live Tv */
.video-js.vjs-default-skin.vjs-live.vjs-liveui span.player__button.nextbtn {
    display: none;
}

.video-js.vjs-default-skin.vjs-live.vjs-liveui span.player__button.prevbtn {
    display: none;
}

.video-js.vjs-default-skin.vjs-live.vjs-liveui .vjs-progress-control.vjs-control{
    display: none;
}
.video-js.vjs-default-skin.vjs-live.vjs-liveui .vjs-current-time.vjs-time-control.vjs-control{
    display: none!important;
}
.video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge,.video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control {
    width: 70px;
    height: 30px;
    float: left;
    position: absolute;
    top:21px; 
    left:130px;
    background: red;
    color:#fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
    z-index: +999;
} 

.video-js.vjs-default-skin.vjs-live.vjs-liveui .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{
  color:#fff;font-size: 7px;
}
.video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control{
    background: #fff;
    color:#000;
}
.video-js.vjs-default-skin.vjs-live.vjs-liveui .vjs-seek-to-live-control .vjs-icon-placeholder{
    font-size: 7px;color:#000;
}

/*Caption Setting*/
.vjs-modal-dialog.vjs-text-track-settings{height:100%;z-index: +9999;}
.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors fieldset.vjs-track-setting legend, .vjs-track-settings-font fieldset.vjs-track-setting legend {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Open Sans";
}
.vjs-button>.vjs-icon-placeholder:before{font-size: 28px;}
.vjs-track-settings-font fieldset.vjs-track-setting select {
    width: 100%;
    max-width: 100%;
    height: 42px;
    border-radius: 4px;
    padding: 0px 10px;
    border: none;
    font-size: 16px;
    font-family: 'Open Sans';
}
.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors fieldset.vjs-track-setting select, .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors fieldset.vjs-track-setting span.vjs-opacity{
    width: 47%;
    height: 42px;
    border-radius: 4px;
    padding: 0px 10px;
    border: none;
    font-size: 16px;
    font-family: 'Open Sans';
}
button.vjs-default-button {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 30px;
    margin-top: 0;
    text-align: center;
    min-width: auto;
    background: #c8265d;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(to right,#c8265d,#c15a2d);
    color: #fff!important;
    font-weight: 400;
    font-size: 18px;
    height: auto;
    border-radius: 6px;
    font-family: 'Open Sans';
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),linear-gradient(to left,#c15a2d, #c8265d );
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px rgb(0 0 0) inset;
}
button.vjs-done-button {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 30px;
    margin-top: 0;
    text-align: center;
    min-width: auto;
    background: #c8265d;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(to right,#c8265d,#c15a2d);
    color: #fff!important;
    font-weight: 400;
    font-size: 18px;
    height: auto;
    border-radius: 6px;
    font-family: 'Open Sans';
    margin-right: 9px;
}
.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors fieldset.vjs-track-setting span.vjs-opacity select{
    width: 100%;
    max-width: 100%;
}
.vjs-track-settings-font fieldset.vjs-track-setting select:focus{outline: 0;}
.video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn span.hovereffetc,.video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn span.hovereffetc{
    width:70px;height:70px;
}
.video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn span.hovereffetc{
    left: 64px;
    top: -9px;
    clip: rect(-200px,200px,200px,35px);
} 
.video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn span.hovereffetc{
    right: 62px;
    top: -9px;
    clip: rect(-244px,48px,200px,-200px);
}
/*knob*/
.video-js .vjs-play-progress:before{font-size: 1.9em;}
@media only screen and (max-device-width: 560px){
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing {
    top: 10px;
}    
.video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge, .video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control   
  { width: 55px;
    height: 25px;    
    font-size: 12px;
    line-height: 25px;
  }
  .video-js.vjs-default-skin.vjs-live.vjs-liveui .vjs-remaining-time.vjs-time-control.vjs-control{
    display:none;
  }
}
/*Responsive*/
@media only screen and (max-device-width: 1024px){
div#epicplr {
    height: auto;
    width: 100%;
    position: relative;
    float: left;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button ul.vjs-menu-content {
    top: auto;
    bottom:20px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    z-index: +99;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    width:21px;height:21px;
  }
  .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button {
    width: 20px;
    height: 20px;
    padding: 0px;
  }
  .vjs-progress-control.vjs-control{height:50px;}

    .vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder{
      width:25px;
      height:33px;
      margin-left:15px;
    }

    .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
        width: calc(100% - 115px);
        max-width: calc(100% - 115px);
    }
    span.player__button.nextbtn{left: 28%;}
    span.player__button.prevbtn{right:28%;}
    .vjs-remaining-time.vjs-time-control.vjs-control {
        display: block!Important;
        font-size: 12px;
        height: 17px;
        width: 50px;
    }
    .vjs-current-time.vjs-time-control.vjs-control{height: 17px;font-size: 12px;width: 50px;}
    span.player__button {
        width: 26px;
        height: 21px;
        top: calc(50% - 10.5px);
    }
    span.player__button.nextbtn:before,span.player__button.prevbtn:after{
        width: 26px;
        height: 21px;
    }
    span.player__button.nextbtn:before{
       left: -36px;
    }
    span.player__button.prevbtn:after{
      right:-36px;
    }
    button.vjs-play-control.vjs-control.vjs-button {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }
    button.vjs-play-control.vjs-control.vjs-button:hover {
        background: #fff;
        border-radius: 100%;
        position: absolute;
    }
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text{
        width:50px;height:50px;text-indent: -99999px;
    }
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, button.vjs-play-control.vjs-control.vjs-button.vjs-paused:hover span.vjs-control-text:after{
        width:50px;height:50px;
    }
    .vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder{
        width:33px; 
        height:33px;
        margin-left:8.5px;
    }
    button.vjs-fullscreen-control.vjs-control.vjs-button{
        bottom: 10px;
        top: auto;
        right: 20px;
    }
    button.vjs-fullscreen-control.vjs-control.vjs-button{
        width: 20px;
        height: 20px;
    }
    button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width: 20px;
        height: 20px;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
        bottom: 10px;
        top: auto;
        right: 80px;
        width:20px; 
        height:20px;
        z-index: +99;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button{
        width:20px;
        height:20px;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width:20px;
        height:20px;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before {
        font-size: 27px;
        line-height: 20px;
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        top: auto;display:block;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        top: auto;
        bottom: 10px;
        right: 130px;
        width:20px;
        height:20px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-resolution-button.vjs-button{
        width: 22px;
        height: 22px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button span.vjs-resolution-button-label{
        width: 20px;
        height: 20px;
        margin-top:0px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        top: auto;
        right: 260px;
        bottom: 10px;
        width:22px;
        height:22px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
        width:22px;
        height:22px; 
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder {
        width: 22px;
        height: 22px;
        margin-top:0px;
    } 

    /*FullScreen*/
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-progress-control.vjs-control{height:2px;margin-bottom:53px;}
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-playback-rate-value {
    font-size: 18px;
    }
  .video-js.vjs-default-skin.vjs-fullscreen .vjs-remaining-time.vjs-time-control.vjs-control{height:54px;}
  .video-js.vjs-default-skin.vjs-fullscreen .vjs-current-time.vjs-time-control.vjs-control{height:54px;}
  .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    width:20px;height:20px;
  }
  .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button {
    width: 20px;
    height: 20px;
    padding: 0px;
}


    .video-js.vjs-default-skin.vjs-fullscreen .vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder{
      width:25px;
      height:33px;
      margin-left:16px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button {
        width: 26px;
        height: 21px;
        top: calc(50% - 10.5px);
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn:before, .video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn:after{
        width: 26px;
        height: 21px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn:before{
       left: -36px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn:after{
      right:-36px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text,.video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn span.hovereffetc, span.player__button.nextbtn span.hovereffetc{
        width:50px;height:50px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn span.hovereffetc {
    clip: rect(-200px,200px,200px,25px);
    left: 30px;
    top: -13px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn span.hovereffetc {
    right: 24px;
    top: -13px;
    clip: rect(-244px,35px,200px,-200px)
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn span.hovereffetc, .video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn span.hovereffetc {
    width: 50px;
    height: 50px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after{
            width: 50px;
    height: 50px
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder{
        width:33px; 
        height:33px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button{
        bottom: 10px;
        top: auto;
        right: 25px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button{
        width: 20px;
        height: 20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width: 20px;
        height: 20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
        bottom: 10px;
        top: auto;
        right: 85px;
        width:20px; 
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button{
        width:20px;
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width:20px;
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before {
        font-size: 26px;
        line-height: 16px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing {
    top: -142px;
}
.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    top: 26px;
}
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    top: 27px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing {
    top: -142px;
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing:before {
    transform: rotate(0deg);
    top: 126px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu {
    top: 11px;
}
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu:before {
    top: -21px;
    transform: rotate(0deg);
 }
.video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing:before {
    top: 126px;
    transform: rotate(
0deg
);
}
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector {
    right: 145px;bottom: 11px;
}
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        top: auto;
        bottom: 16px;
        right: 204px;
        width:20px;
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-resolution-button.vjs-button{
        width: 22px;
        height: 22px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button span.vjs-resolution-button-label{
        width: 20px;
        height: 20px;
        margin-top:0px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        top: auto;
        right: 268px;
        bottom: 10px;
        width:22px;
        height:22px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
        width:22px;
        height:22px; 
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder {
        width: 22px;
        height: 22px;
        margin-top:0px;
    } 
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
        display: none; 
    }   
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:20px!important;}
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after, span.player__button.prevbtn span.hovereffetc:before, span.player__button.prevbtn span.hovereffetc:after, span.player__button.nextbtn span.hovereffetc:before, span.player__button.nextbtn span.hovereffetc:after{
        width:50px;height:50px;
    }

    .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid{width:100%!important;}
}  
.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu ul.vjs-menu-content::-webkit-scrollbar {
    display: none;
}
video#content_video {
    width: 100%;
    float: left;
    height: auto;
}
@media only screen and (max-device-width: 560px){
  .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    width:21px;height:21px;
  }
  .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button {
    width: 20px;
    height: 20px;
    padding: 0px;
  }
    .vjs-text-track-display {
        top: -65%;
        width: 100%;
        height: auto;
        float: left;
        bottom: 0px!Important;
    }
  .vjs-progress-control.vjs-control{   
    height: .3em;
    bottom: 48px;
}
    .vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder{
      width:25px;
      height:33px;
      margin-left:15px;
    }

    .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
        width: calc(100% - 115px);
        max-width: calc(100% - 115px);
    }
    span.player__button.nextbtn{left: 28%;}
    span.player__button.prevbtn{right:28%;}
    .vjs-remaining-time.vjs-time-control.vjs-control {
        display: block!Important;
        font-size: 12px;
        height: 17px;
        width: 50px;
    }
    .vjs-current-time.vjs-time-control.vjs-control{height: 17px;font-size: 12px;width: 50px;}
    span.player__button {
        width: 26px;
        height: 21px;
        top: calc(50% - 10.5px);
        font-size: 15px;
    }
    span.player__button.nextbtn:before,span.player__button.prevbtn:after{
        width: 26px;
        height: 21px;
    }
    span.player__button.nextbtn:before{
       left: -36px;
    }
    span.player__button.prevbtn:after{
      right:-36px;
    }
    button.vjs-play-control.vjs-control.vjs-button {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }
    button.vjs-play-control.vjs-control.vjs-button:hover {
        background: #fff;
        border-radius: 100%;
        position: absolute;
    }
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text{
        width:50px;height:50px;text-indent: -99999px;
    }
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, button.vjs-play-control.vjs-control.vjs-button.vjs-paused:hover span.vjs-control-text:after{
        width:50px;height:50px;
    }
    .vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder{
        width:33px; 
        height:33px;
        margin-left:8.5px;
    }
    button.vjs-fullscreen-control.vjs-control.vjs-button{
        bottom: 10px;
        top: auto;
        right: 20px;
    }
    button.vjs-fullscreen-control.vjs-control.vjs-button{
        width: 20px;
        height: 20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after{
            width: 50px;
    height: 50px
    }
    button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width: 20px;
        height: 20px;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
        bottom: 10px;
        top: auto;
        right: 80px;
        width:20px; 
        height:20px;
        z-index: +99;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button{
        width:20px;
        height:20px;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width:20px;
        height:20px;
    }
    .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before {
        font-size: 27px;
        line-height: 20px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        top: auto!important;
        bottom: 10px;
        right: 130px;
        width:20px;
        height:20px;  
        display: block;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-resolution-button.vjs-button{
        width: 22px;
        height: 22px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button span.vjs-resolution-button-label{
        width: 20px;
        height: 20px;
        margin-top:0px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        top: auto;
        right: 238px;
        bottom: 10px;
        width:22px;
        height:22px;
        z-index: +99;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
        width:22px;
        height:22px; 
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-playback-rate-value {
    font-size: 17px;
    line-height: 40px;
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        right: 177px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder {
        width: 22px;
        height: 22px;
        margin-top:0px;
    } 

    /*FullScreen*/
  .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
    width:20px;height:20px;
  }
  .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button {
    width: 20px;
    height: 20px;
    padding: 0px;
}


    .video-js.vjs-default-skin.vjs-fullscreen .vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder{
      width:25px;
      height:33px;
      margin-left:16px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button {
        width: 26px;
        height: 21px;
        top: calc(50% - 10.5px);
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn:before, .video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn:after{
        width: 26px;
        height: 21px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.nextbtn:before{
       left: -36px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn:after{
      right:-36px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder{
        width:33px; 
        height:33px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button{
        bottom: 10px;
        top: auto;
        right: 25px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button{
        width: 20px;
        height: 20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width: 20px;
        height: 20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
        bottom: 10px;
        top: auto;
        right: 85px;
        width:20px; 
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button{
        width:20px;
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder{
        width:20px;
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before {
        font-size: 26px;
        line-height: 16px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        top: auto;
        bottom: 10px;
        right: 140px;
        width:20px;
        height:20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-resolution-button.vjs-button{
        width: 22px;
        height: 22px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button span.vjs-resolution-button-label{
        width: 20px;
        height: 20px;
        margin-top:0px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        top: auto;
        right: 200px;
        bottom: 10px;
        width:22px;
        height:22px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
        width:22px;
        height:22px; 
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder {
        width: 22px;
        height: 22px;
        margin-top:0px;
    } 
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
        display: none; 
    }   
    
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:20px!important;}
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
        bottom: 19px;
        top: auto;
        right: 0px;
        z-index: +9999;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing:before {
    top: auto;
    bottom: 7px;
    transform: rotate(360deg);}
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
    bottom: 110px;
    top: auto;
    right: 0px;
    z-index: +9999;
    }
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text, span.player__button.prevbtn span.hovereffetc, span.player__button.nextbtn span.hovereffetc{
        width:50px;height:50px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text,.video-js.vjs-default-skin.vjs-fullscreen span.player__button.prevbtn span.hovereffetc, span.player__button.nextbtn span.hovereffetc{
        width:50px;height:50px;
    }
    .vjs-menu.vjs-lock-showing ul.vjs-menu-content {
        bottom: 19px;
        top: auto!important;
        right: 0px!important;
        z-index: +9999;
    }
    span.player__button.prevbtn span.hovereffetc{
        left: 15px;
        top: -13px;
    }
    span.player__button.nextbtn span.hovereffetc {
    right: 20px;
    top: -15px;
    }
    button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after, span.player__button.prevbtn span.hovereffetc:before, span.player__button.prevbtn span.hovereffetc:after, span.player__button.nextbtn span.hovereffetc:before, span.player__button.nextbtn span.hovereffetc:after{
        width:50px;height:50px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu:before{
            transform: rotate(0deg);    top: -21px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content{
        bottom:107px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu.vjs-lock-showing:before{
        top: -107px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing:before{
        bottom: 99px;
        top:auto!important;
    }
}
@media only screen and (min-device-width: 1600px){ 
   /*Video player box*/ 
   div#content_video{width:100%;}
   /*Video player Prev & Next button*/ 
   span.player__button {
    width: 55px;
    height: 45px;
    top: calc(50% - 27.5px);
   }
   span.player__button.prevbtn:after{   
    width: 55px;
    height: 45px;
   }
   span.player__button.nextbtn:before{
       width: 55px;height: 45px;
   }
    /*Video player Play button*/
   button.vjs-play-control.vjs-control.vjs-button{
       width:90px;height: 90px;top: calc(50% - 45px);
   }
   .vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-icon-placeholder{
       width: 45px;height: 60px;margin-left:25px;
   }
   .vjs-play-control.vjs-control.vjs-button.vjs-paused:hover span.vjs-icon-placeholder{
       width:45px;height:60px;margin-left:25px;
   }
   button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text, span.player__button.prevbtn span.hovereffetc, span.player__button.nextbtn span.hovereffetc{
       width:90px;height:90px;
   }
   button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:before, button.vjs-play-control.vjs-control.vjs-button.vjs-paused span.vjs-control-text:after, span.player__button.prevbtn span.hovereffetc:before, span.player__button.prevbtn span.hovereffetc:after, span.player__button.nextbtn span.hovereffetc:before, span.player__button.nextbtn span.hovereffetc:after{
       width:90px;height:90px;
   }
   button.vjs-fullscreen-control.vjs-control.vjs-button span.vjs-icon-placeholder{
    width:26px;height:26px;
   }
   .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal{right:86px;}
   .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal button.vjs-mute-control.vjs-control.vjs-button span.vjs-icon-placeholder:before {
    font-size: 34px;
    line-height: 34px;}
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        right: 142px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button button.vjs-menu-button.vjs-menu-button-popup.vjs-button span.vjs-icon-placeholder{
        width: 26px;
        height: 26px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        right:208px;
    }
    span.player__button.prevbtn span.hovereffetc {
    left: 15px;
    top: -20px;
    }
    span.player__button.nextbtn span.hovereffetc {
    right: 25px;
    top: -22px;
    clip: rect(-283px,35px,285px,-285px);
    }
    span.player__button.nextbtn:before{left:-45px;}
    span.player__button.prevbtn:after{right: -45px;}
    .vjs-play-control.vjs-control.vjs-button.vjs-playing span.vjs-icon-placeholder{
        width:50px;height:50px;
    }
}
@media only screen and (max-width:1024px) and (min-width:561px){
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        top: auto;
        bottom: 4px!important;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
            right: 260px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
        bottom: 16px!important;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing:before {
        top: 125px;
        transform: rotate(0deg);
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing {
        top: -140px;
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu {
        top: 13px;
        display: block;
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu:before {
        top: -20px;
        transform: rotate(0deg);
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing {
        top: -140px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing:before {
        top: 126px;
        transform: rotate(0deg);
    }    
 }

 /*COMMING SOON PAGE*/
section#coming-popup div#content_video:before{left:0px;}
section#coming-popup div#videoplayer:before{left:10px;}
section#coming-popup div#content_video:after{left:0px;}
.pr-0 {padding-right: 0px!important;}
section#coming-popup video#content_video0 {width: 100%;height: auto;float: left;}
@media only screen and (max-device-width: 1024px){
   .comming-soon .player-watch {
        width: 100%;
        height: auto;
        float: left;
    }
    .comming-soon div#videoplayer {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }
    .comming-soon .video-js{
        width: 100%;
        height: auto;
        float: left;
    }

    a.player.coming-soonplayer.coming-soon-mobile-1 {
        width: 100%;
        height: 100%;
        float: left;
        position: absolute;
        z-index: +9;
    }
    a.player.coming-soonplayer.coming-soon-mobile-1 .play_overlay {
        width: 60px;
        height: 60px;
        position: absolute;
        background-color: rgba(0,0,0,0.5);
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        transform: translate(0px, 0px);
        padding: 10px;
        text-align: center;
        border-radius: 50%;
        line-height: 37px;
    }
    .comming-soon .col-md-12 {clear: both;}
}
@media only screen and (max-device-width: 560px){
    .video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge, .video-js.vjs-default-skin.vjs-live.vjs-liveui button.vjs-seek-to-live-control.vjs-control{
        left:90px;
        width: 50px;
        height: 20px;
        font-size: 10px;
        line-height: 20px;
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button ul.vjs-menu-content{
        bottom: 96px;
    }
    .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu:before{
        top:-97px;
    }
    .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing {
        top: 4px;
    }
    .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button .vjs-menu.vjs-lock-showing:before{
        top:-19px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-progress-control.vjs-control{
        height: 2px;
        margin-bottom: 5px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        bottom: 23px;
        right: 204px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing{
        top: 0px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector .vjs-menu.vjs-lock-showing:before{
        top:-19px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu{
        top: 93px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-hover .vjs-menu:before{
        top: -97px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
        right: 270px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing ul.vjs-menu-content{
        bottom: 20px;
    }
    .video-js.vjs-default-skin.vjs-fullscreen .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector.vjs-hover .vjs-menu.vjs-lock-showing:before{
        bottom: 8px;
    }


}