/*!
Video.js Default Styles (http://videojs.com)
Version 4.5.1
Create your own skin at http://designer.videojs.com
*/.vjs-default-skin {
 color:#ccc
}
@font-face {
 font-family:VideoJS;
 src:url('../fonts/vjs.eot');
 src:url('../fonts/vjs.eot?#iefix') format('embedded-opentype'),
 url('../fonts/vjs.woff') format('woff'),
 url('../fonts/vjs.ttf') format('truetype');
 font-weight:400;
 font-style:normal
}
.vjs-default-skin .vjs-slider {
 outline:0;
 position:relative;
 cursor:pointer;
 padding:0;
 background-color:#333;
 background-color:rgba(51,51,51,.9)
}
.vjs-default-skin .vjs-slider:focus {
 -webkit-box-shadow:0 0 2em #fff;
 -moz-box-shadow:0 0 2em #fff;
 box-shadow:0 0 2em #fff
}
.vjs-default-skin .vjs-slider-handle {
 position:absolute;
 left:0;
 top:0
}
.vjs-default-skin .vjs-slider-handle:before {
 content:"\e009";
 font-family:VideoJS;
 font-size:1em;
 line-height:1;
 text-align:center;
 text-shadow:0 0 1em #fff;
 position:absolute;
 top:0;
 left:0;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.vjs-default-skin .vjs-control-bar {
 display:none;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:50px;
 background-color:#07141e;
 background-color:rgba(7,20,30,.7)
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
 display:block;
 visibility:visible;
 opacity:1;
 -webkit-transition: 50ms visibility ease, 50ms opacity ease;
 -moz-transition: 50ms visibility ease, 50ms opacity ease;
 -o-transition: 50ms visibility ease, 50ms opacity ease;
 transition: 50ms visibility ease, 50ms opacity ease;
}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
 display:block;
 visibility:hidden;
 opacity:0;
 -webkit-transition: 50ms visibility ease, 50ms opacity ease;
 -moz-transition: 50ms visibility ease, 50ms opacity ease;
 -o-transition: 50ms visibility ease, 50ms opacity ease;
 transition: 50ms visibility ease, 50ms opacity ease;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
 display:none
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
 display:none
}
@media \0screen {
 .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
  content:""
 }
}
.vjs-default-skin .vjs-control {
 outline:0;
 position:relative;
 float:left;
 text-align:center;
 margin:0;
 padding:0;
 height:3em;
 width:4em
}
.vjs-default-skin .vjs-control:before {
 font-family:VideoJS;
 font-size:1.5em;
 line-height:2;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 text-align:center;
 text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
 text-shadow:0 0 1em #fff
}
.vjs-default-skin .vjs-control:focus {
}
.vjs-default-skin .vjs-control-text {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
.vjs-default-skin .vjs-play-control {
 width:5em;
 cursor:pointer
}
.vjs-default-skin .vjs-play-control:before {
 content:"\e001"
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
 content:"\e002"
}
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
 cursor:pointer;
 float:right
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
 content:"\e006"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
 content:"\e003"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
 content:"\e004"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
 content:"\e005"
}
.vjs-default-skin .vjs-volume-control {
 width:5em;
 float:right
}
.vjs-default-skin .vjs-volume-bar {
 width:5em;
 height:.6em;
 margin:1.1em auto 0
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
 height:2.9em
}
.vjs-default-skin .vjs-volume-level {
 position:absolute;
 top:0;
 left:0;
 height:.5em;
 background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
 width:.5em;
 height:.5em
}
.vjs-default-skin .vjs-volume-handle:before {
 font-size:.9em;
 top:-.2em;
 left:-.2em;
 width:1em;
 height:1em
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
 width:6em;
 left:-4em
}
.vjs-default-skin .vjs-progress-control {
 position:absolute;
 left:0;
 right:0;
 width:auto;
 font-size:.3em;
 height:1em;
 top:-1em;
 -webkit-transition:all .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 transition:all .4s
}
.vjs-default-skin:hover .vjs-progress-control {
 font-size:.9em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
}
.vjs-default-skin .vjs-progress-holder {
 height:100%
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
 position:absolute;
 display:block;
 height:100%;
 margin:0;
 padding:0;
 left:0;
 top:0
}
.vjs-default-skin .vjs-play-progress {
 background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}
.vjs-default-skin .vjs-load-progress {
 background:#646464;
 background:rgba(255,255,255,.4)
}
.vjs-default-skin .vjs-seek-handle {
 width:1.5em;
 height:100%
}
.vjs-default-skin .vjs-seek-handle:before {
 padding-top:.1em
}
.vjs-default-skin .vjs-time-controls {
 font-size:1em;
 line-height:3em
}
.vjs-default-skin .vjs-current-time {
 float:left
}
.vjs-default-skin .vjs-duration {
 float:left
}
.vjs-default-skin .vjs-remaining-time {
 display:none;
 float:left
}
.vjs-time-divider {
 float:left;
 line-height:3em
}
.vjs-default-skin .vjs-fullscreen-control {
 width:3.8em;
 cursor:pointer;
 float:right
}
.vjs-default-skin .vjs-fullscreen-control:before {
 content:"\e000"
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
 content:"\e00b"
}
.vjs-default-skin .vjs-big-play-button {
 left:.5em;
 top:.5em;
 font-size:3em;
 display:block;
 z-index:2;
 position:absolute;
 width:4em;
 height:2.6em;
 text-align:center;
 vertical-align:middle;
 cursor:pointer;
 opacity:1;
 background-color:#07141e;
 background-color:rgba(7,20,30,.7);
 border:.1em solid #3b4249;
 -webkit-border-radius:.8em;
 -moz-border-radius:.8em;
 border-radius:.8em;
 -webkit-box-shadow:0 0 1em rgba(255,255,255,.25);
 -moz-box-shadow:0 0 1em rgba(255,255,255,.25);
 box-shadow:0 0 1em rgba(255,255,255,.25);
 -webkit-transition:all .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 transition:all .4s
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
 left:50%;
 margin-left:-2.1em;
 top:50%;
 margin-top:-1.4000000000000001em
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
 display:none
}
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
 display:none
}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
 display:none
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
 outline:0;
 border-color:#fff;
 background-color:#505050;
 background-color:rgba(50,50,50,.75);
 -webkit-box-shadow:0 0 3em #fff;
 -moz-box-shadow:0 0 3em #fff;
 box-shadow:0 0 3em #fff;
 -webkit-transition:all 0s;
 -moz-transition:all 0s;
 -o-transition:all 0s;
 transition:all 0s
}
.vjs-default-skin .vjs-big-play-button:before {
 content:"\e001";
 font-family:VideoJS;
 line-height:2.6em;
 text-shadow:.05em .05em .1em #000;
 text-align:center;
 position:absolute;
 left:0;
 width:100%;
 height:100%
}
.vjs-loading-spinner {
 display:none;
 position:absolute;
 top:50%;
 left:50%;
 font-size:4em;
 line-height:1;
 width:1em;
 height:1em;
 margin-left:-.5em;
 margin-top:-.5em;
 opacity:.75;
 -webkit-animation:spin 1.5s infinite linear;
 -moz-animation:spin 1.5s infinite linear;
 -o-animation:spin 1.5s infinite linear;
 animation:spin 1.5s infinite linear
}
.vjs-default-skin .vjs-loading-spinner:before {
 content:"\e01e";
 font-family:VideoJS;
 position:absolute;
 top:0;
 left:0;
 width:1em;
 height:1em;
 text-align:center;
 text-shadow:0 0 .1em #000
}
@-moz-keyframes spin {
 0% {
  -moz-transform:rotate(0deg)
 }
 100% {
  -moz-transform:rotate(359deg)
 }
}
@-webkit-keyframes spin {
 0% {
  -webkit-transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(359deg)
 }
}
@-o-keyframes spin {
 0% {
  -o-transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(359deg)
 }
}
@keyframes spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(359deg)
 }
}
.vjs-default-skin .vjs-menu-button {
 float:right;
 cursor:pointer
}
.vjs-default-skin .vjs-menu {
 display:none;
 position:absolute;
 bottom:0;
 left:0;
 width:0;
 height:0;
 margin-bottom:3em;
 border-left:2em solid transparent;
 border-right:2em solid transparent;
 border-top:1.55em solid #000;
 border-top-color:rgba(7,40,50,.5)
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
 display:block;
 padding:0;
 margin:0;
 position:absolute;
 width:10em;
 bottom:1.5em;
 max-height:15em;
 overflow:auto;
 left:-5em;
 background-color:#07141e;
 background-color:rgba(7,20,30,.7);
 -webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
 display:block
}
.vjs-default-skin .vjs-menu-button ul li {
 list-style:none;
 margin:0;
 padding:.3em 0;
 line-height:1.4em;
 font-size:1.2em;
 text-align:center;
 text-transform:lowercase
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
 background-color:#000
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
 outline:0;
 color:#111;
 background-color:#fff;
 background-color:rgba(255,255,255,.75);
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
 text-align:center;
 text-transform:uppercase;
 font-size:1em;
 line-height:2em;
 padding:0;
 margin:0 0 .3em;
 font-weight:700;
 cursor:default
}
.vjs-default-skin .vjs-subtitles-button:before {
 content:"\e00c"
}
.vjs-default-skin .vjs-captions-button:before {
 content:"\e008"
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff
}
.video-js {
 background-color:#000;
 position:relative;
 padding:0;
 font-size:10px;
 vertical-align:middle;
 font-weight:400;
 font-style:normal;
 font-family:Arial,sans-serif;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.video-js .vjs-tech {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.video-js:-moz-full-screen {
 position:absolute
}
body.vjs-full-window {
 padding:0;
 margin:0;
 height:100%;
 overflow-y:auto
}
.video-js.vjs-fullscreen {
 position:fixed;
 overflow:hidden;
 z-index:1000;
 left:0;
 top:0;
 bottom:0;
 right:0;
 width:100%!important;
 height:100%!important;
 _position:absolute
}
.video-js:-webkit-full-screen {
 width:100%!important;
 height:100%!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
 cursor:none
}
.vjs-poster {
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:contain;
 cursor:pointer;
 height:100%;
 margin:0;
 padding:0;
 position:relative;
 width:100%
}
.vjs-poster img {
 display:block;
 margin:0 auto;
 max-height:100%;
 padding:0;
 width:100%
}
.video-js.vjs-using-native-controls .vjs-poster {
 display:none
}
.video-js .vjs-text-track-display {
 text-align:center;
 position:absolute;
 bottom:4em;
 left:1em;
 right:1em
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
 bottom:1em
}
.video-js .vjs-text-track {
 display:none;
 font-size:1.4em;
 text-align:center;
 margin-bottom:.1em;
 background-color:#000;
 background-color:rgba(0,0,0,.5)
}
.video-js .vjs-subtitles {
 color:#fff
}
.video-js .vjs-captions {
 color:#fc6
}
.vjs-tt-cue {
 display:block
}
.vjs-default-skin .vjs-hidden {
 display:none
}
.vjs-lock-showing {
 display:block!important;
 opacity:1;
 visibility:visible
}
.video-js .vjs-control-bar,
.video-js .vjs-play-control,
.video-js .vjs-volume-panel,
.vjs-button {
  /*Remove comma from end*/
  border: none !important;
  box-shadow: none !important;
}