地铁二期项目正式开始

animate.css 65KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669
  1. .larry-delay1 {
  2. animation-delay: 0.1s
  3. }
  4. .larry-delay2 {
  5. animation-delay: 0.2s
  6. }
  7. .larry-delay3 {
  8. animation-delay: 0.3s
  9. }
  10. .larry-delay4 {
  11. animation-delay: 0.4s
  12. }
  13. .larry-delay5 {
  14. animation-delay: 0.5s
  15. }
  16. .larry-delay6 {
  17. animation-delay: 0.6s
  18. }
  19. .larry-delay7 {
  20. animation-delay: 0.7s
  21. }
  22. .larry-delay8 {
  23. animation-delay: 0.8s
  24. }
  25. .larry-delay9 {
  26. animation-delay: 0.9s
  27. }
  28. .larry-delay10 {
  29. animation-delay: 1s
  30. }
  31. .larry-duration1 {
  32. animation-duration: 1s;
  33. -webkit-animation-duration: 1s
  34. }
  35. .larry-duration2 {
  36. animation-duration: 2s;
  37. -webkit-animation-duration: 2s
  38. }
  39. .larry-duration3 {
  40. animation-duration: 3s;
  41. -webkit-animation-duration: 3s
  42. }
  43. .larry-duration4 {
  44. animation-duration: 4s;
  45. -webkit-animation-duration: 4s
  46. }
  47. .larry-duration5 {
  48. animation-duration: 5s;
  49. -webkit-animation-duration: 5s
  50. }
  51. .larry-duration-n {
  52. animation-duration: infinite;
  53. -webkit-animation-duration: infinite
  54. }
  55. .larry-linear {
  56. animation-timing-function: linear;
  57. -webkit-animation-timing-function: linear
  58. }
  59. .larry-ease {
  60. animation-timing-function: ease;
  61. -webkit-animation-timing-function: ease
  62. }
  63. .larry-ease-in {
  64. animation-timing-function: ease-in;
  65. -webkit-animation-timing-function: ease-in
  66. }
  67. .larry-ease-out {
  68. animation-timing-function: ease-out;
  69. -webkit-animation-timing-function: ease-out
  70. }
  71. .larry-ease-in-out {
  72. animation-timing-function: ease-in-out;
  73. -webkit-animation-timing-function: ease-in-out
  74. }
  75. .LarryUp {
  76. -webkit-animation: LarryUp .8s .2s ease both
  77. }
  78. .LarryRight {
  79. -webkit-animation: LarryRight .8s .2s ease both
  80. }
  81. .LarryDown {
  82. -webkit-animation-name: LarryDown;
  83. animation-name: LarryDown
  84. }
  85. .LarryLeft {
  86. -webkit-animation: LarryLeft .8s .2s ease both
  87. }
  88. @-webkit-keyframes LarryUp {
  89. 0%,60%,75%,90%,to {
  90. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  91. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  92. }
  93. 0% {
  94. opacity: 0;
  95. -webkit-transform: translate3d(0,100px,0);
  96. transform: translate3d(0,100px,0)
  97. }
  98. 60% {
  99. opacity: 1;
  100. -webkit-transform: translate3d(0,-20px,0);
  101. transform: translate3d(0,-20px,0)
  102. }
  103. 75% {
  104. -webkit-transform: translate3d(0,10px,0);
  105. transform: translate3d(0,10px,0)
  106. }
  107. 90% {
  108. -webkit-transform: translate3d(0,-5px,0);
  109. transform: translate3d(0,-5px,0)
  110. }
  111. to {
  112. -webkit-transform: translateZ(0);
  113. transform: translateZ(0)
  114. }
  115. }
  116. @-moz-keyframes LarryUp {
  117. 0%,60%,75%,90%,to {
  118. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  119. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  120. }
  121. 0% {
  122. opacity: 0;
  123. -webkit-transform: translate3d(0,100px,0);
  124. transform: translate3d(0,100px,0)
  125. }
  126. 60% {
  127. opacity: 1;
  128. -webkit-transform: translate3d(0,-20px,0);
  129. transform: translate3d(0,-20px,0)
  130. }
  131. 75% {
  132. -webkit-transform: translate3d(0,10px,0);
  133. transform: translate3d(0,10px,0)
  134. }
  135. 90% {
  136. -webkit-transform: translate3d(0,-5px,0);
  137. transform: translate3d(0,-5px,0)
  138. }
  139. to {
  140. -webkit-transform: translateZ(0);
  141. transform: translateZ(0)
  142. }
  143. }
  144. @-webkit-keyframes LarryRight {
  145. 0% {
  146. opacity: 0;
  147. -webkit-transform: translateX(2000px)
  148. }
  149. 60% {
  150. opacity: 1;
  151. -webkit-transform: translateX(-30px)
  152. }
  153. 80% {
  154. -webkit-transform: translateX(30px)
  155. }
  156. 100% {
  157. -webkit-transform: translateX(0)
  158. }
  159. }
  160. @-moz-keyframes LarryRight {
  161. 0% {
  162. opacity: 0;
  163. -moz-transform: translateX(2000px)
  164. }
  165. 60% {
  166. opacity: 1;
  167. -moz-transform: translateX(-30px)
  168. }
  169. 80% {
  170. -moz-transform: translateX(30px)
  171. }
  172. 100% {
  173. -moz-transform: translateX(0)
  174. }
  175. }
  176. @-webkit-keyframes LarryDown {
  177. 20% {
  178. -webkit-transform: translate3d(0,10px,0);
  179. transform: translate3d(0,10px,0)
  180. }
  181. 40%,45% {
  182. opacity: 1;
  183. -webkit-transform: translate3d(0,-20px,0);
  184. transform: translate3d(0,-20px,0)
  185. }
  186. to {
  187. opacity: 0;
  188. -webkit-transform: translate3d(0,50px,0);
  189. transform: translate3d(0,50px,0)
  190. }
  191. }
  192. @-moz-keyframes LarryDown {
  193. 20% {
  194. -webkit-transform: translate3d(0,10px,0);
  195. transform: translate3d(0,10px,0)
  196. }
  197. 40%,45% {
  198. opacity: 1;
  199. -webkit-transform: translate3d(0,-20px,0);
  200. transform: translate3d(0,-20px,0)
  201. }
  202. to {
  203. opacity: 0;
  204. -webkit-transform: translate3d(0,50px,0);
  205. transform: translate3d(0,50px,0)
  206. }
  207. }
  208. @-webkit-keyframes LarryLeft {
  209. 0% {
  210. opacity: 0;
  211. -webkit-transform: translateX(-2000px)
  212. }
  213. 60% {
  214. opacity: 1;
  215. -webkit-transform: translateX(30px)
  216. }
  217. 80% {
  218. -webkit-transform: translateX(-30px)
  219. }
  220. 100% {
  221. -webkit-transform: translateX(0)
  222. }
  223. }
  224. @-moz-keyframes LarryLeft {
  225. 0% {
  226. opacity: 0;
  227. -moz-transform: translateX(-2000px)
  228. }
  229. 60% {
  230. opacity: 1;
  231. -moz-transform: translateX(30px)
  232. }
  233. 80% {
  234. -moz-transform: translateX(-30px)
  235. }
  236. 100% {
  237. -moz-transform: translateX(0)
  238. }
  239. }
  240. .animated {
  241. -webkit-animation-duration: 1s;
  242. animation-duration: 1s;
  243. -webkit-animation-fill-mode: both;
  244. animation-fill-mode: both
  245. }
  246. .animated.infinite {
  247. -webkit-animation-iteration-count: infinite;
  248. animation-iteration-count: infinite
  249. }
  250. .animated.hinge {
  251. -webkit-animation-duration: 2s;
  252. animation-duration: 2s
  253. }
  254. .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
  255. -webkit-animation-duration: .75s;
  256. animation-duration: .75s
  257. }
  258. @-webkit-keyframes bounce {
  259. 0%,20%,53%,80%,to {
  260. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  261. animation-timing-function: cubic-bezier(.215,.61,.355,1);
  262. -webkit-transform: translateZ(0);
  263. transform: translateZ(0)
  264. }
  265. 40%,43% {
  266. -webkit-transform: translate3d(0,-30px,0);
  267. transform: translate3d(0,-30px,0)
  268. }
  269. 40%,43%,70% {
  270. -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
  271. animation-timing-function: cubic-bezier(.755,.05,.855,.06)
  272. }
  273. 70% {
  274. -webkit-transform: translate3d(0,-15px,0);
  275. transform: translate3d(0,-15px,0)
  276. }
  277. 90% {
  278. -webkit-transform: translate3d(0,-4px,0);
  279. transform: translate3d(0,-4px,0)
  280. }
  281. }
  282. @keyframes bounce {
  283. 0%,20%,53%,80%,to {
  284. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  285. animation-timing-function: cubic-bezier(.215,.61,.355,1);
  286. -webkit-transform: translateZ(0);
  287. transform: translateZ(0)
  288. }
  289. 40%,43% {
  290. -webkit-transform: translate3d(0,-30px,0);
  291. transform: translate3d(0,-30px,0)
  292. }
  293. 40%,43%,70% {
  294. -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
  295. animation-timing-function: cubic-bezier(.755,.05,.855,.06)
  296. }
  297. 70% {
  298. -webkit-transform: translate3d(0,-15px,0);
  299. transform: translate3d(0,-15px,0)
  300. }
  301. 90% {
  302. -webkit-transform: translate3d(0,-4px,0);
  303. transform: translate3d(0,-4px,0)
  304. }
  305. }
  306. .bounce {
  307. -webkit-animation-name: bounce;
  308. animation-name: bounce;
  309. -webkit-transform-origin: center bottom;
  310. transform-origin: center bottom
  311. }
  312. @-webkit-keyframes flash {
  313. 0%,50%,to {
  314. opacity: 1
  315. }
  316. 25%,75% {
  317. opacity: 0
  318. }
  319. }
  320. @keyframes flash {
  321. 0%,50%,to {
  322. opacity: 1
  323. }
  324. 25%,75% {
  325. opacity: 0
  326. }
  327. }
  328. .flash {
  329. -webkit-animation-name: flash;
  330. animation-name: flash
  331. }
  332. @-webkit-keyframes pulse {
  333. 0% {
  334. -webkit-transform: scaleX(1);
  335. transform: scaleX(1)
  336. }
  337. 50% {
  338. -webkit-transform: scale3d(1.05,1.05,1.05);
  339. transform: scale3d(1.05,1.05,1.05)
  340. }
  341. to {
  342. -webkit-transform: scaleX(1);
  343. transform: scaleX(1)
  344. }
  345. }
  346. @keyframes pulse {
  347. 0% {
  348. -webkit-transform: scaleX(1);
  349. transform: scaleX(1)
  350. }
  351. 50% {
  352. -webkit-transform: scale3d(1.05,1.05,1.05);
  353. transform: scale3d(1.05,1.05,1.05)
  354. }
  355. to {
  356. -webkit-transform: scaleX(1);
  357. transform: scaleX(1)
  358. }
  359. }
  360. .pulse {
  361. -webkit-animation-name: pulse;
  362. animation-name: pulse
  363. }
  364. @-webkit-keyframes rubberBand {
  365. 0% {
  366. -webkit-transform: scaleX(1);
  367. transform: scaleX(1)
  368. }
  369. 30% {
  370. -webkit-transform: scale3d(1.25,.75,1);
  371. transform: scale3d(1.25,.75,1)
  372. }
  373. 40% {
  374. -webkit-transform: scale3d(.75,1.25,1);
  375. transform: scale3d(.75,1.25,1)
  376. }
  377. 50% {
  378. -webkit-transform: scale3d(1.15,.85,1);
  379. transform: scale3d(1.15,.85,1)
  380. }
  381. 65% {
  382. -webkit-transform: scale3d(.95,1.05,1);
  383. transform: scale3d(.95,1.05,1)
  384. }
  385. 75% {
  386. -webkit-transform: scale3d(1.05,.95,1);
  387. transform: scale3d(1.05,.95,1)
  388. }
  389. to {
  390. -webkit-transform: scaleX(1);
  391. transform: scaleX(1)
  392. }
  393. }
  394. @keyframes rubberBand {
  395. 0% {
  396. -webkit-transform: scaleX(1);
  397. transform: scaleX(1)
  398. }
  399. 30% {
  400. -webkit-transform: scale3d(1.25,.75,1);
  401. transform: scale3d(1.25,.75,1)
  402. }
  403. 40% {
  404. -webkit-transform: scale3d(.75,1.25,1);
  405. transform: scale3d(.75,1.25,1)
  406. }
  407. 50% {
  408. -webkit-transform: scale3d(1.15,.85,1);
  409. transform: scale3d(1.15,.85,1)
  410. }
  411. 65% {
  412. -webkit-transform: scale3d(.95,1.05,1);
  413. transform: scale3d(.95,1.05,1)
  414. }
  415. 75% {
  416. -webkit-transform: scale3d(1.05,.95,1);
  417. transform: scale3d(1.05,.95,1)
  418. }
  419. to {
  420. -webkit-transform: scaleX(1);
  421. transform: scaleX(1)
  422. }
  423. }
  424. .rubberBand {
  425. -webkit-animation-name: rubberBand;
  426. animation-name: rubberBand
  427. }
  428. @-webkit-keyframes shake {
  429. 0%,to {
  430. -webkit-transform: translateZ(0);
  431. transform: translateZ(0)
  432. }
  433. 10%,30%,50%,70%,90% {
  434. -webkit-transform: translate3d(-10px,0,0);
  435. transform: translate3d(-10px,0,0)
  436. }
  437. 20%,40%,60%,80% {
  438. -webkit-transform: translate3d(10px,0,0);
  439. transform: translate3d(10px,0,0)
  440. }
  441. }
  442. @keyframes shake {
  443. 0%,to {
  444. -webkit-transform: translateZ(0);
  445. transform: translateZ(0)
  446. }
  447. 10%,30%,50%,70%,90% {
  448. -webkit-transform: translate3d(-10px,0,0);
  449. transform: translate3d(-10px,0,0)
  450. }
  451. 20%,40%,60%,80% {
  452. -webkit-transform: translate3d(10px,0,0);
  453. transform: translate3d(10px,0,0)
  454. }
  455. }
  456. .shake {
  457. -webkit-animation-name: shake;
  458. animation-name: shake
  459. }
  460. @-webkit-keyframes headShake {
  461. 0% {
  462. -webkit-transform: translateX(0);
  463. transform: translateX(0)
  464. }
  465. 6.5% {
  466. -webkit-transform: translateX(-6px) rotateY(-9deg);
  467. transform: translateX(-6px) rotateY(-9deg)
  468. }
  469. 18.5% {
  470. -webkit-transform: translateX(5px) rotateY(7deg);
  471. transform: translateX(5px) rotateY(7deg)
  472. }
  473. 31.5% {
  474. -webkit-transform: translateX(-3px) rotateY(-5deg);
  475. transform: translateX(-3px) rotateY(-5deg)
  476. }
  477. 43.5% {
  478. -webkit-transform: translateX(2px) rotateY(3deg);
  479. transform: translateX(2px) rotateY(3deg)
  480. }
  481. 50% {
  482. -webkit-transform: translateX(0);
  483. transform: translateX(0)
  484. }
  485. }
  486. @keyframes headShake {
  487. 0% {
  488. -webkit-transform: translateX(0);
  489. transform: translateX(0)
  490. }
  491. 6.5% {
  492. -webkit-transform: translateX(-6px) rotateY(-9deg);
  493. transform: translateX(-6px) rotateY(-9deg)
  494. }
  495. 18.5% {
  496. -webkit-transform: translateX(5px) rotateY(7deg);
  497. transform: translateX(5px) rotateY(7deg)
  498. }
  499. 31.5% {
  500. -webkit-transform: translateX(-3px) rotateY(-5deg);
  501. transform: translateX(-3px) rotateY(-5deg)
  502. }
  503. 43.5% {
  504. -webkit-transform: translateX(2px) rotateY(3deg);
  505. transform: translateX(2px) rotateY(3deg)
  506. }
  507. 50% {
  508. -webkit-transform: translateX(0);
  509. transform: translateX(0)
  510. }
  511. }
  512. .headShake {
  513. -webkit-animation-timing-function: ease-in-out;
  514. animation-timing-function: ease-in-out;
  515. -webkit-animation-name: headShake;
  516. animation-name: headShake
  517. }
  518. @-webkit-keyframes swing {
  519. 20% {
  520. -webkit-transform: rotate(25deg);
  521. transform: rotate(25deg)
  522. }
  523. 40% {
  524. -webkit-transform: rotate(-15deg);
  525. transform: rotate(-15deg)
  526. }
  527. 60% {
  528. -webkit-transform: rotate(5deg);
  529. transform: rotate(5deg)
  530. }
  531. 80% {
  532. -webkit-transform: rotate(-5deg);
  533. transform: rotate(-5deg)
  534. }
  535. to {
  536. -webkit-transform: rotate(0deg);
  537. transform: rotate(0deg)
  538. }
  539. }
  540. @keyframes swing {
  541. 20% {
  542. -webkit-transform: rotate(25deg);
  543. transform: rotate(25deg)
  544. }
  545. 40% {
  546. -webkit-transform: rotate(-15deg);
  547. transform: rotate(-15deg)
  548. }
  549. 60% {
  550. -webkit-transform: rotate(5deg);
  551. transform: rotate(5deg)
  552. }
  553. 80% {
  554. -webkit-transform: rotate(-5deg);
  555. transform: rotate(-5deg)
  556. }
  557. to {
  558. -webkit-transform: rotate(0deg);
  559. transform: rotate(0deg)
  560. }
  561. }
  562. .swing {
  563. -webkit-transform-origin: top center;
  564. transform-origin: top center;
  565. -webkit-animation-name: swing;
  566. animation-name: swing
  567. }
  568. @-webkit-keyframes tada {
  569. 0% {
  570. -webkit-transform: scaleX(1);
  571. transform: scaleX(1)
  572. }
  573. 10%,20% {
  574. -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
  575. transform: scale3d(.9,.9,.9) rotate(-3deg)
  576. }
  577. 30%,50%,70%,90% {
  578. -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
  579. transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  580. }
  581. 40%,60%,80% {
  582. -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
  583. transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  584. }
  585. to {
  586. -webkit-transform: scaleX(1);
  587. transform: scaleX(1)
  588. }
  589. }
  590. @keyframes tada {
  591. 0% {
  592. -webkit-transform: scaleX(1);
  593. transform: scaleX(1)
  594. }
  595. 10%,20% {
  596. -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
  597. transform: scale3d(.9,.9,.9) rotate(-3deg)
  598. }
  599. 30%,50%,70%,90% {
  600. -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
  601. transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  602. }
  603. 40%,60%,80% {
  604. -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
  605. transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  606. }
  607. to {
  608. -webkit-transform: scaleX(1);
  609. transform: scaleX(1)
  610. }
  611. }
  612. .tada {
  613. -webkit-animation-name: tada;
  614. animation-name: tada
  615. }
  616. @-webkit-keyframes wobble {
  617. 0% {
  618. -webkit-transform: none;
  619. transform: none
  620. }
  621. 15% {
  622. -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
  623. transform: translate3d(-25%,0,0) rotate(-5deg)
  624. }
  625. 30% {
  626. -webkit-transform: translate3d(20%,0,0) rotate(3deg);
  627. transform: translate3d(20%,0,0) rotate(3deg)
  628. }
  629. 45% {
  630. -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
  631. transform: translate3d(-15%,0,0) rotate(-3deg)
  632. }
  633. 60% {
  634. -webkit-transform: translate3d(10%,0,0) rotate(2deg);
  635. transform: translate3d(10%,0,0) rotate(2deg)
  636. }
  637. 75% {
  638. -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
  639. transform: translate3d(-5%,0,0) rotate(-1deg)
  640. }
  641. to {
  642. -webkit-transform: none;
  643. transform: none
  644. }
  645. }
  646. @keyframes wobble {
  647. 0% {
  648. -webkit-transform: none;
  649. transform: none
  650. }
  651. 15% {
  652. -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
  653. transform: translate3d(-25%,0,0) rotate(-5deg)
  654. }
  655. 30% {
  656. -webkit-transform: translate3d(20%,0,0) rotate(3deg);
  657. transform: translate3d(20%,0,0) rotate(3deg)
  658. }
  659. 45% {
  660. -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
  661. transform: translate3d(-15%,0,0) rotate(-3deg)
  662. }
  663. 60% {
  664. -webkit-transform: translate3d(10%,0,0) rotate(2deg);
  665. transform: translate3d(10%,0,0) rotate(2deg)
  666. }
  667. 75% {
  668. -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
  669. transform: translate3d(-5%,0,0) rotate(-1deg)
  670. }
  671. to {
  672. -webkit-transform: none;
  673. transform: none
  674. }
  675. }
  676. .wobble {
  677. -webkit-animation-name: wobble;
  678. animation-name: wobble
  679. }
  680. @-webkit-keyframes jello {
  681. 0%,11.1%,to {
  682. -webkit-transform: none;
  683. transform: none
  684. }
  685. 22.2% {
  686. -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  687. transform: skewX(-12.5deg) skewY(-12.5deg)
  688. }
  689. 33.3% {
  690. -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  691. transform: skewX(6.25deg) skewY(6.25deg)
  692. }
  693. 44.4% {
  694. -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  695. transform: skewX(-3.125deg) skewY(-3.125deg)
  696. }
  697. 55.5% {
  698. -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  699. transform: skewX(1.5625deg) skewY(1.5625deg)
  700. }
  701. 66.6% {
  702. -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
  703. transform: skewX(-.78125deg) skewY(-.78125deg)
  704. }
  705. 77.7% {
  706. -webkit-transform: skewX(.390625deg) skewY(.390625deg);
  707. transform: skewX(.390625deg) skewY(.390625deg)
  708. }
  709. 88.8% {
  710. -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
  711. transform: skewX(-.1953125deg) skewY(-.1953125deg)
  712. }
  713. }
  714. @keyframes jello {
  715. 0%,11.1%,to {
  716. -webkit-transform: none;
  717. transform: none
  718. }
  719. 22.2% {
  720. -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  721. transform: skewX(-12.5deg) skewY(-12.5deg)
  722. }
  723. 33.3% {
  724. -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  725. transform: skewX(6.25deg) skewY(6.25deg)
  726. }
  727. 44.4% {
  728. -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  729. transform: skewX(-3.125deg) skewY(-3.125deg)
  730. }
  731. 55.5% {
  732. -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  733. transform: skewX(1.5625deg) skewY(1.5625deg)
  734. }
  735. 66.6% {
  736. -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
  737. transform: skewX(-.78125deg) skewY(-.78125deg)
  738. }
  739. 77.7% {
  740. -webkit-transform: skewX(.390625deg) skewY(.390625deg);
  741. transform: skewX(.390625deg) skewY(.390625deg)
  742. }
  743. 88.8% {
  744. -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
  745. transform: skewX(-.1953125deg) skewY(-.1953125deg)
  746. }
  747. }
  748. .jello {
  749. -webkit-animation-name: jello;
  750. animation-name: jello;
  751. -webkit-transform-origin: center;
  752. transform-origin: center
  753. }
  754. @-webkit-keyframes bounceIn {
  755. 0%,20%,40%,60%,80%,to {
  756. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  757. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  758. }
  759. 0% {
  760. opacity: 0;
  761. -webkit-transform: scale3d(.3,.3,.3);
  762. transform: scale3d(.3,.3,.3)
  763. }
  764. 20% {
  765. -webkit-transform: scale3d(1.1,1.1,1.1);
  766. transform: scale3d(1.1,1.1,1.1)
  767. }
  768. 40% {
  769. -webkit-transform: scale3d(.9,.9,.9);
  770. transform: scale3d(.9,.9,.9)
  771. }
  772. 60% {
  773. opacity: 1;
  774. -webkit-transform: scale3d(1.03,1.03,1.03);
  775. transform: scale3d(1.03,1.03,1.03)
  776. }
  777. 80% {
  778. -webkit-transform: scale3d(.97,.97,.97);
  779. transform: scale3d(.97,.97,.97)
  780. }
  781. to {
  782. opacity: 1;
  783. -webkit-transform: scaleX(1);
  784. transform: scaleX(1)
  785. }
  786. }
  787. @keyframes bounceIn {
  788. 0%,20%,40%,60%,80%,to {
  789. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  790. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  791. }
  792. 0% {
  793. opacity: 0;
  794. -webkit-transform: scale3d(.3,.3,.3);
  795. transform: scale3d(.3,.3,.3)
  796. }
  797. 20% {
  798. -webkit-transform: scale3d(1.1,1.1,1.1);
  799. transform: scale3d(1.1,1.1,1.1)
  800. }
  801. 40% {
  802. -webkit-transform: scale3d(.9,.9,.9);
  803. transform: scale3d(.9,.9,.9)
  804. }
  805. 60% {
  806. opacity: 1;
  807. -webkit-transform: scale3d(1.03,1.03,1.03);
  808. transform: scale3d(1.03,1.03,1.03)
  809. }
  810. 80% {
  811. -webkit-transform: scale3d(.97,.97,.97);
  812. transform: scale3d(.97,.97,.97)
  813. }
  814. to {
  815. opacity: 1;
  816. -webkit-transform: scaleX(1);
  817. transform: scaleX(1)
  818. }
  819. }
  820. .bounceIn {
  821. -webkit-animation-name: bounceIn;
  822. animation-name: bounceIn
  823. }
  824. @-webkit-keyframes bounceInDown {
  825. 0%,60%,75%,90%,to {
  826. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  827. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  828. }
  829. 0% {
  830. opacity: 0;
  831. -webkit-transform: translate3d(0,-3000px,0);
  832. transform: translate3d(0,-3000px,0)
  833. }
  834. 60% {
  835. opacity: 1;
  836. -webkit-transform: translate3d(0,25px,0);
  837. transform: translate3d(0,25px,0)
  838. }
  839. 75% {
  840. -webkit-transform: translate3d(0,-10px,0);
  841. transform: translate3d(0,-10px,0)
  842. }
  843. 90% {
  844. -webkit-transform: translate3d(0,5px,0);
  845. transform: translate3d(0,5px,0)
  846. }
  847. to {
  848. -webkit-transform: none;
  849. transform: none
  850. }
  851. }
  852. @keyframes bounceInDown {
  853. 0%,60%,75%,90%,to {
  854. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  855. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  856. }
  857. 0% {
  858. opacity: 0;
  859. -webkit-transform: translate3d(0,-3000px,0);
  860. transform: translate3d(0,-3000px,0)
  861. }
  862. 60% {
  863. opacity: 1;
  864. -webkit-transform: translate3d(0,25px,0);
  865. transform: translate3d(0,25px,0)
  866. }
  867. 75% {
  868. -webkit-transform: translate3d(0,-10px,0);
  869. transform: translate3d(0,-10px,0)
  870. }
  871. 90% {
  872. -webkit-transform: translate3d(0,5px,0);
  873. transform: translate3d(0,5px,0)
  874. }
  875. to {
  876. -webkit-transform: none;
  877. transform: none
  878. }
  879. }
  880. .bounceInDown {
  881. -webkit-animation-name: bounceInDown;
  882. animation-name: bounceInDown
  883. }
  884. @-webkit-keyframes bounceInLeft {
  885. 0%,60%,75%,90%,to {
  886. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  887. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  888. }
  889. 0% {
  890. opacity: 0;
  891. -webkit-transform: translate3d(-3000px,0,0);
  892. transform: translate3d(-3000px,0,0)
  893. }
  894. 60% {
  895. opacity: 1;
  896. -webkit-transform: translate3d(25px,0,0);
  897. transform: translate3d(25px,0,0)
  898. }
  899. 75% {
  900. -webkit-transform: translate3d(-10px,0,0);
  901. transform: translate3d(-10px,0,0)
  902. }
  903. 90% {
  904. -webkit-transform: translate3d(5px,0,0);
  905. transform: translate3d(5px,0,0)
  906. }
  907. to {
  908. -webkit-transform: none;
  909. transform: none
  910. }
  911. }
  912. @keyframes bounceInLeft {
  913. 0%,60%,75%,90%,to {
  914. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  915. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  916. }
  917. 0% {
  918. opacity: 0;
  919. -webkit-transform: translate3d(-3000px,0,0);
  920. transform: translate3d(-3000px,0,0)
  921. }
  922. 60% {
  923. opacity: 1;
  924. -webkit-transform: translate3d(25px,0,0);
  925. transform: translate3d(25px,0,0)
  926. }
  927. 75% {
  928. -webkit-transform: translate3d(-10px,0,0);
  929. transform: translate3d(-10px,0,0)
  930. }
  931. 90% {
  932. -webkit-transform: translate3d(5px,0,0);
  933. transform: translate3d(5px,0,0)
  934. }
  935. to {
  936. -webkit-transform: none;
  937. transform: none
  938. }
  939. }
  940. .bounceInLeft {
  941. -webkit-animation-name: bounceInLeft;
  942. animation-name: bounceInLeft
  943. }
  944. @-webkit-keyframes bounceInRight {
  945. 0%,60%,75%,90%,to {
  946. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  947. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  948. }
  949. 0% {
  950. opacity: 0;
  951. -webkit-transform: translate3d(3000px,0,0);
  952. transform: translate3d(3000px,0,0)
  953. }
  954. 60% {
  955. opacity: 1;
  956. -webkit-transform: translate3d(-25px,0,0);
  957. transform: translate3d(-25px,0,0)
  958. }
  959. 75% {
  960. -webkit-transform: translate3d(10px,0,0);
  961. transform: translate3d(10px,0,0)
  962. }
  963. 90% {
  964. -webkit-transform: translate3d(-5px,0,0);
  965. transform: translate3d(-5px,0,0)
  966. }
  967. to {
  968. -webkit-transform: none;
  969. transform: none
  970. }
  971. }
  972. @keyframes bounceInRight {
  973. 0%,60%,75%,90%,to {
  974. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  975. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  976. }
  977. 0% {
  978. opacity: 0;
  979. -webkit-transform: translate3d(3000px,0,0);
  980. transform: translate3d(3000px,0,0)
  981. }
  982. 60% {
  983. opacity: 1;
  984. -webkit-transform: translate3d(-25px,0,0);
  985. transform: translate3d(-25px,0,0)
  986. }
  987. 75% {
  988. -webkit-transform: translate3d(10px,0,0);
  989. transform: translate3d(10px,0,0)
  990. }
  991. 90% {
  992. -webkit-transform: translate3d(-5px,0,0);
  993. transform: translate3d(-5px,0,0)
  994. }
  995. to {
  996. -webkit-transform: none;
  997. transform: none
  998. }
  999. }
  1000. .bounceInRight {
  1001. -webkit-animation-name: bounceInRight;
  1002. animation-name: bounceInRight
  1003. }
  1004. @-webkit-keyframes bounceInUp {
  1005. 0%,60%,75%,90%,to {
  1006. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  1007. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  1008. }
  1009. 0% {
  1010. opacity: 0;
  1011. -webkit-transform: translate3d(0,3000px,0);
  1012. transform: translate3d(0,3000px,0)
  1013. }
  1014. 60% {
  1015. opacity: 1;
  1016. -webkit-transform: translate3d(0,-20px,0);
  1017. transform: translate3d(0,-20px,0)
  1018. }
  1019. 75% {
  1020. -webkit-transform: translate3d(0,10px,0);
  1021. transform: translate3d(0,10px,0)
  1022. }
  1023. 90% {
  1024. -webkit-transform: translate3d(0,-5px,0);
  1025. transform: translate3d(0,-5px,0)
  1026. }
  1027. to {
  1028. -webkit-transform: translateZ(0);
  1029. transform: translateZ(0)
  1030. }
  1031. }
  1032. @keyframes bounceInUp {
  1033. 0%,60%,75%,90%,to {
  1034. -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  1035. animation-timing-function: cubic-bezier(.215,.61,.355,1)
  1036. }
  1037. 0% {
  1038. opacity: 0;
  1039. -webkit-transform: translate3d(0,3000px,0);
  1040. transform: translate3d(0,3000px,0)
  1041. }
  1042. 60% {
  1043. opacity: 1;
  1044. -webkit-transform: translate3d(0,-20px,0);
  1045. transform: translate3d(0,-20px,0)
  1046. }
  1047. 75% {
  1048. -webkit-transform: translate3d(0,10px,0);
  1049. transform: translate3d(0,10px,0)
  1050. }
  1051. 90% {
  1052. -webkit-transform: translate3d(0,-5px,0);
  1053. transform: translate3d(0,-5px,0)
  1054. }
  1055. to {
  1056. -webkit-transform: translateZ(0);
  1057. transform: translateZ(0)
  1058. }
  1059. }
  1060. .bounceInUp {
  1061. -webkit-animation-name: bounceInUp;
  1062. animation-name: bounceInUp
  1063. }
  1064. @-webkit-keyframes bounceOut {
  1065. 20% {
  1066. -webkit-transform: scale3d(.9,.9,.9);
  1067. transform: scale3d(.9,.9,.9)
  1068. }
  1069. 50%,55% {
  1070. opacity: 1;
  1071. -webkit-transform: scale3d(1.1,1.1,1.1);
  1072. transform: scale3d(1.1,1.1,1.1)
  1073. }
  1074. to {
  1075. opacity: 0;
  1076. -webkit-transform: scale3d(.3,.3,.3);
  1077. transform: scale3d(.3,.3,.3)
  1078. }
  1079. }
  1080. @keyframes bounceOut {
  1081. 20% {
  1082. -webkit-transform: scale3d(.9,.9,.9);
  1083. transform: scale3d(.9,.9,.9)
  1084. }
  1085. 50%,55% {
  1086. opacity: 1;
  1087. -webkit-transform: scale3d(1.1,1.1,1.1);
  1088. transform: scale3d(1.1,1.1,1.1)
  1089. }
  1090. to {
  1091. opacity: 0;
  1092. -webkit-transform: scale3d(.3,.3,.3);
  1093. transform: scale3d(.3,.3,.3)
  1094. }
  1095. }
  1096. .bounceOut {
  1097. -webkit-animation-name: bounceOut;
  1098. animation-name: bounceOut
  1099. }
  1100. @-webkit-keyframes bounceOutDown {
  1101. 20% {
  1102. -webkit-transform: translate3d(0,10px,0);
  1103. transform: translate3d(0,10px,0)
  1104. }
  1105. 40%,45% {
  1106. opacity: 1;
  1107. -webkit-transform: translate3d(0,-20px,0);
  1108. transform: translate3d(0,-20px,0)
  1109. }
  1110. to {
  1111. opacity: 0;
  1112. -webkit-transform: translate3d(0,2000px,0);
  1113. transform: translate3d(0,2000px,0)
  1114. }
  1115. }
  1116. @keyframes bounceOutDown {
  1117. 20% {
  1118. -webkit-transform: translate3d(0,10px,0);
  1119. transform: translate3d(0,10px,0)
  1120. }
  1121. 40%,45% {
  1122. opacity: 1;
  1123. -webkit-transform: translate3d(0,-20px,0);
  1124. transform: translate3d(0,-20px,0)
  1125. }
  1126. to {
  1127. opacity: 0;
  1128. -webkit-transform: translate3d(0,2000px,0);
  1129. transform: translate3d(0,2000px,0)
  1130. }
  1131. }
  1132. .bounceOutDown {
  1133. -webkit-animation-name: bounceOutDown;
  1134. animation-name: bounceOutDown
  1135. }
  1136. @-webkit-keyframes bounceOutLeft {
  1137. 20% {
  1138. opacity: 1;
  1139. -webkit-transform: translate3d(20px,0,0);
  1140. transform: translate3d(20px,0,0)
  1141. }
  1142. to {
  1143. opacity: 0;
  1144. -webkit-transform: translate3d(-2000px,0,0);
  1145. transform: translate3d(-2000px,0,0)
  1146. }
  1147. }
  1148. @keyframes bounceOutLeft {
  1149. 20% {
  1150. opacity: 1;
  1151. -webkit-transform: translate3d(20px,0,0);
  1152. transform: translate3d(20px,0,0)
  1153. }
  1154. to {
  1155. opacity: 0;
  1156. -webkit-transform: translate3d(-2000px,0,0);
  1157. transform: translate3d(-2000px,0,0)
  1158. }
  1159. }
  1160. .bounceOutLeft {
  1161. -webkit-animation-name: bounceOutLeft;
  1162. animation-name: bounceOutLeft
  1163. }
  1164. @-webkit-keyframes bounceOutRight {
  1165. 20% {
  1166. opacity: 1;
  1167. -webkit-transform: translate3d(-20px,0,0);
  1168. transform: translate3d(-20px,0,0)
  1169. }
  1170. to {
  1171. opacity: 0;
  1172. -webkit-transform: translate3d(2000px,0,0);
  1173. transform: translate3d(2000px,0,0)
  1174. }
  1175. }
  1176. @keyframes bounceOutRight {
  1177. 20% {
  1178. opacity: 1;
  1179. -webkit-transform: translate3d(-20px,0,0);
  1180. transform: translate3d(-20px,0,0)
  1181. }
  1182. to {
  1183. opacity: 0;
  1184. -webkit-transform: translate3d(2000px,0,0);
  1185. transform: translate3d(2000px,0,0)
  1186. }
  1187. }
  1188. .bounceOutRight {
  1189. -webkit-animation-name: bounceOutRight;
  1190. animation-name: bounceOutRight
  1191. }
  1192. @-webkit-keyframes bounceOutUp {
  1193. 20% {
  1194. -webkit-transform: translate3d(0,-10px,0);
  1195. transform: translate3d(0,-10px,0)
  1196. }
  1197. 40%,45% {
  1198. opacity: 1;
  1199. -webkit-transform: translate3d(0,20px,0);
  1200. transform: translate3d(0,20px,0)
  1201. }
  1202. to {
  1203. opacity: 0;
  1204. -webkit-transform: translate3d(0,-2000px,0);
  1205. transform: translate3d(0,-2000px,0)
  1206. }
  1207. }
  1208. @keyframes bounceOutUp {
  1209. 20% {
  1210. -webkit-transform: translate3d(0,-10px,0);
  1211. transform: translate3d(0,-10px,0)
  1212. }
  1213. 40%,45% {
  1214. opacity: 1;
  1215. -webkit-transform: translate3d(0,20px,0);
  1216. transform: translate3d(0,20px,0)
  1217. }
  1218. to {
  1219. opacity: 0;
  1220. -webkit-transform: translate3d(0,-2000px,0);
  1221. transform: translate3d(0,-2000px,0)
  1222. }
  1223. }
  1224. .bounceOutUp {
  1225. -webkit-animation-name: bounceOutUp;
  1226. animation-name: bounceOutUp
  1227. }
  1228. @-webkit-keyframes fadeIn {
  1229. 0% {
  1230. opacity: 0
  1231. }
  1232. to {
  1233. opacity: 1
  1234. }
  1235. }
  1236. @keyframes fadeIn {
  1237. 0% {
  1238. opacity: 0
  1239. }
  1240. to {
  1241. opacity: 1
  1242. }
  1243. }
  1244. .fadeIn {
  1245. -webkit-animation-name: fadeIn;
  1246. animation-name: fadeIn
  1247. }
  1248. @-webkit-keyframes fadeInDown {
  1249. 0% {
  1250. opacity: 0;
  1251. -webkit-transform: translate3d(0,-100%,0);
  1252. transform: translate3d(0,-100%,0)
  1253. }
  1254. to {
  1255. opacity: 1;
  1256. -webkit-transform: none;
  1257. transform: none
  1258. }
  1259. }
  1260. @keyframes fadeInDown {
  1261. 0% {
  1262. opacity: 0;
  1263. -webkit-transform: translate3d(0,-100%,0);
  1264. transform: translate3d(0,-100%,0)
  1265. }
  1266. to {
  1267. opacity: 1;
  1268. -webkit-transform: none;
  1269. transform: none
  1270. }
  1271. }
  1272. .fadeInDown {
  1273. -webkit-animation-name: fadeInDown;
  1274. animation-name: fadeInDown
  1275. }
  1276. @-webkit-keyframes fadeInDownBig {
  1277. 0% {
  1278. opacity: 0;
  1279. -webkit-transform: translate3d(0,-2000px,0);
  1280. transform: translate3d(0,-2000px,0)
  1281. }
  1282. to {
  1283. opacity: 1;
  1284. -webkit-transform: none;
  1285. transform: none
  1286. }
  1287. }
  1288. @keyframes fadeInDownBig {
  1289. 0% {
  1290. opacity: 0;
  1291. -webkit-transform: translate3d(0,-2000px,0);
  1292. transform: translate3d(0,-2000px,0)
  1293. }
  1294. to {
  1295. opacity: 1;
  1296. -webkit-transform: none;
  1297. transform: none
  1298. }
  1299. }
  1300. .fadeInDownBig {
  1301. -webkit-animation-name: fadeInDownBig;
  1302. animation-name: fadeInDownBig
  1303. }
  1304. @-webkit-keyframes fadeInLeft {
  1305. 0% {
  1306. opacity: 0;
  1307. -webkit-transform: translate3d(-100%,0,0);
  1308. transform: translate3d(-100%,0,0)
  1309. }
  1310. to {
  1311. opacity: 1;
  1312. -webkit-transform: none;
  1313. transform: none
  1314. }
  1315. }
  1316. @keyframes fadeInLeft {
  1317. 0% {
  1318. opacity: 0;
  1319. -webkit-transform: translate3d(-100%,0,0);
  1320. transform: translate3d(-100%,0,0)
  1321. }
  1322. to {
  1323. opacity: 1;
  1324. -webkit-transform: none;
  1325. transform: none
  1326. }
  1327. }
  1328. .fadeInLeft {
  1329. -webkit-animation-name: fadeInLeft;
  1330. animation-name: fadeInLeft
  1331. }
  1332. @-webkit-keyframes fadeInLeftBig {
  1333. 0% {
  1334. opacity: 0;
  1335. -webkit-transform: translate3d(-2000px,0,0);
  1336. transform: translate3d(-2000px,0,0)
  1337. }
  1338. to {
  1339. opacity: 1;
  1340. -webkit-transform: none;
  1341. transform: none
  1342. }
  1343. }
  1344. @keyframes fadeInLeftBig {
  1345. 0% {
  1346. opacity: 0;
  1347. -webkit-transform: translate3d(-2000px,0,0);
  1348. transform: translate3d(-2000px,0,0)
  1349. }
  1350. to {
  1351. opacity: 1;
  1352. -webkit-transform: none;
  1353. transform: none
  1354. }
  1355. }
  1356. .fadeInLeftBig {
  1357. -webkit-animation-name: fadeInLeftBig;
  1358. animation-name: fadeInLeftBig
  1359. }
  1360. @-webkit-keyframes fadeInRight {
  1361. 0% {
  1362. opacity: 0;
  1363. -webkit-transform: translate3d(100%,0,0);
  1364. transform: translate3d(100%,0,0)
  1365. }
  1366. to {
  1367. opacity: 1;
  1368. -webkit-transform: none;
  1369. transform: none
  1370. }
  1371. }
  1372. @keyframes fadeInRight {
  1373. 0% {
  1374. opacity: 0;
  1375. -webkit-transform: translate3d(100%,0,0);
  1376. transform: translate3d(100%,0,0)
  1377. }
  1378. to {
  1379. opacity: 1;
  1380. -webkit-transform: none;
  1381. transform: none
  1382. }
  1383. }
  1384. .fadeInRight {
  1385. -webkit-animation-name: fadeInRight;
  1386. animation-name: fadeInRight
  1387. }
  1388. @-webkit-keyframes fadeInRightBig {
  1389. 0% {
  1390. opacity: 0;
  1391. -webkit-transform: translate3d(2000px,0,0);
  1392. transform: translate3d(2000px,0,0)
  1393. }
  1394. to {
  1395. opacity: 1;
  1396. -webkit-transform: none;
  1397. transform: none
  1398. }
  1399. }
  1400. @keyframes fadeInRightBig {
  1401. 0% {
  1402. opacity: 0;
  1403. -webkit-transform: translate3d(2000px,0,0);
  1404. transform: translate3d(2000px,0,0)
  1405. }
  1406. to {
  1407. opacity: 1;
  1408. -webkit-transform: none;
  1409. transform: none
  1410. }
  1411. }
  1412. .fadeInRightBig {
  1413. -webkit-animation-name: fadeInRightBig;
  1414. animation-name: fadeInRightBig
  1415. }
  1416. @-webkit-keyframes fadeInUp {
  1417. 0% {
  1418. opacity: 0;
  1419. -webkit-transform: translate3d(0,100%,0);
  1420. transform: translate3d(0,100%,0)
  1421. }
  1422. to {
  1423. opacity: 1;
  1424. -webkit-transform: none;
  1425. transform: none
  1426. }
  1427. }
  1428. @keyframes fadeInUp {
  1429. 0% {
  1430. opacity: 0;
  1431. -webkit-transform: translate3d(0,100%,0);
  1432. transform: translate3d(0,100%,0)
  1433. }
  1434. to {
  1435. opacity: 1;
  1436. -webkit-transform: none;
  1437. transform: none
  1438. }
  1439. }
  1440. .fadeInUp {
  1441. -webkit-animation-name: fadeInUp;
  1442. animation-name: fadeInUp
  1443. }
  1444. @-webkit-keyframes fadeInUpBig {
  1445. 0% {
  1446. opacity: 0;
  1447. -webkit-transform: translate3d(0,2000px,0);
  1448. transform: translate3d(0,2000px,0)
  1449. }
  1450. to {
  1451. opacity: 1;
  1452. -webkit-transform: none;
  1453. transform: none
  1454. }
  1455. }
  1456. @keyframes fadeInUpBig {
  1457. 0% {
  1458. opacity: 0;
  1459. -webkit-transform: translate3d(0,2000px,0);
  1460. transform: translate3d(0,2000px,0)
  1461. }
  1462. to {
  1463. opacity: 1;
  1464. -webkit-transform: none;
  1465. transform: none
  1466. }
  1467. }
  1468. .fadeInUpBig {
  1469. -webkit-animation-name: fadeInUpBig;
  1470. animation-name: fadeInUpBig
  1471. }
  1472. @-webkit-keyframes fadeOut {
  1473. 0% {
  1474. opacity: 1
  1475. }
  1476. to {
  1477. opacity: 0
  1478. }
  1479. }
  1480. @keyframes fadeOut {
  1481. 0% {
  1482. opacity: 1
  1483. }
  1484. to {
  1485. opacity: 0
  1486. }
  1487. }
  1488. .fadeOut {
  1489. -webkit-animation-name: fadeOut;
  1490. animation-name: fadeOut
  1491. }
  1492. @-webkit-keyframes fadeOutDown {
  1493. 0% {
  1494. opacity: 1
  1495. }
  1496. to {
  1497. opacity: 0;
  1498. -webkit-transform: translate3d(0,100%,0);
  1499. transform: translate3d(0,100%,0)
  1500. }
  1501. }
  1502. @keyframes fadeOutDown {
  1503. 0% {
  1504. opacity: 1
  1505. }
  1506. to {
  1507. opacity: 0;
  1508. -webkit-transform: translate3d(0,100%,0);
  1509. transform: translate3d(0,100%,0)
  1510. }
  1511. }
  1512. .fadeOutDown {
  1513. -webkit-animation-name: fadeOutDown;
  1514. animation-name: fadeOutDown
  1515. }
  1516. @-webkit-keyframes fadeOutDownBig {
  1517. 0% {
  1518. opacity: 1
  1519. }
  1520. to {
  1521. opacity: 0;
  1522. -webkit-transform: translate3d(0,2000px,0);
  1523. transform: translate3d(0,2000px,0)
  1524. }
  1525. }
  1526. @keyframes fadeOutDownBig {
  1527. 0% {
  1528. opacity: 1
  1529. }
  1530. to {
  1531. opacity: 0;
  1532. -webkit-transform: translate3d(0,2000px,0);
  1533. transform: translate3d(0,2000px,0)
  1534. }
  1535. }
  1536. .fadeOutDownBig {
  1537. -webkit-animation-name: fadeOutDownBig;
  1538. animation-name: fadeOutDownBig
  1539. }
  1540. @-webkit-keyframes fadeOutLeft {
  1541. 0% {
  1542. opacity: 1
  1543. }
  1544. to {
  1545. opacity: 0;
  1546. -webkit-transform: translate3d(-100%,0,0);
  1547. transform: translate3d(-100%,0,0)
  1548. }
  1549. }
  1550. @keyframes fadeOutLeft {
  1551. 0% {
  1552. opacity: 1
  1553. }
  1554. to {
  1555. opacity: 0;
  1556. -webkit-transform: translate3d(-100%,0,0);
  1557. transform: translate3d(-100%,0,0)
  1558. }
  1559. }
  1560. .fadeOutLeft {
  1561. -webkit-animation-name: fadeOutLeft;
  1562. animation-name: fadeOutLeft
  1563. }
  1564. @-webkit-keyframes fadeOutLeftBig {
  1565. 0% {
  1566. opacity: 1
  1567. }
  1568. to {
  1569. opacity: 0;
  1570. -webkit-transform: translate3d(-2000px,0,0);
  1571. transform: translate3d(-2000px,0,0)
  1572. }
  1573. }
  1574. @keyframes fadeOutLeftBig {
  1575. 0% {
  1576. opacity: 1
  1577. }
  1578. to {
  1579. opacity: 0;
  1580. -webkit-transform: translate3d(-2000px,0,0);
  1581. transform: translate3d(-2000px,0,0)
  1582. }
  1583. }
  1584. .fadeOutLeftBig {
  1585. -webkit-animation-name: fadeOutLeftBig;
  1586. animation-name: fadeOutLeftBig
  1587. }
  1588. @-webkit-keyframes fadeOutRight {
  1589. 0% {
  1590. opacity: 1
  1591. }
  1592. to {
  1593. opacity: 0;
  1594. -webkit-transform: translate3d(100%,0,0);
  1595. transform: translate3d(100%,0,0)
  1596. }
  1597. }
  1598. @keyframes fadeOutRight {
  1599. 0% {
  1600. opacity: 1
  1601. }
  1602. to {
  1603. opacity: 0;
  1604. -webkit-transform: translate3d(100%,0,0);
  1605. transform: translate3d(100%,0,0)
  1606. }
  1607. }
  1608. .fadeOutRight {
  1609. -webkit-animation-name: fadeOutRight;
  1610. animation-name: fadeOutRight
  1611. }
  1612. @-webkit-keyframes fadeOutRightBig {
  1613. 0% {
  1614. opacity: 1
  1615. }
  1616. to {
  1617. opacity: 0;
  1618. -webkit-transform: translate3d(2000px,0,0);
  1619. transform: translate3d(2000px,0,0)
  1620. }
  1621. }
  1622. @keyframes fadeOutRightBig {
  1623. 0% {
  1624. opacity: 1
  1625. }
  1626. to {
  1627. opacity: 0;
  1628. -webkit-transform: translate3d(2000px,0,0);
  1629. transform: translate3d(2000px,0,0)
  1630. }
  1631. }
  1632. .fadeOutRightBig {
  1633. -webkit-animation-name: fadeOutRightBig;
  1634. animation-name: fadeOutRightBig
  1635. }
  1636. @-webkit-keyframes fadeOutUp {
  1637. 0% {
  1638. opacity: 1
  1639. }
  1640. to {
  1641. opacity: 0;
  1642. -webkit-transform: translate3d(0,-100%,0);
  1643. transform: translate3d(0,-100%,0)
  1644. }
  1645. }
  1646. @keyframes fadeOutUp {
  1647. 0% {
  1648. opacity: 1
  1649. }
  1650. to {
  1651. opacity: 0;
  1652. -webkit-transform: translate3d(0,-100%,0);
  1653. transform: translate3d(0,-100%,0)
  1654. }
  1655. }
  1656. .fadeOutUp {
  1657. -webkit-animation-name: fadeOutUp;
  1658. animation-name: fadeOutUp
  1659. }
  1660. @-webkit-keyframes fadeOutUpBig {
  1661. 0% {
  1662. opacity: 1
  1663. }
  1664. to {
  1665. opacity: 0;
  1666. -webkit-transform: translate3d(0,-2000px,0);
  1667. transform: translate3d(0,-2000px,0)
  1668. }
  1669. }
  1670. @keyframes fadeOutUpBig {
  1671. 0% {
  1672. opacity: 1
  1673. }
  1674. to {
  1675. opacity: 0;
  1676. -webkit-transform: translate3d(0,-2000px,0);
  1677. transform: translate3d(0,-2000px,0)
  1678. }
  1679. }
  1680. .fadeOutUpBig {
  1681. -webkit-animation-name: fadeOutUpBig;
  1682. animation-name: fadeOutUpBig
  1683. }
  1684. @-webkit-keyframes flip {
  1685. 0% {
  1686. -webkit-transform: perspective(400px) rotateY(-1turn);
  1687. transform: perspective(400px) rotateY(-1turn)
  1688. }
  1689. 0%,40% {
  1690. -webkit-animation-timing-function: ease-out;
  1691. animation-timing-function: ease-out
  1692. }
  1693. 40% {
  1694. -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  1695. transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  1696. }
  1697. 50% {
  1698. -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  1699. transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  1700. }
  1701. 50%,80% {
  1702. -webkit-animation-timing-function: ease-in;
  1703. animation-timing-function: ease-in
  1704. }
  1705. 80% {
  1706. -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
  1707. transform: perspective(400px) scale3d(.95,.95,.95)
  1708. }
  1709. to {
  1710. -webkit-transform: perspective(400px);
  1711. transform: perspective(400px);
  1712. -webkit-animation-timing-function: ease-in;
  1713. animation-timing-function: ease-in
  1714. }
  1715. }
  1716. @keyframes flip {
  1717. 0% {
  1718. -webkit-transform: perspective(400px) rotateY(-1turn);
  1719. transform: perspective(400px) rotateY(-1turn)
  1720. }
  1721. 0%,40% {
  1722. -webkit-animation-timing-function: ease-out;
  1723. animation-timing-function: ease-out
  1724. }
  1725. 40% {
  1726. -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  1727. transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  1728. }
  1729. 50% {
  1730. -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  1731. transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  1732. }
  1733. 50%,80% {
  1734. -webkit-animation-timing-function: ease-in;
  1735. animation-timing-function: ease-in
  1736. }
  1737. 80% {
  1738. -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
  1739. transform: perspective(400px) scale3d(.95,.95,.95)
  1740. }
  1741. to {
  1742. -webkit-transform: perspective(400px);
  1743. transform: perspective(400px);
  1744. -webkit-animation-timing-function: ease-in;
  1745. animation-timing-function: ease-in
  1746. }
  1747. }
  1748. .animated.flip {
  1749. -webkit-backface-visibility: visible;
  1750. backface-visibility: visible;
  1751. -webkit-animation-name: flip;
  1752. animation-name: flip
  1753. }
  1754. @-webkit-keyframes flipInX {
  1755. 0% {
  1756. -webkit-transform: perspective(400px) rotateX(90deg);
  1757. transform: perspective(400px) rotateX(90deg);
  1758. opacity: 0
  1759. }
  1760. 0%,40% {
  1761. -webkit-animation-timing-function: ease-in;
  1762. animation-timing-function: ease-in
  1763. }
  1764. 40% {
  1765. -webkit-transform: perspective(400px) rotateX(-20deg);
  1766. transform: perspective(400px) rotateX(-20deg)
  1767. }
  1768. 60% {
  1769. -webkit-transform: perspective(400px) rotateX(10deg);
  1770. transform: perspective(400px) rotateX(10deg);
  1771. opacity: 1
  1772. }
  1773. 80% {
  1774. -webkit-transform: perspective(400px) rotateX(-5deg);
  1775. transform: perspective(400px) rotateX(-5deg)
  1776. }
  1777. to {
  1778. -webkit-transform: perspective(400px);
  1779. transform: perspective(400px)
  1780. }
  1781. }
  1782. @keyframes flipInX {
  1783. 0% {
  1784. -webkit-transform: perspective(400px) rotateX(90deg);
  1785. transform: perspective(400px) rotateX(90deg);
  1786. opacity: 0
  1787. }
  1788. 0%,40% {
  1789. -webkit-animation-timing-function: ease-in;
  1790. animation-timing-function: ease-in
  1791. }
  1792. 40% {
  1793. -webkit-transform: perspective(400px) rotateX(-20deg);
  1794. transform: perspective(400px) rotateX(-20deg)
  1795. }
  1796. 60% {
  1797. -webkit-transform: perspective(400px) rotateX(10deg);
  1798. transform: perspective(400px) rotateX(10deg);
  1799. opacity: 1
  1800. }
  1801. 80% {
  1802. -webkit-transform: perspective(400px) rotateX(-5deg);
  1803. transform: perspective(400px) rotateX(-5deg)
  1804. }
  1805. to {
  1806. -webkit-transform: perspective(400px);
  1807. transform: perspective(400px)
  1808. }
  1809. }
  1810. .flipInX {
  1811. -webkit-backface-visibility: visible!important;
  1812. backface-visibility: visible!important;
  1813. -webkit-animation-name: flipInX;
  1814. animation-name: flipInX
  1815. }
  1816. @-webkit-keyframes flipInY {
  1817. 0% {
  1818. -webkit-transform: perspective(400px) rotateY(90deg);
  1819. transform: perspective(400px) rotateY(90deg);
  1820. opacity: 0
  1821. }
  1822. 0%,40% {
  1823. -webkit-animation-timing-function: ease-in;
  1824. animation-timing-function: ease-in
  1825. }
  1826. 40% {
  1827. -webkit-transform: perspective(400px) rotateY(-20deg);
  1828. transform: perspective(400px) rotateY(-20deg)
  1829. }
  1830. 60% {
  1831. -webkit-transform: perspective(400px) rotateY(10deg);
  1832. transform: perspective(400px) rotateY(10deg);
  1833. opacity: 1
  1834. }
  1835. 80% {
  1836. -webkit-transform: perspective(400px) rotateY(-5deg);
  1837. transform: perspective(400px) rotateY(-5deg)
  1838. }
  1839. to {
  1840. -webkit-transform: perspective(400px);
  1841. transform: perspective(400px)
  1842. }
  1843. }
  1844. @keyframes flipInY {
  1845. 0% {
  1846. -webkit-transform: perspective(400px) rotateY(90deg);
  1847. transform: perspective(400px) rotateY(90deg);
  1848. opacity: 0
  1849. }
  1850. 0%,40% {
  1851. -webkit-animation-timing-function: ease-in;
  1852. animation-timing-function: ease-in
  1853. }
  1854. 40% {
  1855. -webkit-transform: perspective(400px) rotateY(-20deg);
  1856. transform: perspective(400px) rotateY(-20deg)
  1857. }
  1858. 60% {
  1859. -webkit-transform: perspective(400px) rotateY(10deg);
  1860. transform: perspective(400px) rotateY(10deg);
  1861. opacity: 1
  1862. }
  1863. 80% {
  1864. -webkit-transform: perspective(400px) rotateY(-5deg);
  1865. transform: perspective(400px) rotateY(-5deg)
  1866. }
  1867. to {
  1868. -webkit-transform: perspective(400px);
  1869. transform: perspective(400px)
  1870. }
  1871. }
  1872. .flipInY {
  1873. -webkit-backface-visibility: visible!important;
  1874. backface-visibility: visible!important;
  1875. -webkit-animation-name: flipInY;
  1876. animation-name: flipInY
  1877. }
  1878. @-webkit-keyframes flipOutX {
  1879. 0% {
  1880. -webkit-transform: perspective(400px);
  1881. transform: perspective(400px)
  1882. }
  1883. 30% {
  1884. -webkit-transform: perspective(400px) rotateX(-20deg);
  1885. transform: perspective(400px) rotateX(-20deg);
  1886. opacity: 1
  1887. }
  1888. to {
  1889. -webkit-transform: perspective(400px) rotateX(90deg);
  1890. transform: perspective(400px) rotateX(90deg);
  1891. opacity: 0
  1892. }
  1893. }
  1894. @keyframes flipOutX {
  1895. 0% {
  1896. -webkit-transform: perspective(400px);
  1897. transform: perspective(400px)
  1898. }
  1899. 30% {
  1900. -webkit-transform: perspective(400px) rotateX(-20deg);
  1901. transform: perspective(400px) rotateX(-20deg);
  1902. opacity: 1
  1903. }
  1904. to {
  1905. -webkit-transform: perspective(400px) rotateX(90deg);
  1906. transform: perspective(400px) rotateX(90deg);
  1907. opacity: 0
  1908. }
  1909. }
  1910. .flipOutX {
  1911. -webkit-animation-name: flipOutX;
  1912. animation-name: flipOutX;
  1913. -webkit-backface-visibility: visible!important;
  1914. backface-visibility: visible!important
  1915. }
  1916. @-webkit-keyframes flipOutY {
  1917. 0% {
  1918. -webkit-transform: perspective(400px);
  1919. transform: perspective(400px)
  1920. }
  1921. 30% {
  1922. -webkit-transform: perspective(400px) rotateY(-15deg);
  1923. transform: perspective(400px) rotateY(-15deg);
  1924. opacity: 1
  1925. }
  1926. to {
  1927. -webkit-transform: perspective(400px) rotateY(90deg);
  1928. transform: perspective(400px) rotateY(90deg);
  1929. opacity: 0
  1930. }
  1931. }
  1932. @keyframes flipOutY {
  1933. 0% {
  1934. -webkit-transform: perspective(400px);
  1935. transform: perspective(400px)
  1936. }
  1937. 30% {
  1938. -webkit-transform: perspective(400px) rotateY(-15deg);
  1939. transform: perspective(400px) rotateY(-15deg);
  1940. opacity: 1
  1941. }
  1942. to {
  1943. -webkit-transform: perspective(400px) rotateY(90deg);
  1944. transform: perspective(400px) rotateY(90deg);
  1945. opacity: 0
  1946. }
  1947. }
  1948. .flipOutY {
  1949. -webkit-backface-visibility: visible!important;
  1950. backface-visibility: visible!important;
  1951. -webkit-animation-name: flipOutY;
  1952. animation-name: flipOutY
  1953. }
  1954. @-webkit-keyframes lightSpeedIn {
  1955. 0% {
  1956. -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
  1957. transform: translate3d(100%,0,0) skewX(-30deg);
  1958. opacity: 0
  1959. }
  1960. 60% {
  1961. -webkit-transform: skewX(20deg);
  1962. transform: skewX(20deg)
  1963. }
  1964. 60%,80% {
  1965. opacity: 1
  1966. }
  1967. 80% {
  1968. -webkit-transform: skewX(-5deg);
  1969. transform: skewX(-5deg)
  1970. }
  1971. to {
  1972. -webkit-transform: none;
  1973. transform: none;
  1974. opacity: 1
  1975. }
  1976. }
  1977. @keyframes lightSpeedIn {
  1978. 0% {
  1979. -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
  1980. transform: translate3d(100%,0,0) skewX(-30deg);
  1981. opacity: 0
  1982. }
  1983. 60% {
  1984. -webkit-transform: skewX(20deg);
  1985. transform: skewX(20deg)
  1986. }
  1987. 60%,80% {
  1988. opacity: 1
  1989. }
  1990. 80% {
  1991. -webkit-transform: skewX(-5deg);
  1992. transform: skewX(-5deg)
  1993. }
  1994. to {
  1995. -webkit-transform: none;
  1996. transform: none;
  1997. opacity: 1
  1998. }
  1999. }
  2000. .lightSpeedIn {
  2001. -webkit-animation-name: lightSpeedIn;
  2002. animation-name: lightSpeedIn;
  2003. -webkit-animation-timing-function: ease-out;
  2004. animation-timing-function: ease-out
  2005. }
  2006. @-webkit-keyframes lightSpeedOut {
  2007. 0% {
  2008. opacity: 1
  2009. }
  2010. to {
  2011. -webkit-transform: translate3d(100%,0,0) skewX(30deg);
  2012. transform: translate3d(100%,0,0) skewX(30deg);
  2013. opacity: 0
  2014. }
  2015. }
  2016. @keyframes lightSpeedOut {
  2017. 0% {
  2018. opacity: 1
  2019. }
  2020. to {
  2021. -webkit-transform: translate3d(100%,0,0) skewX(30deg);
  2022. transform: translate3d(100%,0,0) skewX(30deg);
  2023. opacity: 0
  2024. }
  2025. }
  2026. .lightSpeedOut {
  2027. -webkit-animation-name: lightSpeedOut;
  2028. animation-name: lightSpeedOut;
  2029. -webkit-animation-timing-function: ease-in;
  2030. animation-timing-function: ease-in
  2031. }
  2032. @-webkit-keyframes rotateIn {
  2033. 0% {
  2034. transform-origin: center;
  2035. -webkit-transform: rotate(-200deg);
  2036. transform: rotate(-200deg);
  2037. opacity: 0
  2038. }
  2039. 0%,to {
  2040. -webkit-transform-origin: center
  2041. }
  2042. to {
  2043. transform-origin: center;
  2044. -webkit-transform: none;
  2045. transform: none;
  2046. opacity: 1
  2047. }
  2048. }
  2049. @keyframes rotateIn {
  2050. 0% {
  2051. transform-origin: center;
  2052. -webkit-transform: rotate(-200deg);
  2053. transform: rotate(-200deg);
  2054. opacity: 0
  2055. }
  2056. 0%,to {
  2057. -webkit-transform-origin: center
  2058. }
  2059. to {
  2060. transform-origin: center;
  2061. -webkit-transform: none;
  2062. transform: none;
  2063. opacity: 1
  2064. }
  2065. }
  2066. .rotateIn {
  2067. -webkit-animation-name: rotateIn;
  2068. animation-name: rotateIn
  2069. }
  2070. @-webkit-keyframes rotateInDownLeft {
  2071. 0% {
  2072. transform-origin: left bottom;
  2073. -webkit-transform: rotate(-45deg);
  2074. transform: rotate(-45deg);
  2075. opacity: 0
  2076. }
  2077. 0%,to {
  2078. -webkit-transform-origin: left bottom
  2079. }
  2080. to {
  2081. transform-origin: left bottom;
  2082. -webkit-transform: none;
  2083. transform: none;
  2084. opacity: 1
  2085. }
  2086. }
  2087. @keyframes rotateInDownLeft {
  2088. 0% {
  2089. transform-origin: left bottom;
  2090. -webkit-transform: rotate(-45deg);
  2091. transform: rotate(-45deg);
  2092. opacity: 0
  2093. }
  2094. 0%,to {
  2095. -webkit-transform-origin: left bottom
  2096. }
  2097. to {
  2098. transform-origin: left bottom;
  2099. -webkit-transform: none;
  2100. transform: none;
  2101. opacity: 1
  2102. }
  2103. }
  2104. .rotateInDownLeft {
  2105. -webkit-animation-name: rotateInDownLeft;
  2106. animation-name: rotateInDownLeft
  2107. }
  2108. @-webkit-keyframes rotateInDownRight {
  2109. 0% {
  2110. transform-origin: right bottom;
  2111. -webkit-transform: rotate(45deg);
  2112. transform: rotate(45deg);
  2113. opacity: 0
  2114. }
  2115. 0%,to {
  2116. -webkit-transform-origin: right bottom
  2117. }
  2118. to {
  2119. transform-origin: right bottom;
  2120. -webkit-transform: none;
  2121. transform: none;
  2122. opacity: 1
  2123. }
  2124. }
  2125. @keyframes rotateInDownRight {
  2126. 0% {
  2127. transform-origin: right bottom;
  2128. -webkit-transform: rotate(45deg);
  2129. transform: rotate(45deg);
  2130. opacity: 0
  2131. }
  2132. 0%,to {
  2133. -webkit-transform-origin: right bottom
  2134. }
  2135. to {
  2136. transform-origin: right bottom;
  2137. -webkit-transform: none;
  2138. transform: none;
  2139. opacity: 1
  2140. }
  2141. }
  2142. .rotateInDownRight {
  2143. -webkit-animation-name: rotateInDownRight;
  2144. animation-name: rotateInDownRight
  2145. }
  2146. @-webkit-keyframes rotateInUpLeft {
  2147. 0% {
  2148. transform-origin: left bottom;
  2149. -webkit-transform: rotate(45deg);
  2150. transform: rotate(45deg);
  2151. opacity: 0
  2152. }
  2153. 0%,to {
  2154. -webkit-transform-origin: left bottom
  2155. }
  2156. to {
  2157. transform-origin: left bottom;
  2158. -webkit-transform: none;
  2159. transform: none;
  2160. opacity: 1
  2161. }
  2162. }
  2163. @keyframes rotateInUpLeft {
  2164. 0% {
  2165. transform-origin: left bottom;
  2166. -webkit-transform: rotate(45deg);
  2167. transform: rotate(45deg);
  2168. opacity: 0
  2169. }
  2170. 0%,to {
  2171. -webkit-transform-origin: left bottom
  2172. }
  2173. to {
  2174. transform-origin: left bottom;
  2175. -webkit-transform: none;
  2176. transform: none;
  2177. opacity: 1
  2178. }
  2179. }
  2180. .rotateInUpLeft {
  2181. -webkit-animation-name: rotateInUpLeft;
  2182. animation-name: rotateInUpLeft
  2183. }
  2184. @-webkit-keyframes rotateInUpRight {
  2185. 0% {
  2186. transform-origin: right bottom;
  2187. -webkit-transform: rotate(-90deg);
  2188. transform: rotate(-90deg);
  2189. opacity: 0
  2190. }
  2191. 0%,to {
  2192. -webkit-transform-origin: right bottom
  2193. }
  2194. to {
  2195. transform-origin: right bottom;
  2196. -webkit-transform: none;
  2197. transform: none;
  2198. opacity: 1
  2199. }
  2200. }
  2201. @keyframes rotateInUpRight {
  2202. 0% {
  2203. transform-origin: right bottom;
  2204. -webkit-transform: rotate(-90deg);
  2205. transform: rotate(-90deg);
  2206. opacity: 0
  2207. }
  2208. 0%,to {
  2209. -webkit-transform-origin: right bottom
  2210. }
  2211. to {
  2212. transform-origin: right bottom;
  2213. -webkit-transform: none;
  2214. transform: none;
  2215. opacity: 1
  2216. }
  2217. }
  2218. .rotateInUpRight {
  2219. -webkit-animation-name: rotateInUpRight;
  2220. animation-name: rotateInUpRight
  2221. }
  2222. @-webkit-keyframes rotateOut {
  2223. 0% {
  2224. transform-origin: center;
  2225. opacity: 1
  2226. }
  2227. 0%,to {
  2228. -webkit-transform-origin: center
  2229. }
  2230. to {
  2231. transform-origin: center;
  2232. -webkit-transform: rotate(200deg);
  2233. transform: rotate(200deg);
  2234. opacity: 0
  2235. }
  2236. }
  2237. @keyframes rotateOut {
  2238. 0% {
  2239. transform-origin: center;
  2240. opacity: 1
  2241. }
  2242. 0%,to {
  2243. -webkit-transform-origin: center
  2244. }
  2245. to {
  2246. transform-origin: center;
  2247. -webkit-transform: rotate(200deg);
  2248. transform: rotate(200deg);
  2249. opacity: 0
  2250. }
  2251. }
  2252. .rotateOut {
  2253. -webkit-animation-name: rotateOut;
  2254. animation-name: rotateOut
  2255. }
  2256. @-webkit-keyframes rotateOutDownLeft {
  2257. 0% {
  2258. transform-origin: left bottom;
  2259. opacity: 1
  2260. }
  2261. 0%,to {
  2262. -webkit-transform-origin: left bottom
  2263. }
  2264. to {
  2265. transform-origin: left bottom;
  2266. -webkit-transform: rotate(45deg);
  2267. transform: rotate(45deg);
  2268. opacity: 0
  2269. }
  2270. }
  2271. @keyframes rotateOutDownLeft {
  2272. 0% {
  2273. transform-origin: left bottom;
  2274. opacity: 1
  2275. }
  2276. 0%,to {
  2277. -webkit-transform-origin: left bottom
  2278. }
  2279. to {
  2280. transform-origin: left bottom;
  2281. -webkit-transform: rotate(45deg);
  2282. transform: rotate(45deg);
  2283. opacity: 0
  2284. }
  2285. }
  2286. .rotateOutDownLeft {
  2287. -webkit-animation-name: rotateOutDownLeft;
  2288. animation-name: rotateOutDownLeft
  2289. }
  2290. @-webkit-keyframes rotateOutDownRight {
  2291. 0% {
  2292. transform-origin: right bottom;
  2293. opacity: 1
  2294. }
  2295. 0%,to {
  2296. -webkit-transform-origin: right bottom
  2297. }
  2298. to {
  2299. transform-origin: right bottom;
  2300. -webkit-transform: rotate(-45deg);
  2301. transform: rotate(-45deg);
  2302. opacity: 0
  2303. }
  2304. }
  2305. @keyframes rotateOutDownRight {
  2306. 0% {
  2307. transform-origin: right bottom;
  2308. opacity: 1
  2309. }
  2310. 0%,to {
  2311. -webkit-transform-origin: right bottom
  2312. }
  2313. to {
  2314. transform-origin: right bottom;
  2315. -webkit-transform: rotate(-45deg);
  2316. transform: rotate(-45deg);
  2317. opacity: 0
  2318. }
  2319. }
  2320. .rotateOutDownRight {
  2321. -webkit-animation-name: rotateOutDownRight;
  2322. animation-name: rotateOutDownRight
  2323. }
  2324. @-webkit-keyframes rotateOutUpLeft {
  2325. 0% {
  2326. transform-origin: left bottom;
  2327. opacity: 1
  2328. }
  2329. 0%,to {
  2330. -webkit-transform-origin: left bottom
  2331. }
  2332. to {
  2333. transform-origin: left bottom;
  2334. -webkit-transform: rotate(-45deg);
  2335. transform: rotate(-45deg);
  2336. opacity: 0
  2337. }
  2338. }
  2339. @keyframes rotateOutUpLeft {
  2340. 0% {
  2341. transform-origin: left bottom;
  2342. opacity: 1
  2343. }
  2344. 0%,to {
  2345. -webkit-transform-origin: left bottom
  2346. }
  2347. to {
  2348. transform-origin: left bottom;
  2349. -webkit-transform: rotate(-45deg);
  2350. transform: rotate(-45deg);
  2351. opacity: 0
  2352. }
  2353. }
  2354. .rotateOutUpLeft {
  2355. -webkit-animation-name: rotateOutUpLeft;
  2356. animation-name: rotateOutUpLeft
  2357. }
  2358. @-webkit-keyframes rotateOutUpRight {
  2359. 0% {
  2360. transform-origin: right bottom;
  2361. opacity: 1
  2362. }
  2363. 0%,to {
  2364. -webkit-transform-origin: right bottom
  2365. }
  2366. to {
  2367. transform-origin: right bottom;
  2368. -webkit-transform: rotate(90deg);
  2369. transform: rotate(90deg);
  2370. opacity: 0
  2371. }
  2372. }
  2373. @keyframes rotateOutUpRight {
  2374. 0% {
  2375. transform-origin: right bottom;
  2376. opacity: 1
  2377. }
  2378. 0%,to {
  2379. -webkit-transform-origin: right bottom
  2380. }
  2381. to {
  2382. transform-origin: right bottom;
  2383. -webkit-transform: rotate(90deg);
  2384. transform: rotate(90deg);
  2385. opacity: 0
  2386. }
  2387. }
  2388. .rotateOutUpRight {
  2389. -webkit-animation-name: rotateOutUpRight;
  2390. animation-name: rotateOutUpRight
  2391. }
  2392. @-webkit-keyframes hinge {
  2393. 0% {
  2394. transform-origin: top left
  2395. }
  2396. 0%,20%,60% {
  2397. -webkit-transform-origin: top left;
  2398. -webkit-animation-timing-function: ease-in-out;
  2399. animation-timing-function: ease-in-out
  2400. }
  2401. 20%,60% {
  2402. -webkit-transform: rotate(80deg);
  2403. transform: rotate(80deg);
  2404. transform-origin: top left
  2405. }
  2406. 40%,80% {
  2407. -webkit-transform: rotate(60deg);
  2408. transform: rotate(60deg);
  2409. -webkit-transform-origin: top left;
  2410. transform-origin: top left;
  2411. -webkit-animation-timing-function: ease-in-out;
  2412. animation-timing-function: ease-in-out;
  2413. opacity: 1
  2414. }
  2415. to {
  2416. -webkit-transform: translate3d(0,700px,0);
  2417. transform: translate3d(0,700px,0);
  2418. opacity: 0
  2419. }
  2420. }
  2421. @keyframes hinge {
  2422. 0% {
  2423. transform-origin: top left
  2424. }
  2425. 0%,20%,60% {
  2426. -webkit-transform-origin: top left;
  2427. -webkit-animation-timing-function: ease-in-out;
  2428. animation-timing-function: ease-in-out
  2429. }
  2430. 20%,60% {
  2431. -webkit-transform: rotate(80deg);
  2432. transform: rotate(80deg);
  2433. transform-origin: top left
  2434. }
  2435. 40%,80% {
  2436. -webkit-transform: rotate(60deg);
  2437. transform: rotate(60deg);
  2438. -webkit-transform-origin: top left;
  2439. transform-origin: top left;
  2440. -webkit-animation-timing-function: ease-in-out;
  2441. animation-timing-function: ease-in-out;
  2442. opacity: 1
  2443. }
  2444. to {
  2445. -webkit-transform: translate3d(0,700px,0);
  2446. transform: translate3d(0,700px,0);
  2447. opacity: 0
  2448. }
  2449. }
  2450. .hinge {
  2451. -webkit-animation-name: hinge;
  2452. animation-name: hinge
  2453. }
  2454. @-webkit-keyframes rollIn {
  2455. 0% {
  2456. opacity: 0;
  2457. -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
  2458. transform: translate3d(-100%,0,0) rotate(-120deg)
  2459. }
  2460. to {
  2461. opacity: 1;
  2462. -webkit-transform: none;
  2463. transform: none
  2464. }
  2465. }
  2466. @keyframes rollIn {
  2467. 0% {
  2468. opacity: 0;
  2469. -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
  2470. transform: translate3d(-100%,0,0) rotate(-120deg)
  2471. }
  2472. to {
  2473. opacity: 1;
  2474. -webkit-transform: none;
  2475. transform: none
  2476. }
  2477. }
  2478. .rollIn {
  2479. -webkit-animation-name: rollIn;
  2480. animation-name: rollIn
  2481. }
  2482. @-webkit-keyframes rollOut {
  2483. 0% {
  2484. opacity: 1
  2485. }
  2486. to {
  2487. opacity: 0;
  2488. -webkit-transform: translate3d(100%,0,0) rotate(120deg);
  2489. transform: translate3d(100%,0,0) rotate(120deg)
  2490. }
  2491. }
  2492. @keyframes rollOut {
  2493. 0% {
  2494. opacity: 1
  2495. }
  2496. to {
  2497. opacity: 0;
  2498. -webkit-transform: translate3d(100%,0,0) rotate(120deg);
  2499. transform: translate3d(100%,0,0) rotate(120deg)
  2500. }
  2501. }
  2502. .rollOut {
  2503. -webkit-animation-name: rollOut;
  2504. animation-name: rollOut
  2505. }
  2506. @-webkit-keyframes zoomIn {
  2507. 0% {
  2508. opacity: 0;
  2509. -webkit-transform: scale3d(.3,.3,.3);
  2510. transform: scale3d(.3,.3,.3)
  2511. }
  2512. 50% {
  2513. opacity: 1
  2514. }
  2515. }
  2516. @keyframes zoomIn {
  2517. 0% {
  2518. opacity: 0;
  2519. -webkit-transform: scale3d(.3,.3,.3);
  2520. transform: scale3d(.3,.3,.3)
  2521. }
  2522. 50% {
  2523. opacity: 1
  2524. }
  2525. }
  2526. .zoomIn {
  2527. -webkit-animation-name: zoomIn;
  2528. animation-name: zoomIn
  2529. }
  2530. @-webkit-keyframes zoomInDown {
  2531. 0% {
  2532. opacity: 0;
  2533. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  2534. transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  2535. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2536. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2537. }
  2538. 60% {
  2539. opacity: 1;
  2540. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2541. transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2542. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2543. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2544. }
  2545. }
  2546. @keyframes zoomInDown {
  2547. 0% {
  2548. opacity: 0;
  2549. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  2550. transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  2551. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2552. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2553. }
  2554. 60% {
  2555. opacity: 1;
  2556. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2557. transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2558. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2559. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2560. }
  2561. }
  2562. .zoomInDown {
  2563. -webkit-animation-name: zoomInDown;
  2564. animation-name: zoomInDown
  2565. }
  2566. @-webkit-keyframes zoomInLeft {
  2567. 0% {
  2568. opacity: 0;
  2569. -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  2570. transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  2571. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2572. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2573. }
  2574. 60% {
  2575. opacity: 1;
  2576. -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
  2577. transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
  2578. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2579. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2580. }
  2581. }
  2582. @keyframes zoomInLeft {
  2583. 0% {
  2584. opacity: 0;
  2585. -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  2586. transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  2587. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2588. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2589. }
  2590. 60% {
  2591. opacity: 1;
  2592. -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
  2593. transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
  2594. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2595. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2596. }
  2597. }
  2598. .zoomInLeft {
  2599. -webkit-animation-name: zoomInLeft;
  2600. animation-name: zoomInLeft
  2601. }
  2602. @-webkit-keyframes zoomInRight {
  2603. 0% {
  2604. opacity: 0;
  2605. -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
  2606. transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
  2607. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2608. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2609. }
  2610. 60% {
  2611. opacity: 1;
  2612. -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
  2613. transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
  2614. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2615. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2616. }
  2617. }
  2618. @keyframes zoomInRight {
  2619. 0% {
  2620. opacity: 0;
  2621. -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
  2622. transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
  2623. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2624. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2625. }
  2626. 60% {
  2627. opacity: 1;
  2628. -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
  2629. transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
  2630. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2631. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2632. }
  2633. }
  2634. .zoomInRight {
  2635. -webkit-animation-name: zoomInRight;
  2636. animation-name: zoomInRight
  2637. }
  2638. @-webkit-keyframes zoomInUp {
  2639. 0% {
  2640. opacity: 0;
  2641. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
  2642. transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
  2643. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2644. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2645. }
  2646. 60% {
  2647. opacity: 1;
  2648. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2649. transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2650. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2651. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2652. }
  2653. }
  2654. @keyframes zoomInUp {
  2655. 0% {
  2656. opacity: 0;
  2657. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
  2658. transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
  2659. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2660. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2661. }
  2662. 60% {
  2663. opacity: 1;
  2664. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2665. transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2666. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2667. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2668. }
  2669. }
  2670. .zoomInUp {
  2671. -webkit-animation-name: zoomInUp;
  2672. animation-name: zoomInUp
  2673. }
  2674. @-webkit-keyframes zoomOut {
  2675. 0% {
  2676. opacity: 1
  2677. }
  2678. 50% {
  2679. -webkit-transform: scale3d(.3,.3,.3);
  2680. transform: scale3d(.3,.3,.3)
  2681. }
  2682. 50%,to {
  2683. opacity: 0
  2684. }
  2685. }
  2686. @keyframes zoomOut {
  2687. 0% {
  2688. opacity: 1
  2689. }
  2690. 50% {
  2691. -webkit-transform: scale3d(.3,.3,.3);
  2692. transform: scale3d(.3,.3,.3)
  2693. }
  2694. 50%,to {
  2695. opacity: 0
  2696. }
  2697. }
  2698. .zoomOut {
  2699. -webkit-animation-name: zoomOut;
  2700. animation-name: zoomOut
  2701. }
  2702. @-webkit-keyframes zoomOutDown {
  2703. 40% {
  2704. opacity: 1;
  2705. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2706. transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2707. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2708. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2709. }
  2710. to {
  2711. opacity: 0;
  2712. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
  2713. transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
  2714. -webkit-transform-origin: center bottom;
  2715. transform-origin: center bottom;
  2716. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2717. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2718. }
  2719. }
  2720. @keyframes zoomOutDown {
  2721. 40% {
  2722. opacity: 1;
  2723. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2724. transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
  2725. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2726. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2727. }
  2728. to {
  2729. opacity: 0;
  2730. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
  2731. transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
  2732. -webkit-transform-origin: center bottom;
  2733. transform-origin: center bottom;
  2734. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2735. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2736. }
  2737. }
  2738. .zoomOutDown {
  2739. -webkit-animation-name: zoomOutDown;
  2740. animation-name: zoomOutDown
  2741. }
  2742. @-webkit-keyframes zoomOutLeft {
  2743. 40% {
  2744. opacity: 1;
  2745. -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
  2746. transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  2747. }
  2748. to {
  2749. opacity: 0;
  2750. -webkit-transform: scale(.1) translate3d(-2000px,0,0);
  2751. transform: scale(.1) translate3d(-2000px,0,0);
  2752. -webkit-transform-origin: left center;
  2753. transform-origin: left center
  2754. }
  2755. }
  2756. @keyframes zoomOutLeft {
  2757. 40% {
  2758. opacity: 1;
  2759. -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
  2760. transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  2761. }
  2762. to {
  2763. opacity: 0;
  2764. -webkit-transform: scale(.1) translate3d(-2000px,0,0);
  2765. transform: scale(.1) translate3d(-2000px,0,0);
  2766. -webkit-transform-origin: left center;
  2767. transform-origin: left center
  2768. }
  2769. }
  2770. .zoomOutLeft {
  2771. -webkit-animation-name: zoomOutLeft;
  2772. animation-name: zoomOutLeft
  2773. }
  2774. @-webkit-keyframes zoomOutRight {
  2775. 40% {
  2776. opacity: 1;
  2777. -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
  2778. transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  2779. }
  2780. to {
  2781. opacity: 0;
  2782. -webkit-transform: scale(.1) translate3d(2000px,0,0);
  2783. transform: scale(.1) translate3d(2000px,0,0);
  2784. -webkit-transform-origin: right center;
  2785. transform-origin: right center
  2786. }
  2787. }
  2788. @keyframes zoomOutRight {
  2789. 40% {
  2790. opacity: 1;
  2791. -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
  2792. transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  2793. }
  2794. to {
  2795. opacity: 0;
  2796. -webkit-transform: scale(.1) translate3d(2000px,0,0);
  2797. transform: scale(.1) translate3d(2000px,0,0);
  2798. -webkit-transform-origin: right center;
  2799. transform-origin: right center
  2800. }
  2801. }
  2802. .zoomOutRight {
  2803. -webkit-animation-name: zoomOutRight;
  2804. animation-name: zoomOutRight
  2805. }
  2806. @-webkit-keyframes zoomOutUp {
  2807. 40% {
  2808. opacity: 1;
  2809. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2810. transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2811. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2812. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2813. }
  2814. to {
  2815. opacity: 0;
  2816. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  2817. transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  2818. -webkit-transform-origin: center bottom;
  2819. transform-origin: center bottom;
  2820. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2821. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2822. }
  2823. }
  2824. @keyframes zoomOutUp {
  2825. 40% {
  2826. opacity: 1;
  2827. -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2828. transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
  2829. -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  2830. animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  2831. }
  2832. to {
  2833. opacity: 0;
  2834. -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  2835. transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
  2836. -webkit-transform-origin: center bottom;
  2837. transform-origin: center bottom;
  2838. -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
  2839. animation-timing-function: cubic-bezier(.175,.885,.32,1)
  2840. }
  2841. }
  2842. .zoomOutUp {
  2843. -webkit-animation-name: zoomOutUp;
  2844. animation-name: zoomOutUp
  2845. }
  2846. @-webkit-keyframes slideInDown {
  2847. 0% {
  2848. -webkit-transform: translate3d(0,-100%,0);
  2849. transform: translate3d(0,-100%,0);
  2850. visibility: visible
  2851. }
  2852. to {
  2853. -webkit-transform: translateZ(0);
  2854. transform: translateZ(0)
  2855. }
  2856. }
  2857. @keyframes slideInDown {
  2858. 0% {
  2859. -webkit-transform: translate3d(0,-100%,0);
  2860. transform: translate3d(0,-100%,0);
  2861. visibility: visible
  2862. }
  2863. to {
  2864. -webkit-transform: translateZ(0);
  2865. transform: translateZ(0)
  2866. }
  2867. }
  2868. .slideInDown {
  2869. -webkit-animation-name: slideInDown;
  2870. animation-name: slideInDown
  2871. }
  2872. @-webkit-keyframes slideInLeft {
  2873. 0% {
  2874. -webkit-transform: translate3d(-100%,0,0);
  2875. transform: translate3d(-100%,0,0);
  2876. visibility: visible
  2877. }
  2878. to {
  2879. -webkit-transform: translateZ(0);
  2880. transform: translateZ(0)
  2881. }
  2882. }
  2883. @keyframes slideInLeft {
  2884. 0% {
  2885. -webkit-transform: translate3d(-100%,0,0);
  2886. transform: translate3d(-100%,0,0);
  2887. visibility: visible
  2888. }
  2889. to {
  2890. -webkit-transform: translateZ(0);
  2891. transform: translateZ(0)
  2892. }
  2893. }
  2894. .slideInLeft {
  2895. -webkit-animation-name: slideInLeft;
  2896. animation-name: slideInLeft
  2897. }
  2898. @-webkit-keyframes slideInRight {
  2899. 0% {
  2900. -webkit-transform: translate3d(100%,0,0);
  2901. transform: translate3d(100%,0,0);
  2902. visibility: visible
  2903. }
  2904. to {
  2905. -webkit-transform: translateZ(0);
  2906. transform: translateZ(0)
  2907. }
  2908. }
  2909. @keyframes slideInRight {
  2910. 0% {
  2911. -webkit-transform: translate3d(100%,0,0);
  2912. transform: translate3d(100%,0,0);
  2913. visibility: visible
  2914. }
  2915. to {
  2916. -webkit-transform: translateZ(0);
  2917. transform: translateZ(0)
  2918. }
  2919. }
  2920. .slideInRight {
  2921. -webkit-animation-name: slideInRight;
  2922. animation-name: slideInRight
  2923. }
  2924. @-webkit-keyframes slideInUp {
  2925. 0% {
  2926. -webkit-transform: translate3d(0,100%,0);
  2927. transform: translate3d(0,100%,0);
  2928. visibility: visible
  2929. }
  2930. to {
  2931. -webkit-transform: translateZ(0);
  2932. transform: translateZ(0)
  2933. }
  2934. }
  2935. @keyframes slideInUp {
  2936. 0% {
  2937. -webkit-transform: translate3d(0,100%,0);
  2938. transform: translate3d(0,100%,0);
  2939. visibility: visible
  2940. }
  2941. to {
  2942. -webkit-transform: translateZ(0);
  2943. transform: translateZ(0)
  2944. }
  2945. }
  2946. .slideInUp {
  2947. -webkit-animation-name: slideInUp;
  2948. animation-name: slideInUp
  2949. }
  2950. @-webkit-keyframes slideOutDown {
  2951. 0% {
  2952. -webkit-transform: translateZ(0);
  2953. transform: translateZ(0)
  2954. }
  2955. to {
  2956. visibility: hidden;
  2957. -webkit-transform: translate3d(0,100%,0);
  2958. transform: translate3d(0,100%,0)
  2959. }
  2960. }
  2961. @keyframes slideOutDown {
  2962. 0% {
  2963. -webkit-transform: translateZ(0);
  2964. transform: translateZ(0)
  2965. }
  2966. to {
  2967. visibility: hidden;
  2968. -webkit-transform: translate3d(0,100%,0);
  2969. transform: translate3d(0,100%,0)
  2970. }
  2971. }
  2972. .slideOutDown {
  2973. -webkit-animation-name: slideOutDown;
  2974. animation-name: slideOutDown
  2975. }
  2976. @-webkit-keyframes slideOutLeft {
  2977. 0% {
  2978. -webkit-transform: translateZ(0);
  2979. transform: translateZ(0)
  2980. }
  2981. to {
  2982. visibility: hidden;
  2983. -webkit-transform: translate3d(-100%,0,0);
  2984. transform: translate3d(-100%,0,0)
  2985. }
  2986. }
  2987. @keyframes slideOutLeft {
  2988. 0% {
  2989. -webkit-transform: translateZ(0);
  2990. transform: translateZ(0)
  2991. }
  2992. to {
  2993. visibility: hidden;
  2994. -webkit-transform: translate3d(-100%,0,0);
  2995. transform: translate3d(-100%,0,0)
  2996. }
  2997. }
  2998. .slideOutLeft {
  2999. -webkit-animation-name: slideOutLeft;
  3000. animation-name: slideOutLeft
  3001. }
  3002. @-webkit-keyframes slideOutRight {
  3003. 0% {
  3004. -webkit-transform: translateZ(0);
  3005. transform: translateZ(0)
  3006. }
  3007. to {
  3008. visibility: hidden;
  3009. -webkit-transform: translate3d(100%,0,0);
  3010. transform: translate3d(100%,0,0)
  3011. }
  3012. }
  3013. @keyframes slideOutRight {
  3014. 0% {
  3015. -webkit-transform: translateZ(0);
  3016. transform: translateZ(0)
  3017. }
  3018. to {
  3019. visibility: hidden;
  3020. -webkit-transform: translate3d(100%,0,0);
  3021. transform: translate3d(100%,0,0)
  3022. }
  3023. }
  3024. .slideOutRight {
  3025. -webkit-animation-name: slideOutRight;
  3026. animation-name: slideOutRight
  3027. }
  3028. @-webkit-keyframes slideOutUp {
  3029. 0% {
  3030. -webkit-transform: translateZ(0);
  3031. transform: translateZ(0)
  3032. }
  3033. to {
  3034. visibility: hidden;
  3035. -webkit-transform: translate3d(0,-100%,0);
  3036. transform: translate3d(0,-100%,0)
  3037. }
  3038. }
  3039. @keyframes slideOutUp {
  3040. 0% {
  3041. -webkit-transform: translateZ(0);
  3042. transform: translateZ(0)
  3043. }
  3044. to {
  3045. visibility: hidden;
  3046. -webkit-transform: translate3d(0,-100%,0);
  3047. transform: translate3d(0,-100%,0)
  3048. }
  3049. }
  3050. .slideOutUp {
  3051. -webkit-animation-name: slideOutUp;
  3052. animation-name: slideOutUp
  3053. }