@font-face {
    font-family: 'videojs.custom';
    src:  url('../font/videojs.custom.eot?f736ty');
    src:  url('../font/videojs.custom.eot?f736ty#iefix') format('embedded-opentype'),
    url('../font/videojs.custom.woff2?f736ty') format('woff2'),
    url('../font/videojs.custom.ttf?f736ty') format('truetype'),
    url('../font/videojs.custom.woff?f736ty') format('woff'),
    url('../font/videojs.custom.svg?f736ty#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { margin: 0; border: 0 none; padding: 0; height: 100%; min-height: 100%;}

.vjs-has-started .vjs-control-bar { display:block; }
.video-js .vjs-control { display:inline-block; vertical-align:top; }
.video-js .vjs-time-control, .vjs-no-flex .vjs-time-control { display:inline-block; padding:0 1px; min-width:0; }
.video-js.vjs-live .vjs-time-control { display:none; }
.video-js .vjs-current-time { color:#00c3c8; }
.video-js .vjs-remaining-time, .vjs-no-flex .vjs-remaining-time { display:none; }
.video-js .vjs-fullscreen-control { position:absolute; right:0;}

.video-js .vjs-progress-control { position:absolute; left:0; width:100%; height:0; top:-3px;}
.video-js .vjs-progress-control .vjs-progress-holder { margin:0 15px; }

.video-js .vjs-volume-panel { text-align:left;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{
    width:11em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
    display:none;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    display:inline-block;
}

.vjs-button>.vjs-icon-placeholder:before {
    font-family:'videojs.custom' !important;
    font-size:12px;
    line-height:30px;
}

.vjs-button:hover>.vjs-icon-placeholder:before {
    color:#00c3c8;
}

.video-js .vjs-playback-rate .vjs-playback-rate { position:absolute; right:4em; width:auto;}
.vjs-menu-button-popup .vjs-menu { margin-bottom:0; position:absolute; left:auto; width:100%; }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content { width:auto; right:-12px; bottom:3em; padding-bottom:0.5em; background:transparent;text-transform:uppercase !important; }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content li { padding:0.2em 12px; background:#3e4451; text-transform:uppercase;}
.vjs-playback-rate-label { line-height:3em; text-transform:uppercase !important;}

.vjs-live .vjs-progress-control { display:none !important; }