all-skins.css 99 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010
  1. @font-face {
  2. font-family: 'fpicons';
  3. src:url('fonts/fpicons.eot?yg5dv7');
  4. src:url('fonts/fpicons.eot?#iefixyg5dv7') format('embedded-opentype'),
  5. url('fonts/fpicons.woff?yg5dv7') format('woff'),
  6. url('fonts/fpicons.ttf?yg5dv7') format('truetype'),
  7. url('fonts/fpicons.svg?yg5dv7#fpicons') format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. [class^="fp-i-"], [class*=" fp-i-"] {
  12. font-family: 'fpicons';
  13. speak: none;
  14. font-style: normal;
  15. font-weight: normal;
  16. font-variant: normal;
  17. text-transform: none;
  18. line-height: 1;
  19. /* Better Font Rendering =========== */
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. }
  23. .minimalist{position:relative;width:100%;counter-increment:flowplayer;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
  24. .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}
  25. .minimalist a:focus{outline:0}
  26. .minimalist video{width:100%}
  27. .minimalist.is-ipad video{-webkit-transform:translateX(-2048px);}
  28. .is-ready.minimalist.is-ipad video{-webkit-transform:translateX(0)}
  29. .minimalist .fp-player{position:absolute;top:0;left:0;width:100%;height:100%}
  30. .minimalist .fp-engine,.minimalist .fp-ui,.minimalist .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
  31. .minimalist .fp-ui{z-index:11}
  32. .minimalist .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
  33. .minimalist .fp-message h2{font-size:120%;margin-bottom:1em}
  34. .minimalist .fp-message p{color:#666;font-size:95%}
  35. .minimalist .fp-title{line-height:30px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif;font-size:11px;cursor:default;color:#fff;width:auto;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;padding:0 20px;}
  36. .is-rtl.minimalist .fp-title{float:right}
  37. .aside-time.minimalist .fp-title{display:none !important}
  38. .minimalist .fp-controls{position:absolute;bottom:0;width:100%;}
  39. .no-background.minimalist .fp-controls{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important}
  40. .is-fullscreen.minimalist .fp-controls{bottom:3px}
  41. .is-mouseover.minimalist .fp-controls{bottom:0}
  42. .minimalist .fp-controls,.minimalist .fp-title,.minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-close,.minimalist .fp-embed,.minimalist.aside-time .fp-time{background-color:#000;background-color:rgba(0,0,0,0.65);}
  43. .no-background.minimalist .fp-controls,.no-background.minimalist .fp-title,.no-background.minimalist .fp-fullscreen,.no-background.minimalist .fp-unload,.no-background.minimalist .fp-close,.no-background.minimalist .fp-embed,.no-background.minimalist.aside-time .fp-time{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
  44. .no-background.minimalist .fp-play,.no-background.minimalist .fp-brand{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
  45. .minimalist.fixed-controls .fp-controls{background-color:#000}
  46. .minimalist .fp-timeline{background-color:#a5a5a5}
  47. .minimalist .fp-buffer{background-color:#eee}
  48. .minimalist .fp-progress{background-color:#00a7c8}
  49. .minimalist .fp-volumeslider{background-color:#a5a5a5}
  50. .minimalist .fp-volumelevel{background-color:#00a7c8}
  51. .minimalist .fp-waiting{display:none;margin:19% auto;text-align:center;}
  52. .minimalist .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
  53. .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);}
  54. .minimalist .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
  55. .minimalist .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
  56. .minimalist .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
  57. .minimalist .fp-waiting p{color:#ccc;font-weight:bold}
  58. .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;}
  59. .minimalist .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  60. .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;}
  61. .is-help.minimalist .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  62. .minimalist .fp-help .fp-help-section{margin:3%;direction:ltr}
  63. .minimalist .fp-help .fp-help-basics{margin-top:6%}
  64. .minimalist .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
  65. .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}
  66. .minimalist .fp-help small{font-size:90%;color:#aaa}
  67. .minimalist .fp-help .fp-close{display:block}
  68. @media (max-width: 600px){.minimalist .fp-help p{font-size:9px}
  69. }.minimalist .fp-dropdown{position:absolute;top:5px;width:100px;background-color:#000 !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0 !important;list-style-type:none !important;}
  70. .minimalist .fp-dropdown:before{content:'';display:block;position:absolute;top:-5px;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(51,51,51,0.9)}
  71. .minimalist .fp-dropdown li{padding:10px !important;margin:0 !important;color:#fff !important;font-size:11px !important;list-style-type:none !important;}
  72. .minimalist .fp-dropdown li.active{background-color:#00a7c8 !important;cursor:default !important}
  73. .minimalist .fp-dropdown.fp-dropup{bottom:20px;top:auto;}
  74. .minimalist .fp-dropdown.fp-dropup:before{top:auto;bottom:-5px;border-bottom:none;border-top:5px solid rgba(51,51,51,0.9)}
  75. .minimalist .fp-tooltip{background-color:#000;color:#fff;display:none;position:absolute;padding:5px;}
  76. .minimalist .fp-tooltip:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}
  77. .minimalist .fp-timeline-tooltip{bottom:35px}
  78. .minimalist .fp-timeline:hover+.fp-timeline-tooltip{display:block;}
  79. .is-touch.minimalist .fp-timeline:hover+.fp-timeline-tooltip{display:none}
  80. .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;}
  81. .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;}
  82. .minimalist .fp-subtitle p:after{content:'';clear:both}
  83. .minimalist .fp-subtitle p b{font-weight:bold}
  84. .minimalist .fp-subtitle p i{font-style:italic}
  85. .minimalist .fp-subtitle p u{text-decoration:underline}
  86. .minimalist .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  87. .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play,.minimalist .fp-menu{font-family:'fpicons' !important;color:#fff !important;font-size:15px !important;text-align:center !important;line-height:30px !important;text-decoration:none !important;}
  88. .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,.is-rtl.minimalist .fp-menu{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)}
  89. .is-rtl.minimalist .fp-menu{-webkit-transform:none;-moz-transform:none;transform:none}
  90. .minimalist .fp-fullscreen:before{content:"\e602"}
  91. .minimalist .fp-unload:before,.minimalist .fp-close:before{content:"\e600"}
  92. .minimalist .fp-mute:before{content:"\e606"}
  93. .minimalist .fp-embed:before{content:"\e603"}
  94. .minimalist .fp-play:before{content:"\e608"}
  95. .minimalist .fp-menu:before{content:"\e604"}
  96. .minimalist .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
  97. .is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:11%;}
  98. .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:11%}
  99. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:11%}
  100. .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:11%}
  101. }.is-fullscreen.minimalist .fp-ui{background-size:auto}
  102. .is-seeking.minimalist .fp-ui,.is-loading.minimalist .fp-ui{background-image:none}
  103. .minimalist .fp-brand{color:#fff !important;position:absolute;right:115px;font-weight:normal !important;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;text-decoration:none !important;line-height:15px !important;font-size:11px !important;height:15px;width:55px;bottom:9px;box-sizing:border-box;text-align:center;padding:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  104. .has-menu.minimalist .fp-brand{right:152px}
  105. .is-rtl.minimalist .fp-brand{right:auto;left:125px}
  106. .has-menu.is-rtl.minimalist .fp-brand{left:152px}
  107. .no-brand.minimalist .fp-brand{display:none}
  108. .no-volume.no-mute.minimalist .fp-brand{right:10px;}
  109. .has-menu.no-volume.no-mute.minimalist .fp-brand{right:47px}
  110. .no-volume.minimalist .fp-brand{right:50px}
  111. .no-mute.minimalist .fp-brand{right:95px}
  112. .minimalist .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
  113. .minimalist .fp-logo img{width:100%}
  114. .is-embedded.minimalist .fp-logo{display:block}
  115. .fixed-controls.minimalist .fp-logo{bottom:15px}
  116. .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;text-align:center;cursor:pointer;height:30px;width:30px;}
  117. .is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-close{right:auto;left:10px}
  118. .minimalist .fp-unload,.minimalist .fp-close{display:none}
  119. .minimalist .fp-play{display:none;height:30px !important;position:absolute;bottom:0;left:0;text-align:center;}
  120. .is-rtl.minimalist .fp-play{left:auto;right:0}
  121. .is-playing.minimalist .fp-play:before{content:"\e607"}
  122. .minimalist .fp-menu{display:none;position:absolute;bottom:0;z-index:11;right:10px;}
  123. .is-rtl.minimalist .fp-menu{right:auto;left:10px}
  124. .has-menu.minimalist .fp-menu{display:block}
  125. .minimalist .fp-menu .fp-dropdown{z-index:12;display:none;left:-42.5px;line-height:auto;width:149px;-webkit-transform:none;-moz-transform:none;transform:none;}
  126. .is-rtl.minimalist .fp-menu .fp-dropdown{left:-10px}
  127. .minimalist .fp-menu.dropdown-open .fp-dropdown{display:block}
  128. .minimalist.is-ready.is-closeable .fp-unload{display:block}
  129. .minimalist.is-ready.is-closeable .fp-embed{right:90px}
  130. .minimalist.is-ready.is-closeable .fp-fullscreen{right:50px}
  131. .minimalist.is-ready.is-closeable.is-rtl .fp-embed{right:auto;left:90px}
  132. .minimalist.is-ready.is-closeable.is-rtl .fp-fullscreen{right:auto;left:50px}
  133. .minimalist.is-fullscreen .fp-fullscreen{display:block !important;}
  134. .minimalist.is-fullscreen .fp-fullscreen:before{content:"\e601"}
  135. .minimalist .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 225px 0 55px;}
  136. .no-brand.minimalist .fp-timeline{margin-right:160px;}
  137. .has-menu.no-brand.minimalist .fp-timeline{margin-right:187px}
  138. .no-volume.no-brand.minimalist .fp-timeline{margin-right:95px}
  139. .no-mute.no-brand.minimalist .fp-timeline{margin-right:130px}
  140. .no-mute.no-volume.no-brand.minimalist .fp-timeline{margin-right:55px}
  141. .has-menu.minimalist .fp-timeline{margin-right:252px}
  142. .no-volume.minimalist .fp-timeline{margin-right:160px}
  143. .no-mute.minimalist .fp-timeline{margin-right:195px}
  144. .no-mute.no-volume.minimalist .fp-timeline{margin-right:120px;}
  145. .has-menu.no-mute.no-volume.minimalist .fp-timeline{margin-right:157px}
  146. .is-rtl.minimalist .fp-timeline{margin:0 55px 0 225px;}
  147. .no-brand.is-rtl.minimalist .fp-timeline{margin-left:160px;}
  148. .has-menu.no-brand.is-rtl.minimalist .fp-timeline{margin-left:197px}
  149. .has-menu.is-rtl.minimalist .fp-timeline{margin-left:262px}
  150. .no-volume.is-rtl.minimalist .fp-timeline{margin-left:95px}
  151. .no-mute.is-rtl.minimalist .fp-timeline{margin-left:130px}
  152. .no-mute.no-volume.is-rtl.minimalist .fp-timeline{margin-left:55px}
  153. .is-long.minimalist .fp-timeline{margin:0 255px 0 85px;}
  154. .no-volume.is-long.minimalist .fp-timeline{margin-right:180px}
  155. .no-mute.is-long.minimalist .fp-timeline{margin-right:140px}
  156. .has-menu.is-long.minimalist .fp-timeline{margin-right:292px}
  157. .no-brand.is-long.minimalist .fp-timeline{margin-right:190px;}
  158. .no-volume.no-brand.is-long.minimalist .fp-timeline{margin-right:125px}
  159. .no-mute.no-brand.is-long.minimalist .fp-timeline{margin-right:85px}
  160. .has-menu.no-brand.is-long.minimalist .fp-timeline{margin-right:227px}
  161. .is-rtl.is-long.minimalist .fp-timeline{margin:85px 0 190px 0;}
  162. .no-volume.is-rtl.is-long.minimalist .fp-timeline{margin-left:125px}
  163. .no-mute.is-rtl.is-long.minimalist .fp-timeline{margin-left:85px}
  164. .aside-time.minimalist .fp-timeline,.no-time.minimalist .fp-timeline{margin:0 190px 0 10px;}
  165. .has-menu.aside-time.minimalist .fp-timeline,.has-menu.no-time.minimalist .fp-timeline{margin-right:227px}
  166. .aside-time.no-brand.minimalist .fp-timeline{margin-right:115px}
  167. .aside-time.no-volume.minimalist .fp-timeline,.no-time.no-volume.minimalist .fp-timeline{margin-right:115px}
  168. .aside-time.no-mute.minimalist .fp-timeline,.no-time.no-mute.minimalist .fp-timeline{margin-right:75px}
  169. .is-rtl.aside-time.minimalist .fp-timeline,.is-rtl.no-time.minimalist .fp-timeline{margin:0 10px 0 115px}
  170. .is-rtl.aside-time.no-volume.minimalist .fp-timeline,.is-rtl.no-time.no-volume.minimalist .fp-timeline{margin-left:50px}
  171. .is-rtl.aside-time.no-mute.minimalist .fp-timeline,.is-rtl.no-time.no-mute.minimalist .fp-timeline{margin-left:10px}
  172. .minimalist .fp-buffer,.minimalist .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
  173. .minimalist .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
  174. .minimalist .fp-timeline.no-animation .fp-buffer{-webkit-transition:none;-moz-transition:none;transition:none}
  175. .minimalist .fp-progress.animated{transition-timing-function:linear;transition-property:width,height}
  176. .minimalist.is-touch .fp-timeline{overflow:visible}
  177. .minimalist.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear;box-sizing:border-box}
  178. .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}
  179. .minimalist.is-touch.is-mouseover .fp-progress:after,.minimalist.is-touch.is-mouseover .fp-progress:before{content:'';box-sizing:border-box;display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
  180. .minimalist.is-touch.is-rtl.is-mouseover .fp-progress:after,.minimalist.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
  181. .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)}
  182. .minimalist.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
  183. .minimalist.is-touch.is-mouseover .fp-progress:after{height:18px;width:18px;top:-4px;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)}
  184. .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:-5px;right:-10px}
  185. .minimalist.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
  186. .minimalist .fp-volume{position:absolute;height:6px;bottom:12px;right:10px;}
  187. .has-menu.minimalist .fp-volume{right:37px}
  188. .is-rtl.minimalist .fp-volume{right:auto;left:10px}
  189. .is-rtl.has-menu.minimalist .fp-volume{left:37px}
  190. .minimalist .fp-mute{position:relative;width:30px;height:30px;float:left;top:-12px;cursor:pointer;}
  191. .is-rtl.minimalist .fp-mute{float:right}
  192. .no-mute.minimalist .fp-mute{display:none}
  193. .minimalist .fp-volumeslider{width:75px;height:6px;cursor:col-resize;float:left;}
  194. .is-rtl.minimalist .fp-volumeslider{float:right}
  195. .no-volume.minimalist .fp-volumeslider{display:none}
  196. .minimalist .fp-volumelevel{height:100%}
  197. .minimalist .fp-time{text-shadow:0 0 1px #000;font-size:11px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;color:#fff;width:100%;}
  198. .minimalist .fp-time.is-inverted .fp-duration{display:none}
  199. .minimalist .fp-time.is-inverted .fp-remaining{display:inline}
  200. .minimalist .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:9px}
  201. .no-time.minimalist .fp-time{display:none}
  202. .is-long.minimalist .fp-time em{width:65px}
  203. .minimalist .fp-elapsed{left:10px;}
  204. .is-rtl.minimalist .fp-elapsed{left:auto;right:10px}
  205. .minimalist .fp-remaining,.minimalist .fp-duration{right:180px;color:#eee;}
  206. .no-brand.minimalist .fp-remaining,.no-brand.minimalist .fp-duration{right:125px;}
  207. .has-menu.no-brand.minimalist .fp-remaining,.has-menu.no-brand.minimalist .fp-duration{right:152px}
  208. .no-volume.no-brand.minimalist .fp-remaining,.no-volume.no-brand.minimalist .fp-duration{right:50px}
  209. .no-mute.no-brand.minimalist .fp-remaining,.no-mute.no-brand.minimalist .fp-duration{right:95px}
  210. .no-mute.no-volume.no-brand.minimalist .fp-remaining,.no-mute.no-volume.no-brand.minimalist .fp-duration{right:10px}
  211. .has-menu.minimalist .fp-remaining,.has-menu.minimalist .fp-duration{right:217px}
  212. .no-volume.minimalist .fp-remaining,.no-volume.minimalist .fp-duration{right:115px}
  213. .no-mute.minimalist .fp-remaining,.no-mute.minimalist .fp-duration{right:160px}
  214. .no-mute.no-volume.minimalist .fp-remaining,.no-mute.no-volume.minimalist .fp-duration{right:75px;}
  215. .has-menu.no-mute.no-volume.minimalist .fp-remaining,.has-menu.no-mute.no-volume.minimalist .fp-duration{right:112px}
  216. .is-rtl.minimalist .fp-remaining,.is-rtl.minimalist .fp-duration{right:auto;left:180px;}
  217. .no-brand.is-rtl.minimalist .fp-remaining,.no-brand.is-rtl.minimalist .fp-duration{left:115px;}
  218. .has-menu.no-brand.is-rtl.minimalist .fp-remaining,.has-menu.no-brand.is-rtl.minimalist .fp-duration{left:142px}
  219. .has-menu.is-rtl.minimalist .fp-remaining,.has-menu.is-rtl.minimalist .fp-duration{left:227px}
  220. .no-volume.is-rtl.minimalist .fp-remaining,.no-volume.is-rtl.minimalist .fp-duration{left:50px}
  221. .no-mute.is-rtl.minimalist .fp-remaining,.no-mute.is-rtl.minimalist .fp-duration{left:95px}
  222. .no-mute.no-volume.is-rtl.minimalist .fp-remaining,.no-mute.no-volume.is-rtl.minimalist .fp-duration{left:10px}
  223. .minimalist .fp-remaining{display:none}
  224. .minimalist.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:auto;background-color:#000;background-color:rgba(0,0,0,0.65);height:30px;padding:0 5px;-webkit-border-radius:control_border_radius;-moz-border-radius:control_border_radius;border-radius:control_border_radius;line-height:30px;text-align:center;font-size:15px;}
  225. .no-background.minimalist.aside-time .fp-time{background-color:transparent !important}
  226. .minimalist.aside-time .fp-time strong,.minimalist.aside-time .fp-time em{position:static}
  227. .minimalist.aside-time .fp-time .fp-elapsed::after{content:' / '}
  228. .minimalist.is-splash,.minimalist.is-poster{cursor:pointer;}
  229. .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,.minimalist.is-splash .fp-title,.minimalist.is-poster .fp-title,.minimalist.is-splash .fp-brand,.minimalist.is-poster .fp-brand{display:none !important}
  230. .minimalist.is-poster .fp-engine{top:-9999em}
  231. .minimalist.is-loading .fp-waiting{display:block}
  232. .minimalist.is-loading .fp-controls,.minimalist.is-loading .fp-time{display:none}
  233. .minimalist.is-loading .fp-ui{background-position:-9999em}
  234. .minimalist.is-loading video.fp-engine{position:absolute;top:-9999em}
  235. .minimalist.is-seeking .fp-waiting{display:block}
  236. .minimalist.is-playing{background-image:none !important;background-color:#333;}
  237. .minimalist.is-playing.hls-fix.is-finished .fp-engine{position:absolute;top:-9999em}
  238. .minimalist.is-fullscreen{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;}
  239. .is-rtl.minimalist.is-fullscreen{left:auto !important;right:0 !important}
  240. .minimalist.is-fullscreen .fp-player{background-color:#333}
  241. .minimalist.is-error{border:1px solid #909090;background:#fdfdfd !important;}
  242. .minimalist.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
  243. .minimalist.is-error .fp-message{display:block}
  244. .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}
  245. .minimalist.is-ready.is-muted .fp-mute{opacity:.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)}
  246. .minimalist.is-ready.is-muted .fp-mute:before{content:"\e605"}
  247. .minimalist.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
  248. .is-fullscreen.minimalist.is-mouseout .fp-controls{height:3px;bottom:0}
  249. .minimalist.is-mouseout .fp-title{overflow:hidden}
  250. .minimalist.is-mouseout .fp-timeline{margin:0 !important}
  251. .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}
  252. .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-title,.minimalist.is-mouseout .fp-volume,.minimalist.is-mouseout .fp-play,.minimalist.is-mouseout .fp-menu,.minimalist.is-mouseout .fp-brand,.minimalist.is-mouseout .fp-timeline-tooltip,.minimalist.is-mouseout.aside-time .fp-time{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
  253. .minimalist.is-mouseover .fp-controls,.minimalist.fixed-controls .fp-controls{height:30px}
  254. .minimalist.is-mouseover .fp-title,.minimalist.fixed-controls .fp-title{height:30px}
  255. .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,.minimalist.is-mouseover .fp-menu,.minimalist.fixed-controls .fp-menu{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  256. .minimalist.fixed-controls .fp-volume{display:block}
  257. .minimalist.fixed-controls .fp-controls{bottom:-30px;}
  258. .is-fullscreen.minimalist.fixed-controls .fp-controls{bottom:0}
  259. .minimalist.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
  260. .is-fullscreen.minimalist.fixed-controls .fp-time em{bottom:10px}
  261. .minimalist.is-disabled .fp-progress{background-color:#999}
  262. .minimalist.is-flash-disabled{background-color:#333;}
  263. .minimalist.is-flash-disabled object.fp-engine{z-index:100}
  264. .minimalist.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
  265. .minimalist .fp-embed{position:absolute;top:10px;left:auto;right:50px;display:block;width:30px;height:30px;text-align:center;}
  266. .is-rtl.minimalist .fp-embed{right:auto;left:50px}
  267. .minimalist .fp-embed-code{position:absolute;display:none;top:10px;right:67px;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;}
  268. .is-closeable.minimalist .fp-embed-code{right:99px}
  269. .minimalist .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;right:-10px;border:5px solid transparent;border-left-color:#333}
  270. .is-rtl.minimalist .fp-embed-code{right:auto;left:67px;}
  271. .is-rtl.minimalist .fp-embed-code:before{right:auto;left:-10px;border-left-color:transparent;border-right-color:#333}
  272. .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}
  273. .minimalist .fp-embed-code label{display:block;color:#999}
  274. .minimalist.is-embedding .fp-embed,.minimalist.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  275. .minimalist.no-time .fp-embed{left:10px !important;}
  276. .is-rtl.minimalist.no-time .fp-embed{left:auto;right:10px !important}
  277. .minimalist.is-live .fp-timeline,.minimalist.is-live .fp-duration,.minimalist.is-live .fp-remaining{display:none}
  278. .minimalist .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
  279. .minimalist .fp-context-menu li{text-align:center !important;padding:10px;color:#444 !important;font-size:11px !important;margin:0 -10px 0 -10px;}
  280. .minimalist .fp-context-menu li a{color:#00a7c8 !important;font-size:12.100000000000001px !important}
  281. .minimalist .fp-context-menu li:hover:not(.copyright){background-color:#eee}
  282. .minimalist .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("img/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
  283. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.minimalist .fp-context-menu li.copyright{background-image:url("img/flowplayer@2x.png")}
  284. }@-moz-keyframes pulse{0%{opacity:0}
  285. 100%{opacity:1}
  286. }@-webkit-keyframes pulse{0%{opacity:0}
  287. 100%{opacity:1}
  288. }@-o-keyframes pulse{0%{opacity:0}
  289. 100%{opacity:1}
  290. }@-ms-keyframes pulse{0%{opacity:0}
  291. 100%{opacity:1}
  292. }@keyframes pulse{0%{opacity:0}
  293. 100%{opacity:1}
  294. }.minimalist.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
  295. .minimalist .fp-menu .fp-dropdown{right:-10px;left:auto;bottom:30px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
  296. .minimalist .fp-menu .fp-dropdown:before{display:none}
  297. .is-rtl.minimalist .fp-menu .fp-dropdown{right:auto;left:-10px}
  298. .minimalist .fp-play{width:30px}
  299. .minimalist.aside-time .fp-time{top:0;left:0}
  300. .no-brand.minimalist .fp-remaining,.no-brand.minimalist .fp-duration{right:115px}
  301. .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-close,.minimalist .fp-embed{right:0;top:0;}
  302. .is-rtl.minimalist .fp-fullscreen,.is-rtl.minimalist .fp-unload,.is-rtl.minimalist .fp-close,.is-rtl.minimalist .fp-embed{right:auto;left:0}
  303. .minimalist .fp-embed{right:32px;}
  304. .is-rtl.minimalist .fp-embed{right:auto;left:32px}
  305. .minimalist.is-closeable.is-ready .fp-fullscreen{right:32px}
  306. .minimalist.is-closeable.is-ready .fp-embed{right:64px}
  307. .is-rtl.minimalist.is-closeable.is-ready .fp-fullscreen{right:auto;left:32px}
  308. .is-rtl.minimalist.is-closeable.is-ready .fp-embed{right:auto;left:64px}
  309. .minimalist.play-button .fp-play{display:block}
  310. .minimalist.play-button .fp-elapsed{left:27px;}
  311. .is-rtl.minimalist.play-button .fp-elapsed{right:27px}
  312. .minimalist.play-button .fp-timeline{margin-left:72px;}
  313. .is-rtl.minimalist.play-button .fp-timeline{margin-right:72px}
  314. .is-long.minimalist.play-button .fp-timeline{margin-left:102px;}
  315. .is-rtl.is-long.minimalist.play-button .fp-timeline{margin-right:102px}
  316. .no-time.minimalist.play-button .fp-timeline,.aside-time.minimalist.play-button .fp-timeline{margin-left:27px;}
  317. .is-rtl.no-time.minimalist.play-button .fp-timeline,.is-rtl.aside-time.minimalist.play-button .fp-timeline{margin-right:27px}
  318. @font-face {
  319. font-family: 'fpicons';
  320. src:url('fonts/fpicons.eot?yg5dv7');
  321. src:url('fonts/fpicons.eot?#iefixyg5dv7') format('embedded-opentype'),
  322. url('fonts/fpicons.woff?yg5dv7') format('woff'),
  323. url('fonts/fpicons.ttf?yg5dv7') format('truetype'),
  324. url('fonts/fpicons.svg?yg5dv7#fpicons') format('svg');
  325. font-weight: normal;
  326. font-style: normal;
  327. }
  328. [class^="fp-i-"], [class*=" fp-i-"] {
  329. font-family: 'fpicons';
  330. speak: none;
  331. font-style: normal;
  332. font-weight: normal;
  333. font-variant: normal;
  334. text-transform: none;
  335. line-height: 1;
  336. /* Better Font Rendering =========== */
  337. -webkit-font-smoothing: antialiased;
  338. -moz-osx-font-smoothing: grayscale;
  339. }
  340. .functional{position:relative;width:100%;counter-increment:flowplayer;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
  341. .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}
  342. .functional a:focus{outline:0}
  343. .functional video{width:100%}
  344. .functional.is-ipad video{-webkit-transform:translateX(-2048px);}
  345. .is-ready.functional.is-ipad video{-webkit-transform:translateX(0)}
  346. .functional .fp-player{position:absolute;top:0;left:0;width:100%;height:100%}
  347. .functional .fp-engine,.functional .fp-ui,.functional .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
  348. .functional .fp-ui{z-index:11}
  349. .functional .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
  350. .functional .fp-message h2{font-size:120%;margin-bottom:1em}
  351. .functional .fp-message p{color:#666;font-size:95%}
  352. .functional .fp-title{line-height:30px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif;font-size:11px;cursor:default;color:#fff;width:auto;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;padding:0 20px;}
  353. .is-rtl.functional .fp-title{float:right}
  354. .aside-time.functional .fp-title{display:none !important}
  355. .functional .fp-controls{position:absolute;bottom:0;width:100%;}
  356. .no-background.functional .fp-controls{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important}
  357. .is-fullscreen.functional .fp-controls{bottom:3px}
  358. .is-mouseover.functional .fp-controls{bottom:0}
  359. .functional .fp-controls,.functional .fp-title,.functional .fp-fullscreen,.functional .fp-unload,.functional .fp-close,.functional .fp-embed,.functional.aside-time .fp-time{background-color:#000;background-color:rgba(0,0,0,0.65);}
  360. .no-background.functional .fp-controls,.no-background.functional .fp-title,.no-background.functional .fp-fullscreen,.no-background.functional .fp-unload,.no-background.functional .fp-close,.no-background.functional .fp-embed,.no-background.functional.aside-time .fp-time{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
  361. .no-background.functional .fp-play,.no-background.functional .fp-brand{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
  362. .functional.fixed-controls .fp-controls{background-color:#000}
  363. .functional .fp-timeline{background-color:#a5a5a5}
  364. .functional .fp-buffer{background-color:#eee}
  365. .functional .fp-progress{background-color:#00a7c8}
  366. .functional .fp-volumeslider{background-color:#a5a5a5}
  367. .functional .fp-volumelevel{background-color:#00a7c8}
  368. .functional .fp-waiting{display:none;margin:19% auto;text-align:center;}
  369. .functional .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
  370. .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);}
  371. .functional .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
  372. .functional .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
  373. .functional .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
  374. .functional .fp-waiting p{color:#ccc;font-weight:bold}
  375. .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;}
  376. .functional .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  377. .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;}
  378. .is-help.functional .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  379. .functional .fp-help .fp-help-section{margin:3%;direction:ltr}
  380. .functional .fp-help .fp-help-basics{margin-top:6%}
  381. .functional .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
  382. .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}
  383. .functional .fp-help small{font-size:90%;color:#aaa}
  384. .functional .fp-help .fp-close{display:block}
  385. @media (max-width: 600px){.functional .fp-help p{font-size:9px}
  386. }.functional .fp-dropdown{position:absolute;top:5px;width:100px;background-color:#000 !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0 !important;list-style-type:none !important;}
  387. .functional .fp-dropdown:before{content:'';display:block;position:absolute;top:-5px;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(51,51,51,0.9)}
  388. .functional .fp-dropdown li{padding:10px !important;margin:0 !important;color:#fff !important;font-size:11px !important;list-style-type:none !important;}
  389. .functional .fp-dropdown li.active{background-color:#00a7c8 !important;cursor:default !important}
  390. .functional .fp-dropdown.fp-dropup{bottom:20px;top:auto;}
  391. .functional .fp-dropdown.fp-dropup:before{top:auto;bottom:-5px;border-bottom:none;border-top:5px solid rgba(51,51,51,0.9)}
  392. .functional .fp-tooltip{background-color:#000;color:#fff;display:none;position:absolute;padding:5px;}
  393. .functional .fp-tooltip:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}
  394. .functional .fp-timeline-tooltip{bottom:35px}
  395. .functional .fp-timeline:hover+.fp-timeline-tooltip{display:block;}
  396. .is-touch.functional .fp-timeline:hover+.fp-timeline-tooltip{display:none}
  397. .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;}
  398. .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;}
  399. .functional .fp-subtitle p:after{content:'';clear:both}
  400. .functional .fp-subtitle p b{font-weight:bold}
  401. .functional .fp-subtitle p i{font-style:italic}
  402. .functional .fp-subtitle p u{text-decoration:underline}
  403. .functional .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  404. .functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play,.functional .fp-menu{font-family:'fpicons' !important;color:#fff !important;font-size:15px !important;text-align:center !important;line-height:30px !important;text-decoration:none !important;}
  405. .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,.is-rtl.functional .fp-menu{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)}
  406. .is-rtl.functional .fp-menu{-webkit-transform:none;-moz-transform:none;transform:none}
  407. .functional .fp-fullscreen:before{content:"\e602"}
  408. .functional .fp-unload:before,.functional .fp-close:before{content:"\e600"}
  409. .functional .fp-mute:before{content:"\e606"}
  410. .functional .fp-embed:before{content:"\e603"}
  411. .functional .fp-play:before{content:"\e608"}
  412. .functional .fp-menu:before{content:"\e604"}
  413. .functional .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
  414. .is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:11%;}
  415. .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:11%}
  416. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:11%}
  417. .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:11%}
  418. }.is-fullscreen.functional .fp-ui{background-size:auto}
  419. .is-seeking.functional .fp-ui,.is-loading.functional .fp-ui{background-image:none}
  420. .functional .fp-brand{color:#fff !important;position:absolute;right:115px;font-weight:normal !important;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;text-decoration:none !important;line-height:15px !important;font-size:11px !important;height:15px;width:55px;bottom:9px;box-sizing:border-box;text-align:center;padding:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  421. .has-menu.functional .fp-brand{right:152px}
  422. .is-rtl.functional .fp-brand{right:auto;left:125px}
  423. .has-menu.is-rtl.functional .fp-brand{left:152px}
  424. .no-brand.functional .fp-brand{display:none}
  425. .no-volume.no-mute.functional .fp-brand{right:10px;}
  426. .has-menu.no-volume.no-mute.functional .fp-brand{right:47px}
  427. .no-volume.functional .fp-brand{right:50px}
  428. .no-mute.functional .fp-brand{right:95px}
  429. .functional .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
  430. .functional .fp-logo img{width:100%}
  431. .is-embedded.functional .fp-logo{display:block}
  432. .fixed-controls.functional .fp-logo{bottom:15px}
  433. .functional .fp-fullscreen,.functional .fp-unload,.functional .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;text-align:center;cursor:pointer;height:30px;width:30px;}
  434. .is-rtl.functional .fp-fullscreen,.is-rtl.functional .fp-unload,.is-rtl.functional .fp-close{right:auto;left:10px}
  435. .functional .fp-unload,.functional .fp-close{display:none}
  436. .functional .fp-play{display:none;height:30px !important;position:absolute;bottom:0;left:0;text-align:center;}
  437. .is-rtl.functional .fp-play{left:auto;right:0}
  438. .is-playing.functional .fp-play:before{content:"\e607"}
  439. .functional .fp-menu{display:none;position:absolute;bottom:0;z-index:11;right:10px;}
  440. .is-rtl.functional .fp-menu{right:auto;left:10px}
  441. .has-menu.functional .fp-menu{display:block}
  442. .functional .fp-menu .fp-dropdown{z-index:12;display:none;left:-42.5px;line-height:auto;width:149px;-webkit-transform:none;-moz-transform:none;transform:none;}
  443. .is-rtl.functional .fp-menu .fp-dropdown{left:-10px}
  444. .functional .fp-menu.dropdown-open .fp-dropdown{display:block}
  445. .functional.is-ready.is-closeable .fp-unload{display:block}
  446. .functional.is-ready.is-closeable .fp-embed{right:90px}
  447. .functional.is-ready.is-closeable .fp-fullscreen{right:50px}
  448. .functional.is-ready.is-closeable.is-rtl .fp-embed{right:auto;left:90px}
  449. .functional.is-ready.is-closeable.is-rtl .fp-fullscreen{right:auto;left:50px}
  450. .functional.is-fullscreen .fp-fullscreen{display:block !important;}
  451. .functional.is-fullscreen .fp-fullscreen:before{content:"\e601"}
  452. .functional .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 225px 0 55px;}
  453. .no-brand.functional .fp-timeline{margin-right:160px;}
  454. .has-menu.no-brand.functional .fp-timeline{margin-right:187px}
  455. .no-volume.no-brand.functional .fp-timeline{margin-right:95px}
  456. .no-mute.no-brand.functional .fp-timeline{margin-right:130px}
  457. .no-mute.no-volume.no-brand.functional .fp-timeline{margin-right:55px}
  458. .has-menu.functional .fp-timeline{margin-right:252px}
  459. .no-volume.functional .fp-timeline{margin-right:160px}
  460. .no-mute.functional .fp-timeline{margin-right:195px}
  461. .no-mute.no-volume.functional .fp-timeline{margin-right:120px;}
  462. .has-menu.no-mute.no-volume.functional .fp-timeline{margin-right:157px}
  463. .is-rtl.functional .fp-timeline{margin:0 55px 0 225px;}
  464. .no-brand.is-rtl.functional .fp-timeline{margin-left:160px;}
  465. .has-menu.no-brand.is-rtl.functional .fp-timeline{margin-left:197px}
  466. .has-menu.is-rtl.functional .fp-timeline{margin-left:262px}
  467. .no-volume.is-rtl.functional .fp-timeline{margin-left:95px}
  468. .no-mute.is-rtl.functional .fp-timeline{margin-left:130px}
  469. .no-mute.no-volume.is-rtl.functional .fp-timeline{margin-left:55px}
  470. .is-long.functional .fp-timeline{margin:0 255px 0 85px;}
  471. .no-volume.is-long.functional .fp-timeline{margin-right:180px}
  472. .no-mute.is-long.functional .fp-timeline{margin-right:140px}
  473. .has-menu.is-long.functional .fp-timeline{margin-right:292px}
  474. .no-brand.is-long.functional .fp-timeline{margin-right:190px;}
  475. .no-volume.no-brand.is-long.functional .fp-timeline{margin-right:125px}
  476. .no-mute.no-brand.is-long.functional .fp-timeline{margin-right:85px}
  477. .has-menu.no-brand.is-long.functional .fp-timeline{margin-right:227px}
  478. .is-rtl.is-long.functional .fp-timeline{margin:85px 0 190px 0;}
  479. .no-volume.is-rtl.is-long.functional .fp-timeline{margin-left:125px}
  480. .no-mute.is-rtl.is-long.functional .fp-timeline{margin-left:85px}
  481. .aside-time.functional .fp-timeline,.no-time.functional .fp-timeline{margin:0 190px 0 10px;}
  482. .has-menu.aside-time.functional .fp-timeline,.has-menu.no-time.functional .fp-timeline{margin-right:227px}
  483. .aside-time.no-brand.functional .fp-timeline{margin-right:115px}
  484. .aside-time.no-volume.functional .fp-timeline,.no-time.no-volume.functional .fp-timeline{margin-right:115px}
  485. .aside-time.no-mute.functional .fp-timeline,.no-time.no-mute.functional .fp-timeline{margin-right:75px}
  486. .is-rtl.aside-time.functional .fp-timeline,.is-rtl.no-time.functional .fp-timeline{margin:0 10px 0 115px}
  487. .is-rtl.aside-time.no-volume.functional .fp-timeline,.is-rtl.no-time.no-volume.functional .fp-timeline{margin-left:50px}
  488. .is-rtl.aside-time.no-mute.functional .fp-timeline,.is-rtl.no-time.no-mute.functional .fp-timeline{margin-left:10px}
  489. .functional .fp-buffer,.functional .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
  490. .functional .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
  491. .functional .fp-timeline.no-animation .fp-buffer{-webkit-transition:none;-moz-transition:none;transition:none}
  492. .functional .fp-progress.animated{transition-timing-function:linear;transition-property:width,height}
  493. .functional.is-touch .fp-timeline{overflow:visible}
  494. .functional.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear;box-sizing:border-box}
  495. .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}
  496. .functional.is-touch.is-mouseover .fp-progress:after,.functional.is-touch.is-mouseover .fp-progress:before{content:'';box-sizing:border-box;display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
  497. .functional.is-touch.is-rtl.is-mouseover .fp-progress:after,.functional.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
  498. .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)}
  499. .functional.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
  500. .functional.is-touch.is-mouseover .fp-progress:after{height:18px;width:18px;top:-4px;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)}
  501. .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:-5px;right:-10px}
  502. .functional.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
  503. .functional .fp-volume{position:absolute;height:6px;bottom:12px;right:10px;}
  504. .has-menu.functional .fp-volume{right:37px}
  505. .is-rtl.functional .fp-volume{right:auto;left:10px}
  506. .is-rtl.has-menu.functional .fp-volume{left:37px}
  507. .functional .fp-mute{position:relative;width:30px;height:30px;float:left;top:-12px;cursor:pointer;}
  508. .is-rtl.functional .fp-mute{float:right}
  509. .no-mute.functional .fp-mute{display:none}
  510. .functional .fp-volumeslider{width:75px;height:6px;cursor:col-resize;float:left;}
  511. .is-rtl.functional .fp-volumeslider{float:right}
  512. .no-volume.functional .fp-volumeslider{display:none}
  513. .functional .fp-volumelevel{height:100%}
  514. .functional .fp-time{text-shadow:0 0 1px #000;font-size:11px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;color:#fff;width:100%;}
  515. .functional .fp-time.is-inverted .fp-duration{display:none}
  516. .functional .fp-time.is-inverted .fp-remaining{display:inline}
  517. .functional .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:9px}
  518. .no-time.functional .fp-time{display:none}
  519. .is-long.functional .fp-time em{width:65px}
  520. .functional .fp-elapsed{left:10px;}
  521. .is-rtl.functional .fp-elapsed{left:auto;right:10px}
  522. .functional .fp-remaining,.functional .fp-duration{right:180px;color:#eee;}
  523. .no-brand.functional .fp-remaining,.no-brand.functional .fp-duration{right:125px;}
  524. .has-menu.no-brand.functional .fp-remaining,.has-menu.no-brand.functional .fp-duration{right:152px}
  525. .no-volume.no-brand.functional .fp-remaining,.no-volume.no-brand.functional .fp-duration{right:50px}
  526. .no-mute.no-brand.functional .fp-remaining,.no-mute.no-brand.functional .fp-duration{right:95px}
  527. .no-mute.no-volume.no-brand.functional .fp-remaining,.no-mute.no-volume.no-brand.functional .fp-duration{right:10px}
  528. .has-menu.functional .fp-remaining,.has-menu.functional .fp-duration{right:217px}
  529. .no-volume.functional .fp-remaining,.no-volume.functional .fp-duration{right:115px}
  530. .no-mute.functional .fp-remaining,.no-mute.functional .fp-duration{right:160px}
  531. .no-mute.no-volume.functional .fp-remaining,.no-mute.no-volume.functional .fp-duration{right:75px;}
  532. .has-menu.no-mute.no-volume.functional .fp-remaining,.has-menu.no-mute.no-volume.functional .fp-duration{right:112px}
  533. .is-rtl.functional .fp-remaining,.is-rtl.functional .fp-duration{right:auto;left:180px;}
  534. .no-brand.is-rtl.functional .fp-remaining,.no-brand.is-rtl.functional .fp-duration{left:115px;}
  535. .has-menu.no-brand.is-rtl.functional .fp-remaining,.has-menu.no-brand.is-rtl.functional .fp-duration{left:142px}
  536. .has-menu.is-rtl.functional .fp-remaining,.has-menu.is-rtl.functional .fp-duration{left:227px}
  537. .no-volume.is-rtl.functional .fp-remaining,.no-volume.is-rtl.functional .fp-duration{left:50px}
  538. .no-mute.is-rtl.functional .fp-remaining,.no-mute.is-rtl.functional .fp-duration{left:95px}
  539. .no-mute.no-volume.is-rtl.functional .fp-remaining,.no-mute.no-volume.is-rtl.functional .fp-duration{left:10px}
  540. .functional .fp-remaining{display:none}
  541. .functional.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:auto;background-color:#000;background-color:rgba(0,0,0,0.65);height:30px;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:30px;text-align:center;font-size:15px;}
  542. .no-background.functional.aside-time .fp-time{background-color:transparent !important}
  543. .functional.aside-time .fp-time strong,.functional.aside-time .fp-time em{position:static}
  544. .functional.aside-time .fp-time .fp-elapsed::after{content:' / '}
  545. .functional.is-splash,.functional.is-poster{cursor:pointer;}
  546. .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,.functional.is-splash .fp-title,.functional.is-poster .fp-title,.functional.is-splash .fp-brand,.functional.is-poster .fp-brand{display:none !important}
  547. .functional.is-poster .fp-engine{top:-9999em}
  548. .functional.is-loading .fp-waiting{display:block}
  549. .functional.is-loading .fp-controls,.functional.is-loading .fp-time{display:none}
  550. .functional.is-loading .fp-ui{background-position:-9999em}
  551. .functional.is-loading video.fp-engine{position:absolute;top:-9999em}
  552. .functional.is-seeking .fp-waiting{display:block}
  553. .functional.is-playing{background-image:none !important;background-color:#333;}
  554. .functional.is-playing.hls-fix.is-finished .fp-engine{position:absolute;top:-9999em}
  555. .functional.is-fullscreen{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;}
  556. .is-rtl.functional.is-fullscreen{left:auto !important;right:0 !important}
  557. .functional.is-fullscreen .fp-player{background-color:#333}
  558. .functional.is-error{border:1px solid #909090;background:#fdfdfd !important;}
  559. .functional.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
  560. .functional.is-error .fp-message{display:block}
  561. .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}
  562. .functional.is-ready.is-muted .fp-mute{opacity:.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)}
  563. .functional.is-ready.is-muted .fp-mute:before{content:"\e605"}
  564. .functional.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
  565. .is-fullscreen.functional.is-mouseout .fp-controls{height:3px;bottom:0}
  566. .functional.is-mouseout .fp-title{overflow:hidden}
  567. .functional.is-mouseout .fp-timeline{margin:0 !important}
  568. .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}
  569. .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-title,.functional.is-mouseout .fp-volume,.functional.is-mouseout .fp-play,.functional.is-mouseout .fp-menu,.functional.is-mouseout .fp-brand,.functional.is-mouseout .fp-timeline-tooltip,.functional.is-mouseout.aside-time .fp-time{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
  570. .functional.is-mouseover .fp-controls,.functional.fixed-controls .fp-controls{height:30px}
  571. .functional.is-mouseover .fp-title,.functional.fixed-controls .fp-title{height:30px}
  572. .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,.functional.is-mouseover .fp-menu,.functional.fixed-controls .fp-menu{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  573. .functional.fixed-controls .fp-volume{display:block}
  574. .functional.fixed-controls .fp-controls{bottom:-30px;}
  575. .is-fullscreen.functional.fixed-controls .fp-controls{bottom:0}
  576. .functional.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
  577. .is-fullscreen.functional.fixed-controls .fp-time em{bottom:10px}
  578. .functional.is-disabled .fp-progress{background-color:#999}
  579. .functional.is-flash-disabled{background-color:#333;}
  580. .functional.is-flash-disabled object.fp-engine{z-index:100}
  581. .functional.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
  582. .functional .fp-embed{position:absolute;top:10px;left:auto;right:50px;display:block;width:30px;height:30px;text-align:center;}
  583. .is-rtl.functional .fp-embed{right:auto;left:50px}
  584. .functional .fp-embed-code{position:absolute;display:none;top:10px;right:67px;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;}
  585. .is-closeable.functional .fp-embed-code{right:99px}
  586. .functional .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;right:-10px;border:5px solid transparent;border-left-color:#333}
  587. .is-rtl.functional .fp-embed-code{right:auto;left:67px;}
  588. .is-rtl.functional .fp-embed-code:before{right:auto;left:-10px;border-left-color:transparent;border-right-color:#333}
  589. .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}
  590. .functional .fp-embed-code label{display:block;color:#999}
  591. .functional.is-embedding .fp-embed,.functional.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  592. .functional.no-time .fp-embed{left:10px !important;}
  593. .is-rtl.functional.no-time .fp-embed{left:auto;right:10px !important}
  594. .functional.is-live .fp-timeline,.functional.is-live .fp-duration,.functional.is-live .fp-remaining{display:none}
  595. .functional .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
  596. .functional .fp-context-menu li{text-align:center !important;padding:10px;color:#444 !important;font-size:11px !important;margin:0 -10px 0 -10px;}
  597. .functional .fp-context-menu li a{color:#00a7c8 !important;font-size:12.100000000000001px !important}
  598. .functional .fp-context-menu li:hover:not(.copyright){background-color:#eee}
  599. .functional .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("img/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
  600. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.functional .fp-context-menu li.copyright{background-image:url("img/flowplayer@2x.png")}
  601. }@-moz-keyframes pulse{0%{opacity:0}
  602. 100%{opacity:1}
  603. }@-webkit-keyframes pulse{0%{opacity:0}
  604. 100%{opacity:1}
  605. }@-o-keyframes pulse{0%{opacity:0}
  606. 100%{opacity:1}
  607. }@-ms-keyframes pulse{0%{opacity:0}
  608. 100%{opacity:1}
  609. }@keyframes pulse{0%{opacity:0}
  610. 100%{opacity:1}
  611. }.functional.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
  612. .functional .fp-title{position:absolute;top:10px;left:10px;}
  613. .is-rtl.functional .fp-title{left:auto;right:10px}
  614. .functional .fp-title,.functional .fp-unload,.functional .fp-fullscreen,.functional .fp-embed{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  615. .functional .fp-embed-code{right:85px;}
  616. .is-closeable.functional .fp-embed-code{right:125px}
  617. .is-rtl.functional .fp-embed-code{right:auto;left:85px}
  618. .functional.is-mouseout .fp-menu{display:none}
  619. .functional.is-mouseout .fp-controls{-webkit-transition:none;-moz-transition:none;transition:none;-webkit-animation:functional-controls-hide 1s 1;-moz-animation:functional-controls-hide 1s 1;animation:functional-controls-hide 1s 1}
  620. .functional.is-mouseout .fp-timeline{-webkit-transition:none;-moz-transition:none;transition:none}
  621. .functional.is-mouseout .fp-volume,.functional.is-mouseout .fp-brand,.functional.is-mouseout .fp-play,.functional.is-mouseout .fp-time{-webkit-transition:none;-moz-transition:none;transition:none;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  622. .functional.fixed-controls .fp-elapsed,.functional.fixed-controls.is-mouseover .fp-elapsed{left:50px}
  623. .functional.fixed-controls .fp-controls,.functional.fixed-controls.is-mouseover .fp-controls{bottom:-30px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;left:0;right:0;}
  624. .is-fullscreen.functional.fixed-controls .fp-controls,.is-fullscreen.functional.fixed-controls.is-mouseover .fp-controls{bottom:0}
  625. .functional.fixed-controls .fp-controls .fp-play,.functional.fixed-controls.is-mouseover .fp-controls .fp-play{left:10px}
  626. .functional.fixed-controls .fp-controls .fp-timeline,.functional.fixed-controls.is-mouseover .fp-controls .fp-timeline{margin-left:95px;}
  627. .is-long.functional.fixed-controls .fp-controls .fp-timeline,.is-long.functional.fixed-controls.is-mouseover .fp-controls .fp-timeline{margin-left:125px}
  628. .functional.is-mouseover .fp-controls{bottom:10px;left:50px;right:10px;width:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  629. .is-rtl.functional.is-mouseover .fp-controls{left:10px;right:50px}
  630. .functional.is-mouseover .fp-controls .fp-play{left:-40px;display:block;background-color:#000;background-color:rgba(0,0,0,0.65);width:30px;height:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  631. .is-rtl.functional.is-mouseover .fp-controls .fp-play{left:auto;right:-40px}
  632. .functional.is-mouseover .fp-controls .fp-timeline{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  633. .functional.is-mouseover .fp-controls .fp-timeline .fp-progress,.functional.is-mouseover .fp-controls .fp-timeline .fp-buffer{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  634. .functional.is-mouseover .fp-controls .fp-menu .fp-dropdown{bottom:35px;left:auto;right:-10px;}
  635. .is-rtl.functional.is-mouseover .fp-controls .fp-menu .fp-dropdown{right:auto;left:-10px}
  636. .functional.is-mouseover .fp-controls .fp-menu .fp-dropdown:before{display:none}
  637. .functional.is-mouseover .fp-controls li{border-color:#000;}
  638. .functional.is-mouseover .fp-controls li.active{border-color:#00a7c8}
  639. .functional.is-mouseover .fp-controls li:last-child:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;right:10px;border-bottom:none;border-top-width:5px;border-top-style:solid;border-top-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;}
  640. .is-rtl.functional.is-mouseover .fp-controls li:last-child:before{right:auto;left:10px}
  641. .functional .fp-elapsed,.functional.play-button .fp-elapsed{left:60px;}
  642. .is-rtl.functional .fp-elapsed,.is-rtl.functional.play-button .fp-elapsed{right:60px;left:auto}
  643. .functional .fp-time em{bottom:19px}
  644. @-moz-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  645. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  646. }@-webkit-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  647. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  648. }@-o-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  649. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  650. }@-ms-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  651. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  652. }@keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  653. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  654. }
  655. @font-face {
  656. font-family: 'fpicons';
  657. src:url('fonts/fpicons.eot?yg5dv7');
  658. src:url('fonts/fpicons.eot?#iefixyg5dv7') format('embedded-opentype'),
  659. url('fonts/fpicons.woff?yg5dv7') format('woff'),
  660. url('fonts/fpicons.ttf?yg5dv7') format('truetype'),
  661. url('fonts/fpicons.svg?yg5dv7#fpicons') format('svg');
  662. font-weight: normal;
  663. font-style: normal;
  664. }
  665. [class^="fp-i-"], [class*=" fp-i-"] {
  666. font-family: 'fpicons';
  667. speak: none;
  668. font-style: normal;
  669. font-weight: normal;
  670. font-variant: normal;
  671. text-transform: none;
  672. line-height: 1;
  673. /* Better Font Rendering =========== */
  674. -webkit-font-smoothing: antialiased;
  675. -moz-osx-font-smoothing: grayscale;
  676. }
  677. .playful{position:relative;width:100%;counter-increment:flowplayer;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
  678. .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}
  679. .playful a:focus{outline:0}
  680. .playful video{width:100%}
  681. .playful.is-ipad video{-webkit-transform:translateX(-2048px);}
  682. .is-ready.playful.is-ipad video{-webkit-transform:translateX(0)}
  683. .playful .fp-player{position:absolute;top:0;left:0;width:100%;height:100%}
  684. .playful .fp-engine,.playful .fp-ui,.playful .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
  685. .playful .fp-ui{z-index:11}
  686. .playful .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
  687. .playful .fp-message h2{font-size:120%;margin-bottom:1em}
  688. .playful .fp-message p{color:#666;font-size:95%}
  689. .playful .fp-title{line-height:35px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif;font-size:11px;cursor:default;color:#fff;width:auto;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;padding:0 24px;}
  690. .is-rtl.playful .fp-title{float:right}
  691. .aside-time.playful .fp-title{display:none !important}
  692. .playful .fp-controls{position:absolute;bottom:0;width:100%;}
  693. .no-background.playful .fp-controls{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important}
  694. .is-fullscreen.playful .fp-controls{bottom:3px}
  695. .is-mouseover.playful .fp-controls{bottom:0}
  696. .playful .fp-controls,.playful .fp-title,.playful .fp-fullscreen,.playful .fp-unload,.playful .fp-close,.playful .fp-embed,.playful.aside-time .fp-time{background-color:#000;background-color:rgba(0,0,0,0.65);}
  697. .no-background.playful .fp-controls,.no-background.playful .fp-title,.no-background.playful .fp-fullscreen,.no-background.playful .fp-unload,.no-background.playful .fp-close,.no-background.playful .fp-embed,.no-background.playful.aside-time .fp-time{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
  698. .no-background.playful .fp-play,.no-background.playful .fp-brand{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
  699. .playful.fixed-controls .fp-controls{background-color:#000}
  700. .playful .fp-timeline{background-color:#a5a5a5}
  701. .playful .fp-buffer{background-color:#eee}
  702. .playful .fp-progress{background-color:#00a7c8}
  703. .playful .fp-volumeslider{background-color:#a5a5a5}
  704. .playful .fp-volumelevel{background-color:#00a7c8}
  705. .playful .fp-waiting{display:none;margin:19% auto;text-align:center;}
  706. .playful .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
  707. .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);}
  708. .playful .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
  709. .playful .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
  710. .playful .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
  711. .playful .fp-waiting p{color:#ccc;font-weight:bold}
  712. .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;}
  713. .playful .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  714. .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;}
  715. .is-help.playful .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  716. .playful .fp-help .fp-help-section{margin:3%;direction:ltr}
  717. .playful .fp-help .fp-help-basics{margin-top:6%}
  718. .playful .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
  719. .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}
  720. .playful .fp-help small{font-size:90%;color:#aaa}
  721. .playful .fp-help .fp-close{display:block}
  722. @media (max-width: 600px){.playful .fp-help p{font-size:9px}
  723. }.playful .fp-dropdown{position:absolute;top:5px;width:100px;background-color:#000 !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0 !important;list-style-type:none !important;}
  724. .playful .fp-dropdown:before{content:'';display:block;position:absolute;top:-5px;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(51,51,51,0.9)}
  725. .playful .fp-dropdown li{padding:12px !important;margin:0 !important;color:#fff !important;font-size:11px !important;list-style-type:none !important;}
  726. .playful .fp-dropdown li.active{background-color:#00a7c8 !important;cursor:default !important}
  727. .playful .fp-dropdown.fp-dropup{bottom:20px;top:auto;}
  728. .playful .fp-dropdown.fp-dropup:before{top:auto;bottom:-5px;border-bottom:none;border-top:5px solid rgba(51,51,51,0.9)}
  729. .playful .fp-tooltip{background-color:#000;color:#fff;display:none;position:absolute;padding:5px;}
  730. .playful .fp-tooltip:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}
  731. .playful .fp-timeline-tooltip{bottom:41px}
  732. .playful .fp-timeline:hover+.fp-timeline-tooltip{display:block;}
  733. .is-touch.playful .fp-timeline:hover+.fp-timeline-tooltip{display:none}
  734. .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;}
  735. .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;}
  736. .playful .fp-subtitle p:after{content:'';clear:both}
  737. .playful .fp-subtitle p b{font-weight:bold}
  738. .playful .fp-subtitle p i{font-style:italic}
  739. .playful .fp-subtitle p u{text-decoration:underline}
  740. .playful .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  741. .playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play,.playful .fp-menu{font-family:'fpicons' !important;color:#fff !important;font-size:15px !important;text-align:center !important;line-height:30px !important;text-decoration:none !important;}
  742. .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,.is-rtl.playful .fp-menu{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)}
  743. .is-rtl.playful .fp-menu{-webkit-transform:none;-moz-transform:none;transform:none}
  744. .playful .fp-fullscreen:before{content:"\e602"}
  745. .playful .fp-unload:before,.playful .fp-close:before{content:"\e600"}
  746. .playful .fp-mute:before{content:"\e606"}
  747. .playful .fp-embed:before{content:"\e603"}
  748. .playful .fp-play:before{content:"\e608"}
  749. .playful .fp-menu:before{content:"\e604"}
  750. .playful .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
  751. .is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:11%;}
  752. .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:11%}
  753. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:11%}
  754. .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:11%}
  755. }.is-fullscreen.playful .fp-ui{background-size:auto}
  756. .is-seeking.playful .fp-ui,.is-loading.playful .fp-ui{background-image:none}
  757. .playful .fp-brand{color:#fff !important;position:absolute;right:124px;font-weight:normal !important;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;text-decoration:none !important;line-height:15px !important;font-size:11px !important;height:15px;width:55px;bottom:11px;box-sizing:border-box;text-align:center;padding:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  758. .has-menu.playful .fp-brand{right:161px}
  759. .is-rtl.playful .fp-brand{right:auto;left:134px}
  760. .has-menu.is-rtl.playful .fp-brand{left:161px}
  761. .no-brand.playful .fp-brand{display:none}
  762. .no-volume.no-mute.playful .fp-brand{right:12px;}
  763. .has-menu.no-volume.no-mute.playful .fp-brand{right:51px}
  764. .no-volume.playful .fp-brand{right:62px}
  765. .no-mute.playful .fp-brand{right:99px}
  766. .playful .fp-logo{position:absolute;top:auto;left:15px;bottom:45px;cursor:pointer;display:none;z-index:100;}
  767. .playful .fp-logo img{width:100%}
  768. .is-embedded.playful .fp-logo{display:block}
  769. .fixed-controls.playful .fp-logo{bottom:15px}
  770. .playful .fp-fullscreen,.playful .fp-unload,.playful .fp-close{position:absolute;top:12px;left:auto;right:12px;display:block;width:30px;height:23px;text-align:center;cursor:pointer;height:35px;width:35px;}
  771. .is-rtl.playful .fp-fullscreen,.is-rtl.playful .fp-unload,.is-rtl.playful .fp-close{right:auto;left:12px}
  772. .playful .fp-unload,.playful .fp-close{display:none}
  773. .playful .fp-play{display:none;height:35px !important;position:absolute;bottom:0;left:0;text-align:center;}
  774. .is-rtl.playful .fp-play{left:auto;right:0}
  775. .is-playing.playful .fp-play:before{content:"\e607"}
  776. .playful .fp-menu{display:none;position:absolute;bottom:0;z-index:11;right:12px;}
  777. .is-rtl.playful .fp-menu{right:auto;left:12px}
  778. .has-menu.playful .fp-menu{display:block}
  779. .playful .fp-menu .fp-dropdown{z-index:12;display:none;left:-42.5px;line-height:auto;width:153px;-webkit-transform:none;-moz-transform:none;transform:none;}
  780. .is-rtl.playful .fp-menu .fp-dropdown{left:-12px}
  781. .playful .fp-menu.dropdown-open .fp-dropdown{display:block}
  782. .playful.is-ready.is-closeable .fp-unload{display:block}
  783. .playful.is-ready.is-closeable .fp-embed{right:106px}
  784. .playful.is-ready.is-closeable .fp-fullscreen{right:59px}
  785. .playful.is-ready.is-closeable.is-rtl .fp-embed{right:auto;left:106px}
  786. .playful.is-ready.is-closeable.is-rtl .fp-fullscreen{right:auto;left:59px}
  787. .playful.is-fullscreen .fp-fullscreen{display:block !important;}
  788. .playful.is-fullscreen .fp-fullscreen:before{content:"\e601"}
  789. .playful .fp-timeline{height:3px;position:relative;overflow:hidden;top:12px;height:11px;margin:0 238px 0 59px;}
  790. .no-brand.playful .fp-timeline{margin-right:171px;}
  791. .has-menu.no-brand.playful .fp-timeline{margin-right:198px}
  792. .no-volume.no-brand.playful .fp-timeline{margin-right:109px}
  793. .no-mute.no-brand.playful .fp-timeline{margin-right:133px}
  794. .no-mute.no-volume.no-brand.playful .fp-timeline{margin-right:59px}
  795. .has-menu.playful .fp-timeline{margin-right:265px}
  796. .no-volume.playful .fp-timeline{margin-right:176px}
  797. .no-mute.playful .fp-timeline{margin-right:200px}
  798. .no-mute.no-volume.playful .fp-timeline{margin-right:126px;}
  799. .has-menu.no-mute.no-volume.playful .fp-timeline{margin-right:165px}
  800. .is-rtl.playful .fp-timeline{margin:0 59px 0 238px;}
  801. .no-brand.is-rtl.playful .fp-timeline{margin-left:171px;}
  802. .has-menu.no-brand.is-rtl.playful .fp-timeline{margin-left:210px}
  803. .has-menu.is-rtl.playful .fp-timeline{margin-left:277px}
  804. .no-volume.is-rtl.playful .fp-timeline{margin-left:109px}
  805. .no-mute.is-rtl.playful .fp-timeline{margin-left:133px}
  806. .no-mute.no-volume.is-rtl.playful .fp-timeline{margin-left:59px}
  807. .is-long.playful .fp-timeline{margin:0 268px 0 89px;}
  808. .no-volume.is-long.playful .fp-timeline{margin-right:194px}
  809. .no-mute.is-long.playful .fp-timeline{margin-right:144px}
  810. .has-menu.is-long.playful .fp-timeline{margin-right:307px}
  811. .no-brand.is-long.playful .fp-timeline{margin-right:201px;}
  812. .no-volume.no-brand.is-long.playful .fp-timeline{margin-right:139px}
  813. .no-mute.no-brand.is-long.playful .fp-timeline{margin-right:89px}
  814. .has-menu.no-brand.is-long.playful .fp-timeline{margin-right:240px}
  815. .is-rtl.is-long.playful .fp-timeline{margin:89px 0 201px 0;}
  816. .no-volume.is-rtl.is-long.playful .fp-timeline{margin-left:139px}
  817. .no-mute.is-rtl.is-long.playful .fp-timeline{margin-left:89px}
  818. .aside-time.playful .fp-timeline,.no-time.playful .fp-timeline{margin:0 203px 0 12px;}
  819. .has-menu.aside-time.playful .fp-timeline,.has-menu.no-time.playful .fp-timeline{margin-right:242px}
  820. .aside-time.no-brand.playful .fp-timeline{margin-right:124px}
  821. .aside-time.no-volume.playful .fp-timeline,.no-time.no-volume.playful .fp-timeline{margin-right:129px}
  822. .aside-time.no-mute.playful .fp-timeline,.no-time.no-mute.playful .fp-timeline{margin-right:79px}
  823. .is-rtl.aside-time.playful .fp-timeline,.is-rtl.no-time.playful .fp-timeline{margin:0 12px 0 124px}
  824. .is-rtl.aside-time.no-volume.playful .fp-timeline,.is-rtl.no-time.no-volume.playful .fp-timeline{margin-left:62px}
  825. .is-rtl.aside-time.no-mute.playful .fp-timeline,.is-rtl.no-time.no-mute.playful .fp-timeline{margin-left:12px}
  826. .playful .fp-buffer,.playful .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
  827. .playful .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
  828. .playful .fp-timeline.no-animation .fp-buffer{-webkit-transition:none;-moz-transition:none;transition:none}
  829. .playful .fp-progress.animated{transition-timing-function:linear;transition-property:width,height}
  830. .playful.is-touch .fp-timeline{overflow:visible}
  831. .playful.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear;box-sizing:border-box}
  832. .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}
  833. .playful.is-touch.is-mouseover .fp-progress:after,.playful.is-touch.is-mouseover .fp-progress:before{content:'';box-sizing:border-box;display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
  834. .playful.is-touch.is-rtl.is-mouseover .fp-progress:after,.playful.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
  835. .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)}
  836. .playful.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
  837. .playful.is-touch.is-mouseover .fp-progress:after{height:18px;width:18px;top:-4px;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)}
  838. .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:-5px;right:-10px}
  839. .playful.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
  840. .playful .fp-volume{position:absolute;height:11px;bottom:12px;right:12px;}
  841. .has-menu.playful .fp-volume{right:39px}
  842. .is-rtl.playful .fp-volume{right:auto;left:12px}
  843. .is-rtl.has-menu.playful .fp-volume{left:39px}
  844. .playful .fp-mute{position:relative;width:38px;height:20px;float:left;top:-4.5px;cursor:pointer;}
  845. .is-rtl.playful .fp-mute{float:right}
  846. .no-mute.playful .fp-mute{display:none}
  847. .playful .fp-volumeslider{width:75px;height:11px;cursor:col-resize;float:left;}
  848. .is-rtl.playful .fp-volumeslider{float:right}
  849. .no-volume.playful .fp-volumeslider{display:none}
  850. .playful .fp-volumelevel{height:100%}
  851. .playful .fp-time{text-shadow:0 0 1px #000;font-size:11px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;color:#fff;width:100%;}
  852. .playful .fp-time.is-inverted .fp-duration{display:none}
  853. .playful .fp-time.is-inverted .fp-remaining{display:inline}
  854. .playful .fp-time em{width:35px;height:11px;line-height:11px;text-align:center;position:absolute;bottom:11px}
  855. .no-time.playful .fp-time{display:none}
  856. .is-long.playful .fp-time em{width:65px}
  857. .playful .fp-elapsed{left:12px;}
  858. .is-rtl.playful .fp-elapsed{left:auto;right:12px}
  859. .playful .fp-remaining,.playful .fp-duration{right:191px;color:#eee;}
  860. .no-brand.playful .fp-remaining,.no-brand.playful .fp-duration{right:136px;}
  861. .has-menu.no-brand.playful .fp-remaining,.has-menu.no-brand.playful .fp-duration{right:163px}
  862. .no-volume.no-brand.playful .fp-remaining,.no-volume.no-brand.playful .fp-duration{right:62px}
  863. .no-mute.no-brand.playful .fp-remaining,.no-mute.no-brand.playful .fp-duration{right:99px}
  864. .no-mute.no-volume.no-brand.playful .fp-remaining,.no-mute.no-volume.no-brand.playful .fp-duration{right:12px}
  865. .has-menu.playful .fp-remaining,.has-menu.playful .fp-duration{right:230px}
  866. .no-volume.playful .fp-remaining,.no-volume.playful .fp-duration{right:129px}
  867. .no-mute.playful .fp-remaining,.no-mute.playful .fp-duration{right:166px}
  868. .no-mute.no-volume.playful .fp-remaining,.no-mute.no-volume.playful .fp-duration{right:79px;}
  869. .has-menu.no-mute.no-volume.playful .fp-remaining,.has-menu.no-mute.no-volume.playful .fp-duration{right:118px}
  870. .is-rtl.playful .fp-remaining,.is-rtl.playful .fp-duration{right:auto;left:191px;}
  871. .no-brand.is-rtl.playful .fp-remaining,.no-brand.is-rtl.playful .fp-duration{left:124px;}
  872. .has-menu.no-brand.is-rtl.playful .fp-remaining,.has-menu.no-brand.is-rtl.playful .fp-duration{left:151px}
  873. .has-menu.is-rtl.playful .fp-remaining,.has-menu.is-rtl.playful .fp-duration{left:242px}
  874. .no-volume.is-rtl.playful .fp-remaining,.no-volume.is-rtl.playful .fp-duration{left:62px}
  875. .no-mute.is-rtl.playful .fp-remaining,.no-mute.is-rtl.playful .fp-duration{left:99px}
  876. .no-mute.no-volume.is-rtl.playful .fp-remaining,.no-mute.no-volume.is-rtl.playful .fp-duration{left:12px}
  877. .playful .fp-remaining{display:none}
  878. .playful.aside-time .fp-time{position:absolute;top:12px;left:12px;bottom:auto !important;width:auto;background-color:#000;background-color:rgba(0,0,0,0.65);height:35px;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:35px;text-align:center;font-size:15px;}
  879. .no-background.playful.aside-time .fp-time{background-color:transparent !important}
  880. .playful.aside-time .fp-time strong,.playful.aside-time .fp-time em{position:static}
  881. .playful.aside-time .fp-time .fp-elapsed::after{content:' / '}
  882. .playful.is-splash,.playful.is-poster{cursor:pointer;}
  883. .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,.playful.is-splash .fp-title,.playful.is-poster .fp-title,.playful.is-splash .fp-brand,.playful.is-poster .fp-brand{display:none !important}
  884. .playful.is-poster .fp-engine{top:-9999em}
  885. .playful.is-loading .fp-waiting{display:block}
  886. .playful.is-loading .fp-controls,.playful.is-loading .fp-time{display:none}
  887. .playful.is-loading .fp-ui{background-position:-9999em}
  888. .playful.is-loading video.fp-engine{position:absolute;top:-9999em}
  889. .playful.is-seeking .fp-waiting{display:block}
  890. .playful.is-playing{background-image:none !important;background-color:#333;}
  891. .playful.is-playing.hls-fix.is-finished .fp-engine{position:absolute;top:-9999em}
  892. .playful.is-fullscreen{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;}
  893. .is-rtl.playful.is-fullscreen{left:auto !important;right:0 !important}
  894. .playful.is-fullscreen .fp-player{background-color:#333}
  895. .playful.is-error{border:1px solid #909090;background:#fdfdfd !important;}
  896. .playful.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
  897. .playful.is-error .fp-message{display:block}
  898. .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}
  899. .playful.is-ready.is-muted .fp-mute{opacity:.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)}
  900. .playful.is-ready.is-muted .fp-mute:before{content:"\e605"}
  901. .playful.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
  902. .is-fullscreen.playful.is-mouseout .fp-controls{height:3px;bottom:0}
  903. .playful.is-mouseout .fp-title{overflow:hidden}
  904. .playful.is-mouseout .fp-timeline{margin:0 !important}
  905. .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}
  906. .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-title,.playful.is-mouseout .fp-volume,.playful.is-mouseout .fp-play,.playful.is-mouseout .fp-menu,.playful.is-mouseout .fp-brand,.playful.is-mouseout .fp-timeline-tooltip,.playful.is-mouseout.aside-time .fp-time{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
  907. .playful.is-mouseover .fp-controls,.playful.fixed-controls .fp-controls{height:35px}
  908. .playful.is-mouseover .fp-title,.playful.fixed-controls .fp-title{height:35px}
  909. .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,.playful.is-mouseover .fp-menu,.playful.fixed-controls .fp-menu{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  910. .playful.fixed-controls .fp-volume{display:block}
  911. .playful.fixed-controls .fp-controls{bottom:-35px;}
  912. .is-fullscreen.playful.fixed-controls .fp-controls{bottom:0}
  913. .playful.fixed-controls .fp-time em{bottom:-23px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
  914. .is-fullscreen.playful.fixed-controls .fp-time em{bottom:12px}
  915. .playful.is-disabled .fp-progress{background-color:#999}
  916. .playful.is-flash-disabled{background-color:#333;}
  917. .playful.is-flash-disabled object.fp-engine{z-index:100}
  918. .playful.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
  919. .playful .fp-embed{position:absolute;top:12px;left:auto;right:59px;display:block;width:35px;height:35px;text-align:center;}
  920. .is-rtl.playful .fp-embed{right:auto;left:59px}
  921. .playful .fp-embed-code{position:absolute;display:none;top:10px;right:77px;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;}
  922. .is-closeable.playful .fp-embed-code{right:114px}
  923. .playful .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;right:-10px;border:5px solid transparent;border-left-color:#333}
  924. .is-rtl.playful .fp-embed-code{right:auto;left:77px;}
  925. .is-rtl.playful .fp-embed-code:before{right:auto;left:-10px;border-left-color:transparent;border-right-color:#333}
  926. .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}
  927. .playful .fp-embed-code label{display:block;color:#999}
  928. .playful.is-embedding .fp-embed,.playful.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  929. .playful.no-time .fp-embed{left:12px !important;}
  930. .is-rtl.playful.no-time .fp-embed{left:auto;right:12px !important}
  931. .playful.is-live .fp-timeline,.playful.is-live .fp-duration,.playful.is-live .fp-remaining{display:none}
  932. .playful .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
  933. .playful .fp-context-menu li{text-align:center !important;padding:10px;color:#444 !important;font-size:11px !important;margin:0 -10px 0 -10px;}
  934. .playful .fp-context-menu li a{color:#00a7c8 !important;font-size:12.100000000000001px !important}
  935. .playful .fp-context-menu li:hover:not(.copyright){background-color:#eee}
  936. .playful .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("img/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
  937. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.playful .fp-context-menu li.copyright{background-image:url("img/flowplayer@2x.png")}
  938. }@-moz-keyframes pulse{0%{opacity:0}
  939. 100%{opacity:1}
  940. }@-webkit-keyframes pulse{0%{opacity:0}
  941. 100%{opacity:1}
  942. }@-o-keyframes pulse{0%{opacity:0}
  943. 100%{opacity:1}
  944. }@-ms-keyframes pulse{0%{opacity:0}
  945. 100%{opacity:1}
  946. }@keyframes pulse{0%{opacity:0}
  947. 100%{opacity:1}
  948. }.playful.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
  949. .playful .fp-title{position:absolute;top:12px;left:12px;}
  950. .is-rtl.playful .fp-title{left:auto;right:12px}
  951. .playful .fp-title,.playful .fp-unload,.playful .fp-fullscreen,.playful .fp-embed{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  952. .playful .fp-embed-code{right:99px;}
  953. .is-closeable.playful .fp-embed-code{right:146px}
  954. .is-rtl.playful .fp-embed-code{right:auto;left:99px}
  955. .playful.is-mouseout .fp-menu{display:none}
  956. .playful.is-mouseout .fp-controls{-webkit-transition:none;-moz-transition:none;transition:none;-webkit-animation:functional-controls-hide 1s 1;-moz-animation:functional-controls-hide 1s 1;animation:functional-controls-hide 1s 1}
  957. .playful.is-mouseout .fp-timeline{-webkit-transition:none;-moz-transition:none;transition:none}
  958. .playful.is-mouseout .fp-volume,.playful.is-mouseout .fp-brand,.playful.is-mouseout .fp-play,.playful.is-mouseout .fp-time{-webkit-transition:none;-moz-transition:none;transition:none;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  959. .playful.fixed-controls .fp-elapsed,.playful.fixed-controls.is-mouseover .fp-elapsed{left:59px}
  960. .playful.fixed-controls .fp-controls,.playful.fixed-controls.is-mouseover .fp-controls{bottom:-35px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;left:0;right:0;}
  961. .is-fullscreen.playful.fixed-controls .fp-controls,.is-fullscreen.playful.fixed-controls.is-mouseover .fp-controls{bottom:0}
  962. .playful.fixed-controls .fp-controls .fp-play,.playful.fixed-controls.is-mouseover .fp-controls .fp-play{left:12px}
  963. .playful.fixed-controls .fp-controls .fp-timeline,.playful.fixed-controls.is-mouseover .fp-controls .fp-timeline{margin-left:106px;}
  964. .is-long.playful.fixed-controls .fp-controls .fp-timeline,.is-long.playful.fixed-controls.is-mouseover .fp-controls .fp-timeline{margin-left:136px}
  965. .playful.is-mouseover .fp-controls{bottom:12px;left:59px;right:12px;width:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  966. .is-rtl.playful.is-mouseover .fp-controls{left:12px;right:59px}
  967. .playful.is-mouseover .fp-controls .fp-play{left:-47px;display:block;background-color:#000;background-color:rgba(0,0,0,0.65);width:35px;height:35px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  968. .is-rtl.playful.is-mouseover .fp-controls .fp-play{left:auto;right:-47px}
  969. .playful.is-mouseover .fp-controls .fp-timeline{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  970. .playful.is-mouseover .fp-controls .fp-timeline .fp-progress,.playful.is-mouseover .fp-controls .fp-timeline .fp-buffer{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  971. .playful.is-mouseover .fp-controls .fp-menu .fp-dropdown{bottom:41px;left:auto;right:-12px;}
  972. .is-rtl.playful.is-mouseover .fp-controls .fp-menu .fp-dropdown{right:auto;left:-12px}
  973. .playful.is-mouseover .fp-controls .fp-menu .fp-dropdown:before{display:none}
  974. .playful.is-mouseover .fp-controls li{border-color:#000;}
  975. .playful.is-mouseover .fp-controls li.active{border-color:#00a7c8}
  976. .playful.is-mouseover .fp-controls li:last-child:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;right:12px;border-bottom:none;border-top-width:5px;border-top-style:solid;border-top-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;}
  977. .is-rtl.playful.is-mouseover .fp-controls li:last-child:before{right:auto;left:12px}
  978. .playful .fp-elapsed,.playful.play-button .fp-elapsed{left:71px;}
  979. .is-rtl.playful .fp-elapsed,.is-rtl.playful.play-button .fp-elapsed{right:71px;left:auto}
  980. .playful .fp-time em{bottom:23px}
  981. @-moz-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  982. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  983. }@-webkit-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  984. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  985. }@-o-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  986. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  987. }@-ms-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  988. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  989. }@keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
  990. 100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
  991. }.playful .fp-controls,.playful .fp-title,.playful .fp-embed,.playful .fp-play,.playful .fp-fullscreen,.playful .fp-close,.playful.aside-time .fp-time,.playful .fp-unload{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(136,136,136,0.85)),to(rgba(0,0,0,0.85)));background-image:-webkit-linear-gradient(top,rgba(136,136,136,0.85),rgba(0,0,0,0.85));background-image:-moz-linear-gradient(top,rgba(136,136,136,0.85),rgba(0,0,0,0.85));background-image:-o-linear-gradient(top,rgba(136,136,136,0.85),rgba(0,0,0,0.85));background-image:linear-gradient(to bottom,rgba(136,136,136,0.85),rgba(0,0,0,0.85));color:#eee !important;}
  992. .playful .fp-controls:before,.playful .fp-title:before,.playful .fp-embed:before,.playful .fp-play:before,.playful .fp-fullscreen:before,.playful .fp-close:before,.playful.aside-time .fp-time:before,.playful .fp-unload:before{color:#eee}
  993. .playful .fp-dropdown{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
  994. .playful .fp-dropdown li:last-child{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
  995. .playful .fp-fullscreen:before,.playful .fp-unload:before,.playful .fp-mute:before,.playful .fp-embed:before,.playful .fp-close:before,.playful .fp-play:before,.playful .fp-menu:before{vertical-align:-2px}
  996. .playful .fp-controls .fp-menu{bottom:3px;}
  997. .is-mouseover.playful .fp-controls .fp-menu .fp-dropdown{bottom:36px}
  998. .playful .fp-volumeslider{height:8px;margin-top:1px;margin-left:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
  999. .playful .fp-volumeslider .fp-volumelevel{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
  1000. .playful .fp-mute{top:-9.5px;}
  1001. .playful .fp-mute:before{content:"\e60c";vertical-align:0;}
  1002. .is-muted.is-ready.playful .fp-mute:before{content:"\e60c";color:#ccc}
  1003. .playful .fp-mute:after{content:'';background-color:#9ebb11;width:6px;height:6px;display:block;position:absolute;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;right:2px;top:11px;}
  1004. .is-muted.playful .fp-mute:after{background-color:#f00}