You are here

all-skins.css in CCK Video 7

.minimalist{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.minimalist *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.minimalist a:focus{outline:0}
.minimalist video{width:100%}
.minimalist.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.minimalist.is-ipad video{-webkit-transform:translateX(0)}
.minimalist .fp-engine,.minimalist .fp-ui,.minimalist .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.minimalist .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.minimalist .fp-message h2{font-size:120%;margin-bottom:1em}
.minimalist .fp-message p{color:#666;font-size:95%}
.minimalist .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.minimalist .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.minimalist .fp-controls{bottom:3px}
.is-mouseover.minimalist .fp-controls{bottom:0}
.minimalist .fp-waiting{display:none;margin:19% auto;text-align:center;}
.minimalist .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.minimalist .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.minimalist .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.minimalist .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.minimalist .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.minimalist .fp-waiting p{color:#ccc;font-weight:bold}
.minimalist .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.minimalist .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.minimalist .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.minimalist .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.minimalist .fp-help .fp-help-section{margin:3%;direction:ltr}
.minimalist .fp-help .fp-help-basics{margin-top:6%}
.minimalist .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.minimalist .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.minimalist .fp-help small{font-size:90%;color:#aaa}
.minimalist .fp-help .fp-close{display:block}
@media (max-width: 600px){.minimalist .fp-help p{font-size:9px}
}.minimalist .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.minimalist .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.minimalist .fp-subtitle p:after{content:'';clear:both}
.minimalist .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
.is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-mute,.is-rtl.minimalist .fp-embed,.is-rtl.minimalist .fp-close,.is-rtl.minimalist .fp-play{background-image:url(img/white_rtl.png)}
.color-light.minimalist .fp-fullscreen,.color-light.minimalist .fp-unload,.color-light.minimalist .fp-mute,.color-light.minimalist .fp-embed,.color-light.minimalist .fp-close,.color-light.minimalist .fp-play{background-image:url(img/black.png);}
.is-rtl.color-light.minimalist .fp-fullscreen,.is-rtl.color-light.minimalist .fp-unload,.is-rtl.color-light.minimalist .fp-mute,.is-rtl.color-light.minimalist .fp-embed,.is-rtl.color-light.minimalist .fp-close,.is-rtl.color-light.minimalist .fp-play{background-image:url(img/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.minimalist .fp-fullscreen,.color-light.minimalist .fp-unload,.color-light.minimalist .fp-mute,.color-light.minimalist .fp-embed,.color-light.minimalist .fp-close,.color-light.minimalist .fp-play{background-image:url(img/black@x2.png)}
.is-rtl.color-light.minimalist .fp-fullscreen,.is-rtl.color-light.minimalist .fp-unload,.is-rtl.color-light.minimalist .fp-mute,.is-rtl.color-light.minimalist .fp-embed,.is-rtl.color-light.minimalist .fp-close,.is-rtl.color-light.minimalist .fp-play{background-image:url(img/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play{background-image:url(img/white@x2.png)}
.is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-mute,.is-rtl.minimalist .fp-embed,.is-rtl.minimalist .fp-close,.is-rtl.minimalist .fp-play{background-image:url(img/white_rtl@x2.png)}
}.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.minimalist .fp-ui,.is-rtl.is-paused.minimalist .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.minimalist .fp-ui,.is-rtl.is-paused.minimalist .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black.png);}
.is-rtl.color-light.is-splash.minimalist .fp-ui,.is-rtl.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black@x2.png);}
.is-rtl.color-light.is-splash.minimalist .fp-ui,.is-rtl.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black_rtl@x2.png)}
}.is-fullscreen.minimalist .fp-ui{background-size:auto}
.is-seeking.minimalist .fp-ui,.is-loading.minimalist .fp-ui{background-image:none}
.minimalist .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;}
.minimalist .fp-logo img{width:100%}
.is-embedded.minimalist .fp-logo{display:block}
.fixed-controls.minimalist .fp-logo{bottom:15px}
.minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-close{right:auto;left:5px;background-position:18px -197px}
.minimalist .fp-unload,.minimalist .fp-close{background-position:14px -175px;display:none;}
.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-close{background-position:14px -175px}
.minimalist .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.minimalist .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.minimalist .fp-play{display:block}
.is-paused.minimalist .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.minimalist .fp-play{background-position:18px 7px}
.minimalist.is-ready.is-closeable .fp-unload{display:block}
.minimalist.is-ready.is-closeable .fp-fullscreen{display:none}
.minimalist.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.minimalist.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.minimalist.is-fullscreen .fp-unload,.minimalist.is-fullscreen .fp-close{display:none !important}
.minimalist .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;}
.no-volume.minimalist .fp-timeline{margin-right:60px}
.no-mute.minimalist .fp-timeline{margin-right:140px}
.no-mute.no-volume.minimalist .fp-timeline{margin-right:45px}
.play-button.minimalist .fp-timeline{margin-left:67px}
.is-rtl.minimalist .fp-timeline{margin:0 45px 0 150px;}
.no-volume.is-rtl.minimalist .fp-timeline{margin-left:60px}
.no-mute.is-rtl.minimalist .fp-timeline{margin-left:140px}
.no-mute.no-volume.is-rtl.minimalist .fp-timeline{margin-left:45px}
.play-button.is-rtl.minimalist .fp-timeline{margin-right:67px}
.is-long.minimalist .fp-timeline{margin:0 180px 0 75px;}
.no-volume.is-long.minimalist .fp-timeline{margin-right:90px}
.no-mute.is-long.minimalist .fp-timeline{margin-right:75px}
.play-button.is-long.minimalist .fp-timeline{margin-left:97px}
.is-rtl.is-long.minimalist .fp-timeline{margin:75px 0 180px 0;}
.no-volume.is-rtl.is-long.minimalist .fp-timeline{margin-left:90px}
.no-mute.is-rtl.is-long.minimalist .fp-timeline{margin-left:75px}
.play-button.is-rtl.is-long.minimalist .fp-timeline{margin-left:97px}
.aside-time.minimalist .fp-timeline,.no-time.minimalist .fp-timeline{margin:0 110px 0 5px}
.aside-time.no-volume.minimalist .fp-timeline,.no-time.no-volume.minimalist .fp-timeline{margin-right:20px}
.aside-time.no-mute.minimalist .fp-timeline,.no-time.no-mute.minimalist .fp-timeline{margin-right:5px}
.play-button.no-time.minimalist .fp-timeline,.play-button.aside-time.minimalist .fp-timeline{margin-left:27px}
.is-rtl.aside-time.minimalist .fp-timeline,.is-rtl.no-time.minimalist .fp-timeline{margin:0 5px 0 110px}
.is-rtl.aside-time.no-volume.minimalist .fp-timeline,.is-rtl.no-time.no-volume.minimalist .fp-timeline{margin-left:20px}
.is-rtl.aside-time.no-mute.minimalist .fp-timeline,.is-rtl.no-time.no-mute.minimalist .fp-timeline{margin-left:5px}
.is-rtl.play-button.no-time.minimalist .fp-timeline,.is-rtl.play-button.aside-time.minimalist .fp-timeline{margin-right:27px}
.minimalist .fp-buffer,.minimalist .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.minimalist .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.minimalist.is-touch .fp-timeline{overflow:visible}
.minimalist.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.minimalist.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.minimalist.is-touch.is-mouseover .fp-progress:after,.minimalist.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.minimalist.is-touch.is-rtl.is-mouseover .fp-progress:after,.minimalist.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.minimalist.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.minimalist.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.minimalist.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.minimalist.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.minimalist.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.minimalist .fp-volume{position:absolute;top:7.5px;right:5px;}
.is-rtl.minimalist .fp-volume{right:auto;left:5px}
.minimalist .fp-mute{position:relative;width:10px;height:15px;float:left;top:-5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.minimalist .fp-mute{float:right;background-position:-25px -99px}
.no-mute.minimalist .fp-mute{display:none}
.minimalist .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;}
.is-rtl.minimalist .fp-volumeslider{float:right}
.no-volume.minimalist .fp-volumeslider{display:none}
.minimalist .fp-volumelevel{height:100%}
.minimalist .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.minimalist .fp-time.is-inverted .fp-duration{display:none}
.minimalist .fp-time.is-inverted .fp-remaining{display:inline}
.minimalist .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px}
.no-time.minimalist .fp-time{display:none}
.is-long.minimalist .fp-time em{width:65px}
.minimalist .fp-elapsed{left:5px;}
.play-button.minimalist .fp-elapsed{left:27px}
.is-rtl.minimalist .fp-elapsed{left:auto;right:5px;}
.play-button.is-rtl.minimalist .fp-elapsed{right:27px}
.minimalist .fp-remaining,.minimalist .fp-duration{right:110px;color:#eee;}
.no-volume.minimalist .fp-remaining,.no-volume.minimalist .fp-duration{right:20px}
.no-mute.minimalist .fp-remaining,.no-mute.minimalist .fp-duration{right:100px}
.no-mute.no-volume.minimalist .fp-remaining,.no-mute.no-volume.minimalist .fp-duration{right:5px}
.is-rtl.minimalist .fp-remaining,.is-rtl.minimalist .fp-duration{right:auto;left:110px;}
.no-volume.is-rtl.minimalist .fp-remaining,.no-volume.is-rtl.minimalist .fp-duration{left:20px}
.no-mute.is-rtl.minimalist .fp-remaining,.no-mute.is-rtl.minimalist .fp-duration{left:100px}
.no-mute.no-volume.is-rtl.minimalist .fp-remaining,.no-mute.no-volume.is-rtl.minimalist .fp-duration{left:5px}
.minimalist .fp-remaining{display:none}
.minimalist.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.minimalist.color-light .fp-remaining,.minimalist.color-light .fp-duration{color:#666}
.minimalist.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;}
.minimalist.aside-time .fp-time strong,.minimalist.aside-time .fp-time em{position:static}
.minimalist.aside-time .fp-time .fp-elapsed{margin-right:5px;}
.is-rtl.minimalist.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:5px}
.minimalist.is-long.aside-time .fp-time{width:130px}
.minimalist.is-splash,.minimalist.is-poster{cursor:pointer;}
.minimalist.is-splash .fp-controls,.minimalist.is-poster .fp-controls,.minimalist.is-splash .fp-fullscreen,.minimalist.is-poster .fp-fullscreen,.minimalist.is-splash .fp-unload,.minimalist.is-poster .fp-unload,.minimalist.is-splash .fp-time,.minimalist.is-poster .fp-time,.minimalist.is-splash .fp-embed,.minimalist.is-poster .fp-embed{display:none !important}
.minimalist.is-poster .fp-engine{top:-9999em}
.minimalist.is-loading .fp-waiting{display:block}
.minimalist.is-loading .fp-controls,.minimalist.is-loading .fp-time{display:none}
.minimalist.is-loading .fp-ui{background-position:-9999em}
.minimalist.is-seeking .fp-waiting{display:block}
.minimalist.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.minimalist.is-fullscreen{left:auto !important;right:0 !important}
.minimalist.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.minimalist.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.minimalist.is-error .fp-message{display:block}
.minimalist.is-error object,.minimalist.is-error video,.minimalist.is-error .fp-controls,.minimalist.is-error .fp-time,.minimalist.is-error .fp-subtitle{display:none}
.minimalist.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.minimalist.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.minimalist.is-mouseout .fp-timeline{margin:0 !important}
.minimalist.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.minimalist.is-mouseout .fp-fullscreen,.minimalist.is-mouseout .fp-unload,.minimalist.is-mouseout .fp-elapsed,.minimalist.is-mouseout .fp-remaining,.minimalist.is-mouseout .fp-duration,.minimalist.is-mouseout .fp-embed,.minimalist.is-mouseout .fp-volume,.minimalist.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.minimalist.is-mouseover .fp-controls,.minimalist.fixed-controls .fp-controls{height:20px}
.minimalist.is-mouseover .fp-fullscreen,.minimalist.fixed-controls .fp-fullscreen,.minimalist.is-mouseover .fp-unload,.minimalist.fixed-controls .fp-unload,.minimalist.is-mouseover .fp-elapsed,.minimalist.fixed-controls .fp-elapsed,.minimalist.is-mouseover .fp-remaining,.minimalist.fixed-controls .fp-remaining,.minimalist.is-mouseover .fp-duration,.minimalist.fixed-controls .fp-duration,.minimalist.is-mouseover .fp-embed,.minimalist.fixed-controls .fp-embed,.minimalist.is-mouseover .fp-logo,.minimalist.fixed-controls .fp-logo,.minimalist.is-mouseover .fp-volume,.minimalist.fixed-controls .fp-volume,.minimalist.is-mouseover .fp-play,.minimalist.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.minimalist.fixed-controls .fp-volume{display:block}
.minimalist.fixed-controls .fp-controls{bottom:-20px;}
.is-fullscreen.minimalist.fixed-controls .fp-controls{bottom:0}
.minimalist.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.minimalist.fixed-controls .fp-time em{bottom:5px}
.minimalist.is-disabled .fp-progress{background-color:#999}
.minimalist .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.minimalist .fp-embed{background-position:22px -237px;left:auto;right:5px}
.minimalist .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.minimalist .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.minimalist .fp-embed-code{left:auto;right:40px;}
.is-rtl.minimalist .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.minimalist .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.minimalist .fp-embed-code label{display:block;color:#999}
.minimalist.is-embedding .fp-embed,.minimalist.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.minimalist.aside-time .fp-embed{left:85px;}
.is-rtl.minimalist.aside-time .fp-embed{left:auto;right:85px}
.minimalist.aside-time .fp-embed-code{left:115px;}
.is-rtl.minimalist.aside-time .fp-embed-code{left:auto;right:115px}
.minimalist.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.minimalist.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.minimalist.is-long.aside-time .fp-embed{left:auto;right:130px}
.minimalist.no-time .fp-embed{left:5px !important;}
.is-rtl.minimalist.no-time .fp-embed{left:auto;right:5px !important}
@-moz-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@keyframes pulse{0%{opacity:0}
100%{opacity:1}
}.minimalist .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)}
.minimalist.fixed-controls .fp-controls{background-color:#333}
.minimalist .fp-timeline{background-color:#666}
.minimalist .fp-buffer{background-color:#eee}
.minimalist .fp-progress{background-color:#00a7c8}
.minimalist .fp-volumeslider{background-color:#000}
.minimalist .fp-volumelevel{background-color:#fff}
.minimalist .fp-play{height:24px}
.minimalist.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
.minimalist.color-light .fp-controls{background-color:rgba(255,255,255,0.6)}
.minimalist.color-light.fixed-controls .fp-controls{background-color:#fff}
.minimalist.color-light .fp-volumeslider{background-color:#ddd}
.minimalist.color-light .fp-volumelevel{background-color:#222}
.minimalist.color-alt .fp-progress{background-color:#fff}
.minimalist.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#fff}
.minimalist.color-alt .fp-buffer{background-color:#999}
.minimalist.color-alt2 .fp-progress{background-color:#900}
.minimalist.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}
.functional{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.functional *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.functional a:focus{outline:0}
.functional video{width:100%}
.functional.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.functional.is-ipad video{-webkit-transform:translateX(0)}
.functional .fp-engine,.functional .fp-ui,.functional .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.functional .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.functional .fp-message h2{font-size:120%;margin-bottom:1em}
.functional .fp-message p{color:#666;font-size:95%}
.functional .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.functional .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.functional .fp-controls{bottom:3px}
.is-mouseover.functional .fp-controls{bottom:0}
.functional .fp-waiting{display:none;margin:19% auto;text-align:center;}
.functional .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.functional .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.functional .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.functional .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.functional .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.functional .fp-waiting p{color:#ccc;font-weight:bold}
.functional .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.functional .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.functional .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.functional .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.functional .fp-help .fp-help-section{margin:3%;direction:ltr}
.functional .fp-help .fp-help-basics{margin-top:6%}
.functional .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.functional .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.functional .fp-help small{font-size:90%;color:#aaa}
.functional .fp-help .fp-close{display:block}
@media (max-width: 600px){.functional .fp-help p{font-size:9px}
}.functional .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.functional .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.functional .fp-subtitle p:after{content:'';clear:both}
.functional .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
.is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-mute,.is-rtl.functional .fp-embed,.is-rtl.functional .fp-close,.is-rtl.functional .fp-play{background-image:url(img/white_rtl.png)}
.color-light.functional .fp-fullscreen,.color-light.functional .fp-unload,.color-light.functional .fp-mute,.color-light.functional .fp-embed,.color-light.functional .fp-close,.color-light.functional .fp-play{background-image:url(img/black.png);}
.is-rtl.color-light.functional .fp-fullscreen,.is-rtl.color-light.functional .fp-unload,.is-rtl.color-light.functional .fp-mute,.is-rtl.color-light.functional .fp-embed,.is-rtl.color-light.functional .fp-close,.is-rtl.color-light.functional .fp-play{background-image:url(img/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.functional .fp-fullscreen,.color-light.functional .fp-unload,.color-light.functional .fp-mute,.color-light.functional .fp-embed,.color-light.functional .fp-close,.color-light.functional .fp-play{background-image:url(img/black@x2.png)}
.is-rtl.color-light.functional .fp-fullscreen,.is-rtl.color-light.functional .fp-unload,.is-rtl.color-light.functional .fp-mute,.is-rtl.color-light.functional .fp-embed,.is-rtl.color-light.functional .fp-close,.is-rtl.color-light.functional .fp-play{background-image:url(img/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play{background-image:url(img/white@x2.png)}
.is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-mute,.is-rtl.functional .fp-embed,.is-rtl.functional .fp-close,.is-rtl.functional .fp-play{background-image:url(img/white_rtl@x2.png)}
}.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.functional .fp-ui,.is-rtl.is-paused.functional .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.functional .fp-ui,.is-rtl.is-paused.functional .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black.png);}
.is-rtl.color-light.is-splash.functional .fp-ui,.is-rtl.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black@x2.png);}
.is-rtl.color-light.is-splash.functional .fp-ui,.is-rtl.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black_rtl@x2.png)}
}.is-fullscreen.functional .fp-ui{background-size:auto}
.is-seeking.functional .fp-ui,.is-loading.functional .fp-ui{background-image:none}
.functional .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
.functional .fp-logo img{width:100%}
.is-embedded.functional .fp-logo{display:block}
.fixed-controls.functional .fp-logo{bottom:15px}
.functional .fp-fullscreen,.functional .fp-unload,.functional .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-close{right:auto;left:10px;background-position:18px -197px}
.functional .fp-unload,.functional .fp-close{background-position:14px -175px;display:none;}
.is-rtl.functional .fp-unload,.is-rtl.functional .fp-close{background-position:14px -175px}
.functional .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.functional .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.functional .fp-play{display:block}
.is-paused.functional .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.functional .fp-play{background-position:18px 7px}
.functional.is-ready.is-closeable .fp-unload{display:block}
.functional.is-ready.is-closeable .fp-fullscreen{display:none}
.functional.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.functional.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.functional.is-fullscreen .fp-unload,.functional.is-fullscreen .fp-close{display:none !important}
.functional .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
.no-volume.functional .fp-timeline{margin-right:75px}
.no-mute.functional .fp-timeline{margin-right:155px}
.no-mute.no-volume.functional .fp-timeline{margin-right:55px}
.play-button.functional .fp-timeline{margin-left:72px}
.is-rtl.functional .fp-timeline{margin:0 55px 0 165px;}
.no-volume.is-rtl.functional .fp-timeline{margin-left:75px}
.no-mute.is-rtl.functional .fp-timeline{margin-left:155px}
.no-mute.no-volume.is-rtl.functional .fp-timeline{margin-left:55px}
.play-button.is-rtl.functional .fp-timeline{margin-right:72px}
.is-long.functional .fp-timeline{margin:0 195px 0 85px;}
.no-volume.is-long.functional .fp-timeline{margin-right:105px}
.no-mute.is-long.functional .fp-timeline{margin-right:85px}
.play-button.is-long.functional .fp-timeline{margin-left:102px}
.is-rtl.is-long.functional .fp-timeline{margin:85px 0 195px 0;}
.no-volume.is-rtl.is-long.functional .fp-timeline{margin-left:105px}
.no-mute.is-rtl.is-long.functional .fp-timeline{margin-left:85px}
.play-button.is-rtl.is-long.functional .fp-timeline{margin-left:102px}
.aside-time.functional .fp-timeline,.no-time.functional .fp-timeline{margin:0 120px 0 10px}
.aside-time.no-volume.functional .fp-timeline,.no-time.no-volume.functional .fp-timeline{margin-right:30px}
.aside-time.no-mute.functional .fp-timeline,.no-time.no-mute.functional .fp-timeline{margin-right:10px}
.play-button.no-time.functional .fp-timeline,.play-button.aside-time.functional .fp-timeline{margin-left:27px}
.is-rtl.aside-time.functional .fp-timeline,.is-rtl.no-time.functional .fp-timeline{margin:0 10px 0 120px}
.is-rtl.aside-time.no-volume.functional .fp-timeline,.is-rtl.no-time.no-volume.functional .fp-timeline{margin-left:30px}
.is-rtl.aside-time.no-mute.functional .fp-timeline,.is-rtl.no-time.no-mute.functional .fp-timeline{margin-left:10px}
.is-rtl.play-button.no-time.functional .fp-timeline,.is-rtl.play-button.aside-time.functional .fp-timeline{margin-right:27px}
.functional .fp-buffer,.functional .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.functional .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.functional.is-touch .fp-timeline{overflow:visible}
.functional.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.functional.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.functional.is-touch.is-mouseover .fp-progress:after,.functional.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.functional.is-touch.is-rtl.is-mouseover .fp-progress:after,.functional.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.functional.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.functional.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.functional.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.functional.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.functional.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.functional .fp-volume{position:absolute;top:11px;right:10px;}
.is-rtl.functional .fp-volume{right:auto;left:10px}
.functional .fp-mute{position:relative;width:10px;height:15px;float:left;top:-3.5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.functional .fp-mute{float:right;background-position:-25px -99px}
.no-mute.functional .fp-mute{display:none}
.functional .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
.is-rtl.functional .fp-volumeslider{float:right}
.no-volume.functional .fp-volumeslider{display:none}
.functional .fp-volumelevel{height:100%}
.functional .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.functional .fp-time.is-inverted .fp-duration{display:none}
.functional .fp-time.is-inverted .fp-remaining{display:inline}
.functional .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
.no-time.functional .fp-time{display:none}
.is-long.functional .fp-time em{width:65px}
.functional .fp-elapsed{left:10px;}
.play-button.functional .fp-elapsed{left:27px}
.is-rtl.functional .fp-elapsed{left:auto;right:10px;}
.play-button.is-rtl.functional .fp-elapsed{right:27px}
.functional .fp-remaining,.functional .fp-duration{right:120px;color:#eee;}
.no-volume.functional .fp-remaining,.no-volume.functional .fp-duration{right:30px}
.no-mute.functional .fp-remaining,.no-mute.functional .fp-duration{right:110px}
.no-mute.no-volume.functional .fp-remaining,.no-mute.no-volume.functional .fp-duration{right:10px}
.is-rtl.functional .fp-remaining,.is-rtl.functional .fp-duration{right:auto;left:120px;}
.no-volume.is-rtl.functional .fp-remaining,.no-volume.is-rtl.functional .fp-duration{left:30px}
.no-mute.is-rtl.functional .fp-remaining,.no-mute.is-rtl.functional .fp-duration{left:110px}
.no-mute.no-volume.is-rtl.functional .fp-remaining,.no-mute.no-volume.is-rtl.functional .fp-duration{left:10px}
.functional .fp-remaining{display:none}
.functional.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.functional.color-light .fp-remaining,.functional.color-light .fp-duration{color:#666}
.functional.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
.functional.aside-time .fp-time strong,.functional.aside-time .fp-time em{position:static}
.functional.aside-time .fp-time .fp-elapsed{margin-right:10px;}
.is-rtl.functional.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:10px}
.functional.is-long.aside-time .fp-time{width:130px}
.functional.is-splash,.functional.is-poster{cursor:pointer;}
.functional.is-splash .fp-controls,.functional.is-poster .fp-controls,.functional.is-splash .fp-fullscreen,.functional.is-poster .fp-fullscreen,.functional.is-splash .fp-unload,.functional.is-poster .fp-unload,.functional.is-splash .fp-time,.functional.is-poster .fp-time,.functional.is-splash .fp-embed,.functional.is-poster .fp-embed{display:none !important}
.functional.is-poster .fp-engine{top:-9999em}
.functional.is-loading .fp-waiting{display:block}
.functional.is-loading .fp-controls,.functional.is-loading .fp-time{display:none}
.functional.is-loading .fp-ui{background-position:-9999em}
.functional.is-seeking .fp-waiting{display:block}
.functional.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.functional.is-fullscreen{left:auto !important;right:0 !important}
.functional.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.functional.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.functional.is-error .fp-message{display:block}
.functional.is-error object,.functional.is-error video,.functional.is-error .fp-controls,.functional.is-error .fp-time,.functional.is-error .fp-subtitle{display:none}
.functional.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.functional.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.functional.is-mouseout .fp-timeline{margin:0 !important}
.functional.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.functional.is-mouseout .fp-fullscreen,.functional.is-mouseout .fp-unload,.functional.is-mouseout .fp-elapsed,.functional.is-mouseout .fp-remaining,.functional.is-mouseout .fp-duration,.functional.is-mouseout .fp-embed,.functional.is-mouseout .fp-volume,.functional.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.functional.is-mouseover .fp-controls,.functional.fixed-controls .fp-controls{height:30px}
.functional.is-mouseover .fp-fullscreen,.functional.fixed-controls .fp-fullscreen,.functional.is-mouseover .fp-unload,.functional.fixed-controls .fp-unload,.functional.is-mouseover .fp-elapsed,.functional.fixed-controls .fp-elapsed,.functional.is-mouseover .fp-remaining,.functional.fixed-controls .fp-remaining,.functional.is-mouseover .fp-duration,.functional.fixed-controls .fp-duration,.functional.is-mouseover .fp-embed,.functional.fixed-controls .fp-embed,.functional.is-mouseover .fp-logo,.functional.fixed-controls .fp-logo,.functional.is-mouseover .fp-volume,.functional.fixed-controls .fp-volume,.functional.is-mouseover .fp-play,.functional.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.functional.fixed-controls .fp-volume{display:block}
.functional.fixed-controls .fp-controls{bottom:-30px;}
.is-fullscreen.functional.fixed-controls .fp-controls{bottom:0}
.functional.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.functional.fixed-controls .fp-time em{bottom:10px}
.functional.is-disabled .fp-progress{background-color:#999}
.functional .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.functional .fp-embed{background-position:22px -237px;left:auto;right:10px}
.functional .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.functional .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.functional .fp-embed-code{left:auto;right:40px;}
.is-rtl.functional .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.functional .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.functional .fp-embed-code label{display:block;color:#999}
.functional.is-embedding .fp-embed,.functional.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.functional.aside-time .fp-embed{left:100px;}
.is-rtl.functional.aside-time .fp-embed{left:auto;right:100px}
.functional.aside-time .fp-embed-code{left:130px;}
.is-rtl.functional.aside-time .fp-embed-code{left:auto;right:130px}
.functional.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.functional.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.functional.is-long.aside-time .fp-embed{left:auto;right:130px}
.functional.no-time .fp-embed{left:10px !important;}
.is-rtl.functional.no-time .fp-embed{left:auto;right:10px !important}
@-moz-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@keyframes pulse{0%{opacity:0}
100%{opacity:1}
}.functional .fp-controls{background-color:#111}
.functional .fp-timeline{background-color:#555}
.functional .fp-buffer{background-color:#eee}
.functional .fp-progress{background-color:#4da5d8}
.functional.is-touch.is-mouseover .fp-progress:before{background-color:#4da5d8}
.functional .fp-volumelevel{background-color:#fff}
.functional .fp-volumeslider{background-color:#555}
.functional .fp-timeline,.functional .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
.functional .fp-controls,.functional .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))}
.functional .fp-timeline,.functional .fp-buffer,.functional .fp-progress,.functional .fp-volumeslider,.functional .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.functional.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
.functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{border-color:#eee #ccc}
.functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
.functional.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.functional.color-alt.is-touch.is-mouseover .fp-progress:before{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.functional.color-alt .fp-timeline,.functional.color-alt .fp-volumeslider{background-color:#111}
.functional.color-alt2 .fp-progress{background-color:#900}
.functional.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}
.playful{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.playful *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.playful a:focus{outline:0}
.playful video{width:100%}
.playful.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.playful.is-ipad video{-webkit-transform:translateX(0)}
.playful .fp-engine,.playful .fp-ui,.playful .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.playful .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.playful .fp-message h2{font-size:120%;margin-bottom:1em}
.playful .fp-message p{color:#666;font-size:95%}
.playful .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.playful .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.playful .fp-controls{bottom:3px}
.is-mouseover.playful .fp-controls{bottom:0}
.playful .fp-waiting{display:none;margin:19% auto;text-align:center;}
.playful .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.playful .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.playful .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.playful .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.playful .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.playful .fp-waiting p{color:#ccc;font-weight:bold}
.playful .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.playful .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.playful .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.playful .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.playful .fp-help .fp-help-section{margin:3%;direction:ltr}
.playful .fp-help .fp-help-basics{margin-top:6%}
.playful .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.playful .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.playful .fp-help small{font-size:90%;color:#aaa}
.playful .fp-help .fp-close{display:block}
@media (max-width: 600px){.playful .fp-help p{font-size:9px}
}.playful .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.playful .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.playful .fp-subtitle p:after{content:'';clear:both}
.playful .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play{background-image:url(img/playful_white.png);background-size:37px 300px;}
.is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-mute,.is-rtl.playful .fp-embed,.is-rtl.playful .fp-close,.is-rtl.playful .fp-play{background-image:url(img/playful_white_rtl.png)}
.color-light.playful .fp-fullscreen,.color-light.playful .fp-unload,.color-light.playful .fp-mute,.color-light.playful .fp-embed,.color-light.playful .fp-close,.color-light.playful .fp-play{background-image:url(img/playful_black.png);}
.is-rtl.color-light.playful .fp-fullscreen,.is-rtl.color-light.playful .fp-unload,.is-rtl.color-light.playful .fp-mute,.is-rtl.color-light.playful .fp-embed,.is-rtl.color-light.playful .fp-close,.is-rtl.color-light.playful .fp-play{background-image:url(img/playful_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.playful .fp-fullscreen,.color-light.playful .fp-unload,.color-light.playful .fp-mute,.color-light.playful .fp-embed,.color-light.playful .fp-close,.color-light.playful .fp-play{background-image:url(img/playful_black@x2.png)}
.is-rtl.color-light.playful .fp-fullscreen,.is-rtl.color-light.playful .fp-unload,.is-rtl.color-light.playful .fp-mute,.is-rtl.color-light.playful .fp-embed,.is-rtl.color-light.playful .fp-close,.is-rtl.color-light.playful .fp-play{background-image:url(img/playful_black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play{background-image:url(img/playful_white@x2.png)}
.is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-mute,.is-rtl.playful .fp-embed,.is-rtl.playful .fp-close,.is-rtl.playful .fp-play{background-image:url(img/playful_white_rtl@x2.png)}
}.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.playful .fp-ui,.is-rtl.is-paused.playful .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.playful .fp-ui,.is-rtl.is-paused.playful .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black.png);}
.is-rtl.color-light.is-splash.playful .fp-ui,.is-rtl.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black@x2.png);}
.is-rtl.color-light.is-splash.playful .fp-ui,.is-rtl.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black_rtl@x2.png)}
}.is-fullscreen.playful .fp-ui{background-size:auto}
.is-seeking.playful .fp-ui,.is-loading.playful .fp-ui{background-image:none}
.playful .fp-logo{position:absolute;top:auto;left:15px;bottom:45px;cursor:pointer;display:none;z-index:100;}
.playful .fp-logo img{width:100%}
.is-embedded.playful .fp-logo{display:block}
.fixed-controls.playful .fp-logo{bottom:15px}
.playful .fp-fullscreen,.playful .fp-unload,.playful .fp-close{position:absolute;top:12px;left:auto;right:12px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-close{right:auto;left:12px;background-position:18px -197px}
.playful .fp-unload,.playful .fp-close{background-position:14px -175px;display:none;}
.is-rtl.playful .fp-unload,.is-rtl.playful .fp-close{background-position:14px -175px}
.playful .fp-play{display:none;width:27px;height:35px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.playful .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.playful .fp-play{display:block}
.is-paused.playful .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.playful .fp-play{background-position:18px 7px}
.playful.is-ready.is-closeable .fp-unload{display:block}
.playful.is-ready.is-closeable .fp-fullscreen{display:none}
.playful.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.playful.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.playful.is-fullscreen .fp-unload,.playful.is-fullscreen .fp-close{display:none !important}
.playful .fp-timeline{height:3px;position:relative;overflow:hidden;top:12px;height:11px;margin:0 199px 0 59px;}
.no-volume.playful .fp-timeline{margin-right:109px}
.no-mute.playful .fp-timeline{margin-right:161px}
.no-mute.no-volume.playful .fp-timeline{margin-right:59px}
.play-button.playful .fp-timeline{margin-left:74px}
.is-rtl.playful .fp-timeline{margin:0 59px 0 199px;}
.no-volume.is-rtl.playful .fp-timeline{margin-left:109px}
.no-mute.is-rtl.playful .fp-timeline{margin-left:161px}
.no-mute.no-volume.is-rtl.playful .fp-timeline{margin-left:59px}
.play-button.is-rtl.playful .fp-timeline{margin-right:74px}
.is-long.playful .fp-timeline{margin:0 229px 0 89px;}
.no-volume.is-long.playful .fp-timeline{margin-right:139px}
.no-mute.is-long.playful .fp-timeline{margin-right:89px}
.play-button.is-long.playful .fp-timeline{margin-left:104px}
.is-rtl.is-long.playful .fp-timeline{margin:89px 0 229px 0;}
.no-volume.is-rtl.is-long.playful .fp-timeline{margin-left:139px}
.no-mute.is-rtl.is-long.playful .fp-timeline{margin-left:89px}
.play-button.is-rtl.is-long.playful .fp-timeline{margin-left:104px}
.aside-time.playful .fp-timeline,.no-time.playful .fp-timeline{margin:0 152px 0 12px}
.aside-time.no-volume.playful .fp-timeline,.no-time.no-volume.playful .fp-timeline{margin-right:62px}
.aside-time.no-mute.playful .fp-timeline,.no-time.no-mute.playful .fp-timeline{margin-right:12px}
.play-button.no-time.playful .fp-timeline,.play-button.aside-time.playful .fp-timeline{margin-left:27px}
.is-rtl.aside-time.playful .fp-timeline,.is-rtl.no-time.playful .fp-timeline{margin:0 12px 0 152px}
.is-rtl.aside-time.no-volume.playful .fp-timeline,.is-rtl.no-time.no-volume.playful .fp-timeline{margin-left:62px}
.is-rtl.aside-time.no-mute.playful .fp-timeline,.is-rtl.no-time.no-mute.playful .fp-timeline{margin-left:12px}
.is-rtl.play-button.no-time.playful .fp-timeline,.is-rtl.play-button.aside-time.playful .fp-timeline{margin-right:27px}
.playful .fp-buffer,.playful .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.playful .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.playful.is-touch .fp-timeline{overflow:visible}
.playful.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.playful.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.playful.is-touch.is-mouseover .fp-progress:after,.playful.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.playful.is-touch.is-rtl.is-mouseover .fp-progress:after,.playful.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.playful.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.playful.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.playful.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.playful.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.playful.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.playful .fp-volume{position:absolute;top:12px;right:12px;}
.is-rtl.playful .fp-volume{right:auto;left:12px}
.playful .fp-mute{position:relative;width:38px;height:20px;float:left;top:-4.5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.playful .fp-mute{float:right;background-position:-25px -99px}
.no-mute.playful .fp-mute{display:none}
.playful .fp-volumeslider{width:90px;height:11px;cursor:col-resize;float:left;}
.is-rtl.playful .fp-volumeslider{float:right}
.no-volume.playful .fp-volumeslider{display:none}
.playful .fp-volumelevel{height:100%}
.playful .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.playful .fp-time.is-inverted .fp-duration{display:none}
.playful .fp-time.is-inverted .fp-remaining{display:inline}
.playful .fp-time em{width:35px;height:11px;line-height:11px;text-align:center;position:absolute;bottom:12px}
.no-time.playful .fp-time{display:none}
.is-long.playful .fp-time em{width:65px}
.playful .fp-elapsed{left:12px;}
.play-button.playful .fp-elapsed{left:27px}
.is-rtl.playful .fp-elapsed{left:auto;right:12px;}
.play-button.is-rtl.playful .fp-elapsed{right:27px}
.playful .fp-remaining,.playful .fp-duration{right:152px;color:#eee;}
.no-volume.playful .fp-remaining,.no-volume.playful .fp-duration{right:62px}
.no-mute.playful .fp-remaining,.no-mute.playful .fp-duration{right:114px}
.no-mute.no-volume.playful .fp-remaining,.no-mute.no-volume.playful .fp-duration{right:12px}
.is-rtl.playful .fp-remaining,.is-rtl.playful .fp-duration{right:auto;left:152px;}
.no-volume.is-rtl.playful .fp-remaining,.no-volume.is-rtl.playful .fp-duration{left:62px}
.no-mute.is-rtl.playful .fp-remaining,.no-mute.is-rtl.playful .fp-duration{left:114px}
.no-mute.no-volume.is-rtl.playful .fp-remaining,.no-mute.no-volume.is-rtl.playful .fp-duration{left:12px}
.playful .fp-remaining{display:none}
.playful.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.playful.color-light .fp-remaining,.playful.color-light .fp-duration{color:#666}
.playful.aside-time .fp-time{position:absolute;top:12px;left:12px;bottom:auto !important;width:110px;}
.playful.aside-time .fp-time strong,.playful.aside-time .fp-time em{position:static}
.playful.aside-time .fp-time .fp-elapsed{margin-right:12px;}
.is-rtl.playful.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:12px}
.playful.is-long.aside-time .fp-time{width:130px}
.playful.is-splash,.playful.is-poster{cursor:pointer;}
.playful.is-splash .fp-controls,.playful.is-poster .fp-controls,.playful.is-splash .fp-fullscreen,.playful.is-poster .fp-fullscreen,.playful.is-splash .fp-unload,.playful.is-poster .fp-unload,.playful.is-splash .fp-time,.playful.is-poster .fp-time,.playful.is-splash .fp-embed,.playful.is-poster .fp-embed{display:none !important}
.playful.is-poster .fp-engine{top:-9999em}
.playful.is-loading .fp-waiting{display:block}
.playful.is-loading .fp-controls,.playful.is-loading .fp-time{display:none}
.playful.is-loading .fp-ui{background-position:-9999em}
.playful.is-seeking .fp-waiting{display:block}
.playful.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.playful.is-fullscreen{left:auto !important;right:0 !important}
.playful.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.playful.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.playful.is-error .fp-message{display:block}
.playful.is-error object,.playful.is-error video,.playful.is-error .fp-controls,.playful.is-error .fp-time,.playful.is-error .fp-subtitle{display:none}
.playful.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.playful.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.playful.is-mouseout .fp-timeline{margin:0 !important}
.playful.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.playful.is-mouseout .fp-fullscreen,.playful.is-mouseout .fp-unload,.playful.is-mouseout .fp-elapsed,.playful.is-mouseout .fp-remaining,.playful.is-mouseout .fp-duration,.playful.is-mouseout .fp-embed,.playful.is-mouseout .fp-volume,.playful.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.playful.is-mouseover .fp-controls,.playful.fixed-controls .fp-controls{height:35px}
.playful.is-mouseover .fp-fullscreen,.playful.fixed-controls .fp-fullscreen,.playful.is-mouseover .fp-unload,.playful.fixed-controls .fp-unload,.playful.is-mouseover .fp-elapsed,.playful.fixed-controls .fp-elapsed,.playful.is-mouseover .fp-remaining,.playful.fixed-controls .fp-remaining,.playful.is-mouseover .fp-duration,.playful.fixed-controls .fp-duration,.playful.is-mouseover .fp-embed,.playful.fixed-controls .fp-embed,.playful.is-mouseover .fp-logo,.playful.fixed-controls .fp-logo,.playful.is-mouseover .fp-volume,.playful.fixed-controls .fp-volume,.playful.is-mouseover .fp-play,.playful.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.playful.fixed-controls .fp-volume{display:block}
.playful.fixed-controls .fp-controls{bottom:-35px;}
.is-fullscreen.playful.fixed-controls .fp-controls{bottom:0}
.playful.fixed-controls .fp-time em{bottom:-23px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.playful.fixed-controls .fp-time em{bottom:12px}
.playful.is-disabled .fp-progress{background-color:#999}
.playful .fp-embed{position:absolute;top:12px;left:12px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.playful .fp-embed{background-position:22px -237px;left:auto;right:12px}
.playful .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.playful .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.playful .fp-embed-code{left:auto;right:40px;}
.is-rtl.playful .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.playful .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.playful .fp-embed-code label{display:block;color:#999}
.playful.is-embedding .fp-embed,.playful.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.playful.aside-time .fp-embed{left:110px;}
.is-rtl.playful.aside-time .fp-embed{left:auto;right:110px}
.playful.aside-time .fp-embed-code{left:140px;}
.is-rtl.playful.aside-time .fp-embed-code{left:auto;right:140px}
.playful.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.playful.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.playful.is-long.aside-time .fp-embed{left:auto;right:130px}
.playful.no-time .fp-embed{left:12px !important;}
.is-rtl.playful.no-time .fp-embed{left:auto;right:12px !important}
@-moz-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@keyframes pulse{0%{opacity:0}
100%{opacity:1}
}.playful .fp-controls{background-color:#111}
.playful .fp-timeline,.playful .fp-volumeslider{background-color:#555;background-image:-moz-linear-gradient(rgba(255,255,255,0.01),rgba(255,255,255,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.01)),to(rgba(255,255,255,0.3)))}
.playful .fp-buffer{background-color:#eee}
.playful .fp-progress{background-color:#008000}
.playful.is-touch.is-mouseover .fp-progress:before{background-color:#008000}
.playful .fp-volumelevel{background-color:#fff}
.playful .fp-mute{display:block;width:38px;height:20px;background-position:0 -79px;}
.is-rtl.playful .fp-mute{background-position:0 -79px}
.is-muted.playful .fp-mute{background-position:0 -109px;opacity:.85;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85)}
.playful .fp-play{background-position:9px -20px;}
.is-rtl.playful .fp-play{background-position:18px -20px}
.is-paused.playful .fp-play{background-position:9px 11px;}
.is-rtl.is-paused.playful .fp-play{background-position:18px 11px}
.playful .fp-timeline,.playful .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.3) rgba(17,17,17,0.05)}
.playful .fp-controls,.playful .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.3)),to(rgba(255,255,255,0.01)))}
.playful .fp-timeline,.playful .fp-progress,.playful .fp-buffer,.playful .fp-volumeslider,.playful .fp-volumelevel{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.playful.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
.playful.color-light .fp-timeline,.playful.color-light .fp-volumeslider{border-color:#eee #ccc}
.playful.color-alt .fp-progress,.playful.color-alt .fp-volumelevel{background-color:#111}
.playful.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#111}
.playful.color-alt2 .fp-progress,.playful.color-alt2 .fp-volumelevel{background-color:#900}
.playful.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}

File

players/flowplayer-5.4.2/skin/all-skins.css
View source
  1. .minimalist{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
  2. .minimalist *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
  3. .minimalist a:focus{outline:0}
  4. .minimalist video{width:100%}
  5. .minimalist.is-ipad video{-webkit-transform:translateX(-2048px);}
  6. .is-ready.minimalist.is-ipad video{-webkit-transform:translateX(0)}
  7. .minimalist .fp-engine,.minimalist .fp-ui,.minimalist .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
  8. .minimalist .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
  9. .minimalist .fp-message h2{font-size:120%;margin-bottom:1em}
  10. .minimalist .fp-message p{color:#666;font-size:95%}
  11. .minimalist .fp-controls{position:absolute;bottom:0;width:100%;}
  12. .no-background.minimalist .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
  13. .is-fullscreen.minimalist .fp-controls{bottom:3px}
  14. .is-mouseover.minimalist .fp-controls{bottom:0}
  15. .minimalist .fp-waiting{display:none;margin:19% auto;text-align:center;}
  16. .minimalist .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
  17. .minimalist .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
  18. .minimalist .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
  19. .minimalist .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
  20. .minimalist .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
  21. .minimalist .fp-waiting p{color:#ccc;font-weight:bold}
  22. .minimalist .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
  23. .minimalist .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  24. .minimalist .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
  25. .is-help.minimalist .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  26. .minimalist .fp-help .fp-help-section{margin:3%;direction:ltr}
  27. .minimalist .fp-help .fp-help-basics{margin-top:6%}
  28. .minimalist .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
  29. .minimalist .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
  30. .minimalist .fp-help small{font-size:90%;color:#aaa}
  31. .minimalist .fp-help .fp-close{display:block}
  32. @media (max-width: 600px){.minimalist .fp-help p{font-size:9px}
  33. }.minimalist .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
  34. .minimalist .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
  35. .minimalist .fp-subtitle p:after{content:'';clear:both}
  36. .minimalist .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  37. .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
  38. .is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-mute,.is-rtl.minimalist .fp-embed,.is-rtl.minimalist .fp-close,.is-rtl.minimalist .fp-play{background-image:url(img/white_rtl.png)}
  39. .color-light.minimalist .fp-fullscreen,.color-light.minimalist .fp-unload,.color-light.minimalist .fp-mute,.color-light.minimalist .fp-embed,.color-light.minimalist .fp-close,.color-light.minimalist .fp-play{background-image:url(img/black.png);}
  40. .is-rtl.color-light.minimalist .fp-fullscreen,.is-rtl.color-light.minimalist .fp-unload,.is-rtl.color-light.minimalist .fp-mute,.is-rtl.color-light.minimalist .fp-embed,.is-rtl.color-light.minimalist .fp-close,.is-rtl.color-light.minimalist .fp-play{background-image:url(img/black_rtl.png)}
  41. @media (-webkit-min-device-pixel-ratio: 2){.color-light.minimalist .fp-fullscreen,.color-light.minimalist .fp-unload,.color-light.minimalist .fp-mute,.color-light.minimalist .fp-embed,.color-light.minimalist .fp-close,.color-light.minimalist .fp-play{background-image:url(img/black@x2.png)}
  42. .is-rtl.color-light.minimalist .fp-fullscreen,.is-rtl.color-light.minimalist .fp-unload,.is-rtl.color-light.minimalist .fp-mute,.is-rtl.color-light.minimalist .fp-embed,.is-rtl.color-light.minimalist .fp-close,.is-rtl.color-light.minimalist .fp-play{background-image:url(img/black_rtl@x2.png)}
  43. }@media (-webkit-min-device-pixel-ratio: 2){.minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play{background-image:url(img/white@x2.png)}
  44. .is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-mute,.is-rtl.minimalist .fp-embed,.is-rtl.minimalist .fp-close,.is-rtl.minimalist .fp-play{background-image:url(img/white_rtl@x2.png)}
  45. }.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
  46. .is-rtl.is-splash.minimalist .fp-ui,.is-rtl.is-paused.minimalist .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:12%}
  47. @media (-webkit-min-device-pixel-ratio: 2){.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
  48. .is-rtl.is-splash.minimalist .fp-ui,.is-rtl.is-paused.minimalist .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:12%}
  49. }.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black.png);}
  50. .is-rtl.color-light.is-splash.minimalist .fp-ui,.is-rtl.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black_rtl.png)}
  51. @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black@x2.png);}
  52. .is-rtl.color-light.is-splash.minimalist .fp-ui,.is-rtl.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black_rtl@x2.png)}
  53. }.is-fullscreen.minimalist .fp-ui{background-size:auto}
  54. .is-seeking.minimalist .fp-ui,.is-loading.minimalist .fp-ui{background-image:none}
  55. .minimalist .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;}
  56. .minimalist .fp-logo img{width:100%}
  57. .is-embedded.minimalist .fp-logo{display:block}
  58. .fixed-controls.minimalist .fp-logo{bottom:15px}
  59. .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
  60. .is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-close{right:auto;left:5px;background-position:18px -197px}
  61. .minimalist .fp-unload,.minimalist .fp-close{background-position:14px -175px;display:none;}
  62. .is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-close{background-position:14px -175px}
  63. .minimalist .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
  64. .is-rtl.minimalist .fp-play{background-position:18px -24px;left:auto;right:0}
  65. .play-button.minimalist .fp-play{display:block}
  66. .is-paused.minimalist .fp-play{background-position:9px 7px;}
  67. .is-rtl.is-paused.minimalist .fp-play{background-position:18px 7px}
  68. .minimalist.is-ready.is-closeable .fp-unload{display:block}
  69. .minimalist.is-ready.is-closeable .fp-fullscreen{display:none}
  70. .minimalist.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
  71. .is-rtl.minimalist.is-fullscreen .fp-fullscreen{background-position:21px -217px}
  72. .minimalist.is-fullscreen .fp-unload,.minimalist.is-fullscreen .fp-close{display:none !important}
  73. .minimalist .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;}
  74. .no-volume.minimalist .fp-timeline{margin-right:60px}
  75. .no-mute.minimalist .fp-timeline{margin-right:140px}
  76. .no-mute.no-volume.minimalist .fp-timeline{margin-right:45px}
  77. .play-button.minimalist .fp-timeline{margin-left:67px}
  78. .is-rtl.minimalist .fp-timeline{margin:0 45px 0 150px;}
  79. .no-volume.is-rtl.minimalist .fp-timeline{margin-left:60px}
  80. .no-mute.is-rtl.minimalist .fp-timeline{margin-left:140px}
  81. .no-mute.no-volume.is-rtl.minimalist .fp-timeline{margin-left:45px}
  82. .play-button.is-rtl.minimalist .fp-timeline{margin-right:67px}
  83. .is-long.minimalist .fp-timeline{margin:0 180px 0 75px;}
  84. .no-volume.is-long.minimalist .fp-timeline{margin-right:90px}
  85. .no-mute.is-long.minimalist .fp-timeline{margin-right:75px}
  86. .play-button.is-long.minimalist .fp-timeline{margin-left:97px}
  87. .is-rtl.is-long.minimalist .fp-timeline{margin:75px 0 180px 0;}
  88. .no-volume.is-rtl.is-long.minimalist .fp-timeline{margin-left:90px}
  89. .no-mute.is-rtl.is-long.minimalist .fp-timeline{margin-left:75px}
  90. .play-button.is-rtl.is-long.minimalist .fp-timeline{margin-left:97px}
  91. .aside-time.minimalist .fp-timeline,.no-time.minimalist .fp-timeline{margin:0 110px 0 5px}
  92. .aside-time.no-volume.minimalist .fp-timeline,.no-time.no-volume.minimalist .fp-timeline{margin-right:20px}
  93. .aside-time.no-mute.minimalist .fp-timeline,.no-time.no-mute.minimalist .fp-timeline{margin-right:5px}
  94. .play-button.no-time.minimalist .fp-timeline,.play-button.aside-time.minimalist .fp-timeline{margin-left:27px}
  95. .is-rtl.aside-time.minimalist .fp-timeline,.is-rtl.no-time.minimalist .fp-timeline{margin:0 5px 0 110px}
  96. .is-rtl.aside-time.no-volume.minimalist .fp-timeline,.is-rtl.no-time.no-volume.minimalist .fp-timeline{margin-left:20px}
  97. .is-rtl.aside-time.no-mute.minimalist .fp-timeline,.is-rtl.no-time.no-mute.minimalist .fp-timeline{margin-left:5px}
  98. .is-rtl.play-button.no-time.minimalist .fp-timeline,.is-rtl.play-button.aside-time.minimalist .fp-timeline{margin-right:27px}
  99. .minimalist .fp-buffer,.minimalist .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
  100. .minimalist .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
  101. .minimalist.is-touch .fp-timeline{overflow:visible}
  102. .minimalist.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
  103. .minimalist.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
  104. .minimalist.is-touch.is-mouseover .fp-progress:after,.minimalist.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
  105. .minimalist.is-touch.is-rtl.is-mouseover .fp-progress:after,.minimalist.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
  106. .minimalist.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
  107. .minimalist.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
  108. .minimalist.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
  109. .minimalist.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
  110. .minimalist.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
  111. .minimalist .fp-volume{position:absolute;top:7.5px;right:5px;}
  112. .is-rtl.minimalist .fp-volume{right:auto;left:5px}
  113. .minimalist .fp-mute{position:relative;width:10px;height:15px;float:left;top:-5px;cursor:pointer;background-position:-2px -99px;}
  114. .is-rtl.minimalist .fp-mute{float:right;background-position:-25px -99px}
  115. .no-mute.minimalist .fp-mute{display:none}
  116. .minimalist .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;}
  117. .is-rtl.minimalist .fp-volumeslider{float:right}
  118. .no-volume.minimalist .fp-volumeslider{display:none}
  119. .minimalist .fp-volumelevel{height:100%}
  120. .minimalist .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
  121. .minimalist .fp-time.is-inverted .fp-duration{display:none}
  122. .minimalist .fp-time.is-inverted .fp-remaining{display:inline}
  123. .minimalist .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px}
  124. .no-time.minimalist .fp-time{display:none}
  125. .is-long.minimalist .fp-time em{width:65px}
  126. .minimalist .fp-elapsed{left:5px;}
  127. .play-button.minimalist .fp-elapsed{left:27px}
  128. .is-rtl.minimalist .fp-elapsed{left:auto;right:5px;}
  129. .play-button.is-rtl.minimalist .fp-elapsed{right:27px}
  130. .minimalist .fp-remaining,.minimalist .fp-duration{right:110px;color:#eee;}
  131. .no-volume.minimalist .fp-remaining,.no-volume.minimalist .fp-duration{right:20px}
  132. .no-mute.minimalist .fp-remaining,.no-mute.minimalist .fp-duration{right:100px}
  133. .no-mute.no-volume.minimalist .fp-remaining,.no-mute.no-volume.minimalist .fp-duration{right:5px}
  134. .is-rtl.minimalist .fp-remaining,.is-rtl.minimalist .fp-duration{right:auto;left:110px;}
  135. .no-volume.is-rtl.minimalist .fp-remaining,.no-volume.is-rtl.minimalist .fp-duration{left:20px}
  136. .no-mute.is-rtl.minimalist .fp-remaining,.no-mute.is-rtl.minimalist .fp-duration{left:100px}
  137. .no-mute.no-volume.is-rtl.minimalist .fp-remaining,.no-mute.no-volume.is-rtl.minimalist .fp-duration{left:5px}
  138. .minimalist .fp-remaining{display:none}
  139. .minimalist.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
  140. .minimalist.color-light .fp-remaining,.minimalist.color-light .fp-duration{color:#666}
  141. .minimalist.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;}
  142. .minimalist.aside-time .fp-time strong,.minimalist.aside-time .fp-time em{position:static}
  143. .minimalist.aside-time .fp-time .fp-elapsed{margin-right:5px;}
  144. .is-rtl.minimalist.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:5px}
  145. .minimalist.is-long.aside-time .fp-time{width:130px}
  146. .minimalist.is-splash,.minimalist.is-poster{cursor:pointer;}
  147. .minimalist.is-splash .fp-controls,.minimalist.is-poster .fp-controls,.minimalist.is-splash .fp-fullscreen,.minimalist.is-poster .fp-fullscreen,.minimalist.is-splash .fp-unload,.minimalist.is-poster .fp-unload,.minimalist.is-splash .fp-time,.minimalist.is-poster .fp-time,.minimalist.is-splash .fp-embed,.minimalist.is-poster .fp-embed{display:none !important}
  148. .minimalist.is-poster .fp-engine{top:-9999em}
  149. .minimalist.is-loading .fp-waiting{display:block}
  150. .minimalist.is-loading .fp-controls,.minimalist.is-loading .fp-time{display:none}
  151. .minimalist.is-loading .fp-ui{background-position:-9999em}
  152. .minimalist.is-seeking .fp-waiting{display:block}
  153. .minimalist.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
  154. .is-rtl.minimalist.is-fullscreen{left:auto !important;right:0 !important}
  155. .minimalist.is-error{border:1px solid #909090;background:#fdfdfd !important;}
  156. .minimalist.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
  157. .minimalist.is-error .fp-message{display:block}
  158. .minimalist.is-error object,.minimalist.is-error video,.minimalist.is-error .fp-controls,.minimalist.is-error .fp-time,.minimalist.is-error .fp-subtitle{display:none}
  159. .minimalist.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
  160. .minimalist.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
  161. .minimalist.is-mouseout .fp-timeline{margin:0 !important}
  162. .minimalist.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  163. .minimalist.is-mouseout .fp-fullscreen,.minimalist.is-mouseout .fp-unload,.minimalist.is-mouseout .fp-elapsed,.minimalist.is-mouseout .fp-remaining,.minimalist.is-mouseout .fp-duration,.minimalist.is-mouseout .fp-embed,.minimalist.is-mouseout .fp-volume,.minimalist.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
  164. .minimalist.is-mouseover .fp-controls,.minimalist.fixed-controls .fp-controls{height:20px}
  165. .minimalist.is-mouseover .fp-fullscreen,.minimalist.fixed-controls .fp-fullscreen,.minimalist.is-mouseover .fp-unload,.minimalist.fixed-controls .fp-unload,.minimalist.is-mouseover .fp-elapsed,.minimalist.fixed-controls .fp-elapsed,.minimalist.is-mouseover .fp-remaining,.minimalist.fixed-controls .fp-remaining,.minimalist.is-mouseover .fp-duration,.minimalist.fixed-controls .fp-duration,.minimalist.is-mouseover .fp-embed,.minimalist.fixed-controls .fp-embed,.minimalist.is-mouseover .fp-logo,.minimalist.fixed-controls .fp-logo,.minimalist.is-mouseover .fp-volume,.minimalist.fixed-controls .fp-volume,.minimalist.is-mouseover .fp-play,.minimalist.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  166. .minimalist.fixed-controls .fp-volume{display:block}
  167. .minimalist.fixed-controls .fp-controls{bottom:-20px;}
  168. .is-fullscreen.minimalist.fixed-controls .fp-controls{bottom:0}
  169. .minimalist.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
  170. .is-fullscreen.minimalist.fixed-controls .fp-time em{bottom:5px}
  171. .minimalist.is-disabled .fp-progress{background-color:#999}
  172. .minimalist .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px;}
  173. .is-rtl.minimalist .fp-embed{background-position:22px -237px;left:auto;right:5px}
  174. .minimalist .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
  175. .minimalist .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
  176. .is-rtl.minimalist .fp-embed-code{left:auto;right:40px;}
  177. .is-rtl.minimalist .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
  178. .minimalist .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
  179. .minimalist .fp-embed-code label{display:block;color:#999}
  180. .minimalist.is-embedding .fp-embed,.minimalist.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  181. .minimalist.aside-time .fp-embed{left:85px;}
  182. .is-rtl.minimalist.aside-time .fp-embed{left:auto;right:85px}
  183. .minimalist.aside-time .fp-embed-code{left:115px;}
  184. .is-rtl.minimalist.aside-time .fp-embed-code{left:auto;right:115px}
  185. .minimalist.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  186. .minimalist.is-long.aside-time .fp-embed{left:130px;}
  187. .is-rtl.minimalist.is-long.aside-time .fp-embed{left:auto;right:130px}
  188. .minimalist.no-time .fp-embed{left:5px !important;}
  189. .is-rtl.minimalist.no-time .fp-embed{left:auto;right:5px !important}
  190. @-moz-keyframes pulse{0%{opacity:0}
  191. 100%{opacity:1}
  192. }@-webkit-keyframes pulse{0%{opacity:0}
  193. 100%{opacity:1}
  194. }@-o-keyframes pulse{0%{opacity:0}
  195. 100%{opacity:1}
  196. }@-ms-keyframes pulse{0%{opacity:0}
  197. 100%{opacity:1}
  198. }@keyframes pulse{0%{opacity:0}
  199. 100%{opacity:1}
  200. }.minimalist .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)}
  201. .minimalist.fixed-controls .fp-controls{background-color:#333}
  202. .minimalist .fp-timeline{background-color:#666}
  203. .minimalist .fp-buffer{background-color:#eee}
  204. .minimalist .fp-progress{background-color:#00a7c8}
  205. .minimalist .fp-volumeslider{background-color:#000}
  206. .minimalist .fp-volumelevel{background-color:#fff}
  207. .minimalist .fp-play{height:24px}
  208. .minimalist.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
  209. .minimalist.color-light .fp-controls{background-color:rgba(255,255,255,0.6)}
  210. .minimalist.color-light.fixed-controls .fp-controls{background-color:#fff}
  211. .minimalist.color-light .fp-volumeslider{background-color:#ddd}
  212. .minimalist.color-light .fp-volumelevel{background-color:#222}
  213. .minimalist.color-alt .fp-progress{background-color:#fff}
  214. .minimalist.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#fff}
  215. .minimalist.color-alt .fp-buffer{background-color:#999}
  216. .minimalist.color-alt2 .fp-progress{background-color:#900}
  217. .minimalist.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}
  218. .functional{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
  219. .functional *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
  220. .functional a:focus{outline:0}
  221. .functional video{width:100%}
  222. .functional.is-ipad video{-webkit-transform:translateX(-2048px);}
  223. .is-ready.functional.is-ipad video{-webkit-transform:translateX(0)}
  224. .functional .fp-engine,.functional .fp-ui,.functional .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
  225. .functional .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
  226. .functional .fp-message h2{font-size:120%;margin-bottom:1em}
  227. .functional .fp-message p{color:#666;font-size:95%}
  228. .functional .fp-controls{position:absolute;bottom:0;width:100%;}
  229. .no-background.functional .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
  230. .is-fullscreen.functional .fp-controls{bottom:3px}
  231. .is-mouseover.functional .fp-controls{bottom:0}
  232. .functional .fp-waiting{display:none;margin:19% auto;text-align:center;}
  233. .functional .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
  234. .functional .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
  235. .functional .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
  236. .functional .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
  237. .functional .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
  238. .functional .fp-waiting p{color:#ccc;font-weight:bold}
  239. .functional .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
  240. .functional .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  241. .functional .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
  242. .is-help.functional .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  243. .functional .fp-help .fp-help-section{margin:3%;direction:ltr}
  244. .functional .fp-help .fp-help-basics{margin-top:6%}
  245. .functional .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
  246. .functional .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
  247. .functional .fp-help small{font-size:90%;color:#aaa}
  248. .functional .fp-help .fp-close{display:block}
  249. @media (max-width: 600px){.functional .fp-help p{font-size:9px}
  250. }.functional .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
  251. .functional .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
  252. .functional .fp-subtitle p:after{content:'';clear:both}
  253. .functional .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  254. .functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
  255. .is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-mute,.is-rtl.functional .fp-embed,.is-rtl.functional .fp-close,.is-rtl.functional .fp-play{background-image:url(img/white_rtl.png)}
  256. .color-light.functional .fp-fullscreen,.color-light.functional .fp-unload,.color-light.functional .fp-mute,.color-light.functional .fp-embed,.color-light.functional .fp-close,.color-light.functional .fp-play{background-image:url(img/black.png);}
  257. .is-rtl.color-light.functional .fp-fullscreen,.is-rtl.color-light.functional .fp-unload,.is-rtl.color-light.functional .fp-mute,.is-rtl.color-light.functional .fp-embed,.is-rtl.color-light.functional .fp-close,.is-rtl.color-light.functional .fp-play{background-image:url(img/black_rtl.png)}
  258. @media (-webkit-min-device-pixel-ratio: 2){.color-light.functional .fp-fullscreen,.color-light.functional .fp-unload,.color-light.functional .fp-mute,.color-light.functional .fp-embed,.color-light.functional .fp-close,.color-light.functional .fp-play{background-image:url(img/black@x2.png)}
  259. .is-rtl.color-light.functional .fp-fullscreen,.is-rtl.color-light.functional .fp-unload,.is-rtl.color-light.functional .fp-mute,.is-rtl.color-light.functional .fp-embed,.is-rtl.color-light.functional .fp-close,.is-rtl.color-light.functional .fp-play{background-image:url(img/black_rtl@x2.png)}
  260. }@media (-webkit-min-device-pixel-ratio: 2){.functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play{background-image:url(img/white@x2.png)}
  261. .is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-mute,.is-rtl.functional .fp-embed,.is-rtl.functional .fp-close,.is-rtl.functional .fp-play{background-image:url(img/white_rtl@x2.png)}
  262. }.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
  263. .is-rtl.is-splash.functional .fp-ui,.is-rtl.is-paused.functional .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:12%}
  264. @media (-webkit-min-device-pixel-ratio: 2){.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
  265. .is-rtl.is-splash.functional .fp-ui,.is-rtl.is-paused.functional .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:12%}
  266. }.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black.png);}
  267. .is-rtl.color-light.is-splash.functional .fp-ui,.is-rtl.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black_rtl.png)}
  268. @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black@x2.png);}
  269. .is-rtl.color-light.is-splash.functional .fp-ui,.is-rtl.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black_rtl@x2.png)}
  270. }.is-fullscreen.functional .fp-ui{background-size:auto}
  271. .is-seeking.functional .fp-ui,.is-loading.functional .fp-ui{background-image:none}
  272. .functional .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
  273. .functional .fp-logo img{width:100%}
  274. .is-embedded.functional .fp-logo{display:block}
  275. .fixed-controls.functional .fp-logo{bottom:15px}
  276. .functional .fp-fullscreen,.functional .fp-unload,.functional .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
  277. .is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-close{right:auto;left:10px;background-position:18px -197px}
  278. .functional .fp-unload,.functional .fp-close{background-position:14px -175px;display:none;}
  279. .is-rtl.functional .fp-unload,.is-rtl.functional .fp-close{background-position:14px -175px}
  280. .functional .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
  281. .is-rtl.functional .fp-play{background-position:18px -24px;left:auto;right:0}
  282. .play-button.functional .fp-play{display:block}
  283. .is-paused.functional .fp-play{background-position:9px 7px;}
  284. .is-rtl.is-paused.functional .fp-play{background-position:18px 7px}
  285. .functional.is-ready.is-closeable .fp-unload{display:block}
  286. .functional.is-ready.is-closeable .fp-fullscreen{display:none}
  287. .functional.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
  288. .is-rtl.functional.is-fullscreen .fp-fullscreen{background-position:21px -217px}
  289. .functional.is-fullscreen .fp-unload,.functional.is-fullscreen .fp-close{display:none !important}
  290. .functional .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
  291. .no-volume.functional .fp-timeline{margin-right:75px}
  292. .no-mute.functional .fp-timeline{margin-right:155px}
  293. .no-mute.no-volume.functional .fp-timeline{margin-right:55px}
  294. .play-button.functional .fp-timeline{margin-left:72px}
  295. .is-rtl.functional .fp-timeline{margin:0 55px 0 165px;}
  296. .no-volume.is-rtl.functional .fp-timeline{margin-left:75px}
  297. .no-mute.is-rtl.functional .fp-timeline{margin-left:155px}
  298. .no-mute.no-volume.is-rtl.functional .fp-timeline{margin-left:55px}
  299. .play-button.is-rtl.functional .fp-timeline{margin-right:72px}
  300. .is-long.functional .fp-timeline{margin:0 195px 0 85px;}
  301. .no-volume.is-long.functional .fp-timeline{margin-right:105px}
  302. .no-mute.is-long.functional .fp-timeline{margin-right:85px}
  303. .play-button.is-long.functional .fp-timeline{margin-left:102px}
  304. .is-rtl.is-long.functional .fp-timeline{margin:85px 0 195px 0;}
  305. .no-volume.is-rtl.is-long.functional .fp-timeline{margin-left:105px}
  306. .no-mute.is-rtl.is-long.functional .fp-timeline{margin-left:85px}
  307. .play-button.is-rtl.is-long.functional .fp-timeline{margin-left:102px}
  308. .aside-time.functional .fp-timeline,.no-time.functional .fp-timeline{margin:0 120px 0 10px}
  309. .aside-time.no-volume.functional .fp-timeline,.no-time.no-volume.functional .fp-timeline{margin-right:30px}
  310. .aside-time.no-mute.functional .fp-timeline,.no-time.no-mute.functional .fp-timeline{margin-right:10px}
  311. .play-button.no-time.functional .fp-timeline,.play-button.aside-time.functional .fp-timeline{margin-left:27px}
  312. .is-rtl.aside-time.functional .fp-timeline,.is-rtl.no-time.functional .fp-timeline{margin:0 10px 0 120px}
  313. .is-rtl.aside-time.no-volume.functional .fp-timeline,.is-rtl.no-time.no-volume.functional .fp-timeline{margin-left:30px}
  314. .is-rtl.aside-time.no-mute.functional .fp-timeline,.is-rtl.no-time.no-mute.functional .fp-timeline{margin-left:10px}
  315. .is-rtl.play-button.no-time.functional .fp-timeline,.is-rtl.play-button.aside-time.functional .fp-timeline{margin-right:27px}
  316. .functional .fp-buffer,.functional .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
  317. .functional .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
  318. .functional.is-touch .fp-timeline{overflow:visible}
  319. .functional.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
  320. .functional.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
  321. .functional.is-touch.is-mouseover .fp-progress:after,.functional.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
  322. .functional.is-touch.is-rtl.is-mouseover .fp-progress:after,.functional.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
  323. .functional.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
  324. .functional.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
  325. .functional.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
  326. .functional.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
  327. .functional.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
  328. .functional .fp-volume{position:absolute;top:11px;right:10px;}
  329. .is-rtl.functional .fp-volume{right:auto;left:10px}
  330. .functional .fp-mute{position:relative;width:10px;height:15px;float:left;top:-3.5px;cursor:pointer;background-position:-2px -99px;}
  331. .is-rtl.functional .fp-mute{float:right;background-position:-25px -99px}
  332. .no-mute.functional .fp-mute{display:none}
  333. .functional .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
  334. .is-rtl.functional .fp-volumeslider{float:right}
  335. .no-volume.functional .fp-volumeslider{display:none}
  336. .functional .fp-volumelevel{height:100%}
  337. .functional .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
  338. .functional .fp-time.is-inverted .fp-duration{display:none}
  339. .functional .fp-time.is-inverted .fp-remaining{display:inline}
  340. .functional .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
  341. .no-time.functional .fp-time{display:none}
  342. .is-long.functional .fp-time em{width:65px}
  343. .functional .fp-elapsed{left:10px;}
  344. .play-button.functional .fp-elapsed{left:27px}
  345. .is-rtl.functional .fp-elapsed{left:auto;right:10px;}
  346. .play-button.is-rtl.functional .fp-elapsed{right:27px}
  347. .functional .fp-remaining,.functional .fp-duration{right:120px;color:#eee;}
  348. .no-volume.functional .fp-remaining,.no-volume.functional .fp-duration{right:30px}
  349. .no-mute.functional .fp-remaining,.no-mute.functional .fp-duration{right:110px}
  350. .no-mute.no-volume.functional .fp-remaining,.no-mute.no-volume.functional .fp-duration{right:10px}
  351. .is-rtl.functional .fp-remaining,.is-rtl.functional .fp-duration{right:auto;left:120px;}
  352. .no-volume.is-rtl.functional .fp-remaining,.no-volume.is-rtl.functional .fp-duration{left:30px}
  353. .no-mute.is-rtl.functional .fp-remaining,.no-mute.is-rtl.functional .fp-duration{left:110px}
  354. .no-mute.no-volume.is-rtl.functional .fp-remaining,.no-mute.no-volume.is-rtl.functional .fp-duration{left:10px}
  355. .functional .fp-remaining{display:none}
  356. .functional.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
  357. .functional.color-light .fp-remaining,.functional.color-light .fp-duration{color:#666}
  358. .functional.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
  359. .functional.aside-time .fp-time strong,.functional.aside-time .fp-time em{position:static}
  360. .functional.aside-time .fp-time .fp-elapsed{margin-right:10px;}
  361. .is-rtl.functional.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:10px}
  362. .functional.is-long.aside-time .fp-time{width:130px}
  363. .functional.is-splash,.functional.is-poster{cursor:pointer;}
  364. .functional.is-splash .fp-controls,.functional.is-poster .fp-controls,.functional.is-splash .fp-fullscreen,.functional.is-poster .fp-fullscreen,.functional.is-splash .fp-unload,.functional.is-poster .fp-unload,.functional.is-splash .fp-time,.functional.is-poster .fp-time,.functional.is-splash .fp-embed,.functional.is-poster .fp-embed{display:none !important}
  365. .functional.is-poster .fp-engine{top:-9999em}
  366. .functional.is-loading .fp-waiting{display:block}
  367. .functional.is-loading .fp-controls,.functional.is-loading .fp-time{display:none}
  368. .functional.is-loading .fp-ui{background-position:-9999em}
  369. .functional.is-seeking .fp-waiting{display:block}
  370. .functional.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
  371. .is-rtl.functional.is-fullscreen{left:auto !important;right:0 !important}
  372. .functional.is-error{border:1px solid #909090;background:#fdfdfd !important;}
  373. .functional.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
  374. .functional.is-error .fp-message{display:block}
  375. .functional.is-error object,.functional.is-error video,.functional.is-error .fp-controls,.functional.is-error .fp-time,.functional.is-error .fp-subtitle{display:none}
  376. .functional.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
  377. .functional.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
  378. .functional.is-mouseout .fp-timeline{margin:0 !important}
  379. .functional.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  380. .functional.is-mouseout .fp-fullscreen,.functional.is-mouseout .fp-unload,.functional.is-mouseout .fp-elapsed,.functional.is-mouseout .fp-remaining,.functional.is-mouseout .fp-duration,.functional.is-mouseout .fp-embed,.functional.is-mouseout .fp-volume,.functional.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
  381. .functional.is-mouseover .fp-controls,.functional.fixed-controls .fp-controls{height:30px}
  382. .functional.is-mouseover .fp-fullscreen,.functional.fixed-controls .fp-fullscreen,.functional.is-mouseover .fp-unload,.functional.fixed-controls .fp-unload,.functional.is-mouseover .fp-elapsed,.functional.fixed-controls .fp-elapsed,.functional.is-mouseover .fp-remaining,.functional.fixed-controls .fp-remaining,.functional.is-mouseover .fp-duration,.functional.fixed-controls .fp-duration,.functional.is-mouseover .fp-embed,.functional.fixed-controls .fp-embed,.functional.is-mouseover .fp-logo,.functional.fixed-controls .fp-logo,.functional.is-mouseover .fp-volume,.functional.fixed-controls .fp-volume,.functional.is-mouseover .fp-play,.functional.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  383. .functional.fixed-controls .fp-volume{display:block}
  384. .functional.fixed-controls .fp-controls{bottom:-30px;}
  385. .is-fullscreen.functional.fixed-controls .fp-controls{bottom:0}
  386. .functional.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
  387. .is-fullscreen.functional.fixed-controls .fp-time em{bottom:10px}
  388. .functional.is-disabled .fp-progress{background-color:#999}
  389. .functional .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px;}
  390. .is-rtl.functional .fp-embed{background-position:22px -237px;left:auto;right:10px}
  391. .functional .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
  392. .functional .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
  393. .is-rtl.functional .fp-embed-code{left:auto;right:40px;}
  394. .is-rtl.functional .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
  395. .functional .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
  396. .functional .fp-embed-code label{display:block;color:#999}
  397. .functional.is-embedding .fp-embed,.functional.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  398. .functional.aside-time .fp-embed{left:100px;}
  399. .is-rtl.functional.aside-time .fp-embed{left:auto;right:100px}
  400. .functional.aside-time .fp-embed-code{left:130px;}
  401. .is-rtl.functional.aside-time .fp-embed-code{left:auto;right:130px}
  402. .functional.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  403. .functional.is-long.aside-time .fp-embed{left:130px;}
  404. .is-rtl.functional.is-long.aside-time .fp-embed{left:auto;right:130px}
  405. .functional.no-time .fp-embed{left:10px !important;}
  406. .is-rtl.functional.no-time .fp-embed{left:auto;right:10px !important}
  407. @-moz-keyframes pulse{0%{opacity:0}
  408. 100%{opacity:1}
  409. }@-webkit-keyframes pulse{0%{opacity:0}
  410. 100%{opacity:1}
  411. }@-o-keyframes pulse{0%{opacity:0}
  412. 100%{opacity:1}
  413. }@-ms-keyframes pulse{0%{opacity:0}
  414. 100%{opacity:1}
  415. }@keyframes pulse{0%{opacity:0}
  416. 100%{opacity:1}
  417. }.functional .fp-controls{background-color:#111}
  418. .functional .fp-timeline{background-color:#555}
  419. .functional .fp-buffer{background-color:#eee}
  420. .functional .fp-progress{background-color:#4da5d8}
  421. .functional.is-touch.is-mouseover .fp-progress:before{background-color:#4da5d8}
  422. .functional .fp-volumelevel{background-color:#fff}
  423. .functional .fp-volumeslider{background-color:#555}
  424. .functional .fp-timeline,.functional .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
  425. .functional .fp-controls,.functional .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))}
  426. .functional .fp-timeline,.functional .fp-buffer,.functional .fp-progress,.functional .fp-volumeslider,.functional .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
  427. .functional.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
  428. .functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{border-color:#eee #ccc}
  429. .functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
  430. .functional.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
  431. .functional.color-alt.is-touch.is-mouseover .fp-progress:before{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
  432. .functional.color-alt .fp-timeline,.functional.color-alt .fp-volumeslider{background-color:#111}
  433. .functional.color-alt2 .fp-progress{background-color:#900}
  434. .functional.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}
  435. .playful{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
  436. .playful *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
  437. .playful a:focus{outline:0}
  438. .playful video{width:100%}
  439. .playful.is-ipad video{-webkit-transform:translateX(-2048px);}
  440. .is-ready.playful.is-ipad video{-webkit-transform:translateX(0)}
  441. .playful .fp-engine,.playful .fp-ui,.playful .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
  442. .playful .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
  443. .playful .fp-message h2{font-size:120%;margin-bottom:1em}
  444. .playful .fp-message p{color:#666;font-size:95%}
  445. .playful .fp-controls{position:absolute;bottom:0;width:100%;}
  446. .no-background.playful .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
  447. .is-fullscreen.playful .fp-controls{bottom:3px}
  448. .is-mouseover.playful .fp-controls{bottom:0}
  449. .playful .fp-waiting{display:none;margin:19% auto;text-align:center;}
  450. .playful .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
  451. .playful .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
  452. .playful .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
  453. .playful .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
  454. .playful .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
  455. .playful .fp-waiting p{color:#ccc;font-weight:bold}
  456. .playful .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
  457. .playful .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  458. .playful .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
  459. .is-help.playful .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  460. .playful .fp-help .fp-help-section{margin:3%;direction:ltr}
  461. .playful .fp-help .fp-help-basics{margin-top:6%}
  462. .playful .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
  463. .playful .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
  464. .playful .fp-help small{font-size:90%;color:#aaa}
  465. .playful .fp-help .fp-close{display:block}
  466. @media (max-width: 600px){.playful .fp-help p{font-size:9px}
  467. }.playful .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
  468. .playful .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
  469. .playful .fp-subtitle p:after{content:'';clear:both}
  470. .playful .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  471. .playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play{background-image:url(img/playful_white.png);background-size:37px 300px;}
  472. .is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-mute,.is-rtl.playful .fp-embed,.is-rtl.playful .fp-close,.is-rtl.playful .fp-play{background-image:url(img/playful_white_rtl.png)}
  473. .color-light.playful .fp-fullscreen,.color-light.playful .fp-unload,.color-light.playful .fp-mute,.color-light.playful .fp-embed,.color-light.playful .fp-close,.color-light.playful .fp-play{background-image:url(img/playful_black.png);}
  474. .is-rtl.color-light.playful .fp-fullscreen,.is-rtl.color-light.playful .fp-unload,.is-rtl.color-light.playful .fp-mute,.is-rtl.color-light.playful .fp-embed,.is-rtl.color-light.playful .fp-close,.is-rtl.color-light.playful .fp-play{background-image:url(img/playful_black_rtl.png)}
  475. @media (-webkit-min-device-pixel-ratio: 2){.color-light.playful .fp-fullscreen,.color-light.playful .fp-unload,.color-light.playful .fp-mute,.color-light.playful .fp-embed,.color-light.playful .fp-close,.color-light.playful .fp-play{background-image:url(img/playful_black@x2.png)}
  476. .is-rtl.color-light.playful .fp-fullscreen,.is-rtl.color-light.playful .fp-unload,.is-rtl.color-light.playful .fp-mute,.is-rtl.color-light.playful .fp-embed,.is-rtl.color-light.playful .fp-close,.is-rtl.color-light.playful .fp-play{background-image:url(img/playful_black_rtl@x2.png)}
  477. }@media (-webkit-min-device-pixel-ratio: 2){.playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play{background-image:url(img/playful_white@x2.png)}
  478. .is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-mute,.is-rtl.playful .fp-embed,.is-rtl.playful .fp-close,.is-rtl.playful .fp-play{background-image:url(img/playful_white_rtl@x2.png)}
  479. }.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
  480. .is-rtl.is-splash.playful .fp-ui,.is-rtl.is-paused.playful .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:12%}
  481. @media (-webkit-min-device-pixel-ratio: 2){.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
  482. .is-rtl.is-splash.playful .fp-ui,.is-rtl.is-paused.playful .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:12%}
  483. }.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black.png);}
  484. .is-rtl.color-light.is-splash.playful .fp-ui,.is-rtl.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black_rtl.png)}
  485. @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black@x2.png);}
  486. .is-rtl.color-light.is-splash.playful .fp-ui,.is-rtl.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black_rtl@x2.png)}
  487. }.is-fullscreen.playful .fp-ui{background-size:auto}
  488. .is-seeking.playful .fp-ui,.is-loading.playful .fp-ui{background-image:none}
  489. .playful .fp-logo{position:absolute;top:auto;left:15px;bottom:45px;cursor:pointer;display:none;z-index:100;}
  490. .playful .fp-logo img{width:100%}
  491. .is-embedded.playful .fp-logo{display:block}
  492. .fixed-controls.playful .fp-logo{bottom:15px}
  493. .playful .fp-fullscreen,.playful .fp-unload,.playful .fp-close{position:absolute;top:12px;left:auto;right:12px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
  494. .is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-close{right:auto;left:12px;background-position:18px -197px}
  495. .playful .fp-unload,.playful .fp-close{background-position:14px -175px;display:none;}
  496. .is-rtl.playful .fp-unload,.is-rtl.playful .fp-close{background-position:14px -175px}
  497. .playful .fp-play{display:none;width:27px;height:35px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
  498. .is-rtl.playful .fp-play{background-position:18px -24px;left:auto;right:0}
  499. .play-button.playful .fp-play{display:block}
  500. .is-paused.playful .fp-play{background-position:9px 7px;}
  501. .is-rtl.is-paused.playful .fp-play{background-position:18px 7px}
  502. .playful.is-ready.is-closeable .fp-unload{display:block}
  503. .playful.is-ready.is-closeable .fp-fullscreen{display:none}
  504. .playful.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
  505. .is-rtl.playful.is-fullscreen .fp-fullscreen{background-position:21px -217px}
  506. .playful.is-fullscreen .fp-unload,.playful.is-fullscreen .fp-close{display:none !important}
  507. .playful .fp-timeline{height:3px;position:relative;overflow:hidden;top:12px;height:11px;margin:0 199px 0 59px;}
  508. .no-volume.playful .fp-timeline{margin-right:109px}
  509. .no-mute.playful .fp-timeline{margin-right:161px}
  510. .no-mute.no-volume.playful .fp-timeline{margin-right:59px}
  511. .play-button.playful .fp-timeline{margin-left:74px}
  512. .is-rtl.playful .fp-timeline{margin:0 59px 0 199px;}
  513. .no-volume.is-rtl.playful .fp-timeline{margin-left:109px}
  514. .no-mute.is-rtl.playful .fp-timeline{margin-left:161px}
  515. .no-mute.no-volume.is-rtl.playful .fp-timeline{margin-left:59px}
  516. .play-button.is-rtl.playful .fp-timeline{margin-right:74px}
  517. .is-long.playful .fp-timeline{margin:0 229px 0 89px;}
  518. .no-volume.is-long.playful .fp-timeline{margin-right:139px}
  519. .no-mute.is-long.playful .fp-timeline{margin-right:89px}
  520. .play-button.is-long.playful .fp-timeline{margin-left:104px}
  521. .is-rtl.is-long.playful .fp-timeline{margin:89px 0 229px 0;}
  522. .no-volume.is-rtl.is-long.playful .fp-timeline{margin-left:139px}
  523. .no-mute.is-rtl.is-long.playful .fp-timeline{margin-left:89px}
  524. .play-button.is-rtl.is-long.playful .fp-timeline{margin-left:104px}
  525. .aside-time.playful .fp-timeline,.no-time.playful .fp-timeline{margin:0 152px 0 12px}
  526. .aside-time.no-volume.playful .fp-timeline,.no-time.no-volume.playful .fp-timeline{margin-right:62px}
  527. .aside-time.no-mute.playful .fp-timeline,.no-time.no-mute.playful .fp-timeline{margin-right:12px}
  528. .play-button.no-time.playful .fp-timeline,.play-button.aside-time.playful .fp-timeline{margin-left:27px}
  529. .is-rtl.aside-time.playful .fp-timeline,.is-rtl.no-time.playful .fp-timeline{margin:0 12px 0 152px}
  530. .is-rtl.aside-time.no-volume.playful .fp-timeline,.is-rtl.no-time.no-volume.playful .fp-timeline{margin-left:62px}
  531. .is-rtl.aside-time.no-mute.playful .fp-timeline,.is-rtl.no-time.no-mute.playful .fp-timeline{margin-left:12px}
  532. .is-rtl.play-button.no-time.playful .fp-timeline,.is-rtl.play-button.aside-time.playful .fp-timeline{margin-right:27px}
  533. .playful .fp-buffer,.playful .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
  534. .playful .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
  535. .playful.is-touch .fp-timeline{overflow:visible}
  536. .playful.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
  537. .playful.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
  538. .playful.is-touch.is-mouseover .fp-progress:after,.playful.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
  539. .playful.is-touch.is-rtl.is-mouseover .fp-progress:after,.playful.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
  540. .playful.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
  541. .playful.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
  542. .playful.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
  543. .playful.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
  544. .playful.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
  545. .playful .fp-volume{position:absolute;top:12px;right:12px;}
  546. .is-rtl.playful .fp-volume{right:auto;left:12px}
  547. .playful .fp-mute{position:relative;width:38px;height:20px;float:left;top:-4.5px;cursor:pointer;background-position:-2px -99px;}
  548. .is-rtl.playful .fp-mute{float:right;background-position:-25px -99px}
  549. .no-mute.playful .fp-mute{display:none}
  550. .playful .fp-volumeslider{width:90px;height:11px;cursor:col-resize;float:left;}
  551. .is-rtl.playful .fp-volumeslider{float:right}
  552. .no-volume.playful .fp-volumeslider{display:none}
  553. .playful .fp-volumelevel{height:100%}
  554. .playful .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
  555. .playful .fp-time.is-inverted .fp-duration{display:none}
  556. .playful .fp-time.is-inverted .fp-remaining{display:inline}
  557. .playful .fp-time em{width:35px;height:11px;line-height:11px;text-align:center;position:absolute;bottom:12px}
  558. .no-time.playful .fp-time{display:none}
  559. .is-long.playful .fp-time em{width:65px}
  560. .playful .fp-elapsed{left:12px;}
  561. .play-button.playful .fp-elapsed{left:27px}
  562. .is-rtl.playful .fp-elapsed{left:auto;right:12px;}
  563. .play-button.is-rtl.playful .fp-elapsed{right:27px}
  564. .playful .fp-remaining,.playful .fp-duration{right:152px;color:#eee;}
  565. .no-volume.playful .fp-remaining,.no-volume.playful .fp-duration{right:62px}
  566. .no-mute.playful .fp-remaining,.no-mute.playful .fp-duration{right:114px}
  567. .no-mute.no-volume.playful .fp-remaining,.no-mute.no-volume.playful .fp-duration{right:12px}
  568. .is-rtl.playful .fp-remaining,.is-rtl.playful .fp-duration{right:auto;left:152px;}
  569. .no-volume.is-rtl.playful .fp-remaining,.no-volume.is-rtl.playful .fp-duration{left:62px}
  570. .no-mute.is-rtl.playful .fp-remaining,.no-mute.is-rtl.playful .fp-duration{left:114px}
  571. .no-mute.no-volume.is-rtl.playful .fp-remaining,.no-mute.no-volume.is-rtl.playful .fp-duration{left:12px}
  572. .playful .fp-remaining{display:none}
  573. .playful.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
  574. .playful.color-light .fp-remaining,.playful.color-light .fp-duration{color:#666}
  575. .playful.aside-time .fp-time{position:absolute;top:12px;left:12px;bottom:auto !important;width:110px;}
  576. .playful.aside-time .fp-time strong,.playful.aside-time .fp-time em{position:static}
  577. .playful.aside-time .fp-time .fp-elapsed{margin-right:12px;}
  578. .is-rtl.playful.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:12px}
  579. .playful.is-long.aside-time .fp-time{width:130px}
  580. .playful.is-splash,.playful.is-poster{cursor:pointer;}
  581. .playful.is-splash .fp-controls,.playful.is-poster .fp-controls,.playful.is-splash .fp-fullscreen,.playful.is-poster .fp-fullscreen,.playful.is-splash .fp-unload,.playful.is-poster .fp-unload,.playful.is-splash .fp-time,.playful.is-poster .fp-time,.playful.is-splash .fp-embed,.playful.is-poster .fp-embed{display:none !important}
  582. .playful.is-poster .fp-engine{top:-9999em}
  583. .playful.is-loading .fp-waiting{display:block}
  584. .playful.is-loading .fp-controls,.playful.is-loading .fp-time{display:none}
  585. .playful.is-loading .fp-ui{background-position:-9999em}
  586. .playful.is-seeking .fp-waiting{display:block}
  587. .playful.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
  588. .is-rtl.playful.is-fullscreen{left:auto !important;right:0 !important}
  589. .playful.is-error{border:1px solid #909090;background:#fdfdfd !important;}
  590. .playful.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
  591. .playful.is-error .fp-message{display:block}
  592. .playful.is-error object,.playful.is-error video,.playful.is-error .fp-controls,.playful.is-error .fp-time,.playful.is-error .fp-subtitle{display:none}
  593. .playful.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
  594. .playful.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
  595. .playful.is-mouseout .fp-timeline{margin:0 !important}
  596. .playful.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  597. .playful.is-mouseout .fp-fullscreen,.playful.is-mouseout .fp-unload,.playful.is-mouseout .fp-elapsed,.playful.is-mouseout .fp-remaining,.playful.is-mouseout .fp-duration,.playful.is-mouseout .fp-embed,.playful.is-mouseout .fp-volume,.playful.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
  598. .playful.is-mouseover .fp-controls,.playful.fixed-controls .fp-controls{height:35px}
  599. .playful.is-mouseover .fp-fullscreen,.playful.fixed-controls .fp-fullscreen,.playful.is-mouseover .fp-unload,.playful.fixed-controls .fp-unload,.playful.is-mouseover .fp-elapsed,.playful.fixed-controls .fp-elapsed,.playful.is-mouseover .fp-remaining,.playful.fixed-controls .fp-remaining,.playful.is-mouseover .fp-duration,.playful.fixed-controls .fp-duration,.playful.is-mouseover .fp-embed,.playful.fixed-controls .fp-embed,.playful.is-mouseover .fp-logo,.playful.fixed-controls .fp-logo,.playful.is-mouseover .fp-volume,.playful.fixed-controls .fp-volume,.playful.is-mouseover .fp-play,.playful.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  600. .playful.fixed-controls .fp-volume{display:block}
  601. .playful.fixed-controls .fp-controls{bottom:-35px;}
  602. .is-fullscreen.playful.fixed-controls .fp-controls{bottom:0}
  603. .playful.fixed-controls .fp-time em{bottom:-23px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
  604. .is-fullscreen.playful.fixed-controls .fp-time em{bottom:12px}
  605. .playful.is-disabled .fp-progress{background-color:#999}
  606. .playful .fp-embed{position:absolute;top:12px;left:12px;display:block;width:25px;height:20px;background-position:3px -237px;}
  607. .is-rtl.playful .fp-embed{background-position:22px -237px;left:auto;right:12px}
  608. .playful .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
  609. .playful .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
  610. .is-rtl.playful .fp-embed-code{left:auto;right:40px;}
  611. .is-rtl.playful .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
  612. .playful .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
  613. .playful .fp-embed-code label{display:block;color:#999}
  614. .playful.is-embedding .fp-embed,.playful.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  615. .playful.aside-time .fp-embed{left:110px;}
  616. .is-rtl.playful.aside-time .fp-embed{left:auto;right:110px}
  617. .playful.aside-time .fp-embed-code{left:140px;}
  618. .is-rtl.playful.aside-time .fp-embed-code{left:auto;right:140px}
  619. .playful.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  620. .playful.is-long.aside-time .fp-embed{left:130px;}
  621. .is-rtl.playful.is-long.aside-time .fp-embed{left:auto;right:130px}
  622. .playful.no-time .fp-embed{left:12px !important;}
  623. .is-rtl.playful.no-time .fp-embed{left:auto;right:12px !important}
  624. @-moz-keyframes pulse{0%{opacity:0}
  625. 100%{opacity:1}
  626. }@-webkit-keyframes pulse{0%{opacity:0}
  627. 100%{opacity:1}
  628. }@-o-keyframes pulse{0%{opacity:0}
  629. 100%{opacity:1}
  630. }@-ms-keyframes pulse{0%{opacity:0}
  631. 100%{opacity:1}
  632. }@keyframes pulse{0%{opacity:0}
  633. 100%{opacity:1}
  634. }.playful .fp-controls{background-color:#111}
  635. .playful .fp-timeline,.playful .fp-volumeslider{background-color:#555;background-image:-moz-linear-gradient(rgba(255,255,255,0.01),rgba(255,255,255,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.01)),to(rgba(255,255,255,0.3)))}
  636. .playful .fp-buffer{background-color:#eee}
  637. .playful .fp-progress{background-color:#008000}
  638. .playful.is-touch.is-mouseover .fp-progress:before{background-color:#008000}
  639. .playful .fp-volumelevel{background-color:#fff}
  640. .playful .fp-mute{display:block;width:38px;height:20px;background-position:0 -79px;}
  641. .is-rtl.playful .fp-mute{background-position:0 -79px}
  642. .is-muted.playful .fp-mute{background-position:0 -109px;opacity:.85;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85)}
  643. .playful .fp-play{background-position:9px -20px;}
  644. .is-rtl.playful .fp-play{background-position:18px -20px}
  645. .is-paused.playful .fp-play{background-position:9px 11px;}
  646. .is-rtl.is-paused.playful .fp-play{background-position:18px 11px}
  647. .playful .fp-timeline,.playful .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.3) rgba(17,17,17,0.05)}
  648. .playful .fp-controls,.playful .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.3)),to(rgba(255,255,255,0.01)))}
  649. .playful .fp-timeline,.playful .fp-progress,.playful .fp-buffer,.playful .fp-volumeslider,.playful .fp-volumelevel{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
  650. .playful.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
  651. .playful.color-light .fp-timeline,.playful.color-light .fp-volumeslider{border-color:#eee #ccc}
  652. .playful.color-alt .fp-progress,.playful.color-alt .fp-volumelevel{background-color:#111}
  653. .playful.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#111}
  654. .playful.color-alt2 .fp-progress,.playful.color-alt2 .fp-volumelevel{background-color:#900}
  655. .playful.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}