/*!

Video.js Default Styles (http://videojs.com)

Version 4.10.2

Create your own skin at http://designer.videojs.com

*/

.vjs-default-skin {

color:#ccc

}



@font-face {

font-family:VideoJS;

src:url(font/vjs.eot);

src:url(font/vjs.eot ?#iefix) format( 'embedded-opentype '),url(font/vjs.woff) format( 'woff '),url(font/vjs.ttf) format( 'truetype '),url(font/vjs.svg#icomoon) format( 'svg ');

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:3em;

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:visibility .1s,opacity .1s;

-moz-transition:visibility .1s,opacity .1s;

-o-transition:visibility .1s,opacity .1s;

transition:visibility .1s,opacity .1s

}



.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

display:block;

visibility:hidden;

opacity:0;

-webkit-transition:visibility 1s,opacity 1s;

-moz-transition:visibility 1s,opacity 1s;

-o-transition:visibility 1s,opacity 1s;

transition:visibility 1s,opacity 1s

}



.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {

display:none

}



.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {

display:none

}



.vjs-default-skin.vjs-error .vjs-control-bar {

display:none

}



.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

opacity:1;

visibility:visible

}



@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-playback-rate .vjs-playback-rate-value {

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-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {

width:4em;

left:-2em;

list-style:none

}



.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-level {

position:absolute;

top:0;

left:0;

height:.5em;

width:100%;

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;

left:4.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 {

display:block;

width:0;

height:0;

border-top-color:transparent

}



.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {

height:0;

width:0

}



.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {

border-top-color:rgba(7,40,50,.5)

}



.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {

height:2.9em;

width:10em

}



.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,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {

position:absolute;

display:block;

height:100%;

margin:0;

padding:0;

width: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,.2)

}



.vjs-default-skin .vjs-load-progress div {

background:#787878;

background:rgba(255,255,255,.1)

}



.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-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control {

display:none

}



.vjs-default-skin.vjs-live .vjs-live-display {

display:block

}



.vjs-default-skin .vjs-live-display {

display:none;

font-size:1em;

line-height:3em

}



.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:3em;

height:2em;

text-align:center;

vertical-align:middle;

cursor:pointer;

opacity:.5;

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:-1.5em;

top:50%;

margin-top:-0.9000000000000001em

}



.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:1.8em;

text-shadow:.05em .05em .1em #000;

text-align:center;

position:absolute;

left:0;

width:100%;

height:100%

}



.vjs-error .vjs-big-play-button {

display:none

}



.vjs-error-display {

display:none

}



.vjs-error .vjs-error-display {

display:block;

position:absolute;

left:0;

top:0;

width:100%;

height:100%

}



.vjs-error .vjs-error-display:before {

content: 'X ';

font-family:Arial;

font-size:4em;

color:#666;

line-height:1;

text-shadow:.05em .05em .1em #000;

text-align:center;

vertical-align:middle;

position:absolute;

left:0;

top:50%;

margin-top:-.5em;

width:100%

}



.vjs-error-display div {

position:absolute;

bottom:1em;

right:0;

left:0;

font-size:1.4em;

text-align:center;

padding:3px;

background:#000;

background:rgba(0,0,0,.5)

}



.vjs-error-display a,.vjs-error-display a:visited {

color:#F4A460

}



.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

}



.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner {

display:block;

-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-error .vjs-loading-spinner {

display:none;

-webkit-animation:none;

-moz-animation:none;

-o-animation:none;

animation:none

}



.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-control-content .vjs-menu,.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {

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-chapters-button:before {

content: " \e00c "

}



.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {

width:24em;

left:-12em

}



.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;

margin:0;

padding:0;

position:absolute;

top:0;

right:0;

bottom:0;

left:0

}



.vjs-poster img {

display:block;

margin:0 auto;

max-height:100%;

padding:0;

width:100%

}



.video-js.vjs-has-started .vjs-poster {

display:none

}



.video-js.vjs-audio.vjs-has-started .vjs-poster {

display:block

}



.video-js.vjs-controls-disabled .vjs-poster {

display:none

}



.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

}



.video-js.vjs-fullscreen .vjs-text-track {

font-size:3em

}



.vjs-default-skin .vjs-hidden {

display:none

}



.vjs-lock-showing {

display:block!important;

opacity:1;

visibility:visible

}



.vjs-no-js {

padding:20px;

color:#ccc;

background-color:#333;

font-size:18px;

font-family:Arial,sans-serif;

text-align:center;

width:300px;

height:150px;

margin:0 auto

}



.vjs-no-js a,.vjs-no-js a:visited {

color:#F4A460

}