supershopui.common.css 61 KB

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