shibori 1.0.0.beta1

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