PluginProbe
FV Player 8 / 8.0.21
FV Player 8 v8.0.21
trunk 8.0.18 8.0.19 8.0.20 8.0.21 8.0.25 8.0.27 8.1 8.1.3
fv-player / css / skin.css

skin.css in FV Player 8 8.0.21, at css/skin.css

1,133 lines 42.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 @font-face {
3 font-family: freedomplayer;
4 src: url("icons/freedomplayer.eot?#iefix") format("embedded-opentype"), url("icons/freedomplayer.woff2") format("woff2"), url("icons/freedomplayer.woff") format("woff"); }
5
6 .fp-icon {
7 display: inline-block; }
8 .fp-icon:before, .fp-icon:after {
9 font-family: freedomplayer;
10 font-size: 1.7em; }
11
12 .fp-controls svg {
13 fill: whitesmoke;
14 stroke: whitesmoke;
15 }
16 .fp-airplay svg {
17 vertical-align: text-top;
18 width: 18px; }
19
20 .fp-fullscreen {
21 -webkit-box-ordinal-group: 101;
22 -ms-flex-order: 100;
23 order: 100; }
24 .fp-fullscreen svg {
25 vertical-align: text-top;
26 stroke-width: 4;
27 width: 22px; }
28 .fp-fullscreen svg.fp-fullscreen-exit {
29 display: none;
30 fill: none;
31 stroke-width: 3; }
32
33 .fp-checked:before {
34 content: "\e003"; }
35
36 .fp-embed:before {
37 content: "\e004";
38 color: #fff; }
39
40 .fp-controls a.fp-chromecast {
41 margin: 0 0.5em; }
42
43 .fp-chromecast svg {
44 vertical-align: text-top;
45 width: 20px; }
46
47 .fp-email:before {
48 content: "\e006"; }
49
50 .fp-playbtn:before {
51 /* autoprefixer: off */
52 content: "\e007";
53 display: flex;
54 line-height: 0; }
55
56 .fp-volumebtn:before {
57 content: "\e00b"; }
58
59 .fp-volume-off:before {
60 content: "\e00d"; }
61
62 .fp-unload:before {
63 content: "\e00f"; }
64
65 .fp-prevbtn:before {
66 content: "\e011"; }
67
68 .fp-nextbtn:before {
69 content: "\e012"; }
70
71 .freedomplayer.is-mouseover .fp-captions, .freedomplayer.is-paused .fp-captions {
72 bottom: 3em; }
73
74 .freedomplayer.is-loading .fp-engine {
75 opacity: 0; }
76
77 .freedomplayer.is-loading .fp-ui .fp-header, .freedomplayer.is-loading .fp-ui .fp-controls {
78 opacity: 0; }
79
80 .freedomplayer.is-splash .fp-ui > div,
81 .freedomplayer.is-splash .fp-ui > p, .freedomplayer.is-poster .fp-ui > div,
82 .freedomplayer.is-poster .fp-ui > p {
83 display: none; }
84
85 .freedomplayer.is-splash .fp-ui > .fp-play, .freedomplayer.is-poster .fp-ui > .fp-play {
86 display: block; }
87
88 .freedomplayer.is-splash.is-loading .fp-ui > .fp-play, .freedomplayer.is-poster.is-loading .fp-ui > .fp-play {
89 display: none; }
90
91 .freedomplayer.is-splash.is-loading .fp-ui > .fp-waiting, .freedomplayer.is-poster.is-loading .fp-ui > .fp-waiting {
92 display: block; }
93
94 .freedomplayer.is-poster .fp-captions {
95 display: none !important; }
96
97 .freedomplayer.is-disabled .fp-color {
98 background-color: #999; }
99
100 .freedomplayer.has-title .fp-header {
101 top: 0;
102 text-align: right; }
103
104 .freedomplayer.is-fullscreen {
105 top: 0 !important;
106 left: 0 !important;
107 border: 0 !important;
108 margin: 0 !important;
109 width: 100% !important;
110 height: 100% !important;
111 max-width: 100% !important;
112 z-index: 9999999 !important;
113 -webkit-box-shadow: 0 !important;
114 box-shadow: 0 !important;
115 background-image: none !important;
116 background-color: #333;
117 border-radius: 0; }
118 .freedomplayer.is-fullscreen .fp-player {
119 background-color: #333; }
120 .freedomplayer.is-fullscreen .fp-fullscreen svg.fp-fullscreen-exit {
121 display: block; }
122 .freedomplayer.is-fullscreen .fp-fullscreen svg.fp-fullscreen-enter {
123 display: none; }
124 .freedomplayer.is-fullscreen .fp-fullscreen.bold svg.fp-fullscreen-exit {
125 stroke-width: 5; }
126 .freedomplayer.is-fullscreen .fp-controls {
127 bottom: env(safe-area-inset-bottom); }
128 .freedomplayer.is-fullscreen .fp-full .fp-timeline {
129 margin-left: env(safe-area-inset-bottom);
130 margin-right: env(safe-area-inset-bottom);
131 width: calc( 100% - 2 * env(safe-area-inset-bottom)); }
132
133 .freedomplayer.is-fullscreen.is-mouseout.is-playing .fp-ui {
134 cursor: none; }
135
136 .freedomplayer.is-loading .fp-waiting, .freedomplayer.is-seeking .fp-waiting {
137 display: block !important;
138 opacity: 1 !important; }
139
140 .freedomplayer.is-loading .fp-play, .freedomplayer.is-loading .fp-pause, .freedomplayer.is-seeking .fp-play, .freedomplayer.is-seeking .fp-pause {
141 display: none !important; }
142
143 .freedomplayer.is-disabled .fp-play, .freedomplayer.is-disabled .fp-pause, .freedomplayer.is-disabled .fp-fullscreen {
144 display: none; }
145
146 .freedomplayer.is-playing {
147 background-image: none !important; }
148 .freedomplayer.is-playing .fp-playbtn:before {
149 content: "\e008"; }
150
151 .freedomplayer.is-playing.fp-outlined .fp-playbtn:before, .freedomplayer.is-playing.fp-minimal .fp-playbtn:before {
152 content: "\e208"; }
153
154 .freedomplayer.is-playing.fp-edgy .fp-playbtn:before {
155 content: "\e108"; }
156
157 .freedomplayer.is-playing.fp-edgy.fp-outlined .fp-playbtn:before, .freedomplayer.is-playing.fp-edgy.fp-minimal .fp-playbtn:before {
158 content: "\e308"; }
159
160 .freedomplayer.is-muted .fp-volumebtn:before {
161 content: "\e00d"; }
162
163 .freedomplayer.is-muted.fp-outlined .fp-volumebtn:before, .freedomplayer.is-muted.fp-minimal .fp-volumebtn:before {
164 content: "\e20d"; }
165
166 .freedomplayer.is-muted.fp-edgy .fp-volumebtn:before {
167 content: "\e10d"; }
168
169 .freedomplayer.is-muted.fp-edgy.fp-outlined .fp-volumebtn:before, .freedomplayer.is-muted.fp-edgy.fp-minimal .fp-volumebtn:before {
170 content: "\e30d"; }
171
172 .freedomplayer.is-inverted .fp-duration {
173 display: none; }
174
175 .freedomplayer.is-inverted .fp-remaining {
176 display: block; }
177
178 .freedomplayer.is-closeable .fp-header .fp-unload {
179 display: block; }
180
181 .freedomplayer.is-error {
182 background-color: #aaa; }
183 .freedomplayer.is-error .fp-ui {
184 opacity: 1; }
185
186 .freedomplayer.is-live .fp-timeline {
187 visibility: hidden; }
188
189 .freedomplayer.is-live .fp-bar > *.fp-buffer, .freedomplayer.is-live .fp-bar-slider > *.fp-buffer {
190 max-width: 100%; }
191
192 .freedomplayer.is-live.is-dvr .fp-timeline {
193 visibility: visible; }
194
195 .freedomplayer.is-live.is-dvr.is-live-position .fp-duration {
196 color: #00abcd; }
197
198 .freedomplayer.is-tiny:not(.is-fullscreen) {
199 font-size: .7em; }
200
201 .freedomplayer.is-small:not(.is-fullscreen) {
202 font-size: .8em; }
203
204 .freedomplayer.is-captions-rtl .fp-captions {
205 direction: rtl; }
206
207 .freedomplayer.is-touch:not(.is-audio):not(.is-popup-showing) .fp-controls .fp-playbtn {
208 display: none; }
209
210 .freedomplayer.no-buffer .fp-ui .fp-controls .fp-timeline .fp-buffer {
211 display: none; }
212
213 .freedomplayer.no-controlbar .fp-controls {
214 visibility: hidden; }
215
216 .freedomplayer.no-controlbar.is-muted .fp-controls .fp-volume {
217 -webkit-box-ordinal-group: 102;
218 -ms-flex-order: 101;
219 order: 101; }
220
221 .freedomplayer.no-controlbar.is-muted .fp-controls .fp-volumebtn {
222 visibility: visible;
223 display: block; }
224
225 .freedomplayer.no-controlbar.is-muted .fp-controls .fp-volumebar {
226 display: none; }
227
228 .freedomplayer.no-controlbar .fp-forward, .freedomplayer.no-controlbar .fp-rewind {
229 visibility: hidden; }
230
231 .freedomplayer.no-volume .fp-volumebar {
232 display: none; }
233
234 @-webkit-keyframes pulse {
235 0% {
236 opacity: 0; }
237 100% {
238 opacity: 1; } }
239
240 @keyframes pulse {
241 0% {
242 opacity: 0; }
243 100% {
244 opacity: 1; } }
245
246 .freedomplayer .fp-chromecast-engine {
247 position: absolute;
248 display: none;
249 top: 0;
250 bottom: 0;
251 right: 0;
252 left: 0;
253 background-color: #333;
254 color: #fff; }
255 .freedomplayer .fp-chromecast-engine p {
256 color: #fff; }
257 .freedomplayer .fp-chromecast-engine .fp-chromecast-engine-status {
258 font-size: 150%;
259 text-align: center; }
260 .freedomplayer .fp-chromecast-engine .fp-chromecast-engine-icon {
261 -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIG9wYWNpdHk9Ii4xIi8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMSAxOHYzaDNjMC0xLjY2LTEuMzQtMy0zLTN6bTAtNHYyYzIuNzYgMCA1IDIuMjQgNSA1aDJjMC0zLjg3LTMuMTMtNy03LTd6bTE4LTdINXYxLjYzYzMuOTYgMS4yOCA3LjA5IDQuNDEgOC4zNyA4LjM3SDE5Vjd6TTEgMTB2MmM0Ljk3IDAgOSA0LjAzIDkgOWgyYzAtNi4wOC00LjkzLTExLTExLTExem0yMC03SDNjLTEuMSAwLTIgLjktMiAydjNoMlY1aDE4djE0aC03djJoN2MxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPgo8L3N2Zz4=");
262 mask-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIG9wYWNpdHk9Ii4xIi8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMSAxOHYzaDNjMC0xLjY2LTEuMzQtMy0zLTN6bTAtNHYyYzIuNzYgMCA1IDIuMjQgNSA1aDJjMC0zLjg3LTMuMTMtNy03LTd6bTE4LTdINXYxLjYzYzMuOTYgMS4yOCA3LjA5IDQuNDEgOC4zNyA4LjM3SDE5Vjd6TTEgMTB2MmM0Ljk3IDAgOSA0LjAzIDkgOWgyYzAtNi4wOC00LjkzLTExLTExLTExem0yMC03SDNjLTEuMSAwLTIgLjktMiAydjNoMlY1aDE4djE0aC03djJoN2MxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPgo8L3N2Zz4=");
263 -webkit-mask-size: 100% 100%;
264 background-color: #fff;
265 margin: 10% auto 0;
266 height: 5em;
267 width: 5em; }
268
269 .freedomplayer.is-chromecast .fp-chromecast-engine {
270 display: block; }
271
272 .freedomplayer.is-chromecast .fp-engine {
273 opacity: 0; }
274
275 .freedomplayer.fp-default-playlist .fp-prev, .freedomplayer.fp-default-playlist .fp-next {
276 position: absolute;
277 top: calc(50% - 2em);
278 opacity: 0.3;
279 -webkit-transition: opacity 0.2s;
280 transition: opacity 0.2s; }
281 .freedomplayer.fp-default-playlist .fp-prev:before, .freedomplayer.fp-default-playlist .fp-next:before {
282 font-family: freedomplayer;
283 font-size: 2.8em; }
284
285 .freedomplayer.fp-default-playlist .fp-prev {
286 left: 0.4em; }
287 .freedomplayer.fp-default-playlist .fp-prev:before {
288 content: "\e011"; }
289
290 .freedomplayer.fp-default-playlist .fp-next {
291 right: 0.4em; }
292 .freedomplayer.fp-default-playlist .fp-next:before {
293 content: "\e012"; }
294
295 .freedomplayer.fp-default-playlist .fp-playlist {
296 position: absolute;
297 right: 0.4em;
298 bottom: 3em;
299 width: 100%;
300 text-align: center; }
301 .freedomplayer.fp-default-playlist .fp-playlist a {
302 background-color: #fff;
303 height: 0.8em;
304 border-radius: 50%;
305 width: 0.8em;
306 opacity: 0.7;
307 display: inline-block;
308 -webkit-transition: -webkit-transform 0.2s;
309 transition: -webkit-transform 0.2s;
310 transition: transform 0.2s;
311 transition: transform 0.2s, -webkit-transform 0.2s; }
312 .freedomplayer.fp-default-playlist .fp-playlist a:hover {
313 -webkit-transform: scale(1.2, 1.2);
314 transform: scale(1.2, 1.2); }
315 .freedomplayer.fp-default-playlist .fp-playlist a.is-active {
316 opacity: 1; }
317
318 .freedomplayer.fp-default-playlist.fp-edgy .fp-prev:before {
319 content: "\e111"; }
320
321 .freedomplayer.fp-default-playlist.fp-edgy .fp-next:before {
322 content: "\e112"; }
323
324 .freedomplayer.fp-default-playlist.fp-outlined .fp-prev:before, .freedomplayer.fp-default-playlist.fp-minimal .fp-prev:before {
325 content: "\e211"; }
326
327 .freedomplayer.fp-default-playlist.fp-outlined .fp-next:before, .freedomplayer.fp-default-playlist.fp-minimal .fp-next:before {
328 content: "\e212"; }
329
330 .freedomplayer.fp-default-playlist.fp-edgy.fp-outlined .fp-prev:before, .freedomplayer.fp-default-playlist.fp-edgy.fp-minimal .fp-prev:before {
331 content: "\e311"; }
332
333 .freedomplayer.fp-default-playlist.fp-edgy.fp-outlined .fp-next:before, .freedomplayer.fp-default-playlist.fp-edgy.fp-minimal .fp-next:before {
334 content: "\e312"; }
335
336 .freedomplayer.fp-custom-playlist {
337 overflow: visible; }
338 .freedomplayer.fp-custom-playlist .fp-playlist, .freedomplayer.fp-custom-playlist.is-splash .fp-playlist, .freedomplayer.fp-custom-playlist.is-poster .fp-playlist, .freedomplayer.fp-custom-playlist.is-loading .fp-playlist {
339 display: block;
340 opacity: 1; }
341
342 .freedomplayer.fp-edgy .fp-play svg.fp-play-rounded-fill, .freedomplayer.fp-edgy .fp-play svg.fp-pause-rounded-fill, .freedomplayer.fp-edgy .fp-play svg.fp-play-rounded-outline, .freedomplayer.fp-edgy .fp-play svg.fp-pause-rounded-outline, .freedomplayer.fp-edgy .fp-pause svg.fp-play-rounded-fill, .freedomplayer.fp-edgy .fp-pause svg.fp-pause-rounded-fill, .freedomplayer.fp-edgy .fp-pause svg.fp-play-rounded-outline, .freedomplayer.fp-edgy .fp-pause svg.fp-pause-rounded-outline {
343 display: none !important; }
344
345 .freedomplayer.fp-edgy .fp-play svg.fp-play-sharp-fill, .freedomplayer.fp-edgy .fp-play svg.fp-pause-sharp-fill, .freedomplayer.fp-edgy .fp-pause svg.fp-play-sharp-fill, .freedomplayer.fp-edgy .fp-pause svg.fp-pause-sharp-fill {
346 display: block; }
347
348 .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-play-sharp-fill, .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-play-sharp-fill, .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-pause-sharp-fill, .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-pause-sharp-fill, .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-play-sharp-fill, .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-play-sharp-fill, .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-pause-sharp-fill, .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-pause-sharp-fill {
349 display: none; }
350
351 .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-play-sharp-outline, .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-play-sharp-outline, .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-pause-sharp-outline, .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-pause-sharp-outline, .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-play-sharp-outline, .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-play-sharp-outline, .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-pause-sharp-outline, .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-pause-sharp-outline {
352 display: block; }
353
354 .freedomplayer.fp-edgy, .freedomplayer.fp-edgy .fp-menu, .freedomplayer.fp-edgy .fp-captions p, .freedomplayer.fp-edgy .fp-textarea, .freedomplayer.fp-edgy .fp-bar, .freedomplayer.fp-edgy .fp-bar-slider, .freedomplayer.fp-edgy .fp-bar > span, .freedomplayer.fp-edgy .fp-bar-slider > span, .freedomplayer.fp-edgy .fp-bar > div, .freedomplayer.fp-edgy .fp-bar-slider > div, .freedomplayer.fp-edgy .fp-timestamp {
355 border-radius: 0; }
356
357 .freedomplayer.fp-edgy .fp-checked:before {
358 content: "\e103"; }
359
360 .freedomplayer.fp-edgy .fp-email:before {
361 content: "\e106"; }
362
363 .freedomplayer.fp-edgy .fp-playbtn:before {
364 content: "\e107"; }
365
366 .freedomplayer.fp-edgy .fp-volumebtn:before {
367 content: "\e10b"; }
368
369 .freedomplayer.fp-edgy .fp-volume-off:before {
370 content: "\e10d"; }
371
372 .freedomplayer.fp-edgy .fp-unload:before {
373 content: "\e10f"; }
374
375 .freedomplayer.fp-edgy .fp-prevbtn:before {
376 content: "\e111"; }
377
378 .freedomplayer.fp-edgy .fp-nextbtn:before {
379 content: "\e112"; }
380
381 .freedomplayer.fp-edgy.fp-outlined .fp-checked:before, .freedomplayer.fp-edgy.fp-minimal .fp-checked:before {
382 content: "\e303"; }
383
384 .freedomplayer.fp-edgy.fp-outlined .fp-email:before, .freedomplayer.fp-edgy.fp-minimal .fp-email:before {
385 content: "\e306"; }
386
387 .freedomplayer.fp-edgy.fp-outlined .fp-playbtn:before, .freedomplayer.fp-edgy.fp-minimal .fp-playbtn:before {
388 content: "\e307"; }
389
390 .freedomplayer.fp-edgy.fp-outlined .fp-volumebtn:before, .freedomplayer.fp-edgy.fp-minimal .fp-volumebtn:before {
391 content: "\e30b"; }
392
393 .freedomplayer.fp-edgy.fp-outlined .fp-volume-off:before, .freedomplayer.fp-edgy.fp-minimal .fp-volume-off:before {
394 content: "\e30d"; }
395
396 .freedomplayer.fp-edgy.fp-outlined .fp-unload:before, .freedomplayer.fp-edgy.fp-minimal .fp-unload:before {
397 content: "\e30f"; }
398
399 .freedomplayer.fp-edgy.fp-outlined .fp-prevbtn:before, .freedomplayer.fp-edgy.fp-minimal .fp-prevbtn:before {
400 content: "\e311"; }
401
402 .freedomplayer.fp-edgy.fp-outlined .fp-nextbtn:before, .freedomplayer.fp-edgy.fp-minimal .fp-nextbtn:before {
403 content: "\e312"; }
404
405 .freedomplayer .fp-player, .freedomplayer .fp-ui, .freedomplayer .fp-header, .freedomplayer .fp-captions, .freedomplayer .fp-controls {
406 position: absolute;
407 width: 100%; }
408
409 .freedomplayer {
410 font-family: avenir, sans-serif;
411 font-size: 14px;
412 position: relative;
413 max-height: 100%;
414 overflow: visible;
415 border-radius: .24em;
416 background-position: center;
417 background-repeat: no-repeat;
418 background-size: contain;
419 zoom: 1 !important;
420 width: 100%;
421 display: inline-block;
422 -webkit-tap-highlight-color: transparent; }
423 .freedomplayer .fp-hidden, .freedomplayer strong.fp-hidden {
424 display: none; }
425 .freedomplayer .fp-shown {
426 display: block !important; }
427 .freedomplayer div,
428 .freedomplayer a,
429 .freedomplayer p,
430 .freedomplayer span,
431 .freedomplayer strong {
432 -webkit-box-sizing: border-box;
433 box-sizing: border-box; }
434 .freedomplayer.is-ready:not(.is-poster) {
435 background: none; }
436 .freedomplayer .fp-engine {
437 display: block;
438 width: 100%;
439 position: absolute;
440 top: 0;
441 bottom: 0;
442 left: 0;
443 right: 0;
444 height: 100% !important;
445 width: 100%; }
446 .freedomplayer video.fp-engine:not(.native-subtitles)::-webkit-media-controls {
447 display: none !important; }
448 .freedomplayer .fp-player {
449 position: absolute;
450 bottom: 0;
451 top: 0; }
452 .freedomplayer .fp-waiting {
453 display: none; }
454 .freedomplayer .fp-ui .fp-preload {
455 margin: auto; }
456 .freedomplayer.is-splash .fp-preload, .freedomplayer.is-poster .fp-preload {
457 position: absolute;
458 display: block;
459 height: 2em;
460 opacity: 0.8; }
461 .freedomplayer .fp-ui {
462 height: 100%;
463 top: 0;
464 background-image: none;
465 -webkit-transition: background-image .1s;
466 transition: background-image .1s;
467 text-align: center;
468 cursor: pointer;
469 color: whitesmoke; }
470 .freedomplayer .fp-ui a, .freedomplayer .fp-ui strong, .freedomplayer .fp-ui a:before {
471 color: inherit !important;
472 font-style: normal !important;
473 text-decoration: none !important; }
474 .freedomplayer .fp-ui > div,
475 .freedomplayer .fp-ui > p {
476 -webkit-transition: opacity .1s;
477 transition: opacity .1s;
478 opacity: 0; }
479 .freedomplayer.fp-ui-shown .fp-ui > div,
480 .freedomplayer.fp-ui-shown .fp-ui > p, .freedomplayer.is-paused:not(.was-played) .fp-ui > div,
481 .freedomplayer.is-paused:not(.was-played) .fp-ui > p, .freedomplayer.is-splash .fp-ui > div,
482 .freedomplayer.is-splash .fp-ui > p, .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui > div,
483 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui > p, .freedomplayer.is-loading .fp-ui > div,
484 .freedomplayer.is-loading .fp-ui > p, .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui > div,
485 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui > p {
486 opacity: 1; }
487 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > a,
488 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > div,
489 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > span,
490 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > strong, .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > a,
491 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > div,
492 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > span,
493 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > strong, .freedomplayer.is-splash .fp-ui .fp-controls > a,
494 .freedomplayer.is-splash .fp-ui .fp-controls > div,
495 .freedomplayer.is-splash .fp-ui .fp-controls > span,
496 .freedomplayer.is-splash .fp-ui .fp-controls > strong, .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > a,
497 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > div,
498 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > span,
499 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > strong, .freedomplayer.is-loading .fp-ui .fp-controls > a,
500 .freedomplayer.is-loading .fp-ui .fp-controls > div,
501 .freedomplayer.is-loading .fp-ui .fp-controls > span,
502 .freedomplayer.is-loading .fp-ui .fp-controls > strong, .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > a,
503 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > div,
504 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > span,
505 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > strong {
506 opacity: 1; }
507 .freedomplayer:not(.is-touch):not(.is-mouseover-top).was-played .fp-header {
508 opacity: 0; }
509 .freedomplayer.is-fullscreen.was-played:not(.is-touch):not(.is-mouseover-bottom):not(.is-fullscreen-exit-hint):not(.fixed-controls) .fp-controls {
510 opacity: 0; }
511 .freedomplayer.is-mobile-seeking .fp-controls {
512 opacity: 1;
513 visibility: hidden; }
514 .freedomplayer.is-mobile-seeking .fp-timeline, .freedomplayer.is-mobile-seeking .fp-forward, .freedomplayer.is-mobile-seeking .fp-rewind {
515 opacity: 1;
516 visibility: visible; }
517 .freedomplayer.is-fullscreen-exit-hint .fp-controls {
518 opacity: 1;
519 visibility: hidden; }
520 .freedomplayer.is-fullscreen-exit-hint .fp-timeline, .freedomplayer.is-fullscreen-exit-hint .fp-fullscreen {
521 opacity: 1;
522 visibility: visible; }
523 .freedomplayer .fp-header {
524 top: 0;
525 text-align: left;
526 height: 3em;
527 padding-left: .65em;
528 z-index: 2; }
529 .freedomplayer .fp-header .fp-icon {
530 padding: .5em 1em; }
531 .freedomplayer .fp-header .fp-icon.fp-active {
532 color: #ec6c4c; }
533 .freedomplayer .fp-unload {
534 display: none; }
535 .freedomplayer.is-mouseover.is-touch .fp-ui {
536 background: rgba(0, 0, 0, 0.6); }
537 .freedomplayer:not(.is-touch):not(.fixed-controls).fp-slim.is-mouseover:not(.is-fullscreen) .fp-ui, .freedomplayer:not(.is-touch):not(.fixed-controls).fp-slim.is-fullscreen.is-mouseover-bottom .fp-ui {
538 background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(15%, transparent));
539 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent 15%); }
540 .freedomplayer .fp-help {
541 display: none; }
542 .freedomplayer .fp-message {
543 background-color: rgba(0, 0, 0, 0.5);
544 text-align: left;
545 font-size: 1.2em;
546 overflow: hidden;
547 opacity: 0;
548 padding: .6em .9em;
549 -webkit-transition: opacity 0.3s;
550 transition: opacity 0.3s; }
551 .freedomplayer .fp-message.fp-shown {
552 opacity: 1; }
553 .freedomplayer .fp-message.fp-shown + .fp-header {
554 opacity: 0; }
555 .freedomplayer .fp-textarea {
556 background-color: rgba(0, 0, 0, 0.5);
557 width: 80%;
558 position: absolute;
559 left: 10%;
560 top: 15%;
561 color: #fff;
562 outline: 0;
563 border-radius: .2em;
564 border: 0;
565 min-height: 60%; }
566 .freedomplayer .fp-logo {
567 position: absolute;
568 bottom: 3em;
569 left: 0.9em; }
570 .freedomplayer .fp-logo img {
571 width: 100%; }
572 .freedomplayer .fp-captions {
573 bottom: 1.2em;
574 display: none;
575 text-align: center;
576 color: #fff; }
577 .freedomplayer .fp-captions p {
578 background-color: rgba(0, 0, 0, 0.65);
579 border-radius: .2em;
580 font-size: 110%;
581 display: inline-block;
582 padding: .1em .3em;
583 margin: .1em; }
584 .freedomplayer.has-subtitles video::-webkit-media-text-track-container {
585 display: none; }
586 .freedomplayer.has-subtitles.is-fullscreen video.native-subtitles::-webkit-media-text-track-container {
587 display: block; }
588 .freedomplayer .fp-speed-flash {
589 position: absolute;
590 left: 0;
591 right: 0;
592 bottom: 0;
593 top: 0;
594 margin: auto;
595 font-size: 4em;
596 color: #fff;
597 font-weight: bold;
598 text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
599 opacity: 0 !important;
600 -webkit-transform: scale(0.8);
601 transform: scale(0.8);
602 -webkit-transition: all .2s;
603 transition: all .2s;
604 width: 4em;
605 height: 2em;
606 display: none; }
607 .freedomplayer .fp-speed-flash.fp-hilite {
608 opacity: 1 !important;
609 -webkit-transform: scale(1);
610 transform: scale(1); }
611 .freedomplayer .fp-play .fp-playbtn, .freedomplayer .fp-pause .fp-playbtn, .freedomplayer .fp-forward .fp-playbtn, .freedomplayer .fp-rewind .fp-playbtn {
612 display: none; }
613 .freedomplayer .fp-play svg, .freedomplayer .fp-pause svg, .freedomplayer .fp-forward svg, .freedomplayer .fp-rewind svg {
614 position: absolute;
615 left: 0;
616 right: 0;
617 bottom: 0;
618 top: 0;
619 width: 6em;
620 height: 6em;
621 opacity: 0;
622 margin: auto;
623 max-height: 30%;
624 -webkit-transform: scale(0.8);
625 transform: scale(0.8);
626 -webkit-transition: all .2s;
627 transition: all .2s;
628 display: none; }
629 .freedomplayer .fp-play svg.fp-play-rounded-fill, .freedomplayer .fp-play svg.fp-pause-rounded-fill, .freedomplayer .fp-pause svg.fp-play-rounded-fill, .freedomplayer .fp-pause svg.fp-pause-rounded-fill, .freedomplayer .fp-forward svg.fp-play-rounded-fill, .freedomplayer .fp-forward svg.fp-pause-rounded-fill, .freedomplayer .fp-rewind svg.fp-play-rounded-fill, .freedomplayer .fp-rewind svg.fp-pause-rounded-fill {
630 display: block; }
631 .freedomplayer .fp-play svg path, .freedomplayer .fp-pause svg path, .freedomplayer .fp-forward svg path, .freedomplayer .fp-rewind svg path {
632 pointer-events: none; }
633 .freedomplayer .fp-play.fp-visible svg, .freedomplayer .fp-pause.fp-visible svg, .freedomplayer .fp-forward.fp-visible svg, .freedomplayer .fp-rewind.fp-visible svg {
634 -webkit-transform: scale(1.5);
635 transform: scale(1.5);
636 opacity: 1; }
637 .freedomplayer .fp-play.fp-visible-change, .freedomplayer .fp-pause.fp-visible-change, .freedomplayer .fp-forward.fp-visible-change, .freedomplayer .fp-rewind.fp-visible-change {
638 opacity: 1; }
639 .freedomplayer .fp-remaining {
640 display: none; }
641 .freedomplayer .fp-rewind, .freedomplayer .fp-forward {
642 width: 18vw;
643 position: absolute;
644 left: 0;
645 height: 54%;
646 top: 50%;
647 -webkit-transform: translateY(-50%);
648 transform: translateY(-50%); }
649 @media screen and (orientation: portrait) {
650 .freedomplayer .fp-rewind, .freedomplayer .fp-forward {
651 width: 14vw; } }
652 .freedomplayer .fp-rewind svg, .freedomplayer .fp-forward svg {
653 max-width: 14vw;
654 width: 2em;
655 -webkit-transform: none;
656 transform: none; }
657 .freedomplayer .fp-rewind svg:active, .freedomplayer .fp-forward svg:active {
658 -webkit-transform: scale(0.9);
659 transform: scale(0.9); }
660 .freedomplayer .fp-forward {
661 left: auto;
662 padding-left: 9vw;
663 right: 0; }
664 @media screen and (orientation: portrait) {
665 .freedomplayer .fp-forward {
666 padding-left: auto; } }
667 .freedomplayer .fp-forward svg {
668 margin-left: 9vw; }
669 @media screen and (orientation: portrait) {
670 .freedomplayer .fp-forward svg {
671 margin-left: 0; } }
672 .freedomplayer .fp-rewind {
673 left: 0;
674 padding-right: 9vw; }
675 @media screen and (orientation: portrait) {
676 .freedomplayer .fp-rewind {
677 padding-right: auto; } }
678 .freedomplayer .fp-rewind svg {
679 margin-right: 9vw; }
680 @media screen and (orientation: portrait) {
681 .freedomplayer .fp-rewind svg {
682 margin-right: 0; } }
683 .freedomplayer.is-mouseover.is-ready .fp-forward, .freedomplayer.is-mouseover.is-ready .fp-rewind {
684 display: block; }
685 .freedomplayer.is-mouseover.is-ready .fp-forward svg, .freedomplayer.is-mouseover.is-ready .fp-rewind svg {
686 display: block;
687 opacity: 1; }
688 .freedomplayer.is-mouseover.is-disabled .fp-forward, .freedomplayer.is-mouseover.is-disabled .fp-rewind, .freedomplayer.is-mouseover.is-cva .fp-forward, .freedomplayer.is-mouseover.is-cva .fp-rewind {
689 display: none; }
690 .freedomplayer.is-mobile-seeking.is-ready .fp-rewind {
691 display: block;
692 opacity: 1; }
693 .freedomplayer.is-mobile-seeking.is-ready .fp-rewind svg {
694 display: block;
695 opacity: 1; }
696 .freedomplayer.is-mobile-seeking.is-ready .fp-forward {
697 display: block;
698 opacity: 1; }
699 .freedomplayer.is-mobile-seeking.is-ready .fp-forward svg {
700 display: block;
701 opacity: 1; }
702 .freedomplayer .fp-controls {
703 display: -ms-flexbox;
704 display: -webkit-box;
705 display: flex;
706 -ms-flex-pack: justify;
707 justify-content: space-around;
708 -ms-flex-align: center;
709 -webkit-box-align: center;
710 align-items: center;
711 height: 2.4em;
712 bottom: 0;
713 z-index: 2;
714 padding-left: 0.3em;
715 padding-right: 0.3em; }
716 .freedomplayer .fp-controls > a,
717 .freedomplayer .fp-controls > div,
718 .freedomplayer .fp-controls > p,
719 .freedomplayer .fp-controls > span {
720 margin: 0 .6em;
721 opacity: 0; }
722 .freedomplayer.is-rtl .fp-elapsed {
723 margin-left: 0;
724 }
725 .freedomplayer .fp-controls strong {
726 margin: 0;
727 padding: .4em .6em; }
728 .freedomplayer .fp-controls > strong {
729 letter-spacing: 1px;
730 font-weight: 400;
731 white-space: nowrap; }
732 .freedomplayer .fp-controls img {
733 width: 1.2em; }
734 .freedomplayer .fp-bar, .freedomplayer .fp-bar-slider {
735 background-color: #ccc;
736 background-color: rgba(255, 255, 255, 0.5);
737 position: relative;
738 cursor: col-resize;
739 height: .9em;
740 border-radius: 0.24em;
741 -ms-flex: 1;
742 -webkit-box-flex: 1;
743 flex: 1; }
744 .freedomplayer .fp-bar .fp-buffer, .freedomplayer .fp-bar-slider .fp-buffer,
745 .freedomplayer .fp-bar .fp-progress,
746 .freedomplayer .fp-bar-slider .fp-progress {
747 background-color: rgba(255, 255, 255, 0.6);
748 position: absolute;
749 height: 100%;
750 border-radius: 0.24em; }
751 .freedomplayer .fp-bar .fp-buffer.fp-progress.animated, .freedomplayer .fp-bar-slider .fp-buffer.fp-progress.animated,
752 .freedomplayer .fp-bar .fp-progress.fp-progress.animated,
753 .freedomplayer .fp-bar-slider .fp-progress.fp-progress.animated {
754 -webkit-transition-timing-function: linear;
755 transition-timing-function: linear;
756 -webkit-transition-property: width, height;
757 transition-property: width, height; }
758 .freedomplayer .fp-bar .fp-buffer.fp-buffer, .freedomplayer .fp-bar-slider .fp-buffer.fp-buffer,
759 .freedomplayer .fp-bar .fp-progress.fp-buffer,
760 .freedomplayer .fp-bar-slider .fp-progress.fp-buffer {
761 -webkit-transition: width .25s linear;
762 transition: width .25s linear; }
763 .freedomplayer .fp-bar.no-animation .fp-buffer, .freedomplayer .no-animation.fp-bar-slider .fp-buffer,
764 .freedomplayer .fp-bar.no-animation .fp-progress,
765 .freedomplayer .no-animation.fp-bar-slider .fp-progress {
766 -webkit-transition: none;
767 transition: none; }
768 .freedomplayer .fp-timeline {
769 -webkit-transition: height .2s;
770 transition: height .2s; }
771 .freedomplayer .fp-cuepoint {
772 background-color: #000;
773 position: absolute;
774 height: 100%;
775 width: 2px; }
776 .freedomplayer .fp-timestamp {
777 background-color: rgba(0, 0, 0, 0.65);
778 display: none;
779 border-radius: .2em;
780 padding: .1em .3em;
781 position: absolute;
782 font-size: 90%;
783 bottom: 1.4em;
784 height: auto; }
785 .freedomplayer:not(.is-touch) .fp-timeline:hover .fp-timestamp,
786 .freedomplayer .fp-timeline.is-fp-dragging .fp-timestamp {
787 display: inline; }
788 .freedomplayer .fp-volume {
789 display: -ms-flexbox;
790 display: -webkit-box;
791 display: flex;
792 height: 100%;
793 -ms-flex-align: center;
794 -webkit-box-align: center;
795 align-items: center; }
796 .freedomplayer .fp-bar-slider {
797 background-color: transparent;
798 -webkit-user-select: none;
799 -moz-user-select: none;
800 -ms-user-select: none;
801 user-select: none;
802 -webkit-transition: height .2s;
803 transition: height .2s;
804 white-space: nowrap;
805 -ms-flex: 1 0 auto; }
806 .freedomplayer .fp-bar-slider em {
807 border-radius: 2px;
808 display: inline-block;
809 width: 5px;
810 height: 100%;
811 position: relative;
812 vertical-align: top;
813 margin-left: 3px;
814 -webkit-transition: -webkit-transform 0.4s;
815 transition: -webkit-transform 0.4s;
816 transition: transform 0.4s;
817 transition: transform 0.4s, -webkit-transform 0.4s;
818 -webkit-transform-origin: bottom;
819 transform-origin: bottom;
820 -webkit-user-select: none;
821 -moz-user-select: none;
822 -ms-user-select: none;
823 user-select: none;
824 -webkit-transform: scale(1.1);
825 transform: scale(1.1); }
826 .freedomplayer .fp-bar-slider em:hover {
827 -webkit-transform: scaleY(1.35);
828 transform: scaleY(1.35);
829 -webkit-transition: -webkit-transform 0.2s;
830 transition: -webkit-transform 0.2s;
831 transition: transform 0.2s;
832 transition: transform 0.2s, -webkit-transform 0.2s; }
833 .freedomplayer .fp-bar-slider em.fp-grey {
834 background-color: rgba(255, 255, 255, 0.75); }
835 .freedomplayer.no-flex .fp-controls {
836 white-space: nowrap; }
837 .freedomplayer.no-flex .fp-controls > a,
838 .freedomplayer.no-flex .fp-controls > div,
839 .freedomplayer.no-flex .fp-controls > span,
840 .freedomplayer.no-flex .fp-controls > stong {
841 display: inline-block;
842 vertical-align: center;
843 margin: 0 .3em; }
844 .freedomplayer.no-flex .fp-timeline {
845 width: 40%; }
846 .freedomplayer.no-flex.fp-full .fp-timeline {
847 margin-bottom: .6em;
848 height: .9em; }
849 .freedomplayer.no-flex.fp-fat .fp-bar, .freedomplayer.no-flex.fp-playful .fp-bar, .freedomplayer.no-flex.fp-fat .fp-bar-slider, .freedomplayer.no-flex.fp-playful .fp-bar-slider {
850 height: .9em !important; }
851 .freedomplayer.fp-fat .fp-bar, .freedomplayer.fp-playful .fp-bar, .freedomplayer.fp-fat .fp-bar-slider, .freedomplayer.fp-playful .fp-bar-slider {
852 height: 100%;
853 border-radius: 0; }
854 .freedomplayer.fp-fat .fp-bar > div, .freedomplayer.fp-playful .fp-bar > div, .freedomplayer.fp-fat .fp-bar-slider > div, .freedomplayer.fp-playful .fp-bar-slider > div,
855 .freedomplayer.fp-fat .fp-bar > span,
856 .freedomplayer.fp-playful .fp-bar > span,
857 .freedomplayer.fp-fat .fp-bar-slider > span,
858 .freedomplayer.fp-playful .fp-bar-slider > span {
859 border-radius: 0; }
860 .freedomplayer.fp-fat .fp-timestamp, .freedomplayer.fp-playful .fp-timestamp {
861 bottom: 3.2em; }
862 .freedomplayer.fp-fat .fp-bar-slider em, .freedomplayer.fp-playful .fp-bar-slider em {
863 -webkit-transform: scaleY(0.6);
864 transform: scaleY(0.6);
865 -webkit-transform-origin: center;
866 transform-origin: center; }
867 .freedomplayer.fp-fat .fp-bar-slider em:hover, .freedomplayer.fp-playful .fp-bar-slider em:hover {
868 -webkit-transform: scaleY(0.75);
869 transform: scaleY(0.75); }
870 .freedomplayer.fp-slim .fp-timeline {
871 height: .2em; }
872 .freedomplayer.fp-slim:not(.fp-full) .fp-controls:hover .fp-timeline:before, .freedomplayer.fp-slim:not(.fp-full).is-mobile-seeking .fp-timeline:before, .freedomplayer.fp-slim .fp-controls:hover .fp-bar-slider:before {
873 content: '';
874 position: absolute;
875 top: -1.2em;
876 height: 2.4em;
877 left: -1em;
878 right: 0; }
879 .freedomplayer.fp-slim .fp-cue {
880 width: 4px; }
881 .freedomplayer.fp-slim .fp-bar-slider {
882 height: .2em; }
883 .freedomplayer.fp-full .fp-timeline {
884 position: absolute;
885 height: .3em;
886 bottom: 2.8em;
887 margin: 0;
888 width: 100%;
889 border-radius: 0;
890 overflow: inherit;
891 left: 0; }
892 .freedomplayer.fp-full .fp-timeline:before {
893 content: "";
894 width: 100%;
895 height: 1.2em;
896 position: absolute;
897 top: -1.2em;
898 left: 0; }
899 .freedomplayer.fp-full .fp-controls {
900 height: 2.8em; }
901 .freedomplayer.fp-full .fp-controls:hover .fp-timeline {
902 height: 1em; }
903 .freedomplayer.fp-full .fp-volume {
904 margin-right: auto; }
905 .freedomplayer.fp-full .fp-duration, .freedomplayer.fp-full .fp-remaining {
906 margin-left: 0; }
907 .freedomplayer.fp-full .fp-duration:before, .freedomplayer.fp-full .fp-remaining:before {
908 position: relative;
909 content: "/";
910 left: -.3em; }
911 .freedomplayer.fp-full.is-rtl .fp-duration:before, .freedomplayer.fp-full.is-rtl .fp-remaining:before {
912 left: .3em; }
913 .freedomplayer.fp-slim.fp-full .fp-controls:hover .fp-timeline {
914 height: .3em; }
915 .freedomplayer.fp-minimal .fp-controls {
916 background-color: transparent !important; }
917 .freedomplayer.fp-minimal .fp-controls > a,
918 .freedomplayer.fp-minimal .fp-controls > div,
919 .freedomplayer.fp-minimal .fp-controls > span,
920 .freedomplayer.fp-minimal .fp-controls > strong {
921 display: none; }
922 .freedomplayer.fp-minimal .fp-header > a,
923 .freedomplayer.fp-minimal .fp-header > div,
924 .freedomplayer.fp-minimal .fp-header > p,
925 .freedomplayer.fp-minimal .fp-header > span {
926 display: none; }
927 .freedomplayer.fp-minimal .fp-timeline {
928 height: .3em;
929 max-width: 12em;
930 width: 100%;
931 display: block;
932 margin: 0 auto;
933 -webkit-box-flex: 0;
934 -ms-flex: none;
935 flex: none; }
936 .freedomplayer.fp-playful .fp-color, .freedomplayer.fp-playful .fp-color-play {
937 background-color: #ec6c4c;
938 fill: #ec6c4c; }
939 .freedomplayer.fp-playful .fp-controls {
940 background-color: #006680; }
941 .freedomplayer .fp-selected:before {
942 content: "✓ "; }
943 .freedomplayer .fp-menu {
944 background-color: rgba(0, 0, 0, 0.5);
945 border-radius: .24em;
946 position: absolute;
947 width: 8em;
948 right: .5em;
949 z-index: 21;
950 font-size: 90%;
951 -webkit-transition: opacity .2s, height .2s, -webkit-transform .2s;
952 transition: opacity .2s, height .2s, -webkit-transform .2s;
953 transition: opacity .2s, transform .2s, height .2s;
954 transition: opacity .2s, transform .2s, height .2s, -webkit-transform .2s;
955 -webkit-transform: scale(0.95);
956 transform: scale(0.95);
957 bottom: -100%;
958 height: 0;
959 opacity: 0 !important;
960 display: none; }
961 .freedomplayer .fp-menu::-webkit-scrollbar {
962 width: 8px;
963 background: #333; }
964 .freedomplayer .fp-menu::-webkit-scrollbar-track {
965 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
966 .freedomplayer .fp-menu::-webkit-scrollbar-thumb {
967 background-color: #999;
968 border-radius: 4px;
969 outline: none; }
970 .freedomplayer .fp-menu.fp-active {
971 -webkit-transform: scale(1);
972 transform: scale(1);
973 height: auto;
974 bottom: 3.2em;
975 opacity: 1 !important;
976 display: block;
977 max-height: calc( 100% - 3.2em);
978 overflow-y: auto; }
979 .freedomplayer .fp-menu > a {
980 display: block;
981 padding: .4em 1.2em;
982 text-align: right; }
983 .freedomplayer .fp-menu strong {
984 display: block;
985 padding: .7em;
986 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
987 background-color: rgba(0, 0, 0, 0.3);
988 text-transform: uppercase;
989 letter-spacing: 1px;
990 cursor: default;
991 font-size: 90%; }
992 .freedomplayer .fp-menu a {
993 color: rgba(255, 255, 255, 0.8); }
994 .freedomplayer .fp-menu a:hover:not(.fp-selected) {
995 background-color: #000;
996 color: #fff; }
997 .freedomplayer .fp-menu .fp-icon {
998 cursor: pointer; }
999 .freedomplayer .fp-menu .fp-icon:before {
1000 margin-right: .1em;
1001 font-size: 1.5em;
1002 vertical-align: -0.1em; }
1003 .freedomplayer .fp-qsel-menu {
1004 width: auto; }
1005 .freedomplayer .fp-context-menu {
1006 width: auto;
1007 right: auto;
1008 bottom: auto !important;
1009 display: none; }
1010 .freedomplayer .fp-context-menu.fp-active {
1011 display: block; }
1012 .freedomplayer .fp-context-menu a, .freedomplayer .fp-context-menu strong {
1013 text-align: left;
1014 color: #fff;
1015 white-space: nowrap; }
1016 .freedomplayer .fp-subtitle-menu {
1017 width: auto; }
1018 .freedomplayer.fp-outlined .fp-play svg.fp-play-rounded-fill, .freedomplayer.fp-minimal .fp-play svg.fp-play-rounded-fill, .freedomplayer.fp-outlined .fp-play svg.fp-pause-rounded-fill, .freedomplayer.fp-minimal .fp-play svg.fp-pause-rounded-fill, .freedomplayer.fp-outlined .fp-pause svg.fp-play-rounded-fill, .freedomplayer.fp-minimal .fp-pause svg.fp-play-rounded-fill, .freedomplayer.fp-outlined .fp-pause svg.fp-pause-rounded-fill, .freedomplayer.fp-minimal .fp-pause svg.fp-pause-rounded-fill {
1019 display: none; }
1020 .freedomplayer.fp-outlined .fp-play svg.fp-play-rounded-outline, .freedomplayer.fp-minimal .fp-play svg.fp-play-rounded-outline, .freedomplayer.fp-outlined .fp-play svg.fp-pause-rounded-outline, .freedomplayer.fp-minimal .fp-play svg.fp-pause-rounded-outline, .freedomplayer.fp-outlined .fp-pause svg.fp-play-rounded-outline, .freedomplayer.fp-minimal .fp-pause svg.fp-play-rounded-outline, .freedomplayer.fp-outlined .fp-pause svg.fp-pause-rounded-outline, .freedomplayer.fp-minimal .fp-pause svg.fp-pause-rounded-outline {
1021 display: block; }
1022 .freedomplayer.fp-outlined .fp-checked:before, .freedomplayer.fp-minimal .fp-checked:before {
1023 content: "\e203"; }
1024 .freedomplayer.fp-outlined .fp-email:before, .freedomplayer.fp-minimal .fp-email:before {
1025 content: "\e206"; }
1026 .freedomplayer.fp-outlined .fp-playbtn:before, .freedomplayer.fp-minimal .fp-playbtn:before {
1027 content: "\e207"; }
1028 .freedomplayer.fp-outlined .fp-volumebtn:before, .freedomplayer.fp-minimal .fp-volumebtn:before {
1029 content: "\e20b"; }
1030 .freedomplayer.fp-outlined .fp-volume-off:before, .freedomplayer.fp-minimal .fp-volume-off:before {
1031 content: "\e20d"; }
1032 .freedomplayer.fp-outlined .fp-unload:before, .freedomplayer.fp-minimal .fp-unload:before {
1033 content: "\e20f"; }
1034 .freedomplayer.fp-outlined .fp-prevbtn:before, .freedomplayer.fp-minimal .fp-prevbtn:before {
1035 content: "\e211"; }
1036 .freedomplayer.fp-outlined .fp-nextbtn:before, .freedomplayer.fp-minimal .fp-nextbtn:before {
1037 content: "\e212"; }
1038 .freedomplayer .fp-color,
1039 .freedomplayer .fp-bar .fp-color,
1040 .freedomplayer .fp-bar-slider .fp-color {
1041 background-color: #00abcd;
1042 fill: rgba(0, 0, 0, 0.2); }
1043 .freedomplayer .fp-color-play {
1044 fill: transparent; }
1045 .freedomplayer.is-rtl {
1046 direction: rtl; }
1047 .freedomplayer.is-rtl .fp-icon {
1048 -webkit-transform: rotate(180deg);
1049 transform: rotate(180deg); }
1050 .freedomplayer.is-rtl .fp-menu .fp-icon {
1051 -webkit-transform: none;
1052 transform: none; }
1053 .freedomplayer.-grayscale video.fp-engine {
1054 -webkit-filter: grayscale(100%);
1055 filter: grayscale(100%); }
1056 .freedomplayer.-sepia video.fp-engine {
1057 -webkit-filter: sepia(100%);
1058 filter: sepia(100%); }
1059 .freedomplayer.-blur video.fp-engine {
1060 -webkit-filter: blur(5px);
1061 filter: blur(5px); }
1062
1063 @-webkit-keyframes waiting {
1064 0% {
1065 -webkit-transform: scale(1);
1066 transform: scale(1); }
1067 20% {
1068 -webkit-transform: scale(1, 2);
1069 transform: scale(1, 2); }
1070 40% {
1071 -webkit-transform: scale(1);
1072 transform: scale(1); } }
1073
1074 @keyframes waiting {
1075 0% {
1076 -webkit-transform: scale(1);
1077 transform: scale(1); }
1078 20% {
1079 -webkit-transform: scale(1, 2);
1080 transform: scale(1, 2); }
1081 40% {
1082 -webkit-transform: scale(1);
1083 transform: scale(1); } }
1084
1085 .fp-preload {
1086 -webkit-transition: opacity 1s .3s;
1087 transition: opacity 1s .3s;
1088 position: static;
1089 top: 0;
1090 bottom: 0;
1091 left: 0;
1092 right: 0;
1093 margin: auto;
1094 opacity: 0;
1095 display: block;
1096 height: 0; }
1097
1098 .is-loading .fp-waiting .fp-preload, .is-seeking .fp-waiting .fp-preload {
1099 position: absolute;
1100 display: block;
1101 height: 2em;
1102 opacity: 0.8; }
1103
1104 .fp-preload b {
1105 -webkit-animation: waiting 1s ease-in-out infinite;
1106 animation: waiting 1s ease-in-out infinite;
1107 -webkit-box-shadow: 0 0 .5rem #222;
1108 box-shadow: 0 0 .5rem #222;
1109 background-color: white;
1110 display: inline-block;
1111 border-radius: .1em;
1112 margin: 0 .2em;
1113 height: 2em;
1114 width: 0.4em; }
1115 .fp-preload b:nth-child(1) {
1116 -webkit-animation-delay: 0;
1117 animation-delay: 0; }
1118 .fp-preload b:nth-child(2) {
1119 -webkit-animation-delay: 0.1s;
1120 animation-delay: 0.1s; }
1121 .fp-preload b:nth-child(3) {
1122 -webkit-animation-delay: 0.15s;
1123 animation-delay: 0.15s; }
1124 .fp-preload b:nth-child(4) {
1125 -webkit-animation-delay: 0.25s;
1126 animation-delay: 0.25s; }
1127
1128 .fp-filters {
1129 width: 0 !important;
1130 height: 0 !important;
1131 overflow: hidden !important;
1132 position: absolute; }
1133