stream-engine-player 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/stream-engine-player.js +26963 -53213
  2. package/dist/stream-engine-player.umd.cjs +116 -62478
  3. package/dist/style.css +1 -2495
  4. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,2495 +1 @@
1
- @charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Material+Icons);.absolute-center {
2
- position: absolute;
3
- top: 50%;
4
- left: 50%;
5
- transform: translate(-50%, -50%);
6
- }
7
-
8
- html.transparent {
9
- background-color: transparent;
10
- }
11
- html.transparent .vjs-video-wrapper {
12
- background-color: transparent !important;
13
- }
14
-
15
- .vjs-skin-videoflow .vjs-youtube-tech-mobile .vjs-loading-spinner,
16
- .vjs-skin-videoflow .vjs-youtube-tech .vjs-loading-spinner,
17
- .vjs-skin-videoflow .vjs-youtube-tech .vjs-poster,
18
- .vjs-skin-videoflow .vjs-youtube-tech .vjs-fs-play-pause,
19
- .vjs-skin-videoflow .vjs-youtube-tech.vjs-has-started .vjs-loading-spinner {
20
- display: none;
21
- }
22
- .vjs-skin-videoflow .has-gfx-overlay .vjs-fs-play-pause {
23
- display: none;
24
- }
25
- .vjs-skin-videoflow .video-js {
26
- font-size: 12px;
27
- }
28
- .vjs-skin-videoflow .video-js * {
29
- outline: none;
30
- }
31
- .vjs-skin-videoflow .video-js button {
32
- color: var(--button);
33
- }
34
- .vjs-skin-videoflow .video-js button:hover {
35
- color: var(--button-hover);
36
- }
37
- .vjs-skin-videoflow .video-js.vjs-ad-loading .vjs-tech, .vjs-skin-videoflow .video-js.vjs-ad-loading .gfx-overlay, .vjs-skin-videoflow .video-js.vjs-ad-loading .vjs-control-bar, .vjs-skin-videoflow .video-js.vjs-ad-loading .vjs-logo {
38
- opacity: 0;
39
- }
40
- .vjs-skin-videoflow .video-js.vjs-live .vjs-duration, .vjs-skin-videoflow .video-js.vjs-live .vjs-time-divider, .vjs-skin-videoflow .video-js.vjs-live .vjs-current-time, .vjs-skin-videoflow .video-js.vjs-liveui .vjs-duration, .vjs-skin-videoflow .video-js.vjs-liveui .vjs-time-divider, .vjs-skin-videoflow .video-js.vjs-liveui .vjs-current-time {
41
- display: none !important;
42
- }
43
- .vjs-skin-videoflow .video-js.vjs-live:not(.vjs-live-dvr) .vjs-progress-control, .vjs-skin-videoflow .video-js.vjs-liveui:not(.vjs-live-dvr) .vjs-progress-control {
44
- visibility: hidden;
45
- }
46
- .vjs-skin-videoflow .video-js .vjs-hide {
47
- display: none;
48
- }
49
- .vjs-skin-videoflow .video-js .vjs-menu {
50
- left: inherit;
51
- right: 0;
52
- z-index: 1;
53
- }
54
- .vjs-skin-videoflow .video-js .vjs-menu .vjs-menu-content {
55
- background-color: rgba(0, 0, 0, 0.75);
56
- border-radius: 0.25em;
57
- }
58
- .vjs-skin-videoflow .video-js .vjs-menu .vjs-menu-content .vjs-menu-item {
59
- display: flex;
60
- justify-content: center;
61
- align-items: center;
62
- padding: 0.2em;
63
- line-height: inherit;
64
- height: 2em;
65
- }
66
- .vjs-skin-videoflow .video-js .vjs-text-track-display .vjs-text-track-cue > div {
67
- top: unset !important;
68
- bottom: 3em !important;
69
- }
70
- @media (orientation: landscape) {
71
- .mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner {
72
- width: 12vh;
73
- height: 12vh;
74
- margin: -6vh 0 0 -6vh;
75
- border-width: 1.5vh;
76
- border-radius: 50%;
77
- }
78
- .mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:before {
79
- margin: -1.5vh;
80
- }
81
- .mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:after {
82
- margin: -1.5vh;
83
- }
84
- }
85
- @media (orientation: portrait) {
86
- .mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner {
87
- width: 8vw;
88
- height: 8vw;
89
- margin: -4vw 0 0 -4vw;
90
- border-width: 1vw;
91
- border-radius: 50%;
92
- }
93
- .mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:before {
94
- margin: -1vw;
95
- }
96
- .mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:after {
97
- margin: -1vw;
98
- }
99
- }
100
- .vjs-skin-videoflow .video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue > div {
101
- top: unset !important;
102
- bottom: 1em !important;
103
- }
104
- .vjs-skin-videoflow .video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-wrapper .vjs-controls-wrapper-inner:before {
105
- opacity: 0;
106
- }
107
- .vjs-skin-videoflow .video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-wrapper .vjs-control-bar {
108
- pointer-events: none;
109
- }
110
- .vjs-skin-videoflow .video-js.vjs-has-started .vjs-tech {
111
- pointer-events: none;
112
- }
113
- .mobile .vjs-skin-videoflow .video-js.vjs-has-started .vjs-tech {
114
- pointer-events: auto;
115
- }
116
- .vjs-skin-videoflow .video-js.vjs-youtube-loading .gfx-overlay {
117
- pointer-events: none;
118
- }
119
- .vjs-skin-videoflow .video-js .vjs-modal-error {
120
- z-index: 999;
121
- }
122
- .vjs-skin-videoflow .video-js .vjs-control-wrapper {
123
- overflow: hidden;
124
- pointer-events: none;
125
- z-index: 200;
126
- position: absolute;
127
- top: 50%;
128
- left: 50%;
129
- transform: translate(-50%, -50%);
130
- }
131
- .hide-controls .vjs-skin-videoflow .video-js .vjs-control-wrapper {
132
- display: none;
133
- }
134
- .vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-controls-wrapper-inner {
135
- position: absolute;
136
- width: 100%;
137
- height: 100%;
138
- }
139
- .vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-controls-wrapper-inner:before {
140
- content: "";
141
- background: transparent;
142
- position: absolute;
143
- top: -1px;
144
- left: -1px;
145
- right: -1px;
146
- bottom: -1px;
147
- pointer-events: none;
148
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, var(--controls-background) 100%);
149
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, var(--controls-background) 100%);
150
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, var(--controls-background) 100%);
151
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#80000000",GradientType=0 );
152
- opacity: 1;
153
- transition: opacity 1s;
154
- }
155
- .mobile .vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-controls-wrapper-inner:before {
156
- display: none;
157
- }
158
- .vjs-skin-videoflow .video-js .vjs-control-wrapper.vjs-hide-controls .vjs-controls-wrapper-inner:before {
159
- display: none;
160
- }
161
- .mobile .vjs-skin-videoflow .video-js .vjs-control-wrapper:before {
162
- display: none;
163
- }
164
- .vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-control-bar {
165
- pointer-events: auto;
166
- }
167
- .mobile-portrait .vjs-skin-videoflow .video-js .vjs-control-wrapper {
168
- top: 0;
169
- transform: translate(-50%, 0);
170
- }
171
- .vjs-skin-videoflow .video-js.vjs-ad-playing .vjs-video-wrapper {
172
- z-index: 103;
173
- }
174
- .vjs-skin-videoflow .video-js .vjs-ads-wrapper {
175
- pointer-events: none;
176
- z-index: 150;
177
- position: absolute;
178
- top: 50%;
179
- left: 50%;
180
- transform: translate(-50%, -50%);
181
- }
182
- .vjs-skin-videoflow .video-js .vjs-ads-wrapper .vjs-control-bar {
183
- pointer-events: auto;
184
- }
185
- .vjs-skin-videoflow .video-js .vjs-video-wrapper {
186
- position: absolute;
187
- top: 50%;
188
- left: 50%;
189
- transform: translate(-50%, -50%);
190
- background-color: black;
191
- overflow: hidden;
192
- }
193
- .vjs-skin-videoflow .video-js .vjs-video-wrapper .vjs-tech {
194
- object-fit: contain;
195
- position: absolute;
196
- top: 50%;
197
- left: 50%;
198
- transform: translate(-50%, -50%);
199
- }
200
- .vjs-skin-videoflow .video-js .vjs-video-wrapper .vjs-tech.transformed {
201
- top: 0;
202
- left: 0;
203
- transform-origin: 0 0;
204
- width: inherit !important;
205
- }
206
- .mobile-portrait .vjs-skin-videoflow .video-js .vjs-video-wrapper {
207
- top: 0;
208
- transform: translate(-50%, 0);
209
- }
210
- .vjs-skin-videoflow .video-js .vjs-video-wrapper.vjs-youtube .vjs-tech {
211
- object-fit: initial;
212
- }
213
- .vjs-skin-videoflow .video-js .vjs-image {
214
- display: none;
215
- }
216
- .vjs-skin-videoflow .video-js .vjs-image[src] {
217
- display: block;
218
- }
219
- .vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container,
220
- .vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container > div:first-child,
221
- .vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container iframe {
222
- position: absolute !important;
223
- width: 100% !important;
224
- height: 100% !important;
225
- top: 0 !important;
226
- left: 0 !important;
227
- pointer-events: auto;
228
- }
229
- .vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container.transformed,
230
- .vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container > div:first-child.transformed,
231
- .vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container iframe.transformed {
232
- transform-origin: 0 0;
233
- width: inherit !important;
234
- }
235
- .vjs-skin-videoflow .video-js:hover .vjs-big-play-button {
236
- background: #000;
237
- }
238
- .vjs-skin-videoflow .video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before {
239
- opacity: 1;
240
- }
241
- .vjs-skin-videoflow .video-js .vjs-control-bar {
242
- background-color: transparent;
243
- flex-wrap: wrap;
244
- height: auto;
245
- padding: 2% 5%;
246
- }
247
- @media (min-width: 650px) and (max-width: 939px) {
248
- .vjs-skin-videoflow .video-js .vjs-control-bar {
249
- padding: 2%;
250
- }
251
- }
252
- @media (max-width: 649px) {
253
- .vjs-skin-videoflow .video-js .vjs-control-bar {
254
- padding: 0;
255
- }
256
- }
257
- .mobile .vjs-skin-videoflow .video-js .vjs-control-bar {
258
- background-color: var(--controls-mobile-background);
259
- height: 3em;
260
- padding: 0;
261
- flex-wrap: nowrap;
262
- margin: 0 5px 20px 5px;
263
- width: auto;
264
- border-radius: 5px;
265
- }
266
- @media (orientation: portrait) {
267
- .mobile .vjs-skin-videoflow .video-js .vjs-control-bar {
268
- margin: 0 5px 5px 5px;
269
- }
270
- }
271
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control {
272
- justify-content: flex-start;
273
- align-items: center;
274
- height: 3em;
275
- }
276
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control:focus {
277
- text-shadow: none;
278
- }
279
- .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control {
280
- width: 3em;
281
- }
282
- .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control.vjs-seek-to-live-control, .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control.vjs-live-control {
283
- width: auto;
284
- }
285
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control .vjs-icon-placeholder:before {
286
- display: flex;
287
- justify-content: center;
288
- align-items: center;
289
- }
290
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider {
291
- height: 2px;
292
- }
293
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider:focus {
294
- text-shadow: none;
295
- box-shadow: none;
296
- }
297
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-progress-holder {
298
- background-color: var(--progress-bar-background);
299
- }
300
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-progress-holder .vjs-load-progress {
301
- background: var(--progress-bar-loaded);
302
- }
303
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-progress-holder .vjs-load-progress div {
304
- background: rgba(255, 255, 255, 0.15);
305
- }
306
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-volume-bar {
307
- background-color: var(--volume-bar-background);
308
- }
309
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-volume-bar .vjs-volume-level {
310
- background-color: var(--volume-bar);
311
- }
312
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-volume-bar .vjs-volume-level:before {
313
- color: var(--volume-thumb);
314
- }
315
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-button:hover .vjs-icon-placeholder {
316
- font-size: 1.1em;
317
- }
318
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-play-control {
319
- order: 20;
320
- }
321
- .vjs-skin-videoflow .video-js .vjs-control-bar .skip-back {
322
- order: 10;
323
- }
324
- .vjs-skin-videoflow .video-js .vjs-control-bar .skip-forward {
325
- order: 30;
326
- }
327
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-panel {
328
- order: 40;
329
- }
330
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-subs-caps-button {
331
- order: 80;
332
- }
333
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control {
334
- order: 0;
335
- width: 100%;
336
- }
337
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
338
- background-color: var(--progress-bar);
339
- }
340
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
341
- display: none;
342
- }
343
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress:before {
344
- color: var(--thumb);
345
- top: -0.4em;
346
- }
347
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
348
- background-color: #fff;
349
- width: 2px;
350
- }
351
- .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control {
352
- order: 35;
353
- width: auto;
354
- }
355
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-fullscreen-control {
356
- margin-left: auto;
357
- order: 60;
358
- }
359
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-mute-control {
360
- order: 70;
361
- }
362
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-menu-button {
363
- order: 90;
364
- }
365
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-control {
366
- order: 71;
367
- }
368
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-horizontal .vjs-volume-level {
369
- height: 2px;
370
- }
371
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-horizontal .vjs-volume-level:before {
372
- top: -0.4em;
373
- }
374
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-playback-rate {
375
- display: none;
376
- }
377
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-remaining-time {
378
- display: none;
379
- }
380
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-current-time, .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-time-divider, .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-duration {
381
- display: inherit;
382
- padding-left: 0.5em;
383
- padding-right: 0.5em;
384
- order: 50;
385
- user-select: none;
386
- color: var(--text);
387
- }
388
- .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-current-time, .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-time-divider, .mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-duration {
389
- display: none;
390
- }
391
- .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-time-divider {
392
- padding: 0;
393
- min-width: inherit;
394
- font-size: 1.5em;
395
- line-height: inherit;
396
- align-items: center;
397
- }
398
- .vjs-skin-videoflow .video-js .vjs-clock {
399
- z-index: 200;
400
- display: block;
401
- position: fixed;
402
- font-size: 30px;
403
- padding: 5px;
404
- top: 0;
405
- line-height: 30px;
406
- height: 40px;
407
- margin: 3px;
408
- font-weight: 700;
409
- color: #d91919;
410
- background-color: rgba(0, 0, 0, 0.5);
411
- }
412
- .vjs-skin-videoflow .video-js .vjs-big-play-button {
413
- z-index: 2222;
414
- font-size: 2em;
415
- line-height: 2em;
416
- height: 100%;
417
- width: 100%;
418
- border-radius: 0;
419
- border: none;
420
- background: #000;
421
- left: 0;
422
- top: 0;
423
- }
424
- .vjs-skin-videoflow .video-js .vjs-big-play-button .vjs-icon-placeholder {
425
- animation-name: play-pulse;
426
- animation-duration: 0.75s;
427
- animation-direction: alternate;
428
- animation-iteration-count: infinite;
429
- }
430
- .vjs-skin-videoflow .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
431
- content: "\f04b";
432
- font-size: 2em;
433
- font-family: FontAwesome;
434
- position: absolute;
435
- transform: translate(-50%, -50%);
436
- left: 50%;
437
- top: 50%;
438
- display: flex;
439
- justify-content: center;
440
- align-items: center;
441
- }
442
- @keyframes play-pulse {
443
- 0% {
444
- opacity: 0.5;
445
- }
446
- 100% {
447
- opacity: 1;
448
- }
449
- }
450
- .vjs-skin-videoflow .video-js .vjs-overlay-error-poster {
451
- position: absolute;
452
- width: 100%;
453
- height: 100%;
454
- overflow: hidden;
455
- background-color: #000;
456
- z-index: 100;
457
- display: flex;
458
- justify-content: center;
459
- align-items: center;
460
- font-family: "Roboto", sans-serif;
461
- }
462
- .vjs-skin-videoflow .video-js .vjs-overlay-error-poster .overlay-error-icon {
463
- font-size: 65px;
464
- color: #c72e2e;
465
- transform: translate(-50%, -50%);
466
- text-align: center;
467
- position: absolute;
468
- left: 50%;
469
- top: 40%;
470
- }
471
- .vjs-skin-videoflow .video-js .vjs-overlay-error-poster .overlay-error-poster-content .overlay-error-poster-title {
472
- color: #fff;
473
- text-align: center;
474
- margin: 0;
475
- font-size: 18px;
476
- }
477
- .vjs-skin-videoflow .video-js .vjs-overlay-error-poster .overlay-error-poster-content .overlay-error-poster-details {
478
- color: #fff;
479
- text-align: center;
480
- margin: 10px 0 0 0;
481
- font-size: 14px;
482
- }
483
- .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
484
- position: absolute;
485
- top: 0;
486
- left: 0;
487
- width: 100%;
488
- height: 100%;
489
- }
490
-
491
- .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
492
- text-align: center;
493
- }
494
-
495
- @font-face {
496
- font-family: VideoJS;
497
- src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
498
- font-weight: normal;
499
- font-style: normal;
500
- }
501
- .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
502
- font-family: VideoJS;
503
- font-weight: normal;
504
- font-style: normal;
505
- }
506
- .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
507
- content: "\f101";
508
- }
509
-
510
- .vjs-icon-play-circle {
511
- font-family: VideoJS;
512
- font-weight: normal;
513
- font-style: normal;
514
- }
515
- .vjs-icon-play-circle:before {
516
- content: "\f102";
517
- }
518
-
519
- .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
520
- font-family: VideoJS;
521
- font-weight: normal;
522
- font-style: normal;
523
- }
524
- .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
525
- content: "\f103";
526
- }
527
-
528
- .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
529
- font-family: VideoJS;
530
- font-weight: normal;
531
- font-style: normal;
532
- }
533
- .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
534
- content: "\f104";
535
- }
536
-
537
- .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
538
- font-family: VideoJS;
539
- font-weight: normal;
540
- font-style: normal;
541
- }
542
- .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
543
- content: "\f105";
544
- }
545
-
546
- .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
547
- font-family: VideoJS;
548
- font-weight: normal;
549
- font-style: normal;
550
- }
551
- .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
552
- content: "\f106";
553
- }
554
-
555
- .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
556
- font-family: VideoJS;
557
- font-weight: normal;
558
- font-style: normal;
559
- }
560
- .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
561
- content: "\f107";
562
- }
563
-
564
- .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
565
- font-family: VideoJS;
566
- font-weight: normal;
567
- font-style: normal;
568
- }
569
- .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
570
- content: "\f108";
571
- }
572
-
573
- .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
574
- font-family: VideoJS;
575
- font-weight: normal;
576
- font-style: normal;
577
- }
578
- .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
579
- content: "\f109";
580
- }
581
-
582
- .vjs-icon-square {
583
- font-family: VideoJS;
584
- font-weight: normal;
585
- font-style: normal;
586
- }
587
- .vjs-icon-square:before {
588
- content: "\f10a";
589
- }
590
-
591
- .vjs-icon-spinner {
592
- font-family: VideoJS;
593
- font-weight: normal;
594
- font-style: normal;
595
- }
596
- .vjs-icon-spinner:before {
597
- content: "\f10b";
598
- }
599
-
600
- .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
601
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
602
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
603
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
604
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
605
- font-family: VideoJS;
606
- font-weight: normal;
607
- font-style: normal;
608
- }
609
- .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
610
- .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
611
- .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
612
- .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
613
- .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
614
- content: "\f10c";
615
- }
616
-
617
- .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
618
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
619
- font-family: VideoJS;
620
- font-weight: normal;
621
- font-style: normal;
622
- }
623
- .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
624
- .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
625
- content: "\f10d";
626
- }
627
-
628
- .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
629
- font-family: VideoJS;
630
- font-weight: normal;
631
- font-style: normal;
632
- }
633
- .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
634
- content: "\f10e";
635
- }
636
-
637
- .vjs-icon-share {
638
- font-family: VideoJS;
639
- font-weight: normal;
640
- font-style: normal;
641
- }
642
- .vjs-icon-share:before {
643
- content: "\f10f";
644
- }
645
-
646
- .vjs-icon-cog {
647
- font-family: VideoJS;
648
- font-weight: normal;
649
- font-style: normal;
650
- }
651
- .vjs-icon-cog:before {
652
- content: "\f110";
653
- }
654
-
655
- .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
656
- font-family: VideoJS;
657
- font-weight: normal;
658
- font-style: normal;
659
- }
660
- .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
661
- content: "\f111";
662
- }
663
-
664
- .vjs-icon-circle-outline {
665
- font-family: VideoJS;
666
- font-weight: normal;
667
- font-style: normal;
668
- }
669
- .vjs-icon-circle-outline:before {
670
- content: "\f112";
671
- }
672
-
673
- .vjs-icon-circle-inner-circle {
674
- font-family: VideoJS;
675
- font-weight: normal;
676
- font-style: normal;
677
- }
678
- .vjs-icon-circle-inner-circle:before {
679
- content: "\f113";
680
- }
681
-
682
- .vjs-icon-hd {
683
- font-family: VideoJS;
684
- font-weight: normal;
685
- font-style: normal;
686
- }
687
- .vjs-icon-hd:before {
688
- content: "\f114";
689
- }
690
-
691
- .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
692
- font-family: VideoJS;
693
- font-weight: normal;
694
- font-style: normal;
695
- }
696
- .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
697
- content: "\f115";
698
- }
699
-
700
- .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
701
- font-family: VideoJS;
702
- font-weight: normal;
703
- font-style: normal;
704
- }
705
- .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
706
- content: "\f116";
707
- }
708
-
709
- .vjs-icon-facebook {
710
- font-family: VideoJS;
711
- font-weight: normal;
712
- font-style: normal;
713
- }
714
- .vjs-icon-facebook:before {
715
- content: "\f117";
716
- }
717
-
718
- .vjs-icon-gplus {
719
- font-family: VideoJS;
720
- font-weight: normal;
721
- font-style: normal;
722
- }
723
- .vjs-icon-gplus:before {
724
- content: "\f118";
725
- }
726
-
727
- .vjs-icon-linkedin {
728
- font-family: VideoJS;
729
- font-weight: normal;
730
- font-style: normal;
731
- }
732
- .vjs-icon-linkedin:before {
733
- content: "\f119";
734
- }
735
-
736
- .vjs-icon-twitter {
737
- font-family: VideoJS;
738
- font-weight: normal;
739
- font-style: normal;
740
- }
741
- .vjs-icon-twitter:before {
742
- content: "\f11a";
743
- }
744
-
745
- .vjs-icon-tumblr {
746
- font-family: VideoJS;
747
- font-weight: normal;
748
- font-style: normal;
749
- }
750
- .vjs-icon-tumblr:before {
751
- content: "\f11b";
752
- }
753
-
754
- .vjs-icon-pinterest {
755
- font-family: VideoJS;
756
- font-weight: normal;
757
- font-style: normal;
758
- }
759
- .vjs-icon-pinterest:before {
760
- content: "\f11c";
761
- }
762
-
763
- .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
764
- font-family: VideoJS;
765
- font-weight: normal;
766
- font-style: normal;
767
- }
768
- .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
769
- content: "\f11d";
770
- }
771
-
772
- .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
773
- font-family: VideoJS;
774
- font-weight: normal;
775
- font-style: normal;
776
- }
777
- .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
778
- content: "\f11e";
779
- }
780
-
781
- .vjs-icon-next-item {
782
- font-family: VideoJS;
783
- font-weight: normal;
784
- font-style: normal;
785
- }
786
- .vjs-icon-next-item:before {
787
- content: "\f11f";
788
- }
789
-
790
- .vjs-icon-previous-item {
791
- font-family: VideoJS;
792
- font-weight: normal;
793
- font-style: normal;
794
- }
795
- .vjs-icon-previous-item:before {
796
- content: "\f120";
797
- }
798
-
799
- .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
800
- font-family: VideoJS;
801
- font-weight: normal;
802
- font-style: normal;
803
- }
804
- .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
805
- content: "\f121";
806
- }
807
-
808
- .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
809
- font-family: VideoJS;
810
- font-weight: normal;
811
- font-style: normal;
812
- }
813
- .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
814
- content: "\f122";
815
- }
816
-
817
- .video-js {
818
- display: block;
819
- vertical-align: top;
820
- box-sizing: border-box;
821
- color: #fff;
822
- background-color: #000;
823
- position: relative;
824
- padding: 0;
825
- font-size: 10px;
826
- line-height: 1;
827
- font-weight: normal;
828
- font-style: normal;
829
- font-family: Arial, Helvetica, sans-serif;
830
- word-break: initial;
831
- }
832
- .video-js:-moz-full-screen {
833
- position: absolute;
834
- }
835
- .video-js:-webkit-full-screen {
836
- width: 100% !important;
837
- height: 100% !important;
838
- }
839
-
840
- .video-js[tabindex="-1"] {
841
- outline: none;
842
- }
843
-
844
- .video-js *,
845
- .video-js *:before,
846
- .video-js *:after {
847
- box-sizing: inherit;
848
- }
849
-
850
- .video-js ul {
851
- font-family: inherit;
852
- font-size: inherit;
853
- line-height: inherit;
854
- list-style-position: outside;
855
- margin-left: 0;
856
- margin-right: 0;
857
- margin-top: 0;
858
- margin-bottom: 0;
859
- }
860
-
861
- .video-js.vjs-fluid,
862
- .video-js.vjs-16-9,
863
- .video-js.vjs-4-3 {
864
- width: 100%;
865
- max-width: 100%;
866
- height: 0;
867
- }
868
-
869
- .video-js.vjs-16-9 {
870
- padding-top: 56.25%;
871
- }
872
-
873
- .video-js.vjs-4-3 {
874
- padding-top: 75%;
875
- }
876
-
877
- .video-js.vjs-fill {
878
- width: 100%;
879
- height: 100%;
880
- }
881
-
882
- .video-js .vjs-tech {
883
- position: absolute;
884
- top: 0;
885
- left: 0;
886
- width: 100%;
887
- height: 100%;
888
- }
889
-
890
- body.vjs-full-window {
891
- padding: 0;
892
- margin: 0;
893
- height: 100%;
894
- }
895
-
896
- .vjs-full-window .video-js.vjs-fullscreen {
897
- position: fixed;
898
- overflow: hidden;
899
- z-index: 1000;
900
- left: 0;
901
- top: 0;
902
- bottom: 0;
903
- right: 0;
904
- }
905
-
906
- .video-js.vjs-fullscreen {
907
- width: 100% !important;
908
- height: 100% !important;
909
- padding-top: 0 !important;
910
- }
911
-
912
- .video-js.vjs-fullscreen.vjs-user-inactive {
913
- cursor: none;
914
- }
915
-
916
- .vjs-hidden {
917
- display: none !important;
918
- }
919
-
920
- .vjs-disabled {
921
- opacity: 0.5;
922
- cursor: default;
923
- }
924
-
925
- .video-js .vjs-offscreen {
926
- height: 1px;
927
- left: -9999px;
928
- position: absolute;
929
- top: 0;
930
- width: 1px;
931
- }
932
-
933
- .vjs-lock-showing {
934
- display: block !important;
935
- opacity: 1;
936
- visibility: visible;
937
- }
938
-
939
- .vjs-no-js {
940
- padding: 20px;
941
- color: #fff;
942
- background-color: #000;
943
- font-size: 18px;
944
- font-family: Arial, Helvetica, sans-serif;
945
- text-align: center;
946
- width: 300px;
947
- height: 150px;
948
- margin: 0px auto;
949
- }
950
-
951
- .vjs-no-js a,
952
- .vjs-no-js a:visited {
953
- color: #66A8CC;
954
- }
955
-
956
- .video-js .vjs-big-play-button {
957
- font-size: 3em;
958
- line-height: 1.5em;
959
- height: 1.63332em;
960
- width: 3em;
961
- display: block;
962
- position: absolute;
963
- top: 10px;
964
- left: 10px;
965
- padding: 0;
966
- cursor: pointer;
967
- opacity: 1;
968
- border: 0.06666em solid #fff;
969
- background-color: #2B333F;
970
- background-color: rgba(43, 51, 63, 0.7);
971
- border-radius: 0.3em;
972
- transition: all 0.4s;
973
- }
974
- .vjs-big-play-centered .vjs-big-play-button {
975
- top: 50%;
976
- left: 50%;
977
- margin-top: -0.81666em;
978
- margin-left: -1.5em;
979
- }
980
-
981
- .video-js:hover .vjs-big-play-button,
982
- .video-js .vjs-big-play-button:focus {
983
- border-color: #fff;
984
- background-color: #73859f;
985
- background-color: rgba(115, 133, 159, 0.5);
986
- transition: all 0s;
987
- }
988
-
989
- .vjs-controls-disabled .vjs-big-play-button,
990
- .vjs-has-started .vjs-big-play-button,
991
- .vjs-using-native-controls .vjs-big-play-button,
992
- .vjs-error .vjs-big-play-button {
993
- display: none;
994
- }
995
-
996
- .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
997
- display: block;
998
- }
999
-
1000
- .video-js button {
1001
- background: none;
1002
- border: none;
1003
- color: inherit;
1004
- display: inline-block;
1005
- font-size: inherit;
1006
- line-height: inherit;
1007
- text-transform: none;
1008
- text-decoration: none;
1009
- transition: none;
1010
- -webkit-appearance: none;
1011
- -moz-appearance: none;
1012
- appearance: none;
1013
- }
1014
-
1015
- .vjs-control .vjs-button {
1016
- width: 100%;
1017
- height: 100%;
1018
- }
1019
-
1020
- .video-js .vjs-control.vjs-close-button {
1021
- cursor: pointer;
1022
- height: 3em;
1023
- position: absolute;
1024
- right: 0;
1025
- top: 0.5em;
1026
- z-index: 2;
1027
- }
1028
- .video-js .vjs-modal-dialog {
1029
- background: rgba(0, 0, 0, 0.8);
1030
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
1031
- overflow: auto;
1032
- }
1033
-
1034
- .video-js .vjs-modal-dialog > * {
1035
- box-sizing: border-box;
1036
- }
1037
-
1038
- .vjs-modal-dialog .vjs-modal-dialog-content {
1039
- font-size: 1.2em;
1040
- line-height: 1.5;
1041
- padding: 20px 24px;
1042
- z-index: 1;
1043
- }
1044
-
1045
- .vjs-menu-button {
1046
- cursor: pointer;
1047
- }
1048
-
1049
- .vjs-menu-button.vjs-disabled {
1050
- cursor: default;
1051
- }
1052
-
1053
- .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
1054
- display: none;
1055
- }
1056
-
1057
- .vjs-menu .vjs-menu-content {
1058
- display: block;
1059
- padding: 0;
1060
- margin: 0;
1061
- font-family: Arial, Helvetica, sans-serif;
1062
- overflow: auto;
1063
- }
1064
-
1065
- .vjs-menu .vjs-menu-content > * {
1066
- box-sizing: border-box;
1067
- }
1068
-
1069
- .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
1070
- display: none;
1071
- }
1072
-
1073
- .vjs-menu li {
1074
- list-style: none;
1075
- margin: 0;
1076
- padding: 0.2em 0;
1077
- line-height: 1.4em;
1078
- font-size: 1.2em;
1079
- text-align: center;
1080
- text-transform: lowercase;
1081
- }
1082
-
1083
- .vjs-menu li.vjs-menu-item:focus,
1084
- .vjs-menu li.vjs-menu-item:hover,
1085
- .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
1086
- background-color: #73859f;
1087
- background-color: rgba(115, 133, 159, 0.5);
1088
- }
1089
-
1090
- .vjs-menu li.vjs-selected,
1091
- .vjs-menu li.vjs-selected:focus,
1092
- .vjs-menu li.vjs-selected:hover,
1093
- .js-focus-visible .vjs-menu li.vjs-selected:hover {
1094
- background-color: #fff;
1095
- color: #2B333F;
1096
- }
1097
-
1098
- .vjs-menu li.vjs-menu-title {
1099
- text-align: center;
1100
- text-transform: uppercase;
1101
- font-size: 1em;
1102
- line-height: 2em;
1103
- padding: 0;
1104
- margin: 0 0 0.3em 0;
1105
- font-weight: bold;
1106
- cursor: default;
1107
- }
1108
-
1109
- .vjs-menu-button-popup .vjs-menu {
1110
- display: none;
1111
- position: absolute;
1112
- bottom: 0;
1113
- width: 10em;
1114
- left: -3em;
1115
- height: 0em;
1116
- margin-bottom: 1.5em;
1117
- border-top-color: rgba(43, 51, 63, 0.7);
1118
- }
1119
-
1120
- .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
1121
- background-color: #2B333F;
1122
- background-color: rgba(43, 51, 63, 0.7);
1123
- position: absolute;
1124
- width: 100%;
1125
- bottom: 1.5em;
1126
- max-height: 15em;
1127
- }
1128
-
1129
- .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
1130
- .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
1131
- max-height: 5em;
1132
- }
1133
-
1134
- .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
1135
- max-height: 10em;
1136
- }
1137
-
1138
- .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
1139
- max-height: 14em;
1140
- }
1141
-
1142
- .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
1143
- .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
1144
- .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
1145
- max-height: 25em;
1146
- }
1147
-
1148
- .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
1149
- .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
1150
- display: block;
1151
- }
1152
-
1153
- .video-js .vjs-menu-button-inline {
1154
- transition: all 0.4s;
1155
- overflow: hidden;
1156
- }
1157
-
1158
- .video-js .vjs-menu-button-inline:before {
1159
- width: 2.222222222em;
1160
- }
1161
-
1162
- .video-js .vjs-menu-button-inline:hover,
1163
- .video-js .vjs-menu-button-inline:focus,
1164
- .video-js .vjs-menu-button-inline.vjs-slider-active,
1165
- .video-js.vjs-no-flex .vjs-menu-button-inline {
1166
- width: 12em;
1167
- }
1168
-
1169
- .vjs-menu-button-inline .vjs-menu {
1170
- opacity: 0;
1171
- height: 100%;
1172
- width: auto;
1173
- position: absolute;
1174
- left: 4em;
1175
- top: 0;
1176
- padding: 0;
1177
- margin: 0;
1178
- transition: all 0.4s;
1179
- }
1180
-
1181
- .vjs-menu-button-inline:hover .vjs-menu,
1182
- .vjs-menu-button-inline:focus .vjs-menu,
1183
- .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
1184
- display: block;
1185
- opacity: 1;
1186
- }
1187
-
1188
- .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
1189
- display: block;
1190
- opacity: 1;
1191
- position: relative;
1192
- width: auto;
1193
- }
1194
-
1195
- .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
1196
- .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
1197
- .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
1198
- width: auto;
1199
- }
1200
-
1201
- .vjs-menu-button-inline .vjs-menu-content {
1202
- width: auto;
1203
- height: 100%;
1204
- margin: 0;
1205
- overflow: hidden;
1206
- }
1207
-
1208
- .video-js .vjs-control-bar {
1209
- display: none;
1210
- width: 100%;
1211
- position: absolute;
1212
- bottom: 0;
1213
- left: 0;
1214
- right: 0;
1215
- height: 3em;
1216
- background-color: #2B333F;
1217
- background-color: rgba(43, 51, 63, 0.7);
1218
- }
1219
-
1220
- .vjs-has-started .vjs-control-bar {
1221
- display: flex;
1222
- visibility: visible;
1223
- opacity: 1;
1224
- transition: visibility 0.1s, opacity 0.1s;
1225
- }
1226
-
1227
- .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
1228
- visibility: visible;
1229
- opacity: 0;
1230
- transition: visibility 1s, opacity 1s;
1231
- }
1232
-
1233
- .vjs-controls-disabled .vjs-control-bar,
1234
- .vjs-using-native-controls .vjs-control-bar,
1235
- .vjs-error .vjs-control-bar {
1236
- display: none !important;
1237
- }
1238
-
1239
- .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
1240
- opacity: 1;
1241
- visibility: visible;
1242
- }
1243
-
1244
- .vjs-has-started.vjs-no-flex .vjs-control-bar {
1245
- display: table;
1246
- }
1247
-
1248
- .video-js .vjs-control {
1249
- position: relative;
1250
- text-align: center;
1251
- margin: 0;
1252
- padding: 0;
1253
- height: 100%;
1254
- width: 4em;
1255
- flex: none;
1256
- }
1257
-
1258
- .vjs-button > .vjs-icon-placeholder:before {
1259
- font-size: 1.8em;
1260
- line-height: 1.67;
1261
- }
1262
-
1263
- .video-js .vjs-control:focus:before,
1264
- .video-js .vjs-control:hover:before,
1265
- .video-js .vjs-control:focus {
1266
- text-shadow: 0em 0em 1em white;
1267
- }
1268
-
1269
- .video-js .vjs-control-text {
1270
- border: 0;
1271
- clip: rect(0 0 0 0);
1272
- height: 1px;
1273
- overflow: hidden;
1274
- padding: 0;
1275
- position: absolute;
1276
- width: 1px;
1277
- }
1278
-
1279
- .vjs-no-flex .vjs-control {
1280
- display: table-cell;
1281
- vertical-align: middle;
1282
- }
1283
-
1284
- .video-js .vjs-custom-control-spacer {
1285
- display: none;
1286
- }
1287
-
1288
- .video-js .vjs-progress-control {
1289
- cursor: pointer;
1290
- flex: auto;
1291
- display: flex;
1292
- align-items: center;
1293
- min-width: 4em;
1294
- touch-action: none;
1295
- }
1296
-
1297
- .video-js .vjs-progress-control.disabled {
1298
- cursor: default;
1299
- }
1300
-
1301
- .vjs-live .vjs-progress-control {
1302
- display: none;
1303
- }
1304
-
1305
- .vjs-liveui .vjs-progress-control {
1306
- display: flex;
1307
- align-items: center;
1308
- }
1309
-
1310
- .vjs-no-flex .vjs-progress-control {
1311
- width: auto;
1312
- }
1313
-
1314
- .video-js .vjs-progress-holder {
1315
- flex: auto;
1316
- transition: all 0.2s;
1317
- height: 0.3em;
1318
- }
1319
-
1320
- .video-js .vjs-progress-control .vjs-progress-holder {
1321
- margin: 0 10px;
1322
- }
1323
-
1324
- .video-js .vjs-progress-control:hover .vjs-progress-holder {
1325
- font-size: 1.6666666667em;
1326
- }
1327
-
1328
- .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
1329
- font-size: 1em;
1330
- }
1331
-
1332
- .video-js .vjs-progress-holder .vjs-play-progress,
1333
- .video-js .vjs-progress-holder .vjs-load-progress,
1334
- .video-js .vjs-progress-holder .vjs-load-progress div {
1335
- position: absolute;
1336
- display: block;
1337
- height: 100%;
1338
- margin: 0;
1339
- padding: 0;
1340
- width: 0;
1341
- }
1342
-
1343
- .video-js .vjs-play-progress {
1344
- background-color: #fff;
1345
- }
1346
- .video-js .vjs-play-progress:before {
1347
- font-size: 0.9em;
1348
- position: absolute;
1349
- right: -0.5em;
1350
- top: -0.3333333333em;
1351
- z-index: 1;
1352
- }
1353
-
1354
- .video-js .vjs-load-progress {
1355
- background: rgba(115, 133, 159, 0.5);
1356
- }
1357
-
1358
- .video-js .vjs-load-progress div {
1359
- background: rgba(115, 133, 159, 0.75);
1360
- }
1361
-
1362
- .video-js .vjs-time-tooltip {
1363
- background-color: #fff;
1364
- background-color: rgba(255, 255, 255, 0.8);
1365
- border-radius: 0.3em;
1366
- color: #000;
1367
- float: right;
1368
- font-family: Arial, Helvetica, sans-serif;
1369
- font-size: 1em;
1370
- padding: 6px 8px 8px 8px;
1371
- pointer-events: none;
1372
- position: absolute;
1373
- top: -3.4em;
1374
- visibility: hidden;
1375
- z-index: 1;
1376
- }
1377
-
1378
- .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
1379
- display: none;
1380
- }
1381
-
1382
- .video-js .vjs-progress-control:hover .vjs-time-tooltip,
1383
- .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
1384
- display: block;
1385
- font-size: 0.6em;
1386
- visibility: visible;
1387
- }
1388
-
1389
- .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
1390
- font-size: 1em;
1391
- }
1392
-
1393
- .video-js .vjs-progress-control .vjs-mouse-display {
1394
- display: none;
1395
- position: absolute;
1396
- width: 1px;
1397
- height: 100%;
1398
- background-color: #000;
1399
- z-index: 1;
1400
- }
1401
-
1402
- .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
1403
- z-index: 0;
1404
- }
1405
-
1406
- .video-js .vjs-progress-control:hover .vjs-mouse-display {
1407
- display: block;
1408
- }
1409
-
1410
- .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
1411
- visibility: hidden;
1412
- opacity: 0;
1413
- transition: visibility 1s, opacity 1s;
1414
- }
1415
-
1416
- .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
1417
- display: none;
1418
- }
1419
-
1420
- .vjs-mouse-display .vjs-time-tooltip {
1421
- color: #fff;
1422
- background-color: #000;
1423
- background-color: rgba(0, 0, 0, 0.8);
1424
- }
1425
-
1426
- .video-js .vjs-slider {
1427
- position: relative;
1428
- cursor: pointer;
1429
- padding: 0;
1430
- margin: 0 0.45em 0 0.45em;
1431
- /* iOS Safari */
1432
- -webkit-touch-callout: none;
1433
- /* Safari */
1434
- -webkit-user-select: none;
1435
- /* Konqueror HTML */
1436
- /* Firefox */
1437
- -moz-user-select: none;
1438
- /* Internet Explorer/Edge */
1439
- -ms-user-select: none;
1440
- /* Non-prefixed version, currently supported by Chrome and Opera */
1441
- user-select: none;
1442
- background-color: #73859f;
1443
- background-color: rgba(115, 133, 159, 0.5);
1444
- }
1445
-
1446
- .video-js .vjs-slider.disabled {
1447
- cursor: default;
1448
- }
1449
-
1450
- .video-js .vjs-slider:focus {
1451
- text-shadow: 0em 0em 1em white;
1452
- box-shadow: 0 0 1em #fff;
1453
- }
1454
-
1455
- .video-js .vjs-mute-control {
1456
- cursor: pointer;
1457
- flex: none;
1458
- }
1459
- .video-js .vjs-volume-control {
1460
- cursor: pointer;
1461
- margin-right: 1em;
1462
- display: flex;
1463
- }
1464
-
1465
- .video-js .vjs-volume-control.vjs-volume-horizontal {
1466
- width: 5em;
1467
- }
1468
-
1469
- .video-js .vjs-volume-panel .vjs-volume-control {
1470
- visibility: visible;
1471
- opacity: 0;
1472
- width: 1px;
1473
- height: 1px;
1474
- margin-left: -1px;
1475
- }
1476
-
1477
- .video-js .vjs-volume-panel {
1478
- transition: width 1s;
1479
- }
1480
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
1481
- visibility: visible;
1482
- opacity: 1;
1483
- position: relative;
1484
- transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1485
- }
1486
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.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 .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
1487
- width: 5em;
1488
- height: 3em;
1489
- margin-right: 0;
1490
- }
1491
- .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
1492
- left: -3.5em;
1493
- transition: left 0s;
1494
- }
1495
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1496
- width: 10em;
1497
- transition: width 0.1s;
1498
- }
1499
- .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1500
- width: 4em;
1501
- }
1502
-
1503
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1504
- height: 8em;
1505
- width: 3em;
1506
- left: -3000em;
1507
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1508
- }
1509
-
1510
- .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1511
- transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1512
- }
1513
-
1514
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1515
- width: 5em;
1516
- height: 3em;
1517
- visibility: visible;
1518
- opacity: 1;
1519
- position: relative;
1520
- transition: none;
1521
- }
1522
-
1523
- .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1524
- .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1525
- position: absolute;
1526
- bottom: 3em;
1527
- left: 0.5em;
1528
- }
1529
-
1530
- .video-js .vjs-volume-panel {
1531
- display: flex;
1532
- }
1533
-
1534
- .video-js .vjs-volume-bar {
1535
- margin: 1.35em 0.45em;
1536
- }
1537
-
1538
- .vjs-volume-bar.vjs-slider-horizontal {
1539
- width: 5em;
1540
- height: 0.3em;
1541
- }
1542
-
1543
- .vjs-volume-bar.vjs-slider-vertical {
1544
- width: 0.3em;
1545
- height: 5em;
1546
- margin: 1.35em auto;
1547
- }
1548
-
1549
- .video-js .vjs-volume-level {
1550
- position: absolute;
1551
- bottom: 0;
1552
- left: 0;
1553
- background-color: #fff;
1554
- }
1555
- .video-js .vjs-volume-level:before {
1556
- position: absolute;
1557
- font-size: 0.9em;
1558
- }
1559
-
1560
- .vjs-slider-vertical .vjs-volume-level {
1561
- width: 0.3em;
1562
- }
1563
- .vjs-slider-vertical .vjs-volume-level:before {
1564
- top: -0.5em;
1565
- left: -0.3em;
1566
- }
1567
-
1568
- .vjs-slider-horizontal .vjs-volume-level {
1569
- height: 0.3em;
1570
- }
1571
- .vjs-slider-horizontal .vjs-volume-level:before {
1572
- top: -0.3em;
1573
- right: -0.5em;
1574
- }
1575
-
1576
- .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1577
- width: 4em;
1578
- }
1579
-
1580
- .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1581
- height: 100%;
1582
- }
1583
-
1584
- .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1585
- width: 100%;
1586
- }
1587
-
1588
- .video-js .vjs-volume-vertical {
1589
- width: 3em;
1590
- height: 8em;
1591
- bottom: 8em;
1592
- background-color: #2B333F;
1593
- background-color: rgba(43, 51, 63, 0.7);
1594
- }
1595
-
1596
- .video-js .vjs-volume-horizontal .vjs-menu {
1597
- left: -2em;
1598
- }
1599
-
1600
- .vjs-poster {
1601
- display: inline-block;
1602
- vertical-align: middle;
1603
- background-repeat: no-repeat;
1604
- background-position: 50% 50%;
1605
- background-size: contain;
1606
- background-color: #000000;
1607
- cursor: pointer;
1608
- margin: 0;
1609
- padding: 0;
1610
- position: absolute;
1611
- top: 0;
1612
- right: 0;
1613
- bottom: 0;
1614
- left: 0;
1615
- height: 100%;
1616
- }
1617
-
1618
- .vjs-has-started .vjs-poster {
1619
- display: none;
1620
- }
1621
-
1622
- .vjs-audio.vjs-has-started .vjs-poster {
1623
- display: block;
1624
- }
1625
-
1626
- .vjs-using-native-controls .vjs-poster {
1627
- display: none;
1628
- }
1629
-
1630
- .video-js .vjs-live-control {
1631
- display: flex;
1632
- align-items: flex-start;
1633
- flex: auto;
1634
- font-size: 1em;
1635
- line-height: 3em;
1636
- }
1637
-
1638
- .vjs-no-flex .vjs-live-control {
1639
- display: table-cell;
1640
- width: auto;
1641
- text-align: left;
1642
- }
1643
-
1644
- .video-js:not(.vjs-live) .vjs-live-control,
1645
- .video-js.vjs-liveui .vjs-live-control {
1646
- display: none;
1647
- }
1648
-
1649
- .video-js .vjs-seek-to-live-control {
1650
- cursor: pointer;
1651
- flex: none;
1652
- display: inline-flex;
1653
- height: 100%;
1654
- padding-left: 0.5em;
1655
- padding-right: 0.5em;
1656
- font-size: 1em;
1657
- line-height: 3em;
1658
- width: auto;
1659
- min-width: 4em;
1660
- }
1661
-
1662
- .vjs-no-flex .vjs-seek-to-live-control {
1663
- display: table-cell;
1664
- width: auto;
1665
- text-align: left;
1666
- }
1667
-
1668
- .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1669
- .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1670
- display: none;
1671
- }
1672
-
1673
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1674
- cursor: auto;
1675
- }
1676
-
1677
- .vjs-seek-to-live-control .vjs-icon-placeholder {
1678
- margin-right: 0.5em;
1679
- color: #888;
1680
- }
1681
-
1682
- .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1683
- color: red;
1684
- }
1685
-
1686
- .video-js .vjs-time-control {
1687
- flex: none;
1688
- font-size: 1em;
1689
- line-height: 3em;
1690
- min-width: 2em;
1691
- width: auto;
1692
- padding-left: 1em;
1693
- padding-right: 1em;
1694
- }
1695
-
1696
- .vjs-live .vjs-time-control {
1697
- display: none;
1698
- }
1699
-
1700
- .video-js .vjs-current-time,
1701
- .vjs-no-flex .vjs-current-time {
1702
- display: none;
1703
- }
1704
-
1705
- .video-js .vjs-duration,
1706
- .vjs-no-flex .vjs-duration {
1707
- display: none;
1708
- }
1709
-
1710
- .vjs-time-divider {
1711
- display: none;
1712
- line-height: 3em;
1713
- }
1714
-
1715
- .vjs-live .vjs-time-divider {
1716
- display: none;
1717
- }
1718
-
1719
- .video-js .vjs-play-control {
1720
- cursor: pointer;
1721
- }
1722
-
1723
- .video-js .vjs-play-control .vjs-icon-placeholder {
1724
- flex: none;
1725
- }
1726
-
1727
- .vjs-text-track-display {
1728
- position: absolute;
1729
- bottom: 3em;
1730
- left: 0;
1731
- right: 0;
1732
- top: 0;
1733
- pointer-events: none;
1734
- }
1735
-
1736
- .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1737
- bottom: 1em;
1738
- }
1739
-
1740
- .video-js .vjs-text-track {
1741
- font-size: 1.4em;
1742
- text-align: center;
1743
- margin-bottom: 0.1em;
1744
- }
1745
-
1746
- .vjs-subtitles {
1747
- color: #fff;
1748
- }
1749
-
1750
- .vjs-captions {
1751
- color: #fc6;
1752
- }
1753
-
1754
- .vjs-tt-cue {
1755
- display: block;
1756
- }
1757
-
1758
- video::-webkit-media-text-track-display {
1759
- transform: translateY(-3em);
1760
- }
1761
-
1762
- .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1763
- transform: translateY(-1.5em);
1764
- }
1765
-
1766
- .video-js .vjs-picture-in-picture-control {
1767
- cursor: pointer;
1768
- flex: none;
1769
- }
1770
- .video-js .vjs-fullscreen-control {
1771
- cursor: pointer;
1772
- flex: none;
1773
- }
1774
- .vjs-playback-rate > .vjs-menu-button,
1775
- .vjs-playback-rate .vjs-playback-rate-value {
1776
- position: absolute;
1777
- top: 0;
1778
- left: 0;
1779
- width: 100%;
1780
- height: 100%;
1781
- }
1782
-
1783
- .vjs-playback-rate .vjs-playback-rate-value {
1784
- pointer-events: none;
1785
- font-size: 1.5em;
1786
- line-height: 2;
1787
- text-align: center;
1788
- }
1789
-
1790
- .vjs-playback-rate .vjs-menu {
1791
- width: 4em;
1792
- left: 0em;
1793
- }
1794
-
1795
- .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1796
- font-size: 1.4em;
1797
- text-align: center;
1798
- }
1799
-
1800
- .vjs-error .vjs-error-display:before {
1801
- color: #fff;
1802
- content: "X";
1803
- font-family: Arial, Helvetica, sans-serif;
1804
- font-size: 4em;
1805
- left: 0;
1806
- line-height: 1;
1807
- margin-top: -0.5em;
1808
- position: absolute;
1809
- text-shadow: 0.05em 0.05em 0.1em #000;
1810
- text-align: center;
1811
- top: 50%;
1812
- vertical-align: middle;
1813
- width: 100%;
1814
- }
1815
-
1816
- .vjs-loading-spinner {
1817
- display: none;
1818
- position: absolute;
1819
- top: 50%;
1820
- left: 50%;
1821
- margin: -25px 0 0 -25px;
1822
- opacity: 0.85;
1823
- text-align: left;
1824
- border: 6px solid rgba(43, 51, 63, 0.7);
1825
- box-sizing: border-box;
1826
- background-clip: padding-box;
1827
- width: 50px;
1828
- height: 50px;
1829
- border-radius: 25px;
1830
- visibility: hidden;
1831
- }
1832
-
1833
- .vjs-seeking .vjs-loading-spinner,
1834
- .vjs-waiting .vjs-loading-spinner {
1835
- display: block;
1836
- -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
1837
- animation: vjs-spinner-show 0s linear 0.3s forwards;
1838
- }
1839
-
1840
- .vjs-loading-spinner:before,
1841
- .vjs-loading-spinner:after {
1842
- content: "";
1843
- position: absolute;
1844
- margin: -6px;
1845
- box-sizing: inherit;
1846
- width: inherit;
1847
- height: inherit;
1848
- border-radius: inherit;
1849
- opacity: 1;
1850
- border: inherit;
1851
- border-color: transparent;
1852
- border-top-color: white;
1853
- }
1854
-
1855
- .vjs-seeking .vjs-loading-spinner:before,
1856
- .vjs-seeking .vjs-loading-spinner:after,
1857
- .vjs-waiting .vjs-loading-spinner:before,
1858
- .vjs-waiting .vjs-loading-spinner:after {
1859
- -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1860
- animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1861
- }
1862
-
1863
- .vjs-seeking .vjs-loading-spinner:before,
1864
- .vjs-waiting .vjs-loading-spinner:before {
1865
- border-top-color: white;
1866
- }
1867
-
1868
- .vjs-seeking .vjs-loading-spinner:after,
1869
- .vjs-waiting .vjs-loading-spinner:after {
1870
- border-top-color: white;
1871
- -webkit-animation-delay: 0.44s;
1872
- animation-delay: 0.44s;
1873
- }
1874
-
1875
- @keyframes vjs-spinner-show {
1876
- to {
1877
- visibility: visible;
1878
- }
1879
- }
1880
- @-webkit-keyframes vjs-spinner-show {
1881
- to {
1882
- visibility: visible;
1883
- }
1884
- }
1885
- @keyframes vjs-spinner-spin {
1886
- 100% {
1887
- transform: rotate(360deg);
1888
- }
1889
- }
1890
- @-webkit-keyframes vjs-spinner-spin {
1891
- 100% {
1892
- -webkit-transform: rotate(360deg);
1893
- }
1894
- }
1895
- @keyframes vjs-spinner-fade {
1896
- 0% {
1897
- border-top-color: #73859f;
1898
- }
1899
- 20% {
1900
- border-top-color: #73859f;
1901
- }
1902
- 35% {
1903
- border-top-color: white;
1904
- }
1905
- 60% {
1906
- border-top-color: #73859f;
1907
- }
1908
- 100% {
1909
- border-top-color: #73859f;
1910
- }
1911
- }
1912
- @-webkit-keyframes vjs-spinner-fade {
1913
- 0% {
1914
- border-top-color: #73859f;
1915
- }
1916
- 20% {
1917
- border-top-color: #73859f;
1918
- }
1919
- 35% {
1920
- border-top-color: white;
1921
- }
1922
- 60% {
1923
- border-top-color: #73859f;
1924
- }
1925
- 100% {
1926
- border-top-color: #73859f;
1927
- }
1928
- }
1929
- .vjs-chapters-button .vjs-menu ul {
1930
- width: 24em;
1931
- }
1932
-
1933
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1934
- vertical-align: middle;
1935
- display: inline-block;
1936
- margin-bottom: -0.1em;
1937
- }
1938
-
1939
- .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1940
- font-family: VideoJS;
1941
- content: "";
1942
- font-size: 1.5em;
1943
- line-height: inherit;
1944
- }
1945
-
1946
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1947
- vertical-align: middle;
1948
- display: inline-block;
1949
- margin-bottom: -0.1em;
1950
- }
1951
-
1952
- .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1953
- font-family: VideoJS;
1954
- content: " ";
1955
- font-size: 1.5em;
1956
- line-height: inherit;
1957
- }
1958
-
1959
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
1960
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
1961
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
1962
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
1963
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
1964
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
1965
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
1966
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
1967
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
1968
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
1969
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
1970
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
1971
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
1972
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
1973
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
1974
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
1975
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
1976
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
1977
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
1978
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
1979
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
1980
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
1981
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
1982
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
1983
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
1984
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
1985
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
1986
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
1987
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
1988
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
1989
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
1990
- display: none;
1991
- }
1992
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1993
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1994
- .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1995
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1996
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1997
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1998
- .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1999
- width: auto;
2000
- width: initial;
2001
- }
2002
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
2003
- display: none;
2004
- }
2005
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
2006
- flex: auto;
2007
- display: block;
2008
- }
2009
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
2010
- width: auto;
2011
- }
2012
- .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
2013
- display: none;
2014
- }
2015
-
2016
- .vjs-modal-dialog.vjs-text-track-settings {
2017
- background-color: #2B333F;
2018
- background-color: rgba(43, 51, 63, 0.75);
2019
- color: #fff;
2020
- height: 70%;
2021
- }
2022
-
2023
- .vjs-text-track-settings .vjs-modal-dialog-content {
2024
- display: table;
2025
- }
2026
-
2027
- .vjs-text-track-settings .vjs-track-settings-colors,
2028
- .vjs-text-track-settings .vjs-track-settings-font,
2029
- .vjs-text-track-settings .vjs-track-settings-controls {
2030
- display: table-cell;
2031
- }
2032
-
2033
- .vjs-text-track-settings .vjs-track-settings-controls {
2034
- text-align: right;
2035
- vertical-align: bottom;
2036
- }
2037
-
2038
- @supports (display: grid) {
2039
- .vjs-text-track-settings .vjs-modal-dialog-content {
2040
- display: grid;
2041
- grid-template-columns: 1fr 1fr;
2042
- grid-template-rows: 1fr;
2043
- padding: 20px 24px 0px 24px;
2044
- }
2045
-
2046
- .vjs-track-settings-controls .vjs-default-button {
2047
- margin-bottom: 20px;
2048
- }
2049
-
2050
- .vjs-text-track-settings .vjs-track-settings-controls {
2051
- grid-column: 1/-1;
2052
- }
2053
-
2054
- .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
2055
- .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
2056
- .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
2057
- grid-template-columns: 1fr;
2058
- }
2059
- }
2060
- .vjs-track-setting > select {
2061
- margin-right: 1em;
2062
- margin-bottom: 0.5em;
2063
- }
2064
-
2065
- .vjs-text-track-settings fieldset {
2066
- margin: 5px;
2067
- padding: 3px;
2068
- border: none;
2069
- }
2070
-
2071
- .vjs-text-track-settings fieldset span {
2072
- display: inline-block;
2073
- }
2074
-
2075
- .vjs-text-track-settings fieldset span > select {
2076
- max-width: 7.3em;
2077
- }
2078
-
2079
- .vjs-text-track-settings legend {
2080
- color: #fff;
2081
- margin: 0 0 5px 0;
2082
- }
2083
-
2084
- .vjs-text-track-settings .vjs-label {
2085
- position: absolute;
2086
- clip: rect(1px 1px 1px 1px);
2087
- clip: rect(1px, 1px, 1px, 1px);
2088
- display: block;
2089
- margin: 0 0 5px 0;
2090
- padding: 0;
2091
- border: 0;
2092
- height: 1px;
2093
- width: 1px;
2094
- overflow: hidden;
2095
- }
2096
-
2097
- .vjs-track-settings-controls button:focus,
2098
- .vjs-track-settings-controls button:active {
2099
- outline-style: solid;
2100
- outline-width: medium;
2101
- background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
2102
- }
2103
-
2104
- .vjs-track-settings-controls button:hover {
2105
- color: rgba(43, 51, 63, 0.75);
2106
- }
2107
-
2108
- .vjs-track-settings-controls button {
2109
- background-color: #fff;
2110
- background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
2111
- color: #2B333F;
2112
- cursor: pointer;
2113
- border-radius: 2px;
2114
- }
2115
-
2116
- .vjs-track-settings-controls .vjs-default-button {
2117
- margin-right: 1em;
2118
- }
2119
-
2120
- @media print {
2121
- .video-js > *:not(.vjs-tech):not(.vjs-poster) {
2122
- visibility: hidden;
2123
- }
2124
- }
2125
- .vjs-resize-manager {
2126
- position: absolute;
2127
- top: 0;
2128
- left: 0;
2129
- width: 100%;
2130
- height: 100%;
2131
- border: none;
2132
- z-index: -1000;
2133
- }
2134
-
2135
- .js-focus-visible .video-js *:focus:not(.focus-visible) {
2136
- outline: none;
2137
- background: none;
2138
- }
2139
-
2140
- .video-js *:focus:not(:focus-visible),
2141
- .video-js .vjs-menu *:focus:not(:focus-visible) {
2142
- outline: none;
2143
- background: none;
2144
- }
2145
- .absolute-center {
2146
- position: absolute;
2147
- top: 50%;
2148
- left: 50%;
2149
- transform: translate(-50%, -50%);
2150
- }
2151
-
2152
- .video-js .vjs-checkers {
2153
- position: absolute;
2154
- top: 0;
2155
- bottom: 0;
2156
- left: 0;
2157
- right: 0;
2158
- width: 100%;
2159
- height: 100%;
2160
- background: url(#/img/checker.svg) repeat #2b333d !important;
2161
- background-size: 25px !important;
2162
- }.absolute-center {
2163
- position: absolute;
2164
- top: 50%;
2165
- left: 50%;
2166
- transform: translate(-50%, -50%);
2167
- }
2168
-
2169
- .video-js .vjs-logo {
2170
- position: absolute;
2171
- pointer-events: none;
2172
- height: 5%;
2173
- }
2174
- .video-js .vjs-logo.top-left {
2175
- top: 5%;
2176
- left: 3%;
2177
- }
2178
- .video-js .vjs-logo.top-right {
2179
- top: 5%;
2180
- right: 3%;
2181
- }
2182
- .video-js .vjs-logo.bottom-left {
2183
- bottom: 5%;
2184
- left: 3%;
2185
- }
2186
- .video-js .vjs-logo.bottom-right {
2187
- bottom: 5%;
2188
- right: 3%;
2189
- }
2190
- .video-js .vjs-logo.hidden {
2191
- display: none !important;
2192
- }
2193
- .video-js .vjs-logo.clickable {
2194
- cursor: pointer;
2195
- pointer-events: auto;
2196
- }.absolute-center {
2197
- position: absolute;
2198
- top: 50%;
2199
- left: 50%;
2200
- transform: translate(-50%, -50%);
2201
- }.absolute-center {
2202
- position: absolute;
2203
- top: 50%;
2204
- left: 50%;
2205
- transform: translate(-50%, -50%);
2206
- }
2207
-
2208
- .video-js .vjs-mask {
2209
- position: absolute;
2210
- width: 100%;
2211
- height: 100%;
2212
- background-color: black;
2213
- }.absolute-center {
2214
- position: absolute;
2215
- top: 50%;
2216
- left: 50%;
2217
- transform: translate(-50%, -50%);
2218
- }
2219
-
2220
- .video-js .vjs-hover-overlay {
2221
- display: flex;
2222
- padding: 2vw 2vw 0 2vw;
2223
- transition: opacity 0.5s;
2224
- opacity: 0;
2225
- position: absolute;
2226
- top: -1px;
2227
- left: -1px;
2228
- right: -1px;
2229
- min-height: 30%;
2230
- background: rgba(0, 0, 0, 0.8);
2231
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
2232
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
2233
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
2234
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=0 );
2235
- }
2236
- .video-js .vjs-hover-overlay.active {
2237
- opacity: 1;
2238
- }
2239
- .video-js .vjs-hover-overlay.active .vjs-hover-overlay-back-btn {
2240
- pointer-events: auto;
2241
- }
2242
- .video-js .vjs-hover-overlay .vjs-hover-area {
2243
- height: 10px;
2244
- width: 100%;
2245
- position: absolute;
2246
- top: 0;
2247
- left: 0;
2248
- pointer-events: auto;
2249
- }
2250
- @media (orientation: landscape) {
2251
- .mobile .video-js .vjs-hover-overlay .vjs-hover-area {
2252
- height: 10vh;
2253
- }
2254
- }
2255
- @media (orientation: portrait) {
2256
- .mobile .video-js .vjs-hover-overlay .vjs-hover-area {
2257
- height: 5vw;
2258
- }
2259
- }
2260
- .video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn {
2261
- background-color: rgba(0, 0, 0, 0.6);
2262
- border-radius: 50%;
2263
- width: 3vw;
2264
- height: 3vw;
2265
- cursor: pointer;
2266
- position: relative;
2267
- flex: 0 0 auto;
2268
- display: flex;
2269
- justify-content: center;
2270
- align-items: center;
2271
- max-width: 40px;
2272
- max-height: 40px;
2273
- margin-right: 1vw;
2274
- }
2275
- .video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn:hover {
2276
- background-color: #ff0036;
2277
- }
2278
- .video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn:before {
2279
- content: "\f104";
2280
- color: #fff;
2281
- font-family: FontAwesome;
2282
- position: absolute;
2283
- font-size: 1.75vw;
2284
- }
2285
- @media (min-width: 1201px) {
2286
- .video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn:before {
2287
- font-size: 34px;
2288
- }
2289
- }
2290
- .video-js .vjs-hover-overlay .vjs-hover-overlay-data {
2291
- display: flex;
2292
- flex-direction: column;
2293
- }
2294
- .video-js .vjs-hover-overlay .vjs-hover-overlay-data .vjs-hover-overlay-title {
2295
- font-size: 2vw;
2296
- font-weight: 700;
2297
- margin-bottom: 0.5vw;
2298
- }
2299
- .video-js .vjs-hover-overlay .vjs-hover-overlay-data .vjs-hover-overlay-description {
2300
- font-size: 1.25vw;
2301
- }.absolute-center {
2302
- position: absolute;
2303
- top: 50%;
2304
- left: 50%;
2305
- transform: translate(-50%, -50%);
2306
- }
2307
-
2308
- @keyframes playPauseAnimation {
2309
- 0% {
2310
- display: block;
2311
- opacity: 0;
2312
- transform: translate(-50%, -50%) scale(1);
2313
- }
2314
- 20% {
2315
- opacity: 1;
2316
- }
2317
- 100% {
2318
- display: none;
2319
- opacity: 0;
2320
- transform: translate(-50%, -50%) scale(2);
2321
- }
2322
- }
2323
- .video-js .vjs-fs-play-pause {
2324
- pointer-events: auto;
2325
- position: absolute;
2326
- top: 0;
2327
- bottom: 0;
2328
- left: 0;
2329
- right: 0;
2330
- }
2331
- .mobile .video-js .vjs-fs-play-pause {
2332
- display: none;
2333
- }
2334
- .video-js .vjs-fs-play, .video-js .vjs-fs-pause {
2335
- opacity: 0;
2336
- position: absolute;
2337
- top: 50%;
2338
- left: 50%;
2339
- transform: translate(-50%, -50%) scale(1);
2340
- }
2341
- .video-js .vjs-fs-play.playPauseAnimation, .video-js .vjs-fs-pause.playPauseAnimation {
2342
- animation-name: playPauseAnimation;
2343
- animation-duration: 500ms;
2344
- animation-fill-mode: forwards;
2345
- }
2346
- .video-js.vjs-ad-playing:not(.vjs-ad-paused) .vjs-fs-play-pause {
2347
- pointer-events: none;
2348
- }
2349
- .absolute-center {
2350
- position: absolute;
2351
- top: 50%;
2352
- left: 50%;
2353
- transform: translate(-50%, -50%);
2354
- }
2355
- .video-js {
2356
- /* This class is added to the video.js element by the plugin by default. */
2357
- }
2358
- .video-js .vjs-skip-button {
2359
- font-family: "Material Icons";
2360
- cursor: pointer;
2361
- }
2362
- .video-js .vjs-skip-button.skip-back::before {
2363
- content: "\e042";
2364
- }
2365
- .video-js .vjs-skip-button.skip-back.skip-10::before {
2366
- content: "\e059";
2367
- }
2368
- .video-js .vjs-skip-button.skip-back.skip-5::before {
2369
- content: "\e05b";
2370
- }
2371
- .video-js .vjs-skip-button.skip-back.skip-30::before {
2372
- content: "\e05a";
2373
- }
2374
- .video-js .vjs-skip-button.skip-forward::before {
2375
- content: "\e5d5";
2376
- }
2377
- .video-js .vjs-skip-button.skip-forward.skip-10::before {
2378
- content: "\e056";
2379
- }
2380
- .video-js .vjs-skip-button.skip-forward.skip-5::before {
2381
- content: "\e058";
2382
- }
2383
- .video-js .vjs-skip-button.skip-forward.skip-30::before {
2384
- content: "\e057";
2385
- }
2386
- .video-js.vjs-v6 .vjs-skip-button.skip-back::before, .video-js.vjs-v6 .vjs-skip-button.skip-back.skip-10::before, .video-js.vjs-v6 .vjs-skip-button.skip-back.skip-5::before, .video-js.vjs-v6 .vjs-skip-button.skip-back.skip-30::before, .video-js.vjs-v6 .vjs-skip-button.skip-forward::before, .video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-10::before, .video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-5::before, .video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-30::before, .video-js.vjs-v7 .vjs-skip-button.skip-back::before, .video-js.vjs-v7 .vjs-skip-button.skip-back.skip-10::before, .video-js.vjs-v7 .vjs-skip-button.skip-back.skip-5::before, .video-js.vjs-v7 .vjs-skip-button.skip-back.skip-30::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-10::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-5::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-30::before {
2387
- content: none;
2388
- }
2389
- .video-js.vjs-v6 .vjs-skip-button.skip-back .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-back .vjs-icon-placeholder::before {
2390
- content: "\e042";
2391
- }
2392
- .video-js.vjs-v6 .vjs-skip-button.skip-back.skip-10 .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-back.skip-10 .vjs-icon-placeholder::before {
2393
- content: "\e059";
2394
- }
2395
- .video-js.vjs-v6 .vjs-skip-button.skip-back.skip-5 .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-back.skip-5 .vjs-icon-placeholder::before {
2396
- content: "\e05b";
2397
- }
2398
- .video-js.vjs-v6 .vjs-skip-button.skip-back.skip-30 .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-back.skip-30 .vjs-icon-placeholder::before {
2399
- content: "\e05a";
2400
- }
2401
- .video-js.vjs-v6 .vjs-skip-button.skip-forward .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward .vjs-icon-placeholder::before {
2402
- content: "\e5d5";
2403
- }
2404
- .video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-10 .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-10 .vjs-icon-placeholder::before {
2405
- content: "\e056";
2406
- }
2407
- .video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-5 .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-5 .vjs-icon-placeholder::before {
2408
- content: "\e058";
2409
- }
2410
- .video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-30 .vjs-icon-placeholder::before, .video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-30 .vjs-icon-placeholder::before {
2411
- content: "\e057";
2412
- }.absolute-center {
2413
- position: absolute;
2414
- top: 50%;
2415
- left: 50%;
2416
- transform: translate(-50%, -50%);
2417
- }
2418
-
2419
- .video-js .vjs-open-in-videoflow-button {
2420
- cursor: pointer;
2421
- order: 400;
2422
- }
2423
- .video-js .vjs-open-in-videoflow-button ::before {
2424
- content: "";
2425
- background: url(#/img/logo2.svg) 50% 50% no-repeat;
2426
- background-size: 0.9em;
2427
- }.absolute-center {
2428
- position: absolute;
2429
- top: 50%;
2430
- left: 50%;
2431
- transform: translate(-50%, -50%);
2432
- }
2433
-
2434
- .vjs-source-item:hover {
2435
- background-color: rgba(255, 255, 255, 0.2);
2436
- }
2437
-
2438
- .vjs-source-item.selected {
2439
- background-color: rgba(255, 255, 255, 0.4);
2440
- }.absolute-center {
2441
- position: absolute;
2442
- top: 50%;
2443
- left: 50%;
2444
- transform: translate(-50%, -50%);
2445
- }
2446
-
2447
- .video-js .vjs-control.vjs-video-title {
2448
- order: 55;
2449
- flex: 1;
2450
- display: flex;
2451
- justify-content: center !important;
2452
- align-items: center !important;
2453
- }
2454
- .video-js .vjs-control.vjs-video-title .vjs-video-title-text {
2455
- font-size: 1.4em;
2456
- font-weight: bold;
2457
- user-select: none;
2458
- }
2459
- .mobile .video-js .vjs-control.vjs-video-title {
2460
- display: none;
2461
- }.absolute-center {
2462
- position: absolute;
2463
- top: 50%;
2464
- left: 50%;
2465
- transform: translate(-50%, -50%);
2466
- }
2467
-
2468
- .player-videojs {
2469
- position: absolute;
2470
- width: 100%;
2471
- height: 100%;
2472
- top: 50%;
2473
- transform: translateY(-50%);
2474
- overflow: hidden;
2475
- background: transparent;
2476
- pointer-events: none;
2477
- }
2478
- .player-videojs .footage {
2479
- top: 50%;
2480
- transform: translateY(-50%);
2481
- pointer-events: auto;
2482
- }
2483
- .player-videojs .video {
2484
- position: absolute;
2485
- width: 100%;
2486
- height: 100%;
2487
- background: transparent;
2488
- top: 50%;
2489
- left: 50%;
2490
- transform: translate(-50%, -50%);
2491
- }
2492
-
2493
- .video-js .vjs-control-bar {
2494
- z-index: 110;
2495
- }
1
+ @charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Material+Icons";html.transparent{background-color:transparent}html.transparent .vjs-video-wrapper{background-color:transparent!important}.vjs-skin-videoflow .vjs-youtube-tech-mobile .vjs-loading-spinner,.vjs-skin-videoflow .vjs-youtube-tech .vjs-loading-spinner,.vjs-skin-videoflow .vjs-youtube-tech .vjs-poster,.vjs-skin-videoflow .vjs-youtube-tech .vjs-fs-play-pause,.vjs-skin-videoflow .vjs-youtube-tech.vjs-has-started .vjs-loading-spinner,.vjs-skin-videoflow .has-gfx-overlay .vjs-fs-play-pause{display:none}.vjs-skin-videoflow .video-js{font-size:12px}.vjs-skin-videoflow .video-js *{outline:none}.vjs-skin-videoflow .video-js button{color:var(--button)}.vjs-skin-videoflow .video-js button:hover{color:var(--button-hover)}.vjs-skin-videoflow .video-js.vjs-ad-loading .vjs-tech,.vjs-skin-videoflow .video-js.vjs-ad-loading .gfx-overlay,.vjs-skin-videoflow .video-js.vjs-ad-loading .vjs-control-bar,.vjs-skin-videoflow .video-js.vjs-ad-loading .vjs-logo{opacity:0}.vjs-skin-videoflow .video-js.vjs-live .vjs-duration,.vjs-skin-videoflow .video-js.vjs-live .vjs-time-divider,.vjs-skin-videoflow .video-js.vjs-live .vjs-current-time,.vjs-skin-videoflow .video-js.vjs-liveui .vjs-duration,.vjs-skin-videoflow .video-js.vjs-liveui .vjs-time-divider,.vjs-skin-videoflow .video-js.vjs-liveui .vjs-current-time{display:none!important}.vjs-skin-videoflow .video-js.vjs-live:not(.vjs-live-dvr) .vjs-progress-control,.vjs-skin-videoflow .video-js.vjs-liveui:not(.vjs-live-dvr) .vjs-progress-control{visibility:hidden}.vjs-skin-videoflow .video-js .vjs-hide{display:none}.vjs-skin-videoflow .video-js .vjs-menu{left:inherit;right:0;z-index:1}.vjs-skin-videoflow .video-js .vjs-menu .vjs-menu-content{background-color:#000000bf;border-radius:.25em}.vjs-skin-videoflow .video-js .vjs-menu .vjs-menu-content .vjs-menu-item{display:flex;justify-content:center;align-items:center;padding:.2em;line-height:inherit;height:2em}.vjs-skin-videoflow .video-js .vjs-text-track-display .vjs-text-track-cue>div{top:unset!important;bottom:3em!important}@media (orientation: landscape){.mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner{width:12vh;height:12vh;margin:-6vh 0 0 -6vh;border-width:1.5vh;border-radius:50%}.mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:before{margin:-1.5vh}.mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:after{margin:-1.5vh}}@media (orientation: portrait){.mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner{width:8vw;height:8vw;margin:-4vw 0 0 -4vw;border-width:1vw;border-radius:50%}.mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:before{margin:-1vw}.mobile .vjs-skin-videoflow .video-js .vjs-loading-spinner:after{margin:-1vw}}.vjs-skin-videoflow .video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue>div{top:unset!important;bottom:1em!important}.vjs-skin-videoflow .video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-wrapper .vjs-controls-wrapper-inner:before{opacity:0}.vjs-skin-videoflow .video-js.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-wrapper .vjs-control-bar,.vjs-skin-videoflow .video-js.vjs-has-started .vjs-tech{pointer-events:none}.mobile .vjs-skin-videoflow .video-js.vjs-has-started .vjs-tech{pointer-events:auto}.vjs-skin-videoflow .video-js.vjs-youtube-loading .gfx-overlay{pointer-events:none}.vjs-skin-videoflow .video-js .vjs-modal-error{z-index:999}.vjs-skin-videoflow .video-js .vjs-control-wrapper{overflow:hidden;pointer-events:none;z-index:200;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hide-controls .vjs-skin-videoflow .video-js .vjs-control-wrapper{display:none}.vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-controls-wrapper-inner{position:absolute;width:100%;height:100%}.vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-controls-wrapper-inner:before{content:"";background:transparent;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;background:-moz-linear-gradient(top,rgba(0,0,0,0) 60%,var(--controls-background) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 60%,var(--controls-background) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,var(--controls-background) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=0);opacity:1;transition:opacity 1s}.mobile .vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-controls-wrapper-inner:before{display:none}.vjs-skin-videoflow .video-js .vjs-control-wrapper.vjs-hide-controls .vjs-controls-wrapper-inner:before{display:none}.mobile .vjs-skin-videoflow .video-js .vjs-control-wrapper:before{display:none}.vjs-skin-videoflow .video-js .vjs-control-wrapper .vjs-control-bar{pointer-events:auto}.mobile-portrait .vjs-skin-videoflow .video-js .vjs-control-wrapper{top:0;transform:translate(-50%)}.vjs-skin-videoflow .video-js.vjs-ad-playing .vjs-video-wrapper{z-index:103}.vjs-skin-videoflow .video-js .vjs-ads-wrapper{pointer-events:none;z-index:150;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-skin-videoflow .video-js .vjs-ads-wrapper .vjs-control-bar{pointer-events:auto}.vjs-skin-videoflow .video-js .vjs-video-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;overflow:hidden}.vjs-skin-videoflow .video-js .vjs-video-wrapper .vjs-tech{object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-skin-videoflow .video-js .vjs-video-wrapper .vjs-tech.transformed{top:0;left:0;transform-origin:0 0;width:inherit!important}.mobile-portrait .vjs-skin-videoflow .video-js .vjs-video-wrapper{top:0;transform:translate(-50%)}.vjs-skin-videoflow .video-js .vjs-video-wrapper.vjs-youtube .vjs-tech{object-fit:initial}.vjs-skin-videoflow .video-js .vjs-image{display:none}.vjs-skin-videoflow .video-js .vjs-image[src]{display:block}.vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container,.vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container>div:first-child,.vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container iframe{position:absolute!important;width:100%!important;height:100%!important;top:0!important;left:0!important;pointer-events:auto}.vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container.transformed,.vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container>div:first-child.transformed,.vjs-skin-videoflow .video-js #videoflow-player_ima-ad-container iframe.transformed{transform-origin:0 0;width:inherit!important}.vjs-skin-videoflow .video-js:hover .vjs-big-play-button{background:#000}.vjs-skin-videoflow .video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before{opacity:1}.vjs-skin-videoflow .video-js .vjs-control-bar{background-color:transparent;flex-wrap:wrap;height:auto;padding:2% 5%}@media (min-width: 650px) and (max-width: 939px){.vjs-skin-videoflow .video-js .vjs-control-bar{padding:2%}}@media (max-width: 649px){.vjs-skin-videoflow .video-js .vjs-control-bar{padding:0}}.mobile .vjs-skin-videoflow .video-js .vjs-control-bar{background-color:var(--controls-mobile-background);height:3em;padding:0;flex-wrap:nowrap;margin:0 5px 20px;width:auto;border-radius:5px}@media (orientation: portrait){.mobile .vjs-skin-videoflow .video-js .vjs-control-bar{margin:0 5px 5px}}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control{justify-content:flex-start;align-items:center;height:3em}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control:focus{text-shadow:none}.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control{width:3em}.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control.vjs-seek-to-live-control,.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control.vjs-live-control{width:auto}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-control .vjs-icon-placeholder:before{display:flex;justify-content:center;align-items:center}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider{height:2px}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider:focus{text-shadow:none;box-shadow:none}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-progress-holder{background-color:var(--progress-bar-background)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-progress-holder .vjs-load-progress{background:var(--progress-bar-loaded)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-progress-holder .vjs-load-progress div{background:rgba(255,255,255,.15)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-volume-bar{background-color:var(--volume-bar-background)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-volume-bar .vjs-volume-level{background-color:var(--volume-bar)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-slider.vjs-volume-bar .vjs-volume-level:before{color:var(--volume-thumb)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-button:hover .vjs-icon-placeholder{font-size:1.1em}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-play-control{order:20}.vjs-skin-videoflow .video-js .vjs-control-bar .skip-back{order:10}.vjs-skin-videoflow .video-js .vjs-control-bar .skip-forward{order:30}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-panel{order:40}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-subs-caps-button{order:80}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control{order:0;width:100%}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:var(--progress-bar)}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress:before{color:var(--thumb);top:-.4em}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control .vjs-mouse-display{background-color:#fff;width:2px}.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-progress-control{order:35;width:auto}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-fullscreen-control{margin-left:auto;order:60}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-mute-control{order:70}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-menu-button{order:90}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-control{order:71}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-horizontal .vjs-volume-level{height:2px}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-volume-control .vjs-slider-horizontal .vjs-volume-level:before{top:-.4em}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-playback-rate,.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-remaining-time{display:none}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-current-time,.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-time-divider,.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-duration{display:inherit;padding-left:.5em;padding-right:.5em;order:50;user-select:none;color:var(--text)}.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-current-time,.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-time-divider,.mobile .vjs-skin-videoflow .video-js .vjs-control-bar .vjs-duration{display:none}.vjs-skin-videoflow .video-js .vjs-control-bar .vjs-time-divider{padding:0;min-width:inherit;font-size:1.5em;line-height:inherit;align-items:center}.vjs-skin-videoflow .video-js .vjs-clock{z-index:200;display:block;position:fixed;font-size:30px;padding:5px;top:0;line-height:30px;height:40px;margin:3px;font-weight:700;color:#d91919;background-color:#00000080}.vjs-skin-videoflow .video-js .vjs-big-play-button{z-index:2222;font-size:2em;line-height:2em;height:100%;width:100%;border-radius:0;border:none;background:#000;left:0;top:0}.vjs-skin-videoflow .video-js .vjs-big-play-button .vjs-icon-placeholder{animation-name:play-pulse;animation-duration:.75s;animation-direction:alternate;animation-iteration-count:infinite}.vjs-skin-videoflow .video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:"\f04b";font-size:2em;font-family:FontAwesome;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;display:flex;justify-content:center;align-items:center}@keyframes play-pulse{0%{opacity:.5}to{opacity:1}}.vjs-skin-videoflow .video-js .vjs-overlay-error-poster{position:absolute;width:100%;height:100%;overflow:hidden;background-color:#000;z-index:100;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.vjs-skin-videoflow .video-js .vjs-overlay-error-poster .overlay-error-icon{font-size:65px;color:#c72e2e;transform:translate(-50%,-50%);text-align:center;position:absolute;left:50%;top:40%}.vjs-skin-videoflow .video-js .vjs-overlay-error-poster .overlay-error-poster-content .overlay-error-poster-title{color:#fff;text-align:center;margin:0;font-size:18px}.vjs-skin-videoflow .video-js .vjs-overlay-error-poster .overlay-error-poster-content .overlay-error-poster-details{color:#fff;text-align:center;margin:10px 0 0;font-size:14px}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:"\f103"}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:"\f104"}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:"\f105"}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{content:"\f106"}.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:"\f107"}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:"\f108"}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before{content:"\f10c"}.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before{content:"\f10d"}.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:"\f115"}.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:"\f11d"}.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:"\f121"}.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:"\f122"}.video-js{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:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.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: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%}.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-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.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:0 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.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:#2b333fb3;border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{border-color:#fff;background-color:#73859f;background-color:#73859f80;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}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:#73859f80}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .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 .3em;font-weight:700;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:#2b333fb3}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:#2b333fb3;position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .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}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .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:#2b333fb3}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;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{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder: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;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{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.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:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.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{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:#000c}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:#73859f80}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.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 .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:#2b333fb3}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control,.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time,.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}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.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:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control,.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0em}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.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:#fff}.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(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,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:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{to{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f11d";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display: grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>*:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:none;background:none}.video-js *:focus:not(:focus-visible),.video-js .vjs-menu *:focus:not(:focus-visible){outline:none;background:none}.video-js .vjs-checkers{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:url(#/img/checker.svg) repeat #2b333d!important;background-size:25px!important}.video-js .vjs-logo{position:absolute;pointer-events:none;height:5%}.video-js .vjs-logo.top-left{top:5%;left:3%}.video-js .vjs-logo.top-right{top:5%;right:3%}.video-js .vjs-logo.bottom-left{bottom:5%;left:3%}.video-js .vjs-logo.bottom-right{bottom:5%;right:3%}.video-js .vjs-logo.hidden{display:none!important}.video-js .vjs-logo.clickable{cursor:pointer;pointer-events:auto}.video-js .vjs-mask{position:absolute;width:100%;height:100%;background-color:#000}.video-js .vjs-hover-overlay{display:flex;padding:2vw 2vw 0;transition:opacity .5s;opacity:0;position:absolute;top:-1px;left:-1px;right:-1px;min-height:30%;background:rgba(0,0,0,.8);background:-moz-linear-gradient(top,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0)}.video-js .vjs-hover-overlay.active{opacity:1}.video-js .vjs-hover-overlay.active .vjs-hover-overlay-back-btn{pointer-events:auto}.video-js .vjs-hover-overlay .vjs-hover-area{height:10px;width:100%;position:absolute;top:0;left:0;pointer-events:auto}@media (orientation: landscape){.mobile .video-js .vjs-hover-overlay .vjs-hover-area{height:10vh}}@media (orientation: portrait){.mobile .video-js .vjs-hover-overlay .vjs-hover-area{height:5vw}}.video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn{background-color:#0009;border-radius:50%;width:3vw;height:3vw;cursor:pointer;position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:center;max-width:40px;max-height:40px;margin-right:1vw}.video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn:hover{background-color:#ff0036}.video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn:before{content:"\f104";color:#fff;font-family:FontAwesome;position:absolute;font-size:1.75vw}@media (min-width: 1201px){.video-js .vjs-hover-overlay .vjs-hover-overlay-back-btn:before{font-size:34px}}.video-js .vjs-hover-overlay .vjs-hover-overlay-data{display:flex;flex-direction:column}.video-js .vjs-hover-overlay .vjs-hover-overlay-data .vjs-hover-overlay-title{font-size:2vw;font-weight:700;margin-bottom:.5vw}.video-js .vjs-hover-overlay .vjs-hover-overlay-data .vjs-hover-overlay-description{font-size:1.25vw}@keyframes playPauseAnimation{0%{display:block;opacity:0;transform:translate(-50%,-50%) scale(1)}20%{opacity:1}to{display:none;opacity:0;transform:translate(-50%,-50%) scale(2)}}.video-js .vjs-fs-play-pause{pointer-events:auto;position:absolute;top:0;bottom:0;left:0;right:0}.mobile .video-js .vjs-fs-play-pause{display:none}.video-js .vjs-fs-play,.video-js .vjs-fs-pause{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1)}.video-js .vjs-fs-play.playPauseAnimation,.video-js .vjs-fs-pause.playPauseAnimation{animation-name:playPauseAnimation;animation-duration:.5s;animation-fill-mode:forwards}.video-js.vjs-ad-playing:not(.vjs-ad-paused) .vjs-fs-play-pause{pointer-events:none}.video-js .vjs-skip-button{font-family:Material Icons;cursor:pointer}.video-js .vjs-skip-button.skip-back:before{content:"\e042"}.video-js .vjs-skip-button.skip-back.skip-10:before{content:"\e059"}.video-js .vjs-skip-button.skip-back.skip-5:before{content:"\e05b"}.video-js .vjs-skip-button.skip-back.skip-30:before{content:"\e05a"}.video-js .vjs-skip-button.skip-forward:before{content:"\e5d5"}.video-js .vjs-skip-button.skip-forward.skip-10:before{content:"\e056"}.video-js .vjs-skip-button.skip-forward.skip-5:before{content:"\e058"}.video-js .vjs-skip-button.skip-forward.skip-30:before{content:"\e057"}.video-js.vjs-v6 .vjs-skip-button.skip-back:before,.video-js.vjs-v6 .vjs-skip-button.skip-back.skip-10:before,.video-js.vjs-v6 .vjs-skip-button.skip-back.skip-5:before,.video-js.vjs-v6 .vjs-skip-button.skip-back.skip-30:before,.video-js.vjs-v6 .vjs-skip-button.skip-forward:before,.video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-10:before,.video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-5:before,.video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-30:before,.video-js.vjs-v7 .vjs-skip-button.skip-back:before,.video-js.vjs-v7 .vjs-skip-button.skip-back.skip-10:before,.video-js.vjs-v7 .vjs-skip-button.skip-back.skip-5:before,.video-js.vjs-v7 .vjs-skip-button.skip-back.skip-30:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-10:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-5:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-30:before{content:none}.video-js.vjs-v6 .vjs-skip-button.skip-back .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-back .vjs-icon-placeholder:before{content:"\e042"}.video-js.vjs-v6 .vjs-skip-button.skip-back.skip-10 .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-back.skip-10 .vjs-icon-placeholder:before{content:"\e059"}.video-js.vjs-v6 .vjs-skip-button.skip-back.skip-5 .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-back.skip-5 .vjs-icon-placeholder:before{content:"\e05b"}.video-js.vjs-v6 .vjs-skip-button.skip-back.skip-30 .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-back.skip-30 .vjs-icon-placeholder:before{content:"\e05a"}.video-js.vjs-v6 .vjs-skip-button.skip-forward .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward .vjs-icon-placeholder:before{content:"\e5d5"}.video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-10 .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-10 .vjs-icon-placeholder:before{content:"\e056"}.video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-5 .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-5 .vjs-icon-placeholder:before{content:"\e058"}.video-js.vjs-v6 .vjs-skip-button.skip-forward.skip-30 .vjs-icon-placeholder:before,.video-js.vjs-v7 .vjs-skip-button.skip-forward.skip-30 .vjs-icon-placeholder:before{content:"\e057"}.video-js .vjs-open-in-videoflow-button{cursor:pointer;order:400}.video-js .vjs-open-in-videoflow-button :before{content:"";background:url(#/img/logo2.svg) 50% 50% no-repeat;background-size:.9em}.vjs-source-item:hover{background-color:#fff3}.vjs-source-item.selected{background-color:#fff6}.video-js .vjs-control.vjs-video-title{order:55;flex:1;display:flex;justify-content:center!important;align-items:center!important}.video-js .vjs-control.vjs-video-title .vjs-video-title-text{font-size:1.4em;font-weight:700;user-select:none}.mobile .video-js .vjs-control.vjs-video-title{display:none}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-videojs{position:absolute;width:100%;height:100%;top:50%;transform:translateY(-50%);overflow:hidden;background:transparent;pointer-events:none}.player-videojs .footage{top:50%;transform:translateY(-50%);pointer-events:auto}.player-videojs .video{position:absolute;width:100%;height:100%;background:transparent;top:50%;left:50%;transform:translate(-50%,-50%)}.video-js .vjs-control-bar{z-index:110}