.video-js .vjs-big-play-button:before, .video-js .vjs-control:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }@font-face { font-family: VideoJS; src: url() format('woff'), url() format('truetype'); font-weight: normal; font-style: normal; }.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before { content: 'f101'; }.vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-play-circle:before { content: 'f102'; }.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before { content: 'f103'; }.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0 { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before { content: 'f104'; }.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1 { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before { content: 'f105'; }.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2 { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before { content: 'f106'; }.vjs-icon-volume-high, .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before { content: 'f107'; }.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before { content: 'f108'; }.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before { content: 'f109'; }.vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-square:before { content: 'f10a'; }.vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-spinner:before { content: 'f10b'; }.vjs-icon-subtitles, .video-js .vjs-subtitles-button { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before { content: 'f10c'; }.vjs-icon-captions, .video-js .vjs-captions-button { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-captions:before, .video-js .vjs-captions-button:before { content: 'f10d'; }.vjs-icon-chapters, .video-js .vjs-chapters-button { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before { content: 'f10e'; }.vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-share:before { content: 'f10f'; }.vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-cog:before { content: 'f110'; }.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { content: 'f111'; }.vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-circle-outline:before { content: 'f112'; }.vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-circle-inner-circle:before { content: 'f113'; }.vjs-icon-audio-description { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-audio-description:before { content: 'f114'; }.video-js { width: 100%; height: 100vh; display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; object-fit: cover; }.video-js:-moz-full-screen { position: absolute; }.video-js:-webkit-full-screen { width: 100%!important; height: 100%!important; }.video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; }.video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; }.video-js.vjs-16-9 { padding-top: 56.25%; }.video-js.vjs-4-3 { padding-top: 75%; }.video-js.vjs-fill { width: 100%; height: 100%; }.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; }.vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; }.video-js.vjs-fullscreen { width: 100%!important; height: 100%!important; padding-top: 0!important; }.video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; }.vjs-hidden { display: none!important; }.vjs-lock-showing { display: block!important; opacity: 1; visibility: visible; }.vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; }.vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; }.video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -0.75em 0 0 -1.5em; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }.vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; }.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; }.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; }.video-js button { background: none; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; }.vjs-menu-button { cursor: pointer; }.vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto; }.vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; }.vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; }.vjs-menu li:focus, .vjs-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); }.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; }.vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; }.vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); }.vjs-menu-button-popup .vjs-menu ul { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; }.vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; }.video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; }.video-js .vjs-menu-button-inline:before { width: 2.222222222em; }.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; }.video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }.vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 2.2222222em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; }.vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; }.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; }.vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; }.video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); }.vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; }.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { 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-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none!important; }.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; }.vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; }.video-js .vjs-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67; }.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; }.video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }.vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; }.video-js .vjs-custom-control-spacer { display: none; }.video-js .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }.vjs-live .vjs-progress-control { display: none; }.video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; }.video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; }.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after { display: block; font-size: 0.6em; }.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; }.video-js .vjs-mouse-display:before { display: none; }.video-js .vjs-play-progress { background-color: #fff; }.video-js .vjs-play-progress:before { position: absolute; top: -0.3333333333em; right: -0.5em; font-size: 0.9em; }.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { display: none; position: absolute; top: -2.4em; right: -1.5em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 0.2em 0.5em; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }.video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after { z-index: 1; }.video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); }.video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); }.video-js.vjs-no-flex .vjs-progress-control { width: auto; }.video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; }.vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; }.video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; }.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { 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; }.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none; }.video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); }.video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); }.video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; }.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }.video-js .vjs-volume-bar { margin: 1.35em; }.vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; }.vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; }.video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; }.video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; }.vjs-slider-vertical .vjs-volume-level { width: 0.3em; }.vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; }.vjs-slider-horizontal .vjs-volume-level { height: 0.3em; }.vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; }.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; }.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; }.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent; }.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0.5em; }.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em; }.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; }.vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { height: 8em; width: 2.9em; }.vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { height: 2.9em; width: 8em; }.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent!important; }.vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; }.vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; }.vjs-has-started .vjs-poster { display: none; }.vjs-audio.vjs-has-started .vjs-poster { display: block; }.vjs-controls-disabled .vjs-poster { display: none; }.vjs-using-native-controls .vjs-poster { display: none; }.video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; }.vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; }.video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; }.vjs-live .vjs-time-control { display: none; }.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; }.video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; }.vjs-time-divider { display: none; line-height: 3em; }.vjs-live .vjs-time-divider { display: none; }.video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; }.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; }.video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }.vjs-subtitles { color: #fff; }.vjs-captions { color: #fc6; }.vjs-tt-cue { display: block; }.video-js .vjs-fullscreen-control { width: 3.8em; cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.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; }.vjs-playback-rate .vjs-menu { width: 4em; left: 0em; }.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, Helvetica, sans-serif; font-size: 4em; color: #fff; line-height: 1; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -0.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-color: #000; background-color: rgba(0, 0, 0, 0.5); }.vjs-error-display a, .vjs-error-display a:visited { color: #66A8CC; }.vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; }.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; }.vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; }.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; }.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; }.video-js .vjs-big-play-button:before, .video-js .vjs-control:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }@font-face { font-family: VideoJS; src: url() format('woff'), url() format('truetype'); font-weight: normal; font-style: normal; }.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before { content: 'f101'; }.vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-play-circle:before { content: 'f102'; }.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before { content: 'f103'; }.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0 { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before { content: 'f104'; }.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1 { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before { content: 'f105'; }.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2 { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before { content: 'f106'; }.vjs-icon-volume-high, .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before { content: 'f107'; }.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before { content: 'f108'; }.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; background-color: inherit; border-radius: 0; padding: 0; margin: 0; font-size: inherit; }.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before { content: 'f109'; }.vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-square:before { content: 'f10a'; }.vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-spinner:before { content: 'f10b'; }.vjs-icon-subtitles, .video-js .vjs-subtitles-button { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before { content: 'f10c'; }.vjs-icon-captions, .video-js .vjs-captions-button { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-captions:before, .video-js .vjs-captions-button:before { content: 'f10d'; }.vjs-icon-chapters, .video-js .vjs-chapters-button { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before { content: 'f10e'; }.vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-share:before { content: 'f10f'; }.vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-cog:before { content: 'f110'; }.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { content: 'f111'; }.vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-circle-outline:before { content: 'f112'; }.vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-circle-inner-circle:before { content: 'f113'; }.vjs-icon-audio-description { font-family: VideoJS; font-weight: normal; font-style: normal; }.vjs-icon-audio-description:before { content: 'f114'; }.video-js { width: 100%; height: 100vh; display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; }.video-js:-moz-full-screen { position: absolute; }.video-js:-webkit-full-screen { width: 100%!important; height: 100%!important; }.video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; }.video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; }.video-js.vjs-16-9 { padding-top: 56.25%; }.video-js.vjs-4-3 { padding-top: 75%; }.video-js.vjs-fill { width: 100%; height: 100%; }.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; }.vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; }.video-js.vjs-fullscreen { width: 100%!important; height: 100%!important; padding-top: 0!important; }.video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; }.vjs-hidden { display: none!important; }.vjs-lock-showing { display: block!important; opacity: 1; visibility: visible; }.vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; }.vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; }.video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -0.75em 0 0 -1.5em; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }.vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; }.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; }.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; }.video-js button { background: none; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; }.vjs-menu-button { cursor: pointer; }.vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto; }.vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; }.vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; }.vjs-menu li:focus, .vjs-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); }.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; }.vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; }.vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); }.vjs-menu-button-popup .vjs-menu ul { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; }.vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; }.video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; }.video-js .vjs-menu-button-inline:before { width: 2.222222222em; }.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; }.video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }.vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 2.2222222em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; }.vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; }.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; }.vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; }.video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); }.vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; }.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { 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-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none!important; }.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; }.vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; }.video-js .vjs-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67; }.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; }.video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }.vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; }.video-js .vjs-custom-control-spacer { display: none; }.video-js .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }.vjs-live .vjs-progress-control { display: none; }.video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; }.video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; }.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after { display: block; font-size: 0.6em; }.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; }.video-js .vjs-mouse-display:before { display: none; }.video-js .vjs-play-progress { background-color: #fff; }.video-js .vjs-play-progress:before { position: absolute; top: -0.3333333333em; right: -0.5em; font-size: 0.9em; }.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { display: none; position: absolute; top: -2.4em; right: -1.5em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 0.2em 0.5em; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }.video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after { z-index: 1; }.video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); }.video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); }.video-js.vjs-no-flex .vjs-progress-control { width: auto; }.video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; }.vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; }.video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; }.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { 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; }.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none; }.video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); }.video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); }.video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; }.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }.video-js .vjs-volume-bar { margin: 1.35em; }.vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; }.vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; }.video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; }.video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; }.vjs-slider-vertical .vjs-volume-level { width: 0.3em; }.vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; }.vjs-slider-horizontal .vjs-volume-level { height: 0.3em; }.vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; }.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; }.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; }.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent; }.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0.5em; }.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em; }.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; }.vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { height: 8em; width: 2.9em; }.vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { height: 2.9em; width: 8em; }.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent!important; }.vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; }.vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; }.vjs-has-started .vjs-poster { display: none; }.vjs-audio.vjs-has-started .vjs-poster { display: block; }.vjs-controls-disabled .vjs-poster { display: none; }.vjs-using-native-controls .vjs-poster { display: none; }.video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; }.vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; }.video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; }.vjs-live .vjs-time-control { display: none; }.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; }.video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; }.vjs-time-divider { display: none; line-height: 3em; }.vjs-live .vjs-time-divider { display: none; }.video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; }.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; }.video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }.vjs-subtitles { color: #fff; }.vjs-captions { color: #fc6; }.vjs-tt-cue { display: block; }.video-js .vjs-fullscreen-control { width: 3.8em; cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }.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; }.vjs-playback-rate .vjs-menu { width: 4em; left: 0em; }.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, Helvetica, sans-serif; font-size: 4em; color: #fff; line-height: 1; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -0.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-color: #000; background-color: rgba(0, 0, 0, 0.5); }.vjs-error-display a, .vjs-error-display a:visited { color: #66A8CC; }.vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; }.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; }.vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; }.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; }.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; }.vjs-chapters-button .vjs-menu { left: -10em; width: 0; }.vjs-chapters-button .vjs-menu ul { width: 24em; }.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; }.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; }.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button { display: none; }.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control { display: none; }.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button { display: none; }.vjs-caption-settings { position: relative; top: 1em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; margin: 0 auto; padding: 0.5em; height: 15em; font-size: 12px; width: 40em; }.vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 2em; left: 0; right: 0; position: absolute; overflow: auto; }.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font { float: left; }.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after, .vjs-caption-settings .vjs-tracksettings-controls:after { clear: both; }.vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em; }.vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px; }.vjs-caption-settings .vjs-tracksetting label { display: block; width: 100px; margin-bottom: 5px; }.vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px; }.vjs-caption-settings .vjs-tracksetting>div { margin-bottom: 5px; min-height: 20px; }.vjs-caption-settings .vjs-tracksetting>div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0; }.vjs-caption-settings label>input { margin-right: 10px; }.vjs-caption-settings input[type="button"] { width: 40px; height: 40px; }