saffron 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. data/.travis.yml +2 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +3 -0
  4. data/app/assets/stylesheets/_variables.scss +18 -18
  5. data/app/assets/stylesheets/entrances/_drop-in.scss +2 -2
  6. data/app/assets/stylesheets/entrances/_fade-in-down.scss +1 -1
  7. data/app/assets/stylesheets/entrances/_fade-in-left.scss +1 -1
  8. data/app/assets/stylesheets/entrances/_fade-in-right.scss +1 -1
  9. data/app/assets/stylesheets/entrances/_fade-in-up.scss +1 -1
  10. data/app/assets/stylesheets/entrances/_fade-in-zoom-big.scss +1 -1
  11. data/app/assets/stylesheets/entrances/_rise-in.scss +1 -1
  12. data/app/assets/stylesheets/entrances/_slide-in.scss +4 -4
  13. data/app/assets/stylesheets/entrances/_stretch.scss +6 -6
  14. data/app/assets/stylesheets/entrances/_turn-in.scss +8 -8
  15. data/app/assets/stylesheets/exits/_compress.scss +2 -2
  16. data/app/assets/stylesheets/exits/_drop-out.scss +1 -1
  17. data/app/assets/stylesheets/exits/_fade-out-down.scss +1 -1
  18. data/app/assets/stylesheets/exits/_fade-out-left.scss +1 -1
  19. data/app/assets/stylesheets/exits/_fade-out-right.scss +1 -1
  20. data/app/assets/stylesheets/exits/_fade-out-up.scss +1 -1
  21. data/app/assets/stylesheets/exits/_poof.scss +2 -2
  22. data/app/assets/stylesheets/exits/_rise-out.scss +1 -1
  23. data/app/assets/stylesheets/exits/_slide-out.scss +4 -4
  24. data/app/assets/stylesheets/exits/_turn-out.scss +2 -2
  25. data/app/assets/stylesheets/helpers/_keyframes.scss +1 -1
  26. data/app/assets/stylesheets/helpers/_prefix.scss +1 -1
  27. data/app/assets/stylesheets/helpers/_transform.scss +2 -2
  28. data/app/assets/stylesheets/helpers/_transition.scss +1 -1
  29. data/app/assets/stylesheets/in-place/_around-the-world.scss +2 -2
  30. data/app/assets/stylesheets/in-place/_contract.scss +1 -2
  31. data/app/assets/stylesheets/in-place/_enlarge.scss +1 -2
  32. data/app/assets/stylesheets/in-place/_float.scss +3 -3
  33. data/app/assets/stylesheets/in-place/_pulsate.scss +1 -1
  34. data/app/assets/stylesheets/in-place/_quiver.scss +7 -7
  35. data/app/assets/stylesheets/in-place/_shake.scss +5 -5
  36. data/app/assets/stylesheets/in-place/_sunrise.scss +3 -3
  37. data/app/assets/stylesheets/in-place/_sway.scss +3 -3
  38. data/app/assets/stylesheets/in-place/_teeter.scss +6 -6
  39. data/bower.json +29 -0
  40. data/features/install.feature +0 -1
  41. data/features/update.feature +0 -1
  42. data/features/version.feature +0 -1
  43. data/lib/saffron/version.rb +1 -1
  44. data/sache.json +5 -0
  45. data/saffron/_variables.scss +18 -18
  46. data/saffron/entrances/_drop-in.scss +2 -2
  47. data/saffron/entrances/_fade-in-down.scss +1 -1
  48. data/saffron/entrances/_fade-in-left.scss +1 -1
  49. data/saffron/entrances/_fade-in-right.scss +1 -1
  50. data/saffron/entrances/_fade-in-up.scss +1 -1
  51. data/saffron/entrances/_fade-in-zoom-big.scss +1 -1
  52. data/saffron/entrances/_rise-in.scss +1 -1
  53. data/saffron/entrances/_slide-in.scss +4 -4
  54. data/saffron/entrances/_stretch.scss +6 -6
  55. data/saffron/entrances/_turn-in.scss +8 -8
  56. data/saffron/exits/_compress.scss +2 -2
  57. data/saffron/exits/_drop-out.scss +1 -1
  58. data/saffron/exits/_fade-out-down.scss +1 -1
  59. data/saffron/exits/_fade-out-left.scss +1 -1
  60. data/saffron/exits/_fade-out-right.scss +1 -1
  61. data/saffron/exits/_fade-out-up.scss +1 -1
  62. data/saffron/exits/_poof.scss +2 -2
  63. data/saffron/exits/_rise-out.scss +1 -1
  64. data/saffron/exits/_slide-out.scss +4 -4
  65. data/saffron/exits/_turn-out.scss +2 -2
  66. data/saffron/helpers/_keyframes.scss +1 -1
  67. data/saffron/helpers/_prefix.scss +1 -1
  68. data/saffron/helpers/_transform.scss +2 -2
  69. data/saffron/helpers/_transition.scss +1 -1
  70. data/saffron/in-place/_around-the-world.scss +2 -2
  71. data/saffron/in-place/_contract.scss +1 -2
  72. data/saffron/in-place/_enlarge.scss +1 -2
  73. data/saffron/in-place/_float.scss +3 -3
  74. data/saffron/in-place/_pulsate.scss +1 -1
  75. data/saffron/in-place/_quiver.scss +7 -7
  76. data/saffron/in-place/_shake.scss +5 -5
  77. data/saffron/in-place/_sunrise.scss +3 -3
  78. data/saffron/in-place/_sway.scss +3 -3
  79. data/saffron/in-place/_teeter.scss +6 -6
  80. data/tasks/compiled/saffron.css +850 -260
  81. data/tasks/compiled/test.css +853 -288
  82. data/tasks/package.json +2 -2
  83. data/tasks/test.scss +1 -1
  84. metadata +6 -4
@@ -4,7 +4,7 @@
4
4
  }
5
5
  100% {
6
6
  opacity: 0;
7
- @include transform(translateX($translateX-distance) translateZ(0));
7
+ @include transform(translateX($saf-translateX-distance) translateZ(0));
8
8
  }
9
9
  }
10
10
 
@@ -5,7 +5,7 @@
5
5
  }
6
6
  100% {
7
7
  opacity: 0;
8
- @include transform(translateY($translateY-distance * -1));
8
+ @include transform(translateY($saf-translateY-distance * -1));
9
9
  }
10
10
  }
11
11
 
@@ -1,7 +1,7 @@
1
1
  @include keyframes(poof) {
2
2
  0% {
3
3
  opacity: 1;
4
- @include transform(scale(1) translateZ(0));
4
+ @include transform(scale(1));
5
5
  -webkit-filter: blur(0);
6
6
  }
7
7
 
@@ -12,6 +12,6 @@
12
12
  }
13
13
  }
14
14
 
15
- @mixin poof($duration: 0.75s, $delay: 0s, $fill-mode: forwards) {
15
+ @mixin poof($duration: 0.85s, $delay: 0s, $fill-mode: forwards) {
16
16
  @include animation(poof $duration $delay $fill-mode);
17
17
  }
@@ -5,7 +5,7 @@
5
5
  }
6
6
  100% {
7
7
  opacity: 0;
8
- @include transform(translateY($drop-rise-distance * -1));
8
+ @include transform(translateY($saf-drop-rise-distance * -1));
9
9
  }
10
10
  }
11
11
 
@@ -1,11 +1,11 @@
1
1
  @include keyframes(slideOutLeft) {
2
2
  35% {
3
3
  opacity: 1;
4
- @include transform(translateX($translateX-distance) translateZ(0));
4
+ @include transform(translateX($saf-translateX-distance) translateZ(0));
5
5
  }
6
6
  100% {
7
7
  opacity: 0;
8
- @include transform(translateX($translateX-distance * -10));
8
+ @include transform(translateX($saf-translateX-distance * -10));
9
9
  }
10
10
  }
11
11
 
@@ -16,11 +16,11 @@
16
16
  @include keyframes(slideOutRight) {
17
17
  35% {
18
18
  opacity: 1;
19
- @include transform(translateX($translateX-distance * -1) translateZ(0));
19
+ @include transform(translateX($saf-translateX-distance * -1) translateZ(0));
20
20
  }
21
21
  100% {
22
22
  opacity: 0;
23
- @include transform(translateX($translateX-distance * 10));
23
+ @include transform(translateX($saf-translateX-distance * 10));
24
24
  }
25
25
  }
26
26
 
@@ -7,7 +7,7 @@
7
7
 
8
8
  100% {
9
9
  opacity: 0;
10
- @include transform(perspective(500px) rotateX($turn-angle * -1) translateZ(150px));
10
+ @include transform(perspective(500px) rotateX($saf-turn-angle * -1) translateZ(150px));
11
11
  }
12
12
  }
13
13
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  100% {
26
26
  opacity: 0;
27
- @include transform(perspective(500px) rotateX($turn-angle) translateZ(150px));
27
+ @include transform(perspective(500px) rotateX($saf-turn-angle) translateZ(150px));
28
28
  }
29
29
  }
30
30
 
@@ -1,5 +1,5 @@
1
1
  @mixin keyframes($name) {
2
- @each $prefix in $prefixes {
2
+ @each $prefix in $saf-prefixes {
3
3
  @if $prefix == "webkit" {
4
4
  @-webkit-keyframes #{$name} {
5
5
  @include prefix-only($prefix);
@@ -1,4 +1,4 @@
1
- @mixin prefix($property, $value, $prefixes: $prefixes) {
1
+ @mixin prefix($property, $value, $prefixes: $saf-prefixes) {
2
2
  @each $prefix in $prefixes {
3
3
  @if $prefix == "webkit" {
4
4
  -webkit-#{$property}: #{$value};
@@ -1,7 +1,7 @@
1
1
  @mixin transform($property: none) {
2
- @if contains($prefixes, "webkit") and contains($prefixes, "ms") {
2
+ @if contains($saf-prefixes, "webkit") and contains($saf-prefixes, "ms") {
3
3
  @include prefix(transform, $property, webkit ms spec);
4
- } @else if contains($prefixes, "webkit") {
4
+ } @else if contains($saf-prefixes, "webkit") {
5
5
  @include prefix(transform, $property, webkit spec);
6
6
  } @else {
7
7
  @include prefix(transform, $property, spec);
@@ -1,5 +1,5 @@
1
1
  @mixin transition ($properties...) {
2
- @if contains($prefixes, "webkit") {
2
+ @if contains($saf-prefixes, "webkit") {
3
3
  @include prefix(transition, $properties, webkit spec);
4
4
  } @else {
5
5
  @include prefix(transition, $properties, spec);
@@ -1,9 +1,9 @@
1
1
  @include keyframes(aroundTheWorld) {
2
2
  0% {
3
- @include transform(rotate(0deg) translate3d($distance-from-origin * -1, $distance-from-origin * -1, 0) rotate(0deg));
3
+ @include transform(rotate(0deg) translate3d($saf-distance-from-origin * -1, $saf-distance-from-origin * -1, 0) rotate(0deg));
4
4
  }
5
5
  100% {
6
- @include transform(rotate(360deg) translate3d($distance-from-origin * -1, $distance-from-origin * -1, 0) rotate(-360deg));
6
+ @include transform(rotate(360deg) translate3d($saf-distance-from-origin * -1, $saf-distance-from-origin * -1, 0) rotate(-360deg));
7
7
  }
8
8
  }
9
9
 
@@ -1,7 +1,6 @@
1
1
  @mixin contract($selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(1.000, -0.600, 0.595, 0.835)) {
2
2
  @include transition(all $duration $delay $timing);
3
- @include transform(translateY(0) scale(1) translateZ(0));
4
3
  &#{$selector} {
5
- @include transform(translateY($enlarge-contract-jump) scale(1 / $enlarge-contract-multiple));
4
+ @include transform(translateY($saf-enlarge-contract-jump) scale(1 / $saf-enlarge-contract-multiple));
6
5
  }
7
6
  }
@@ -1,7 +1,6 @@
1
1
  @mixin enlarge($selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(1.000, -0.600, 0.595, 0.835)) {
2
2
  @include transition(all $duration $delay $timing);
3
- @include transform(translateY(0) scale(1) translateZ(0));
4
3
  &#{$selector} {
5
- @include transform(translateY($enlarge-contract-jump * -1) scale($enlarge-contract-multiple));
4
+ @include transform(translateY($saf-enlarge-contract-jump * -1) scale($saf-enlarge-contract-multiple));
6
5
  }
7
6
  }
@@ -1,12 +1,12 @@
1
1
  @include keyframes(float) {
2
2
  0%, 50%, 100% {
3
- @include transform(translateY($float-bob-distance * -1) translateZ(0));
3
+ @include transform(translateY($saf-float-bob-distance * -1) translateZ(0));
4
4
  }
5
5
  25% {
6
- @include transform(translateY($float-bob-distance) rotate($float-bob-angle));
6
+ @include transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle));
7
7
  }
8
8
  75% {
9
- @include transform(translateY($float-bob-distance) rotate($float-bob-angle * -1));
9
+ @include transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle * -1));
10
10
  }
11
11
  }
12
12
 
@@ -5,7 +5,7 @@
5
5
  }
6
6
  50% {
7
7
  opacity: 0.85;
8
- @include transform(scale($pulsate-scale));
8
+ @include transform(scale($saf-pulsate-scale));
9
9
  }
10
10
  }
11
11
 
@@ -3,34 +3,34 @@
3
3
  @include transform(translate3d(2px, 1px, 0) rotate(0deg));
4
4
  }
5
5
  10% {
6
- @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle));
6
+ @include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle));
7
7
  }
8
8
  20% {
9
- @include transform(translate3d(-3px, 0) rotate($quiver-angle * -1));
9
+ @include transform(translate3d(-3px, 0) rotate($saf-quiver-angle * -1));
10
10
  }
11
11
  30% {
12
12
  @include transform(translate3d(0, 2px, 0) rotate(0deg));
13
13
  }
14
14
  40% {
15
- @include transform(translate3d(1px, -1px, 0) rotate($quiver-angle));
15
+ @include transform(translate3d(1px, -1px, 0) rotate($saf-quiver-angle));
16
16
  }
17
17
  50% {
18
- @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle * -1));
18
+ @include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle * -1));
19
19
  }
20
20
  60% {
21
21
  @include transform(translate3d(-3px, 1px, 0) rotate(0deg));
22
22
  }
23
23
  70% {
24
- @include transform(translate3d(2px, 1px, 0) rotate($quiver-angle));
24
+ @include transform(translate3d(2px, 1px, 0) rotate($saf-quiver-angle));
25
25
  }
26
26
  80% {
27
- @include transform(translate3d(-1px, -1px, 0) rotate($quiver-angle * -1));
27
+ @include transform(translate3d(-1px, -1px, 0) rotate($saf-quiver-angle * -1));
28
28
  }
29
29
  90% {
30
30
  @include transform(translate3d(2px, 2px, 0) rotate(0deg));
31
31
  }
32
32
  100% {
33
- @include transform(translate3d(1px, -2px, 0) rotate($quiver-angle));
33
+ @include transform(translate3d(1px, -2px, 0) rotate($saf-quiver-angle));
34
34
  }
35
35
 
36
36
  }
@@ -3,19 +3,19 @@
3
3
  @include transform(translateX(0) translateZ(0));
4
4
  }
5
5
  15% {
6
- @include transform(translateX($shake-distance));
6
+ @include transform(translateX($saf-shake-distance));
7
7
  }
8
8
  35% {
9
- @include transform(translateX($shake-distance * -1));
9
+ @include transform(translateX($saf-shake-distance * -1));
10
10
  }
11
11
  50% {
12
- @include transform(translateX($shake-distance / 2));
12
+ @include transform(translateX($saf-shake-distance / 2));
13
13
  }
14
14
  65% {
15
- @include transform(translateX($shake-distance / 2 * -1));
15
+ @include transform(translateX($saf-shake-distance / 2 * -1));
16
16
  }
17
17
  85% {
18
- @include transform(translateX($shake-distance / 3));
18
+ @include transform(translateX($saf-shake-distance / 3));
19
19
  }
20
20
  }
21
21
 
@@ -1,12 +1,12 @@
1
1
  @include keyframes(sunrise) {
2
2
  0% {
3
- @include transform(rotate(0deg) translate($sunrise-arch) rotate(0deg));
3
+ @include transform(rotate(0deg) translate($saf-sunrise-arch) rotate(0deg));
4
4
  }
5
5
  100% {
6
- @include transform(rotate(180deg) translate($sunrise-arch) rotate(-180deg));
6
+ @include transform(rotate(180deg) translate($saf-sunrise-arch) rotate(-180deg));
7
7
  }
8
8
  }
9
9
 
10
10
  @mixin sunrise($duration: 4s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in-out) {
11
11
  @include animation(sunrise $count $duration $delay $fill-mode $timing);
12
- }
12
+ }
@@ -1,12 +1,12 @@
1
1
  @include keyframes(sway) {
2
2
  0%, 50%, 100% {
3
- @include transform(rotate($sway-angle) translateZ(0));
3
+ @include transform(rotate($saf-sway-angle) translateZ(0));
4
4
  }
5
5
  25% {
6
- @include transform(rotate($sway-angle * -1));
6
+ @include transform(rotate($saf-sway-angle * -1));
7
7
  }
8
8
  75% {
9
- @include transform(rotate($sway-angle * -1));
9
+ @include transform(rotate($saf-sway-angle * -1));
10
10
  }
11
11
  }
12
12
 
@@ -3,22 +3,22 @@
3
3
  @include transform(rotate(0deg) translateZ(0));
4
4
  }
5
5
  15% {
6
- @include transform(rotate($teeter-angle));
6
+ @include transform(rotate($saf-teeter-angle));
7
7
  }
8
8
  30% {
9
- @include transform(rotate($teeter-angle * -1));
9
+ @include transform(rotate($saf-teeter-angle * -1));
10
10
  }
11
11
  45% {
12
- @include transform(rotate($teeter-angle / 2));
12
+ @include transform(rotate($saf-teeter-angle / 2));
13
13
  }
14
14
  60% {
15
- @include transform(rotate($teeter-angle / 2 * -1));
15
+ @include transform(rotate($saf-teeter-angle / 2 * -1));
16
16
  }
17
17
  73% {
18
- @include transform(rotate($teeter-angle / 3));
18
+ @include transform(rotate($saf-teeter-angle / 3));
19
19
  }
20
20
  86% {
21
- @include transform(rotate($teeter-angle / 3 * -1));
21
+ @include transform(rotate($saf-teeter-angle / 3 * -1));
22
22
  }
23
23
  }
24
24
 
@@ -2,6 +2,7 @@
2
2
  0% {
3
3
  opacity: 0;
4
4
  -webkit-transform: translateZ(0);
5
+ -ms-transform: translateZ(0);
5
6
  transform: translateZ(0);
6
7
  }
7
8
 
@@ -13,7 +14,9 @@
13
14
  @-moz-keyframes fadeIn {
14
15
  0% {
15
16
  opacity: 0;
16
- transform: translateZ(0);
17
+ -webkit-transform: translateZ(0);
18
+ -ms-transform: translateZ(0);
19
+ transform: translateZ(0);
17
20
  }
18
21
 
19
22
  100% {
@@ -24,7 +27,9 @@
24
27
  @-o-keyframes fadeIn {
25
28
  0% {
26
29
  opacity: 0;
27
- transform: translateZ(0);
30
+ -webkit-transform: translateZ(0);
31
+ -ms-transform: translateZ(0);
32
+ transform: translateZ(0);
28
33
  }
29
34
 
30
35
  100% {
@@ -49,6 +54,7 @@
49
54
  0% {
50
55
  opacity: 0;
51
56
  -webkit-transform: translateY(1.334em) translateZ(0);
57
+ -ms-transform: translateY(1.334em) translateZ(0);
52
58
  transform: translateY(1.334em) translateZ(0);
53
59
  }
54
60
 
@@ -60,7 +66,9 @@
60
66
  @-moz-keyframes fadeInUp {
61
67
  0% {
62
68
  opacity: 0;
63
- transform: translateY(1.334em) translateZ(0);
69
+ -webkit-transform: translateY(1.334em) translateZ(0);
70
+ -ms-transform: translateY(1.334em) translateZ(0);
71
+ transform: translateY(1.334em) translateZ(0);
64
72
  }
65
73
 
66
74
  100% {
@@ -71,7 +79,9 @@
71
79
  @-o-keyframes fadeInUp {
72
80
  0% {
73
81
  opacity: 0;
74
- transform: translateY(1.334em) translateZ(0);
82
+ -webkit-transform: translateY(1.334em) translateZ(0);
83
+ -ms-transform: translateY(1.334em) translateZ(0);
84
+ transform: translateY(1.334em) translateZ(0);
75
85
  }
76
86
 
77
87
  100% {
@@ -96,6 +106,7 @@
96
106
  0% {
97
107
  opacity: 0;
98
108
  -webkit-transform: translateY(-1.334em) translateZ(0);
109
+ -ms-transform: translateY(-1.334em) translateZ(0);
99
110
  transform: translateY(-1.334em) translateZ(0);
100
111
  }
101
112
 
@@ -107,7 +118,9 @@
107
118
  @-moz-keyframes fadeInDown {
108
119
  0% {
109
120
  opacity: 0;
110
- transform: translateY(-1.334em) translateZ(0);
121
+ -webkit-transform: translateY(-1.334em) translateZ(0);
122
+ -ms-transform: translateY(-1.334em) translateZ(0);
123
+ transform: translateY(-1.334em) translateZ(0);
111
124
  }
112
125
 
113
126
  100% {
@@ -118,7 +131,9 @@
118
131
  @-o-keyframes fadeInDown {
119
132
  0% {
120
133
  opacity: 0;
121
- transform: translateY(-1.334em) translateZ(0);
134
+ -webkit-transform: translateY(-1.334em) translateZ(0);
135
+ -ms-transform: translateY(-1.334em) translateZ(0);
136
+ transform: translateY(-1.334em) translateZ(0);
122
137
  }
123
138
 
124
139
  100% {
@@ -143,6 +158,7 @@
143
158
  0% {
144
159
  opacity: 0;
145
160
  -webkit-transform: translateX(-1.334em) translateZ(0);
161
+ -ms-transform: translateX(-1.334em) translateZ(0);
146
162
  transform: translateX(-1.334em) translateZ(0);
147
163
  }
148
164
 
@@ -154,7 +170,9 @@
154
170
  @-moz-keyframes fadeInLeft {
155
171
  0% {
156
172
  opacity: 0;
157
- transform: translateX(-1.334em) translateZ(0);
173
+ -webkit-transform: translateX(-1.334em) translateZ(0);
174
+ -ms-transform: translateX(-1.334em) translateZ(0);
175
+ transform: translateX(-1.334em) translateZ(0);
158
176
  }
159
177
 
160
178
  100% {
@@ -165,7 +183,9 @@
165
183
  @-o-keyframes fadeInLeft {
166
184
  0% {
167
185
  opacity: 0;
168
- transform: translateX(-1.334em) translateZ(0);
186
+ -webkit-transform: translateX(-1.334em) translateZ(0);
187
+ -ms-transform: translateX(-1.334em) translateZ(0);
188
+ transform: translateX(-1.334em) translateZ(0);
169
189
  }
170
190
 
171
191
  100% {
@@ -190,6 +210,7 @@
190
210
  0% {
191
211
  opacity: 0;
192
212
  -webkit-transform: translateX(1.334em) translateZ(0);
213
+ -ms-transform: translateX(1.334em) translateZ(0);
193
214
  transform: translateX(1.334em) translateZ(0);
194
215
  }
195
216
 
@@ -201,7 +222,9 @@
201
222
  @-moz-keyframes fadeInRight {
202
223
  0% {
203
224
  opacity: 0;
204
- transform: translateX(1.334em) translateZ(0);
225
+ -webkit-transform: translateX(1.334em) translateZ(0);
226
+ -ms-transform: translateX(1.334em) translateZ(0);
227
+ transform: translateX(1.334em) translateZ(0);
205
228
  }
206
229
 
207
230
  100% {
@@ -212,7 +235,9 @@
212
235
  @-o-keyframes fadeInRight {
213
236
  0% {
214
237
  opacity: 0;
215
- transform: translateX(1.334em) translateZ(0);
238
+ -webkit-transform: translateX(1.334em) translateZ(0);
239
+ -ms-transform: translateX(1.334em) translateZ(0);
240
+ transform: translateX(1.334em) translateZ(0);
216
241
  }
217
242
 
218
243
  100% {
@@ -237,12 +262,14 @@
237
262
  0% {
238
263
  opacity: 0;
239
264
  -webkit-transform: scale(0) translateZ(0);
265
+ -ms-transform: scale(0) translateZ(0);
240
266
  transform: scale(0) translateZ(0);
241
267
  }
242
268
 
243
269
  100% {
244
270
  opacity: 1;
245
271
  -webkit-transform: scale(1);
272
+ -ms-transform: scale(1);
246
273
  transform: scale(1);
247
274
  }
248
275
  }
@@ -250,24 +277,32 @@
250
277
  @-moz-keyframes fadeInZoom {
251
278
  0% {
252
279
  opacity: 0;
253
- transform: scale(0) translateZ(0);
280
+ -webkit-transform: scale(0) translateZ(0);
281
+ -ms-transform: scale(0) translateZ(0);
282
+ transform: scale(0) translateZ(0);
254
283
  }
255
284
 
256
285
  100% {
257
286
  opacity: 1;
258
- transform: scale(1);
287
+ -webkit-transform: scale(1);
288
+ -ms-transform: scale(1);
289
+ transform: scale(1);
259
290
  }
260
291
  }
261
292
 
262
293
  @-o-keyframes fadeInZoom {
263
294
  0% {
264
295
  opacity: 0;
265
- transform: scale(0) translateZ(0);
296
+ -webkit-transform: scale(0) translateZ(0);
297
+ -ms-transform: scale(0) translateZ(0);
298
+ transform: scale(0) translateZ(0);
266
299
  }
267
300
 
268
301
  100% {
269
302
  opacity: 1;
270
- transform: scale(1);
303
+ -webkit-transform: scale(1);
304
+ -ms-transform: scale(1);
305
+ transform: scale(1);
271
306
  }
272
307
  }
273
308
 
@@ -290,23 +325,27 @@
290
325
  @-webkit-keyframes fadeInZoomBig {
291
326
  0% {
292
327
  opacity: 0;
293
- -webkit-transform: scale(0) translateZ(0);
294
- transform: scale(0) translateZ(0);
328
+ -webkit-transform: scale(0);
329
+ -ms-transform: scale(0);
330
+ transform: scale(0);
295
331
  }
296
332
 
297
333
  60% {
298
334
  -webkit-transform: scale(1.25);
335
+ -ms-transform: scale(1.25);
299
336
  transform: scale(1.25);
300
337
  }
301
338
 
302
339
  80% {
303
340
  -webkit-transform: scale(.95);
341
+ -ms-transform: scale(.95);
304
342
  transform: scale(.95);
305
343
  }
306
344
 
307
345
  100% {
308
346
  opacity: 1;
309
347
  -webkit-transform: scale(1);
348
+ -ms-transform: scale(1);
310
349
  transform: scale(1);
311
350
  }
312
351
  }
@@ -314,49 +353,65 @@
314
353
  @-moz-keyframes fadeInZoomBig {
315
354
  0% {
316
355
  opacity: 0;
317
- transform: scale(0) translateZ(0);
356
+ -webkit-transform: scale(0);
357
+ -ms-transform: scale(0);
358
+ transform: scale(0);
318
359
  }
319
360
 
320
361
  60% {
321
- transform: scale(1.25);
362
+ -webkit-transform: scale(1.25);
363
+ -ms-transform: scale(1.25);
364
+ transform: scale(1.25);
322
365
  }
323
366
 
324
367
  80% {
325
- transform: scale(.95);
368
+ -webkit-transform: scale(.95);
369
+ -ms-transform: scale(.95);
370
+ transform: scale(.95);
326
371
  }
327
372
 
328
373
  100% {
329
374
  opacity: 1;
330
- transform: scale(1);
375
+ -webkit-transform: scale(1);
376
+ -ms-transform: scale(1);
377
+ transform: scale(1);
331
378
  }
332
379
  }
333
380
 
334
381
  @-o-keyframes fadeInZoomBig {
335
382
  0% {
336
383
  opacity: 0;
337
- transform: scale(0) translateZ(0);
384
+ -webkit-transform: scale(0);
385
+ -ms-transform: scale(0);
386
+ transform: scale(0);
338
387
  }
339
388
 
340
389
  60% {
341
- transform: scale(1.25);
390
+ -webkit-transform: scale(1.25);
391
+ -ms-transform: scale(1.25);
392
+ transform: scale(1.25);
342
393
  }
343
394
 
344
395
  80% {
345
- transform: scale(.95);
396
+ -webkit-transform: scale(.95);
397
+ -ms-transform: scale(.95);
398
+ transform: scale(.95);
346
399
  }
347
400
 
348
401
  100% {
349
402
  opacity: 1;
350
- transform: scale(1);
403
+ -webkit-transform: scale(1);
404
+ -ms-transform: scale(1);
405
+ transform: scale(1);
351
406
  }
352
407
  }
353
408
 
354
409
  @keyframes fadeInZoomBig {
355
410
  0% {
356
411
  opacity: 0;
357
- -webkit-transform: scale(0) translateZ(0);
358
- -ms-transform: scale(0) translateZ(0);
359
- transform: scale(0) translateZ(0);
412
+ -webkit-transform: scale(0);
413
+ -ms-transform: scale(0);
414
+ transform: scale(0);
360
415
  }
361
416
 
362
417
  60% {
@@ -383,17 +438,20 @@
383
438
  0% {
384
439
  opacity: 0;
385
440
  -webkit-transform: translateX(-13.34em) translateZ(0);
441
+ -ms-transform: translateX(-13.34em) translateZ(0);
386
442
  transform: translateX(-13.34em) translateZ(0);
387
443
  }
388
444
 
389
445
  65% {
390
446
  opacity: 1;
391
447
  -webkit-transform: translateX(1.334em);
448
+ -ms-transform: translateX(1.334em);
392
449
  transform: translateX(1.334em);
393
450
  }
394
451
 
395
452
  100% {
396
453
  -webkit-transform: translateX(0);
454
+ -ms-transform: translateX(0);
397
455
  transform: translateX(0);
398
456
  }
399
457
  }
@@ -401,32 +459,44 @@
401
459
  @-moz-keyframes slideInLeft {
402
460
  0% {
403
461
  opacity: 0;
404
- transform: translateX(-13.34em) translateZ(0);
462
+ -webkit-transform: translateX(-13.34em) translateZ(0);
463
+ -ms-transform: translateX(-13.34em) translateZ(0);
464
+ transform: translateX(-13.34em) translateZ(0);
405
465
  }
406
466
 
407
467
  65% {
408
468
  opacity: 1;
409
- transform: translateX(1.334em);
469
+ -webkit-transform: translateX(1.334em);
470
+ -ms-transform: translateX(1.334em);
471
+ transform: translateX(1.334em);
410
472
  }
411
473
 
412
474
  100% {
413
- transform: translateX(0);
475
+ -webkit-transform: translateX(0);
476
+ -ms-transform: translateX(0);
477
+ transform: translateX(0);
414
478
  }
415
479
  }
416
480
 
417
481
  @-o-keyframes slideInLeft {
418
482
  0% {
419
483
  opacity: 0;
420
- transform: translateX(-13.34em) translateZ(0);
484
+ -webkit-transform: translateX(-13.34em) translateZ(0);
485
+ -ms-transform: translateX(-13.34em) translateZ(0);
486
+ transform: translateX(-13.34em) translateZ(0);
421
487
  }
422
488
 
423
489
  65% {
424
490
  opacity: 1;
425
- transform: translateX(1.334em);
491
+ -webkit-transform: translateX(1.334em);
492
+ -ms-transform: translateX(1.334em);
493
+ transform: translateX(1.334em);
426
494
  }
427
495
 
428
496
  100% {
429
- transform: translateX(0);
497
+ -webkit-transform: translateX(0);
498
+ -ms-transform: translateX(0);
499
+ transform: translateX(0);
430
500
  }
431
501
  }
432
502
 
@@ -456,17 +526,20 @@
456
526
  0% {
457
527
  opacity: 0;
458
528
  -webkit-transform: translateX(13.34em) translateZ(0);
529
+ -ms-transform: translateX(13.34em) translateZ(0);
459
530
  transform: translateX(13.34em) translateZ(0);
460
531
  }
461
532
 
462
533
  65% {
463
534
  opacity: 1;
464
535
  -webkit-transform: translateX(-1.334em);
536
+ -ms-transform: translateX(-1.334em);
465
537
  transform: translateX(-1.334em);
466
538
  }
467
539
 
468
540
  100% {
469
541
  -webkit-transform: translateX(0);
542
+ -ms-transform: translateX(0);
470
543
  transform: translateX(0);
471
544
  }
472
545
  }
@@ -474,32 +547,44 @@
474
547
  @-moz-keyframes slideInRight {
475
548
  0% {
476
549
  opacity: 0;
477
- transform: translateX(13.34em) translateZ(0);
550
+ -webkit-transform: translateX(13.34em) translateZ(0);
551
+ -ms-transform: translateX(13.34em) translateZ(0);
552
+ transform: translateX(13.34em) translateZ(0);
478
553
  }
479
554
 
480
555
  65% {
481
556
  opacity: 1;
482
- transform: translateX(-1.334em);
557
+ -webkit-transform: translateX(-1.334em);
558
+ -ms-transform: translateX(-1.334em);
559
+ transform: translateX(-1.334em);
483
560
  }
484
561
 
485
562
  100% {
486
- transform: translateX(0);
563
+ -webkit-transform: translateX(0);
564
+ -ms-transform: translateX(0);
565
+ transform: translateX(0);
487
566
  }
488
567
  }
489
568
 
490
569
  @-o-keyframes slideInRight {
491
570
  0% {
492
571
  opacity: 0;
493
- transform: translateX(13.34em) translateZ(0);
572
+ -webkit-transform: translateX(13.34em) translateZ(0);
573
+ -ms-transform: translateX(13.34em) translateZ(0);
574
+ transform: translateX(13.34em) translateZ(0);
494
575
  }
495
576
 
496
577
  65% {
497
578
  opacity: 1;
498
- transform: translateX(-1.334em);
579
+ -webkit-transform: translateX(-1.334em);
580
+ -ms-transform: translateX(-1.334em);
581
+ transform: translateX(-1.334em);
499
582
  }
500
583
 
501
584
  100% {
502
- transform: translateX(0);
585
+ -webkit-transform: translateX(0);
586
+ -ms-transform: translateX(0);
587
+ transform: translateX(0);
503
588
  }
504
589
  }
505
590
 
@@ -529,11 +614,13 @@
529
614
  0% {
530
615
  opacity: 0;
531
616
  -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
617
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
532
618
  transform: translateY(-10em) rotate(0) translateZ(0);
533
619
  }
534
620
 
535
621
  10% {
536
622
  -webkit-transform: translateY(-10em) rotate(-40deg);
623
+ -ms-transform: translateY(-10em) rotate(-40deg);
537
624
  transform: translateY(-10em) rotate(-40deg);
538
625
  }
539
626
 
@@ -543,6 +630,7 @@
543
630
 
544
631
  100% {
545
632
  -webkit-transform: translateY(0) rotate(0);
633
+ -ms-transform: translateY(0) rotate(0);
546
634
  transform: translateY(0) rotate(0);
547
635
  }
548
636
  }
@@ -550,11 +638,15 @@
550
638
  @-moz-keyframes dropIn {
551
639
  0% {
552
640
  opacity: 0;
553
- transform: translateY(-10em) rotate(0) translateZ(0);
641
+ -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
642
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
643
+ transform: translateY(-10em) rotate(0) translateZ(0);
554
644
  }
555
645
 
556
646
  10% {
557
- transform: translateY(-10em) rotate(-40deg);
647
+ -webkit-transform: translateY(-10em) rotate(-40deg);
648
+ -ms-transform: translateY(-10em) rotate(-40deg);
649
+ transform: translateY(-10em) rotate(-40deg);
558
650
  }
559
651
 
560
652
  90% {
@@ -562,18 +654,24 @@
562
654
  }
563
655
 
564
656
  100% {
565
- transform: translateY(0) rotate(0);
657
+ -webkit-transform: translateY(0) rotate(0);
658
+ -ms-transform: translateY(0) rotate(0);
659
+ transform: translateY(0) rotate(0);
566
660
  }
567
661
  }
568
662
 
569
663
  @-o-keyframes dropIn {
570
664
  0% {
571
665
  opacity: 0;
572
- transform: translateY(-10em) rotate(0) translateZ(0);
666
+ -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
667
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
668
+ transform: translateY(-10em) rotate(0) translateZ(0);
573
669
  }
574
670
 
575
671
  10% {
576
- transform: translateY(-10em) rotate(-40deg);
672
+ -webkit-transform: translateY(-10em) rotate(-40deg);
673
+ -ms-transform: translateY(-10em) rotate(-40deg);
674
+ transform: translateY(-10em) rotate(-40deg);
577
675
  }
578
676
 
579
677
  90% {
@@ -581,7 +679,9 @@
581
679
  }
582
680
 
583
681
  100% {
584
- transform: translateY(0) rotate(0);
682
+ -webkit-transform: translateY(0) rotate(0);
683
+ -ms-transform: translateY(0) rotate(0);
684
+ transform: translateY(0) rotate(0);
585
685
  }
586
686
  }
587
687
 
@@ -614,6 +714,7 @@
614
714
  0% {
615
715
  opacity: 0;
616
716
  -webkit-transform: translateY(10em) translateZ(0);
717
+ -ms-transform: translateY(10em) translateZ(0);
617
718
  transform: translateY(10em) translateZ(0);
618
719
  }
619
720
 
@@ -625,7 +726,9 @@
625
726
  @-moz-keyframes riseIn {
626
727
  0% {
627
728
  opacity: 0;
628
- transform: translateY(10em) translateZ(0);
729
+ -webkit-transform: translateY(10em) translateZ(0);
730
+ -ms-transform: translateY(10em) translateZ(0);
731
+ transform: translateY(10em) translateZ(0);
629
732
  }
630
733
 
631
734
  50% {
@@ -636,7 +739,9 @@
636
739
  @-o-keyframes riseIn {
637
740
  0% {
638
741
  opacity: 0;
639
- transform: translateY(10em) translateZ(0);
742
+ -webkit-transform: translateY(10em) translateZ(0);
743
+ -ms-transform: translateY(10em) translateZ(0);
744
+ transform: translateY(10em) translateZ(0);
640
745
  }
641
746
 
642
747
  50% {
@@ -661,12 +766,14 @@
661
766
  0% {
662
767
  opacity: 0;
663
768
  -webkit-transform: scale(.25) translateZ(0);
769
+ -ms-transform: scale(.25) translateZ(0);
664
770
  transform: scale(.25) translateZ(0);
665
771
  }
666
772
 
667
773
  100% {
668
774
  opacity: 1;
669
775
  -webkit-transform: scale(1);
776
+ -ms-transform: scale(1);
670
777
  transform: scale(1);
671
778
  }
672
779
  }
@@ -674,24 +781,32 @@
674
781
  @-moz-keyframes popIn {
675
782
  0% {
676
783
  opacity: 0;
677
- transform: scale(.25) translateZ(0);
784
+ -webkit-transform: scale(.25) translateZ(0);
785
+ -ms-transform: scale(.25) translateZ(0);
786
+ transform: scale(.25) translateZ(0);
678
787
  }
679
788
 
680
789
  100% {
681
790
  opacity: 1;
682
- transform: scale(1);
791
+ -webkit-transform: scale(1);
792
+ -ms-transform: scale(1);
793
+ transform: scale(1);
683
794
  }
684
795
  }
685
796
 
686
797
  @-o-keyframes popIn {
687
798
  0% {
688
799
  opacity: 0;
689
- transform: scale(.25) translateZ(0);
800
+ -webkit-transform: scale(.25) translateZ(0);
801
+ -ms-transform: scale(.25) translateZ(0);
802
+ transform: scale(.25) translateZ(0);
690
803
  }
691
804
 
692
805
  100% {
693
806
  opacity: 1;
694
- transform: scale(1);
807
+ -webkit-transform: scale(1);
808
+ -ms-transform: scale(1);
809
+ transform: scale(1);
695
810
  }
696
811
  }
697
812
 
@@ -711,16 +826,18 @@
711
826
  }
712
827
  }
713
828
 
714
- @-webkit-keyframes turnDownIn {
829
+ @-webkit-keyframes turnInDown {
715
830
  0% {
716
831
  opacity: 0;
717
832
  -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
833
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
718
834
  transform: perspective(500px) rotateX(-225deg) translateZ(150px);
719
835
  }
720
836
 
721
837
  100% {
722
838
  opacity: 1;
723
839
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
840
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
724
841
  transform: perspective(800px) rotateX(0deg) translateZ(0);
725
842
 
726
843
  -webkit-backface-visibility: hidden;
@@ -729,15 +846,19 @@
729
846
  }
730
847
  }
731
848
 
732
- @-moz-keyframes turnDownIn {
849
+ @-moz-keyframes turnInDown {
733
850
  0% {
734
851
  opacity: 0;
735
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
852
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
853
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
854
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
736
855
  }
737
856
 
738
857
  100% {
739
858
  opacity: 1;
740
- transform: perspective(800px) rotateX(0deg) translateZ(0);
859
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
860
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
861
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
741
862
 
742
863
  -webkit-backface-visibility: hidden;
743
864
  -moz-backface-visibility: hidden;
@@ -745,15 +866,19 @@
745
866
  }
746
867
  }
747
868
 
748
- @-o-keyframes turnDownIn {
869
+ @-o-keyframes turnInDown {
749
870
  0% {
750
871
  opacity: 0;
751
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
872
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
873
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
874
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
752
875
  }
753
876
 
754
877
  100% {
755
878
  opacity: 1;
756
- transform: perspective(800px) rotateX(0deg) translateZ(0);
879
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
880
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
881
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
757
882
 
758
883
  -webkit-backface-visibility: hidden;
759
884
  -moz-backface-visibility: hidden;
@@ -761,7 +886,7 @@
761
886
  }
762
887
  }
763
888
 
764
- @keyframes turnDownIn {
889
+ @keyframes turnInDown {
765
890
  0% {
766
891
  opacity: 0;
767
892
  -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
@@ -781,16 +906,18 @@
781
906
  }
782
907
  }
783
908
 
784
- @-webkit-keyframes turnUpIn {
909
+ @-webkit-keyframes turnInUp {
785
910
  0% {
786
911
  opacity: 0;
787
912
  -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
913
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
788
914
  transform: perspective(500px) rotateX(225deg) translateZ(150px);
789
915
  }
790
916
 
791
917
  100% {
792
918
  opacity: 1;
793
919
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
920
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
794
921
  transform: perspective(800px) rotateX(0deg) translateZ(0);
795
922
 
796
923
  -webkit-backface-visibility: hidden;
@@ -799,15 +926,19 @@
799
926
  }
800
927
  }
801
928
 
802
- @-moz-keyframes turnUpIn {
929
+ @-moz-keyframes turnInUp {
803
930
  0% {
804
931
  opacity: 0;
805
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
932
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
933
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
934
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
806
935
  }
807
936
 
808
937
  100% {
809
938
  opacity: 1;
810
- transform: perspective(800px) rotateX(0deg) translateZ(0);
939
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
940
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
941
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
811
942
 
812
943
  -webkit-backface-visibility: hidden;
813
944
  -moz-backface-visibility: hidden;
@@ -815,15 +946,19 @@
815
946
  }
816
947
  }
817
948
 
818
- @-o-keyframes turnUpIn {
949
+ @-o-keyframes turnInUp {
819
950
  0% {
820
951
  opacity: 0;
821
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
952
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
953
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
954
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
822
955
  }
823
956
 
824
957
  100% {
825
958
  opacity: 1;
826
- transform: perspective(800px) rotateX(0deg) translateZ(0);
959
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
960
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
961
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
827
962
 
828
963
  -webkit-backface-visibility: hidden;
829
964
  -moz-backface-visibility: hidden;
@@ -831,7 +966,7 @@
831
966
  }
832
967
  }
833
968
 
834
- @keyframes turnUpIn {
969
+ @keyframes turnInUp {
835
970
  0% {
836
971
  opacity: 0;
837
972
  -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
@@ -853,106 +988,141 @@
853
988
 
854
989
  @-webkit-keyframes stretch {
855
990
  0% {
856
- -webkit-transform: scaleY(0) translateZ(0);
857
- transform: scaleY(0) translateZ(0);
991
+ -webkit-transform: scaleY(0);
992
+ -ms-transform: scaleY(0);
993
+ transform: scaleY(0);
858
994
  }
859
995
 
860
996
  40% {
861
997
  -webkit-transform: scaleY(1.05);
998
+ -ms-transform: scaleY(1.05);
862
999
  transform: scaleY(1.05);
863
1000
  }
864
1001
 
865
1002
  60% {
866
1003
  -webkit-transform: scaleY(.97125);
1004
+ -ms-transform: scaleY(.97125);
867
1005
  transform: scaleY(.97125);
868
1006
  }
869
1007
 
870
1008
  80% {
871
1009
  -webkit-transform: scaleY(1.05);
1010
+ -ms-transform: scaleY(1.05);
872
1011
  transform: scaleY(1.05);
873
1012
  }
874
1013
 
875
1014
  100% {
876
1015
  -webkit-transform: scaleY(.97125);
1016
+ -ms-transform: scaleY(.97125);
877
1017
  transform: scaleY(.97125);
878
1018
  }
879
1019
 
880
1020
  80% {
881
1021
  -webkit-transform: scaleY(1.02375);
1022
+ -ms-transform: scaleY(1.02375);
882
1023
  transform: scaleY(1.02375);
883
1024
  }
884
1025
 
885
1026
  100% {
886
1027
  -webkit-transform: scaleY(1);
1028
+ -ms-transform: scaleY(1);
887
1029
  transform: scaleY(1);
888
1030
  }
889
1031
  }
890
1032
 
891
1033
  @-moz-keyframes stretch {
892
1034
  0% {
893
- transform: scaleY(0) translateZ(0);
1035
+ -webkit-transform: scaleY(0);
1036
+ -ms-transform: scaleY(0);
1037
+ transform: scaleY(0);
894
1038
  }
895
1039
 
896
1040
  40% {
897
- transform: scaleY(1.05);
1041
+ -webkit-transform: scaleY(1.05);
1042
+ -ms-transform: scaleY(1.05);
1043
+ transform: scaleY(1.05);
898
1044
  }
899
1045
 
900
1046
  60% {
901
- transform: scaleY(.97125);
1047
+ -webkit-transform: scaleY(.97125);
1048
+ -ms-transform: scaleY(.97125);
1049
+ transform: scaleY(.97125);
902
1050
  }
903
1051
 
904
1052
  80% {
905
- transform: scaleY(1.05);
1053
+ -webkit-transform: scaleY(1.05);
1054
+ -ms-transform: scaleY(1.05);
1055
+ transform: scaleY(1.05);
906
1056
  }
907
1057
 
908
1058
  100% {
909
- transform: scaleY(.97125);
1059
+ -webkit-transform: scaleY(.97125);
1060
+ -ms-transform: scaleY(.97125);
1061
+ transform: scaleY(.97125);
910
1062
  }
911
1063
 
912
1064
  80% {
913
- transform: scaleY(1.02375);
1065
+ -webkit-transform: scaleY(1.02375);
1066
+ -ms-transform: scaleY(1.02375);
1067
+ transform: scaleY(1.02375);
914
1068
  }
915
1069
 
916
1070
  100% {
917
- transform: scaleY(1);
1071
+ -webkit-transform: scaleY(1);
1072
+ -ms-transform: scaleY(1);
1073
+ transform: scaleY(1);
918
1074
  }
919
1075
  }
920
1076
 
921
1077
  @-o-keyframes stretch {
922
1078
  0% {
923
- transform: scaleY(0) translateZ(0);
1079
+ -webkit-transform: scaleY(0);
1080
+ -ms-transform: scaleY(0);
1081
+ transform: scaleY(0);
924
1082
  }
925
1083
 
926
1084
  40% {
927
- transform: scaleY(1.05);
1085
+ -webkit-transform: scaleY(1.05);
1086
+ -ms-transform: scaleY(1.05);
1087
+ transform: scaleY(1.05);
928
1088
  }
929
1089
 
930
1090
  60% {
931
- transform: scaleY(.97125);
1091
+ -webkit-transform: scaleY(.97125);
1092
+ -ms-transform: scaleY(.97125);
1093
+ transform: scaleY(.97125);
932
1094
  }
933
1095
 
934
1096
  80% {
935
- transform: scaleY(1.05);
1097
+ -webkit-transform: scaleY(1.05);
1098
+ -ms-transform: scaleY(1.05);
1099
+ transform: scaleY(1.05);
936
1100
  }
937
1101
 
938
1102
  100% {
939
- transform: scaleY(.97125);
1103
+ -webkit-transform: scaleY(.97125);
1104
+ -ms-transform: scaleY(.97125);
1105
+ transform: scaleY(.97125);
940
1106
  }
941
1107
 
942
1108
  80% {
943
- transform: scaleY(1.02375);
1109
+ -webkit-transform: scaleY(1.02375);
1110
+ -ms-transform: scaleY(1.02375);
1111
+ transform: scaleY(1.02375);
944
1112
  }
945
1113
 
946
1114
  100% {
947
- transform: scaleY(1);
1115
+ -webkit-transform: scaleY(1);
1116
+ -ms-transform: scaleY(1);
1117
+ transform: scaleY(1);
948
1118
  }
949
1119
  }
950
1120
 
951
1121
  @keyframes stretch {
952
1122
  0% {
953
- -webkit-transform: scaleY(0) translateZ(0);
954
- -ms-transform: scaleY(0) translateZ(0);
955
- transform: scaleY(0) translateZ(0);
1123
+ -webkit-transform: scaleY(0);
1124
+ -ms-transform: scaleY(0);
1125
+ transform: scaleY(0);
956
1126
  }
957
1127
 
958
1128
  40% {
@@ -996,12 +1166,14 @@
996
1166
  0% {
997
1167
  opacity: 0;
998
1168
  -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1169
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
999
1170
  transform: rotate(720deg) scale(.33) translateZ(0);
1000
1171
  }
1001
1172
 
1002
1173
  100% {
1003
1174
  opacity: 1;
1004
1175
  -webkit-transform: rotate(0deg) scale(1);
1176
+ -ms-transform: rotate(0deg) scale(1);
1005
1177
  transform: rotate(0deg) scale(1);
1006
1178
  }
1007
1179
  }
@@ -1009,24 +1181,32 @@
1009
1181
  @-moz-keyframes newspaper {
1010
1182
  0% {
1011
1183
  opacity: 0;
1012
- transform: rotate(720deg) scale(.33) translateZ(0);
1013
- }
1184
+ -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1185
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
1186
+ transform: rotate(720deg) scale(.33) translateZ(0);
1187
+ }
1014
1188
 
1015
1189
  100% {
1016
1190
  opacity: 1;
1017
- transform: rotate(0deg) scale(1);
1191
+ -webkit-transform: rotate(0deg) scale(1);
1192
+ -ms-transform: rotate(0deg) scale(1);
1193
+ transform: rotate(0deg) scale(1);
1018
1194
  }
1019
1195
  }
1020
1196
 
1021
1197
  @-o-keyframes newspaper {
1022
1198
  0% {
1023
1199
  opacity: 0;
1024
- transform: rotate(720deg) scale(.33) translateZ(0);
1200
+ -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1201
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
1202
+ transform: rotate(720deg) scale(.33) translateZ(0);
1025
1203
  }
1026
1204
 
1027
1205
  100% {
1028
1206
  opacity: 1;
1029
- transform: rotate(0deg) scale(1);
1207
+ -webkit-transform: rotate(0deg) scale(1);
1208
+ -ms-transform: rotate(0deg) scale(1);
1209
+ transform: rotate(0deg) scale(1);
1030
1210
  }
1031
1211
  }
1032
1212
 
@@ -1050,6 +1230,7 @@
1050
1230
  0% {
1051
1231
  opacity: 1;
1052
1232
  -webkit-transform: translateZ(0);
1233
+ -ms-transform: translateZ(0);
1053
1234
  transform: translateZ(0);
1054
1235
  }
1055
1236
 
@@ -1061,7 +1242,9 @@
1061
1242
  @-moz-keyframes fadeOut {
1062
1243
  0% {
1063
1244
  opacity: 1;
1064
- transform: translateZ(0);
1245
+ -webkit-transform: translateZ(0);
1246
+ -ms-transform: translateZ(0);
1247
+ transform: translateZ(0);
1065
1248
  }
1066
1249
 
1067
1250
  100% {
@@ -1072,7 +1255,9 @@
1072
1255
  @-o-keyframes fadeOut {
1073
1256
  0% {
1074
1257
  opacity: 1;
1075
- transform: translateZ(0);
1258
+ -webkit-transform: translateZ(0);
1259
+ -ms-transform: translateZ(0);
1260
+ transform: translateZ(0);
1076
1261
  }
1077
1262
 
1078
1263
  100% {
@@ -1097,12 +1282,14 @@
1097
1282
  0% {
1098
1283
  opacity: 1;
1099
1284
  -webkit-transform: translateZ(0);
1285
+ -ms-transform: translateZ(0);
1100
1286
  transform: translateZ(0);
1101
1287
  }
1102
1288
 
1103
1289
  100% {
1104
1290
  opacity: 0;
1105
1291
  -webkit-transform: translateY(1.334em);
1292
+ -ms-transform: translateY(1.334em);
1106
1293
  transform: translateY(1.334em);
1107
1294
  }
1108
1295
  }
@@ -1110,24 +1297,32 @@
1110
1297
  @-moz-keyframes fadeOutDown {
1111
1298
  0% {
1112
1299
  opacity: 1;
1113
- transform: translateZ(0);
1300
+ -webkit-transform: translateZ(0);
1301
+ -ms-transform: translateZ(0);
1302
+ transform: translateZ(0);
1114
1303
  }
1115
1304
 
1116
1305
  100% {
1117
1306
  opacity: 0;
1118
- transform: translateY(1.334em);
1307
+ -webkit-transform: translateY(1.334em);
1308
+ -ms-transform: translateY(1.334em);
1309
+ transform: translateY(1.334em);
1119
1310
  }
1120
1311
  }
1121
1312
 
1122
1313
  @-o-keyframes fadeOutDown {
1123
1314
  0% {
1124
1315
  opacity: 1;
1125
- transform: translateZ(0);
1316
+ -webkit-transform: translateZ(0);
1317
+ -ms-transform: translateZ(0);
1318
+ transform: translateZ(0);
1126
1319
  }
1127
1320
 
1128
1321
  100% {
1129
1322
  opacity: 0;
1130
- transform: translateY(1.334em);
1323
+ -webkit-transform: translateY(1.334em);
1324
+ -ms-transform: translateY(1.334em);
1325
+ transform: translateY(1.334em);
1131
1326
  }
1132
1327
  }
1133
1328
 
@@ -1151,12 +1346,14 @@
1151
1346
  0% {
1152
1347
  opacity: 1;
1153
1348
  -webkit-transform: translateZ(0);
1349
+ -ms-transform: translateZ(0);
1154
1350
  transform: translateZ(0);
1155
1351
  }
1156
1352
 
1157
1353
  100% {
1158
1354
  opacity: 0;
1159
1355
  -webkit-transform: translateY(-1.334em);
1356
+ -ms-transform: translateY(-1.334em);
1160
1357
  transform: translateY(-1.334em);
1161
1358
  }
1162
1359
  }
@@ -1164,24 +1361,32 @@
1164
1361
  @-moz-keyframes fadeOutUp {
1165
1362
  0% {
1166
1363
  opacity: 1;
1167
- transform: translateZ(0);
1364
+ -webkit-transform: translateZ(0);
1365
+ -ms-transform: translateZ(0);
1366
+ transform: translateZ(0);
1168
1367
  }
1169
1368
 
1170
1369
  100% {
1171
1370
  opacity: 0;
1172
- transform: translateY(-1.334em);
1371
+ -webkit-transform: translateY(-1.334em);
1372
+ -ms-transform: translateY(-1.334em);
1373
+ transform: translateY(-1.334em);
1173
1374
  }
1174
1375
  }
1175
1376
 
1176
1377
  @-o-keyframes fadeOutUp {
1177
1378
  0% {
1178
1379
  opacity: 1;
1179
- transform: translateZ(0);
1380
+ -webkit-transform: translateZ(0);
1381
+ -ms-transform: translateZ(0);
1382
+ transform: translateZ(0);
1180
1383
  }
1181
1384
 
1182
1385
  100% {
1183
1386
  opacity: 0;
1184
- transform: translateY(-1.334em);
1387
+ -webkit-transform: translateY(-1.334em);
1388
+ -ms-transform: translateY(-1.334em);
1389
+ transform: translateY(-1.334em);
1185
1390
  }
1186
1391
  }
1187
1392
 
@@ -1209,6 +1414,7 @@
1209
1414
  100% {
1210
1415
  opacity: 0;
1211
1416
  -webkit-transform: translateX(-1.334em) translateZ(0);
1417
+ -ms-transform: translateX(-1.334em) translateZ(0);
1212
1418
  transform: translateX(-1.334em) translateZ(0);
1213
1419
  }
1214
1420
  }
@@ -1220,7 +1426,9 @@
1220
1426
 
1221
1427
  100% {
1222
1428
  opacity: 0;
1223
- transform: translateX(-1.334em) translateZ(0);
1429
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1430
+ -ms-transform: translateX(-1.334em) translateZ(0);
1431
+ transform: translateX(-1.334em) translateZ(0);
1224
1432
  }
1225
1433
  }
1226
1434
 
@@ -1231,7 +1439,9 @@
1231
1439
 
1232
1440
  100% {
1233
1441
  opacity: 0;
1234
- transform: translateX(-1.334em) translateZ(0);
1442
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1443
+ -ms-transform: translateX(-1.334em) translateZ(0);
1444
+ transform: translateX(-1.334em) translateZ(0);
1235
1445
  }
1236
1446
  }
1237
1447
 
@@ -1256,6 +1466,7 @@
1256
1466
  100% {
1257
1467
  opacity: 0;
1258
1468
  -webkit-transform: translateX(1.334em) translateZ(0);
1469
+ -ms-transform: translateX(1.334em) translateZ(0);
1259
1470
  transform: translateX(1.334em) translateZ(0);
1260
1471
  }
1261
1472
  }
@@ -1267,7 +1478,9 @@
1267
1478
 
1268
1479
  100% {
1269
1480
  opacity: 0;
1270
- transform: translateX(1.334em) translateZ(0);
1481
+ -webkit-transform: translateX(1.334em) translateZ(0);
1482
+ -ms-transform: translateX(1.334em) translateZ(0);
1483
+ transform: translateX(1.334em) translateZ(0);
1271
1484
  }
1272
1485
  }
1273
1486
 
@@ -1278,7 +1491,9 @@
1278
1491
 
1279
1492
  100% {
1280
1493
  opacity: 0;
1281
- transform: translateX(1.334em) translateZ(0);
1494
+ -webkit-transform: translateX(1.334em) translateZ(0);
1495
+ -ms-transform: translateX(1.334em) translateZ(0);
1496
+ transform: translateX(1.334em) translateZ(0);
1282
1497
  }
1283
1498
  }
1284
1499
 
@@ -1299,12 +1514,14 @@
1299
1514
  0% {
1300
1515
  opacity: 1;
1301
1516
  -webkit-transform: translateZ(0);
1517
+ -ms-transform: translateZ(0);
1302
1518
  transform: translateZ(0);
1303
1519
  }
1304
1520
 
1305
1521
  100% {
1306
1522
  opacity: 0;
1307
1523
  -webkit-transform: scale(0);
1524
+ -ms-transform: scale(0);
1308
1525
  transform: scale(0);
1309
1526
  }
1310
1527
  }
@@ -1312,24 +1529,32 @@
1312
1529
  @-moz-keyframes fadeOutZoom {
1313
1530
  0% {
1314
1531
  opacity: 1;
1315
- transform: translateZ(0);
1532
+ -webkit-transform: translateZ(0);
1533
+ -ms-transform: translateZ(0);
1534
+ transform: translateZ(0);
1316
1535
  }
1317
1536
 
1318
1537
  100% {
1319
1538
  opacity: 0;
1320
- transform: scale(0);
1539
+ -webkit-transform: scale(0);
1540
+ -ms-transform: scale(0);
1541
+ transform: scale(0);
1321
1542
  }
1322
1543
  }
1323
1544
 
1324
1545
  @-o-keyframes fadeOutZoom {
1325
1546
  0% {
1326
1547
  opacity: 1;
1327
- transform: translateZ(0);
1548
+ -webkit-transform: translateZ(0);
1549
+ -ms-transform: translateZ(0);
1550
+ transform: translateZ(0);
1328
1551
  }
1329
1552
 
1330
1553
  100% {
1331
1554
  opacity: 0;
1332
- transform: scale(0);
1555
+ -webkit-transform: scale(0);
1556
+ -ms-transform: scale(0);
1557
+ transform: scale(0);
1333
1558
  }
1334
1559
  }
1335
1560
 
@@ -1352,11 +1577,13 @@
1352
1577
  @-webkit-keyframes fadeOutZoomBig {
1353
1578
  0% {
1354
1579
  -webkit-transform: scale(1) translateZ(0);
1580
+ -ms-transform: scale(1) translateZ(0);
1355
1581
  transform: scale(1) translateZ(0);
1356
1582
  }
1357
1583
 
1358
1584
  40% {
1359
1585
  -webkit-transform: scale(1.25);
1586
+ -ms-transform: scale(1.25);
1360
1587
  transform: scale(1.25);
1361
1588
  }
1362
1589
 
@@ -1367,17 +1594,22 @@
1367
1594
  100% {
1368
1595
  opacity: 0;
1369
1596
  -webkit-transform: scale(0);
1597
+ -ms-transform: scale(0);
1370
1598
  transform: scale(0);
1371
1599
  }
1372
1600
  }
1373
1601
 
1374
1602
  @-moz-keyframes fadeOutZoomBig {
1375
1603
  0% {
1376
- transform: scale(1) translateZ(0);
1604
+ -webkit-transform: scale(1) translateZ(0);
1605
+ -ms-transform: scale(1) translateZ(0);
1606
+ transform: scale(1) translateZ(0);
1377
1607
  }
1378
1608
 
1379
1609
  40% {
1380
- transform: scale(1.25);
1610
+ -webkit-transform: scale(1.25);
1611
+ -ms-transform: scale(1.25);
1612
+ transform: scale(1.25);
1381
1613
  }
1382
1614
 
1383
1615
  60% {
@@ -1386,17 +1618,23 @@
1386
1618
 
1387
1619
  100% {
1388
1620
  opacity: 0;
1389
- transform: scale(0);
1621
+ -webkit-transform: scale(0);
1622
+ -ms-transform: scale(0);
1623
+ transform: scale(0);
1390
1624
  }
1391
1625
  }
1392
1626
 
1393
1627
  @-o-keyframes fadeOutZoomBig {
1394
1628
  0% {
1395
- transform: scale(1) translateZ(0);
1629
+ -webkit-transform: scale(1) translateZ(0);
1630
+ -ms-transform: scale(1) translateZ(0);
1631
+ transform: scale(1) translateZ(0);
1396
1632
  }
1397
1633
 
1398
1634
  40% {
1399
- transform: scale(1.25);
1635
+ -webkit-transform: scale(1.25);
1636
+ -ms-transform: scale(1.25);
1637
+ transform: scale(1.25);
1400
1638
  }
1401
1639
 
1402
1640
  60% {
@@ -1405,7 +1643,9 @@
1405
1643
 
1406
1644
  100% {
1407
1645
  opacity: 0;
1408
- transform: scale(0);
1646
+ -webkit-transform: scale(0);
1647
+ -ms-transform: scale(0);
1648
+ transform: scale(0);
1409
1649
  }
1410
1650
  }
1411
1651
 
@@ -1438,12 +1678,14 @@
1438
1678
  35% {
1439
1679
  opacity: 1;
1440
1680
  -webkit-transform: translateX(1.334em) translateZ(0);
1681
+ -ms-transform: translateX(1.334em) translateZ(0);
1441
1682
  transform: translateX(1.334em) translateZ(0);
1442
1683
  }
1443
1684
 
1444
1685
  100% {
1445
1686
  opacity: 0;
1446
1687
  -webkit-transform: translateX(-13.34em);
1688
+ -ms-transform: translateX(-13.34em);
1447
1689
  transform: translateX(-13.34em);
1448
1690
  }
1449
1691
  }
@@ -1451,24 +1693,32 @@
1451
1693
  @-moz-keyframes slideOutLeft {
1452
1694
  35% {
1453
1695
  opacity: 1;
1454
- transform: translateX(1.334em) translateZ(0);
1696
+ -webkit-transform: translateX(1.334em) translateZ(0);
1697
+ -ms-transform: translateX(1.334em) translateZ(0);
1698
+ transform: translateX(1.334em) translateZ(0);
1455
1699
  }
1456
1700
 
1457
1701
  100% {
1458
1702
  opacity: 0;
1459
- transform: translateX(-13.34em);
1703
+ -webkit-transform: translateX(-13.34em);
1704
+ -ms-transform: translateX(-13.34em);
1705
+ transform: translateX(-13.34em);
1460
1706
  }
1461
1707
  }
1462
1708
 
1463
1709
  @-o-keyframes slideOutLeft {
1464
1710
  35% {
1465
1711
  opacity: 1;
1466
- transform: translateX(1.334em) translateZ(0);
1712
+ -webkit-transform: translateX(1.334em) translateZ(0);
1713
+ -ms-transform: translateX(1.334em) translateZ(0);
1714
+ transform: translateX(1.334em) translateZ(0);
1467
1715
  }
1468
1716
 
1469
1717
  100% {
1470
1718
  opacity: 0;
1471
- transform: translateX(-13.34em);
1719
+ -webkit-transform: translateX(-13.34em);
1720
+ -ms-transform: translateX(-13.34em);
1721
+ transform: translateX(-13.34em);
1472
1722
  }
1473
1723
  }
1474
1724
 
@@ -1492,12 +1742,14 @@
1492
1742
  35% {
1493
1743
  opacity: 1;
1494
1744
  -webkit-transform: translateX(-1.334em) translateZ(0);
1745
+ -ms-transform: translateX(-1.334em) translateZ(0);
1495
1746
  transform: translateX(-1.334em) translateZ(0);
1496
1747
  }
1497
1748
 
1498
1749
  100% {
1499
1750
  opacity: 0;
1500
1751
  -webkit-transform: translateX(13.34em);
1752
+ -ms-transform: translateX(13.34em);
1501
1753
  transform: translateX(13.34em);
1502
1754
  }
1503
1755
  }
@@ -1505,24 +1757,32 @@
1505
1757
  @-moz-keyframes slideOutRight {
1506
1758
  35% {
1507
1759
  opacity: 1;
1508
- transform: translateX(-1.334em) translateZ(0);
1760
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1761
+ -ms-transform: translateX(-1.334em) translateZ(0);
1762
+ transform: translateX(-1.334em) translateZ(0);
1509
1763
  }
1510
1764
 
1511
1765
  100% {
1512
1766
  opacity: 0;
1513
- transform: translateX(13.34em);
1767
+ -webkit-transform: translateX(13.34em);
1768
+ -ms-transform: translateX(13.34em);
1769
+ transform: translateX(13.34em);
1514
1770
  }
1515
1771
  }
1516
1772
 
1517
1773
  @-o-keyframes slideOutRight {
1518
1774
  35% {
1519
1775
  opacity: 1;
1520
- transform: translateX(-1.334em) translateZ(0);
1776
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1777
+ -ms-transform: translateX(-1.334em) translateZ(0);
1778
+ transform: translateX(-1.334em) translateZ(0);
1521
1779
  }
1522
1780
 
1523
1781
  100% {
1524
1782
  opacity: 0;
1525
- transform: translateX(13.34em);
1783
+ -webkit-transform: translateX(13.34em);
1784
+ -ms-transform: translateX(13.34em);
1785
+ transform: translateX(13.34em);
1526
1786
  }
1527
1787
  }
1528
1788
 
@@ -1546,12 +1806,14 @@
1546
1806
  0% {
1547
1807
  opacity: 1;
1548
1808
  -webkit-transform: translateZ(0);
1809
+ -ms-transform: translateZ(0);
1549
1810
  transform: translateZ(0);
1550
1811
  }
1551
1812
 
1552
1813
  100% {
1553
1814
  opacity: 0;
1554
1815
  -webkit-transform: scale(5);
1816
+ -ms-transform: scale(5);
1555
1817
  transform: scale(5);
1556
1818
  }
1557
1819
  }
@@ -1559,24 +1821,32 @@
1559
1821
  @-moz-keyframes explode {
1560
1822
  0% {
1561
1823
  opacity: 1;
1562
- transform: translateZ(0);
1824
+ -webkit-transform: translateZ(0);
1825
+ -ms-transform: translateZ(0);
1826
+ transform: translateZ(0);
1563
1827
  }
1564
1828
 
1565
1829
  100% {
1566
1830
  opacity: 0;
1567
- transform: scale(5);
1831
+ -webkit-transform: scale(5);
1832
+ -ms-transform: scale(5);
1833
+ transform: scale(5);
1568
1834
  }
1569
1835
  }
1570
1836
 
1571
1837
  @-o-keyframes explode {
1572
1838
  0% {
1573
1839
  opacity: 1;
1574
- transform: translateZ(0);
1840
+ -webkit-transform: translateZ(0);
1841
+ -ms-transform: translateZ(0);
1842
+ transform: translateZ(0);
1575
1843
  }
1576
1844
 
1577
1845
  100% {
1578
1846
  opacity: 0;
1579
- transform: scale(5);
1847
+ -webkit-transform: scale(5);
1848
+ -ms-transform: scale(5);
1849
+ transform: scale(5);
1580
1850
  }
1581
1851
  }
1582
1852
 
@@ -1600,12 +1870,14 @@
1600
1870
  0% {
1601
1871
  opacity: 1;
1602
1872
  -webkit-transform: translateZ(0);
1873
+ -ms-transform: translateZ(0);
1603
1874
  transform: translateZ(0);
1604
1875
  }
1605
1876
 
1606
1877
  100% {
1607
1878
  opacity: 0;
1608
1879
  -webkit-transform: translateY(10em) rotate(-40deg);
1880
+ -ms-transform: translateY(10em) rotate(-40deg);
1609
1881
  transform: translateY(10em) rotate(-40deg);
1610
1882
  }
1611
1883
  }
@@ -1613,24 +1885,32 @@
1613
1885
  @-moz-keyframes dropOut {
1614
1886
  0% {
1615
1887
  opacity: 1;
1616
- transform: translateZ(0);
1888
+ -webkit-transform: translateZ(0);
1889
+ -ms-transform: translateZ(0);
1890
+ transform: translateZ(0);
1617
1891
  }
1618
1892
 
1619
1893
  100% {
1620
1894
  opacity: 0;
1621
- transform: translateY(10em) rotate(-40deg);
1895
+ -webkit-transform: translateY(10em) rotate(-40deg);
1896
+ -ms-transform: translateY(10em) rotate(-40deg);
1897
+ transform: translateY(10em) rotate(-40deg);
1622
1898
  }
1623
1899
  }
1624
1900
 
1625
1901
  @-o-keyframes dropOut {
1626
1902
  0% {
1627
1903
  opacity: 1;
1628
- transform: translateZ(0);
1904
+ -webkit-transform: translateZ(0);
1905
+ -ms-transform: translateZ(0);
1906
+ transform: translateZ(0);
1629
1907
  }
1630
1908
 
1631
1909
  100% {
1632
1910
  opacity: 0;
1633
- transform: translateY(10em) rotate(-40deg);
1911
+ -webkit-transform: translateY(10em) rotate(-40deg);
1912
+ -ms-transform: translateY(10em) rotate(-40deg);
1913
+ transform: translateY(10em) rotate(-40deg);
1634
1914
  }
1635
1915
  }
1636
1916
 
@@ -1654,12 +1934,14 @@
1654
1934
  0% {
1655
1935
  opacity: 1;
1656
1936
  -webkit-transform: translateZ(0);
1937
+ -ms-transform: translateZ(0);
1657
1938
  transform: translateZ(0);
1658
1939
  }
1659
1940
 
1660
1941
  100% {
1661
1942
  opacity: 0;
1662
1943
  -webkit-transform: translateY(-10em);
1944
+ -ms-transform: translateY(-10em);
1663
1945
  transform: translateY(-10em);
1664
1946
  }
1665
1947
  }
@@ -1667,24 +1949,32 @@
1667
1949
  @-moz-keyframes riseOut {
1668
1950
  0% {
1669
1951
  opacity: 1;
1670
- transform: translateZ(0);
1952
+ -webkit-transform: translateZ(0);
1953
+ -ms-transform: translateZ(0);
1954
+ transform: translateZ(0);
1671
1955
  }
1672
1956
 
1673
1957
  100% {
1674
1958
  opacity: 0;
1675
- transform: translateY(-10em);
1959
+ -webkit-transform: translateY(-10em);
1960
+ -ms-transform: translateY(-10em);
1961
+ transform: translateY(-10em);
1676
1962
  }
1677
1963
  }
1678
1964
 
1679
1965
  @-o-keyframes riseOut {
1680
1966
  0% {
1681
1967
  opacity: 1;
1682
- transform: translateZ(0);
1968
+ -webkit-transform: translateZ(0);
1969
+ -ms-transform: translateZ(0);
1970
+ transform: translateZ(0);
1683
1971
  }
1684
1972
 
1685
1973
  100% {
1686
1974
  opacity: 0;
1687
- transform: translateY(-10em);
1975
+ -webkit-transform: translateY(-10em);
1976
+ -ms-transform: translateY(-10em);
1977
+ transform: translateY(-10em);
1688
1978
  }
1689
1979
  }
1690
1980
 
@@ -1707,8 +1997,9 @@
1707
1997
  @-webkit-keyframes poof {
1708
1998
  0% {
1709
1999
  opacity: 1;
1710
- -webkit-transform: scale(1) translateZ(0);
1711
- transform: scale(1) translateZ(0);
2000
+ -webkit-transform: scale(1);
2001
+ -ms-transform: scale(1);
2002
+ transform: scale(1);
1712
2003
 
1713
2004
  -webkit-filter: blur(0);
1714
2005
  }
@@ -1716,6 +2007,7 @@
1716
2007
  100% {
1717
2008
  opacity: 0;
1718
2009
  -webkit-transform: scale(2);
2010
+ -ms-transform: scale(2);
1719
2011
  transform: scale(2);
1720
2012
 
1721
2013
  -webkit-filter: blur(40px);
@@ -1725,14 +2017,18 @@
1725
2017
  @-moz-keyframes poof {
1726
2018
  0% {
1727
2019
  opacity: 1;
1728
- transform: scale(1) translateZ(0);
2020
+ -webkit-transform: scale(1);
2021
+ -ms-transform: scale(1);
2022
+ transform: scale(1);
1729
2023
 
1730
2024
  -webkit-filter: blur(0);
1731
2025
  }
1732
2026
 
1733
2027
  100% {
1734
2028
  opacity: 0;
1735
- transform: scale(2);
2029
+ -webkit-transform: scale(2);
2030
+ -ms-transform: scale(2);
2031
+ transform: scale(2);
1736
2032
 
1737
2033
  -webkit-filter: blur(40px);
1738
2034
  }
@@ -1741,14 +2037,18 @@
1741
2037
  @-o-keyframes poof {
1742
2038
  0% {
1743
2039
  opacity: 1;
1744
- transform: scale(1) translateZ(0);
2040
+ -webkit-transform: scale(1);
2041
+ -ms-transform: scale(1);
2042
+ transform: scale(1);
1745
2043
 
1746
2044
  -webkit-filter: blur(0);
1747
2045
  }
1748
2046
 
1749
2047
  100% {
1750
2048
  opacity: 0;
1751
- transform: scale(2);
2049
+ -webkit-transform: scale(2);
2050
+ -ms-transform: scale(2);
2051
+ transform: scale(2);
1752
2052
 
1753
2053
  -webkit-filter: blur(40px);
1754
2054
  }
@@ -1757,9 +2057,9 @@
1757
2057
  @keyframes poof {
1758
2058
  0% {
1759
2059
  opacity: 1;
1760
- -webkit-transform: scale(1) translateZ(0);
1761
- -ms-transform: scale(1) translateZ(0);
1762
- transform: scale(1) translateZ(0);
2060
+ -webkit-transform: scale(1);
2061
+ -ms-transform: scale(1);
2062
+ transform: scale(1);
1763
2063
 
1764
2064
  -webkit-filter: blur(0);
1765
2065
  }
@@ -1778,6 +2078,7 @@
1778
2078
  0% {
1779
2079
  opacity: 1;
1780
2080
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2081
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
1781
2082
  transform: perspective(800px) rotateX(0deg) translateZ(0);
1782
2083
 
1783
2084
  -webkit-backface-visibility: hidden;
@@ -1787,6 +2088,7 @@
1787
2088
  100% {
1788
2089
  opacity: 0;
1789
2090
  -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2091
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1790
2092
  transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1791
2093
  }
1792
2094
  }
@@ -1794,7 +2096,9 @@
1794
2096
  @-moz-keyframes turnOutDown {
1795
2097
  0% {
1796
2098
  opacity: 1;
1797
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2099
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2100
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2101
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1798
2102
 
1799
2103
  -webkit-backface-visibility: hidden;
1800
2104
  backface-visibility: hidden;
@@ -1802,14 +2106,18 @@
1802
2106
 
1803
2107
  100% {
1804
2108
  opacity: 0;
1805
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2109
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2110
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2111
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1806
2112
  }
1807
2113
  }
1808
2114
 
1809
2115
  @-o-keyframes turnOutDown {
1810
2116
  0% {
1811
2117
  opacity: 1;
1812
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2118
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2119
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2120
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1813
2121
 
1814
2122
  -webkit-backface-visibility: hidden;
1815
2123
  backface-visibility: hidden;
@@ -1817,7 +2125,9 @@
1817
2125
 
1818
2126
  100% {
1819
2127
  opacity: 0;
1820
- transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2128
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2129
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
2130
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1821
2131
  }
1822
2132
  }
1823
2133
 
@@ -1844,6 +2154,7 @@
1844
2154
  0% {
1845
2155
  opacity: 1;
1846
2156
  -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2157
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
1847
2158
  transform: perspective(800px) rotateX(0deg) translateZ(0);
1848
2159
 
1849
2160
  -webkit-backface-visibility: hidden;
@@ -1853,6 +2164,7 @@
1853
2164
  100% {
1854
2165
  opacity: 0;
1855
2166
  -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2167
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
1856
2168
  transform: perspective(500px) rotateX(225deg) translateZ(150px);
1857
2169
  }
1858
2170
  }
@@ -1860,7 +2172,9 @@
1860
2172
  @-moz-keyframes turnOutUp {
1861
2173
  0% {
1862
2174
  opacity: 1;
1863
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2175
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2176
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2177
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1864
2178
 
1865
2179
  -webkit-backface-visibility: hidden;
1866
2180
  backface-visibility: hidden;
@@ -1868,14 +2182,18 @@
1868
2182
 
1869
2183
  100% {
1870
2184
  opacity: 0;
1871
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
2185
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2186
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2187
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1872
2188
  }
1873
2189
  }
1874
2190
 
1875
2191
  @-o-keyframes turnOutUp {
1876
2192
  0% {
1877
2193
  opacity: 1;
1878
- transform: perspective(800px) rotateX(0deg) translateZ(0);
2194
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
2195
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
2196
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1879
2197
 
1880
2198
  -webkit-backface-visibility: hidden;
1881
2199
  backface-visibility: hidden;
@@ -1883,7 +2201,9 @@
1883
2201
 
1884
2202
  100% {
1885
2203
  opacity: 0;
1886
- transform: perspective(500px) rotateX(225deg) translateZ(150px);
2204
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2205
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
2206
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1887
2207
  }
1888
2208
  }
1889
2209
 
@@ -1909,58 +2229,78 @@
1909
2229
  @-webkit-keyframes compress {
1910
2230
  0% {
1911
2231
  -webkit-transform: scaleY(1) translateZ(0);
2232
+ -ms-transform: scaleY(1) translateZ(0);
1912
2233
  transform: scaleY(1) translateZ(0);
1913
2234
  }
1914
2235
 
1915
2236
  30% {
1916
2237
  -webkit-transform: scaleY(1.05);
2238
+ -ms-transform: scaleY(1.05);
1917
2239
  transform: scaleY(1.05);
1918
2240
  }
1919
2241
 
1920
2242
  50% {
1921
2243
  -webkit-transform: scaleY(.97125);
2244
+ -ms-transform: scaleY(.97125);
1922
2245
  transform: scaleY(.97125);
1923
2246
  }
1924
2247
 
1925
2248
  100% {
1926
2249
  -webkit-transform: scaleY(0);
2250
+ -ms-transform: scaleY(0);
1927
2251
  transform: scaleY(0);
1928
2252
  }
1929
2253
  }
1930
2254
 
1931
2255
  @-moz-keyframes compress {
1932
2256
  0% {
1933
- transform: scaleY(1) translateZ(0);
2257
+ -webkit-transform: scaleY(1) translateZ(0);
2258
+ -ms-transform: scaleY(1) translateZ(0);
2259
+ transform: scaleY(1) translateZ(0);
1934
2260
  }
1935
2261
 
1936
2262
  30% {
1937
- transform: scaleY(1.05);
2263
+ -webkit-transform: scaleY(1.05);
2264
+ -ms-transform: scaleY(1.05);
2265
+ transform: scaleY(1.05);
1938
2266
  }
1939
2267
 
1940
2268
  50% {
1941
- transform: scaleY(.97125);
2269
+ -webkit-transform: scaleY(.97125);
2270
+ -ms-transform: scaleY(.97125);
2271
+ transform: scaleY(.97125);
1942
2272
  }
1943
2273
 
1944
2274
  100% {
1945
- transform: scaleY(0);
2275
+ -webkit-transform: scaleY(0);
2276
+ -ms-transform: scaleY(0);
2277
+ transform: scaleY(0);
1946
2278
  }
1947
2279
  }
1948
2280
 
1949
2281
  @-o-keyframes compress {
1950
2282
  0% {
1951
- transform: scaleY(1) translateZ(0);
2283
+ -webkit-transform: scaleY(1) translateZ(0);
2284
+ -ms-transform: scaleY(1) translateZ(0);
2285
+ transform: scaleY(1) translateZ(0);
1952
2286
  }
1953
2287
 
1954
2288
  30% {
1955
- transform: scaleY(1.05);
2289
+ -webkit-transform: scaleY(1.05);
2290
+ -ms-transform: scaleY(1.05);
2291
+ transform: scaleY(1.05);
1956
2292
  }
1957
2293
 
1958
2294
  50% {
1959
- transform: scaleY(.97125);
2295
+ -webkit-transform: scaleY(.97125);
2296
+ -ms-transform: scaleY(.97125);
2297
+ transform: scaleY(.97125);
1960
2298
  }
1961
2299
 
1962
2300
  100% {
1963
- transform: scaleY(0);
2301
+ -webkit-transform: scaleY(0);
2302
+ -ms-transform: scaleY(0);
2303
+ transform: scaleY(0);
1964
2304
  }
1965
2305
  }
1966
2306
 
@@ -1993,45 +2333,60 @@
1993
2333
  @-webkit-keyframes float {
1994
2334
  0%, 50%, 100% {
1995
2335
  -webkit-transform: translateY(-.25em) translateZ(0);
2336
+ -ms-transform: translateY(-.25em) translateZ(0);
1996
2337
  transform: translateY(-.25em) translateZ(0);
1997
2338
  }
1998
2339
 
1999
2340
  25% {
2000
2341
  -webkit-transform: translateY(.25em) rotate(1deg);
2342
+ -ms-transform: translateY(.25em) rotate(1deg);
2001
2343
  transform: translateY(.25em) rotate(1deg);
2002
2344
  }
2003
2345
 
2004
2346
  75% {
2005
2347
  -webkit-transform: translateY(.25em) rotate(-1deg);
2348
+ -ms-transform: translateY(.25em) rotate(-1deg);
2006
2349
  transform: translateY(.25em) rotate(-1deg);
2007
2350
  }
2008
2351
  }
2009
2352
 
2010
2353
  @-moz-keyframes float {
2011
2354
  0%, 50%, 100% {
2012
- transform: translateY(-.25em) translateZ(0);
2355
+ -webkit-transform: translateY(-.25em) translateZ(0);
2356
+ -ms-transform: translateY(-.25em) translateZ(0);
2357
+ transform: translateY(-.25em) translateZ(0);
2013
2358
  }
2014
2359
 
2015
2360
  25% {
2016
- transform: translateY(.25em) rotate(1deg);
2361
+ -webkit-transform: translateY(.25em) rotate(1deg);
2362
+ -ms-transform: translateY(.25em) rotate(1deg);
2363
+ transform: translateY(.25em) rotate(1deg);
2017
2364
  }
2018
2365
 
2019
2366
  75% {
2020
- transform: translateY(.25em) rotate(-1deg);
2367
+ -webkit-transform: translateY(.25em) rotate(-1deg);
2368
+ -ms-transform: translateY(.25em) rotate(-1deg);
2369
+ transform: translateY(.25em) rotate(-1deg);
2021
2370
  }
2022
2371
  }
2023
2372
 
2024
2373
  @-o-keyframes float {
2025
2374
  0%, 50%, 100% {
2026
- transform: translateY(-.25em) translateZ(0);
2375
+ -webkit-transform: translateY(-.25em) translateZ(0);
2376
+ -ms-transform: translateY(-.25em) translateZ(0);
2377
+ transform: translateY(-.25em) translateZ(0);
2027
2378
  }
2028
2379
 
2029
2380
  25% {
2030
- transform: translateY(.25em) rotate(1deg);
2381
+ -webkit-transform: translateY(.25em) rotate(1deg);
2382
+ -ms-transform: translateY(.25em) rotate(1deg);
2383
+ transform: translateY(.25em) rotate(1deg);
2031
2384
  }
2032
2385
 
2033
2386
  75% {
2034
- transform: translateY(.25em) rotate(-1deg);
2387
+ -webkit-transform: translateY(.25em) rotate(-1deg);
2388
+ -ms-transform: translateY(.25em) rotate(-1deg);
2389
+ transform: translateY(.25em) rotate(-1deg);
2035
2390
  }
2036
2391
  }
2037
2392
 
@@ -2058,84 +2413,114 @@
2058
2413
  @-webkit-keyframes shake {
2059
2414
  0%, 100% {
2060
2415
  -webkit-transform: translateX(0) translateZ(0);
2416
+ -ms-transform: translateX(0) translateZ(0);
2061
2417
  transform: translateX(0) translateZ(0);
2062
2418
  }
2063
2419
 
2064
2420
  15% {
2065
2421
  -webkit-transform: translateX(.55em);
2422
+ -ms-transform: translateX(.55em);
2066
2423
  transform: translateX(.55em);
2067
2424
  }
2068
2425
 
2069
2426
  35% {
2070
2427
  -webkit-transform: translateX(-.55em);
2428
+ -ms-transform: translateX(-.55em);
2071
2429
  transform: translateX(-.55em);
2072
2430
  }
2073
2431
 
2074
2432
  50% {
2075
2433
  -webkit-transform: translateX(.275em);
2434
+ -ms-transform: translateX(.275em);
2076
2435
  transform: translateX(.275em);
2077
2436
  }
2078
2437
 
2079
2438
  65% {
2080
2439
  -webkit-transform: translateX(-.275em);
2440
+ -ms-transform: translateX(-.275em);
2081
2441
  transform: translateX(-.275em);
2082
2442
  }
2083
2443
 
2084
2444
  85% {
2085
2445
  -webkit-transform: translateX(.18333em);
2446
+ -ms-transform: translateX(.18333em);
2086
2447
  transform: translateX(.18333em);
2087
2448
  }
2088
2449
  }
2089
2450
 
2090
2451
  @-moz-keyframes shake {
2091
2452
  0%, 100% {
2092
- transform: translateX(0) translateZ(0);
2453
+ -webkit-transform: translateX(0) translateZ(0);
2454
+ -ms-transform: translateX(0) translateZ(0);
2455
+ transform: translateX(0) translateZ(0);
2093
2456
  }
2094
2457
 
2095
2458
  15% {
2096
- transform: translateX(.55em);
2459
+ -webkit-transform: translateX(.55em);
2460
+ -ms-transform: translateX(.55em);
2461
+ transform: translateX(.55em);
2097
2462
  }
2098
2463
 
2099
2464
  35% {
2100
- transform: translateX(-.55em);
2465
+ -webkit-transform: translateX(-.55em);
2466
+ -ms-transform: translateX(-.55em);
2467
+ transform: translateX(-.55em);
2101
2468
  }
2102
2469
 
2103
2470
  50% {
2104
- transform: translateX(.275em);
2471
+ -webkit-transform: translateX(.275em);
2472
+ -ms-transform: translateX(.275em);
2473
+ transform: translateX(.275em);
2105
2474
  }
2106
2475
 
2107
2476
  65% {
2108
- transform: translateX(-.275em);
2477
+ -webkit-transform: translateX(-.275em);
2478
+ -ms-transform: translateX(-.275em);
2479
+ transform: translateX(-.275em);
2109
2480
  }
2110
2481
 
2111
2482
  85% {
2112
- transform: translateX(.18333em);
2483
+ -webkit-transform: translateX(.18333em);
2484
+ -ms-transform: translateX(.18333em);
2485
+ transform: translateX(.18333em);
2113
2486
  }
2114
2487
  }
2115
2488
 
2116
2489
  @-o-keyframes shake {
2117
2490
  0%, 100% {
2118
- transform: translateX(0) translateZ(0);
2491
+ -webkit-transform: translateX(0) translateZ(0);
2492
+ -ms-transform: translateX(0) translateZ(0);
2493
+ transform: translateX(0) translateZ(0);
2119
2494
  }
2120
2495
 
2121
2496
  15% {
2122
- transform: translateX(.55em);
2497
+ -webkit-transform: translateX(.55em);
2498
+ -ms-transform: translateX(.55em);
2499
+ transform: translateX(.55em);
2123
2500
  }
2124
2501
 
2125
2502
  35% {
2126
- transform: translateX(-.55em);
2503
+ -webkit-transform: translateX(-.55em);
2504
+ -ms-transform: translateX(-.55em);
2505
+ transform: translateX(-.55em);
2127
2506
  }
2128
2507
 
2129
2508
  50% {
2130
- transform: translateX(.275em);
2509
+ -webkit-transform: translateX(.275em);
2510
+ -ms-transform: translateX(.275em);
2511
+ transform: translateX(.275em);
2131
2512
  }
2132
2513
 
2133
2514
  65% {
2134
- transform: translateX(-.275em);
2515
+ -webkit-transform: translateX(-.275em);
2516
+ -ms-transform: translateX(-.275em);
2517
+ transform: translateX(-.275em);
2135
2518
  }
2136
2519
 
2137
2520
  85% {
2138
- transform: translateX(.18333em);
2521
+ -webkit-transform: translateX(.18333em);
2522
+ -ms-transform: translateX(.18333em);
2523
+ transform: translateX(.18333em);
2139
2524
  }
2140
2525
  }
2141
2526
 
@@ -2180,97 +2565,132 @@
2180
2565
  @-webkit-keyframes teeter {
2181
2566
  0%, 100% {
2182
2567
  -webkit-transform: rotate(0deg) translateZ(0);
2568
+ -ms-transform: rotate(0deg) translateZ(0);
2183
2569
  transform: rotate(0deg) translateZ(0);
2184
2570
  }
2185
2571
 
2186
2572
  15% {
2187
2573
  -webkit-transform: rotate(10deg);
2574
+ -ms-transform: rotate(10deg);
2188
2575
  transform: rotate(10deg);
2189
2576
  }
2190
2577
 
2191
2578
  30% {
2192
2579
  -webkit-transform: rotate(-10deg);
2580
+ -ms-transform: rotate(-10deg);
2193
2581
  transform: rotate(-10deg);
2194
2582
  }
2195
2583
 
2196
2584
  45% {
2197
2585
  -webkit-transform: rotate(5deg);
2586
+ -ms-transform: rotate(5deg);
2198
2587
  transform: rotate(5deg);
2199
2588
  }
2200
2589
 
2201
2590
  60% {
2202
2591
  -webkit-transform: rotate(-5deg);
2592
+ -ms-transform: rotate(-5deg);
2203
2593
  transform: rotate(-5deg);
2204
2594
  }
2205
2595
 
2206
2596
  73% {
2207
2597
  -webkit-transform: rotate(3.33333deg);
2598
+ -ms-transform: rotate(3.33333deg);
2208
2599
  transform: rotate(3.33333deg);
2209
2600
  }
2210
2601
 
2211
2602
  86% {
2212
2603
  -webkit-transform: rotate(-3.33333deg);
2604
+ -ms-transform: rotate(-3.33333deg);
2213
2605
  transform: rotate(-3.33333deg);
2214
2606
  }
2215
2607
  }
2216
2608
 
2217
2609
  @-moz-keyframes teeter {
2218
2610
  0%, 100% {
2219
- transform: rotate(0deg) translateZ(0);
2611
+ -webkit-transform: rotate(0deg) translateZ(0);
2612
+ -ms-transform: rotate(0deg) translateZ(0);
2613
+ transform: rotate(0deg) translateZ(0);
2220
2614
  }
2221
2615
 
2222
2616
  15% {
2223
- transform: rotate(10deg);
2617
+ -webkit-transform: rotate(10deg);
2618
+ -ms-transform: rotate(10deg);
2619
+ transform: rotate(10deg);
2224
2620
  }
2225
2621
 
2226
2622
  30% {
2227
- transform: rotate(-10deg);
2623
+ -webkit-transform: rotate(-10deg);
2624
+ -ms-transform: rotate(-10deg);
2625
+ transform: rotate(-10deg);
2228
2626
  }
2229
2627
 
2230
2628
  45% {
2231
- transform: rotate(5deg);
2629
+ -webkit-transform: rotate(5deg);
2630
+ -ms-transform: rotate(5deg);
2631
+ transform: rotate(5deg);
2232
2632
  }
2233
2633
 
2234
2634
  60% {
2235
- transform: rotate(-5deg);
2635
+ -webkit-transform: rotate(-5deg);
2636
+ -ms-transform: rotate(-5deg);
2637
+ transform: rotate(-5deg);
2236
2638
  }
2237
2639
 
2238
2640
  73% {
2239
- transform: rotate(3.33333deg);
2641
+ -webkit-transform: rotate(3.33333deg);
2642
+ -ms-transform: rotate(3.33333deg);
2643
+ transform: rotate(3.33333deg);
2240
2644
  }
2241
2645
 
2242
2646
  86% {
2243
- transform: rotate(-3.33333deg);
2647
+ -webkit-transform: rotate(-3.33333deg);
2648
+ -ms-transform: rotate(-3.33333deg);
2649
+ transform: rotate(-3.33333deg);
2244
2650
  }
2245
2651
  }
2246
2652
 
2247
2653
  @-o-keyframes teeter {
2248
2654
  0%, 100% {
2249
- transform: rotate(0deg) translateZ(0);
2655
+ -webkit-transform: rotate(0deg) translateZ(0);
2656
+ -ms-transform: rotate(0deg) translateZ(0);
2657
+ transform: rotate(0deg) translateZ(0);
2250
2658
  }
2251
2659
 
2252
2660
  15% {
2253
- transform: rotate(10deg);
2661
+ -webkit-transform: rotate(10deg);
2662
+ -ms-transform: rotate(10deg);
2663
+ transform: rotate(10deg);
2254
2664
  }
2255
2665
 
2256
2666
  30% {
2257
- transform: rotate(-10deg);
2667
+ -webkit-transform: rotate(-10deg);
2668
+ -ms-transform: rotate(-10deg);
2669
+ transform: rotate(-10deg);
2258
2670
  }
2259
2671
 
2260
2672
  45% {
2261
- transform: rotate(5deg);
2673
+ -webkit-transform: rotate(5deg);
2674
+ -ms-transform: rotate(5deg);
2675
+ transform: rotate(5deg);
2262
2676
  }
2263
2677
 
2264
2678
  60% {
2265
- transform: rotate(-5deg);
2679
+ -webkit-transform: rotate(-5deg);
2680
+ -ms-transform: rotate(-5deg);
2681
+ transform: rotate(-5deg);
2266
2682
  }
2267
2683
 
2268
2684
  73% {
2269
- transform: rotate(3.33333deg);
2685
+ -webkit-transform: rotate(3.33333deg);
2686
+ -ms-transform: rotate(3.33333deg);
2687
+ transform: rotate(3.33333deg);
2270
2688
  }
2271
2689
 
2272
2690
  86% {
2273
- transform: rotate(-3.33333deg);
2691
+ -webkit-transform: rotate(-3.33333deg);
2692
+ -ms-transform: rotate(-3.33333deg);
2693
+ transform: rotate(-3.33333deg);
2274
2694
  }
2275
2695
  }
2276
2696
 
@@ -2321,149 +2741,204 @@
2321
2741
  @-webkit-keyframes quiver {
2322
2742
  0% {
2323
2743
  -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2744
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2324
2745
  transform: translate3d(2px, 1px, 0) rotate(0deg);
2325
2746
  }
2326
2747
 
2327
2748
  10% {
2328
2749
  -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2750
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2329
2751
  transform: translate3d(-1px, 2px, 0) rotate(2deg);
2330
2752
  }
2331
2753
 
2332
2754
  20% {
2333
2755
  -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2756
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2334
2757
  transform: translate3d(-3px, 0) rotate(-2deg);
2335
2758
  }
2336
2759
 
2337
2760
  30% {
2338
2761
  -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2762
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2339
2763
  transform: translate3d(0, 2px, 0) rotate(0deg);
2340
2764
  }
2341
2765
 
2342
2766
  40% {
2343
2767
  -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2768
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2344
2769
  transform: translate3d(1px, -1px, 0) rotate(2deg);
2345
2770
  }
2346
2771
 
2347
2772
  50% {
2348
2773
  -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2774
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2349
2775
  transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2350
2776
  }
2351
2777
 
2352
2778
  60% {
2353
2779
  -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2780
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2354
2781
  transform: translate3d(-3px, 1px, 0) rotate(0deg);
2355
2782
  }
2356
2783
 
2357
2784
  70% {
2358
2785
  -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2786
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2359
2787
  transform: translate3d(2px, 1px, 0) rotate(2deg);
2360
2788
  }
2361
2789
 
2362
2790
  80% {
2363
2791
  -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2792
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2364
2793
  transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2365
2794
  }
2366
2795
 
2367
2796
  90% {
2368
2797
  -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2798
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2369
2799
  transform: translate3d(2px, 2px, 0) rotate(0deg);
2370
2800
  }
2371
2801
 
2372
2802
  100% {
2373
2803
  -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2804
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2374
2805
  transform: translate3d(1px, -2px, 0) rotate(2deg);
2375
2806
  }
2376
2807
  }
2377
2808
 
2378
2809
  @-moz-keyframes quiver {
2379
2810
  0% {
2380
- transform: translate3d(2px, 1px, 0) rotate(0deg);
2811
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2812
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2813
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2381
2814
  }
2382
2815
 
2383
2816
  10% {
2384
- transform: translate3d(-1px, 2px, 0) rotate(2deg);
2817
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2818
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2819
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2385
2820
  }
2386
2821
 
2387
2822
  20% {
2388
- transform: translate3d(-3px, 0) rotate(-2deg);
2823
+ -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2824
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2825
+ transform: translate3d(-3px, 0) rotate(-2deg);
2389
2826
  }
2390
2827
 
2391
2828
  30% {
2392
- transform: translate3d(0, 2px, 0) rotate(0deg);
2829
+ -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2830
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2831
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2393
2832
  }
2394
2833
 
2395
2834
  40% {
2396
- transform: translate3d(1px, -1px, 0) rotate(2deg);
2835
+ -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2836
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2837
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2397
2838
  }
2398
2839
 
2399
2840
  50% {
2400
- transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2841
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2842
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2843
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2401
2844
  }
2402
2845
 
2403
2846
  60% {
2404
- transform: translate3d(-3px, 1px, 0) rotate(0deg);
2847
+ -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2848
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2849
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2405
2850
  }
2406
2851
 
2407
2852
  70% {
2408
- transform: translate3d(2px, 1px, 0) rotate(2deg);
2853
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2854
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2855
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2409
2856
  }
2410
2857
 
2411
2858
  80% {
2412
- transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2859
+ -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2860
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2861
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2413
2862
  }
2414
2863
 
2415
2864
  90% {
2416
- transform: translate3d(2px, 2px, 0) rotate(0deg);
2865
+ -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2866
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2867
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2417
2868
  }
2418
2869
 
2419
2870
  100% {
2420
- transform: translate3d(1px, -2px, 0) rotate(2deg);
2871
+ -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2872
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2873
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2421
2874
  }
2422
2875
  }
2423
2876
 
2424
2877
  @-o-keyframes quiver {
2425
2878
  0% {
2426
- transform: translate3d(2px, 1px, 0) rotate(0deg);
2879
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2880
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2881
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2427
2882
  }
2428
2883
 
2429
2884
  10% {
2430
- transform: translate3d(-1px, 2px, 0) rotate(2deg);
2885
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2886
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2887
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2431
2888
  }
2432
2889
 
2433
2890
  20% {
2434
- transform: translate3d(-3px, 0) rotate(-2deg);
2891
+ -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2892
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2893
+ transform: translate3d(-3px, 0) rotate(-2deg);
2435
2894
  }
2436
2895
 
2437
2896
  30% {
2438
- transform: translate3d(0, 2px, 0) rotate(0deg);
2897
+ -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2898
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2899
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2439
2900
  }
2440
2901
 
2441
2902
  40% {
2442
- transform: translate3d(1px, -1px, 0) rotate(2deg);
2903
+ -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2904
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2905
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2443
2906
  }
2444
2907
 
2445
2908
  50% {
2446
- transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2909
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2910
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2911
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2447
2912
  }
2448
2913
 
2449
2914
  60% {
2450
- transform: translate3d(-3px, 1px, 0) rotate(0deg);
2915
+ -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2916
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2917
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2451
2918
  }
2452
2919
 
2453
2920
  70% {
2454
- transform: translate3d(2px, 1px, 0) rotate(2deg);
2921
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2922
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2923
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2455
2924
  }
2456
2925
 
2457
2926
  80% {
2458
- transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2927
+ -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2928
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2929
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2459
2930
  }
2460
2931
 
2461
2932
  90% {
2462
- transform: translate3d(2px, 2px, 0) rotate(0deg);
2933
+ -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2934
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2935
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2463
2936
  }
2464
2937
 
2465
2938
  100% {
2466
- transform: translate3d(1px, -2px, 0) rotate(2deg);
2939
+ -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2940
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2941
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2467
2942
  }
2468
2943
  }
2469
2944
 
@@ -2538,45 +3013,60 @@
2538
3013
  @-webkit-keyframes sway {
2539
3014
  0%, 50%, 100% {
2540
3015
  -webkit-transform: rotate(3deg) translateZ(0);
3016
+ -ms-transform: rotate(3deg) translateZ(0);
2541
3017
  transform: rotate(3deg) translateZ(0);
2542
3018
  }
2543
3019
 
2544
3020
  25% {
2545
3021
  -webkit-transform: rotate(-3deg);
3022
+ -ms-transform: rotate(-3deg);
2546
3023
  transform: rotate(-3deg);
2547
3024
  }
2548
3025
 
2549
3026
  75% {
2550
3027
  -webkit-transform: rotate(-3deg);
3028
+ -ms-transform: rotate(-3deg);
2551
3029
  transform: rotate(-3deg);
2552
3030
  }
2553
3031
  }
2554
3032
 
2555
3033
  @-moz-keyframes sway {
2556
3034
  0%, 50%, 100% {
2557
- transform: rotate(3deg) translateZ(0);
3035
+ -webkit-transform: rotate(3deg) translateZ(0);
3036
+ -ms-transform: rotate(3deg) translateZ(0);
3037
+ transform: rotate(3deg) translateZ(0);
2558
3038
  }
2559
3039
 
2560
3040
  25% {
2561
- transform: rotate(-3deg);
3041
+ -webkit-transform: rotate(-3deg);
3042
+ -ms-transform: rotate(-3deg);
3043
+ transform: rotate(-3deg);
2562
3044
  }
2563
3045
 
2564
3046
  75% {
2565
- transform: rotate(-3deg);
3047
+ -webkit-transform: rotate(-3deg);
3048
+ -ms-transform: rotate(-3deg);
3049
+ transform: rotate(-3deg);
2566
3050
  }
2567
3051
  }
2568
3052
 
2569
3053
  @-o-keyframes sway {
2570
3054
  0%, 50%, 100% {
2571
- transform: rotate(3deg) translateZ(0);
3055
+ -webkit-transform: rotate(3deg) translateZ(0);
3056
+ -ms-transform: rotate(3deg) translateZ(0);
3057
+ transform: rotate(3deg) translateZ(0);
2572
3058
  }
2573
3059
 
2574
3060
  25% {
2575
- transform: rotate(-3deg);
3061
+ -webkit-transform: rotate(-3deg);
3062
+ -ms-transform: rotate(-3deg);
3063
+ transform: rotate(-3deg);
2576
3064
  }
2577
3065
 
2578
3066
  75% {
2579
- transform: rotate(-3deg);
3067
+ -webkit-transform: rotate(-3deg);
3068
+ -ms-transform: rotate(-3deg);
3069
+ transform: rotate(-3deg);
2580
3070
  }
2581
3071
  }
2582
3072
 
@@ -2603,32 +3093,42 @@
2603
3093
  @-webkit-keyframes spin {
2604
3094
  0% {
2605
3095
  -webkit-transform: rotate(0deg) translateZ(0);
3096
+ -ms-transform: rotate(0deg) translateZ(0);
2606
3097
  transform: rotate(0deg) translateZ(0);
2607
3098
  }
2608
3099
 
2609
3100
  100% {
2610
3101
  -webkit-transform: rotate(360deg);
3102
+ -ms-transform: rotate(360deg);
2611
3103
  transform: rotate(360deg);
2612
3104
  }
2613
3105
  }
2614
3106
 
2615
3107
  @-moz-keyframes spin {
2616
3108
  0% {
2617
- transform: rotate(0deg) translateZ(0);
3109
+ -webkit-transform: rotate(0deg) translateZ(0);
3110
+ -ms-transform: rotate(0deg) translateZ(0);
3111
+ transform: rotate(0deg) translateZ(0);
2618
3112
  }
2619
3113
 
2620
3114
  100% {
2621
- transform: rotate(360deg);
3115
+ -webkit-transform: rotate(360deg);
3116
+ -ms-transform: rotate(360deg);
3117
+ transform: rotate(360deg);
2622
3118
  }
2623
3119
  }
2624
3120
 
2625
3121
  @-o-keyframes spin {
2626
3122
  0% {
2627
- transform: rotate(0deg) translateZ(0);
3123
+ -webkit-transform: rotate(0deg) translateZ(0);
3124
+ -ms-transform: rotate(0deg) translateZ(0);
3125
+ transform: rotate(0deg) translateZ(0);
2628
3126
  }
2629
3127
 
2630
3128
  100% {
2631
- transform: rotate(360deg);
3129
+ -webkit-transform: rotate(360deg);
3130
+ -ms-transform: rotate(360deg);
3131
+ transform: rotate(360deg);
2632
3132
  }
2633
3133
  }
2634
3134
 
@@ -2649,84 +3149,114 @@
2649
3149
  @-webkit-keyframes bounce {
2650
3150
  0%, 85%, 100% {
2651
3151
  -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3152
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2652
3153
  transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2653
3154
  }
2654
3155
 
2655
3156
  25% {
2656
3157
  -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3158
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2657
3159
  transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2658
3160
  }
2659
3161
 
2660
3162
  35% {
2661
3163
  -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
3164
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
2662
3165
  transform: translateY(0) scaleY(.98) scaleX(1.02);
2663
3166
  }
2664
3167
 
2665
3168
  50% {
2666
3169
  -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3170
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2667
3171
  transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2668
3172
  }
2669
3173
 
2670
3174
  60% {
2671
3175
  -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
3176
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
2672
3177
  transform: translateY(0) scaleY(.99) scaleX(1.01);
2673
3178
  }
2674
3179
 
2675
3180
  75% {
2676
3181
  -webkit-transform: translateY(-.05rem);
3182
+ -ms-transform: translateY(-.05rem);
2677
3183
  transform: translateY(-.05rem);
2678
3184
  }
2679
3185
  }
2680
3186
 
2681
3187
  @-moz-keyframes bounce {
2682
3188
  0%, 85%, 100% {
2683
- transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3189
+ -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3190
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3191
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2684
3192
  }
2685
3193
 
2686
3194
  25% {
2687
- transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3195
+ -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3196
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3197
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2688
3198
  }
2689
3199
 
2690
3200
  35% {
2691
- transform: translateY(0) scaleY(.98) scaleX(1.02);
3201
+ -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
3202
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
3203
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2692
3204
  }
2693
3205
 
2694
3206
  50% {
2695
- transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3207
+ -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3208
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3209
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2696
3210
  }
2697
3211
 
2698
3212
  60% {
2699
- transform: translateY(0) scaleY(.99) scaleX(1.01);
3213
+ -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
3214
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
3215
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2700
3216
  }
2701
3217
 
2702
3218
  75% {
2703
- transform: translateY(-.05rem);
3219
+ -webkit-transform: translateY(-.05rem);
3220
+ -ms-transform: translateY(-.05rem);
3221
+ transform: translateY(-.05rem);
2704
3222
  }
2705
3223
  }
2706
3224
 
2707
3225
  @-o-keyframes bounce {
2708
3226
  0%, 85%, 100% {
2709
- transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3227
+ -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3228
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
3229
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2710
3230
  }
2711
3231
 
2712
3232
  25% {
2713
- transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3233
+ -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3234
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
3235
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2714
3236
  }
2715
3237
 
2716
3238
  35% {
2717
- transform: translateY(0) scaleY(.98) scaleX(1.02);
3239
+ -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
3240
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
3241
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2718
3242
  }
2719
3243
 
2720
3244
  50% {
2721
- transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3245
+ -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3246
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
3247
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2722
3248
  }
2723
3249
 
2724
3250
  60% {
2725
- transform: translateY(0) scaleY(.99) scaleX(1.01);
3251
+ -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
3252
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
3253
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2726
3254
  }
2727
3255
 
2728
3256
  75% {
2729
- transform: translateY(-.05rem);
3257
+ -webkit-transform: translateY(-.05rem);
3258
+ -ms-transform: translateY(-.05rem);
3259
+ transform: translateY(-.05rem);
2730
3260
  }
2731
3261
  }
2732
3262
 
@@ -2772,12 +3302,14 @@
2772
3302
  0%, 100% {
2773
3303
  opacity: 1;
2774
3304
  -webkit-transform: scale(1) translateZ(0);
3305
+ -ms-transform: scale(1) translateZ(0);
2775
3306
  transform: scale(1) translateZ(0);
2776
3307
  }
2777
3308
 
2778
3309
  50% {
2779
3310
  opacity: .85;
2780
3311
  -webkit-transform: scale(1.1);
3312
+ -ms-transform: scale(1.1);
2781
3313
  transform: scale(1.1);
2782
3314
  }
2783
3315
  }
@@ -2785,24 +3317,32 @@
2785
3317
  @-moz-keyframes pulsate {
2786
3318
  0%, 100% {
2787
3319
  opacity: 1;
2788
- transform: scale(1) translateZ(0);
3320
+ -webkit-transform: scale(1) translateZ(0);
3321
+ -ms-transform: scale(1) translateZ(0);
3322
+ transform: scale(1) translateZ(0);
2789
3323
  }
2790
3324
 
2791
3325
  50% {
2792
3326
  opacity: .85;
2793
- transform: scale(1.1);
3327
+ -webkit-transform: scale(1.1);
3328
+ -ms-transform: scale(1.1);
3329
+ transform: scale(1.1);
2794
3330
  }
2795
3331
  }
2796
3332
 
2797
3333
  @-o-keyframes pulsate {
2798
3334
  0%, 100% {
2799
3335
  opacity: 1;
2800
- transform: scale(1) translateZ(0);
3336
+ -webkit-transform: scale(1) translateZ(0);
3337
+ -ms-transform: scale(1) translateZ(0);
3338
+ transform: scale(1) translateZ(0);
2801
3339
  }
2802
3340
 
2803
3341
  50% {
2804
3342
  opacity: .85;
2805
- transform: scale(1.1);
3343
+ -webkit-transform: scale(1.1);
3344
+ -ms-transform: scale(1.1);
3345
+ transform: scale(1.1);
2806
3346
  }
2807
3347
  }
2808
3348
 
@@ -2825,32 +3365,42 @@
2825
3365
  @-webkit-keyframes aroundTheWorld {
2826
3366
  0% {
2827
3367
  -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3368
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2828
3369
  transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2829
3370
  }
2830
3371
 
2831
3372
  100% {
2832
3373
  -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3374
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2833
3375
  transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2834
3376
  }
2835
3377
  }
2836
3378
 
2837
3379
  @-moz-keyframes aroundTheWorld {
2838
3380
  0% {
2839
- transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3381
+ -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3382
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3383
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2840
3384
  }
2841
3385
 
2842
3386
  100% {
2843
- transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3387
+ -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3388
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3389
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2844
3390
  }
2845
3391
  }
2846
3392
 
2847
3393
  @-o-keyframes aroundTheWorld {
2848
3394
  0% {
2849
- transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3395
+ -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3396
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
3397
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2850
3398
  }
2851
3399
 
2852
3400
  100% {
2853
- transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3401
+ -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3402
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
3403
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2854
3404
  }
2855
3405
  }
2856
3406
 
@@ -2871,35 +3421,45 @@
2871
3421
  @-webkit-keyframes ping {
2872
3422
  0% {
2873
3423
  -webkit-transform: scale(0);
3424
+ -ms-transform: scale(0);
2874
3425
  transform: scale(0);
2875
3426
  }
2876
3427
 
2877
3428
  100% {
2878
3429
  opacity: 0;
2879
3430
  -webkit-transform: scale(1);
3431
+ -ms-transform: scale(1);
2880
3432
  transform: scale(1);
2881
3433
  }
2882
3434
  }
2883
3435
 
2884
3436
  @-moz-keyframes ping {
2885
3437
  0% {
2886
- transform: scale(0);
3438
+ -webkit-transform: scale(0);
3439
+ -ms-transform: scale(0);
3440
+ transform: scale(0);
2887
3441
  }
2888
3442
 
2889
3443
  100% {
2890
3444
  opacity: 0;
2891
- transform: scale(1);
3445
+ -webkit-transform: scale(1);
3446
+ -ms-transform: scale(1);
3447
+ transform: scale(1);
2892
3448
  }
2893
3449
  }
2894
3450
 
2895
3451
  @-o-keyframes ping {
2896
3452
  0% {
2897
- transform: scale(0);
3453
+ -webkit-transform: scale(0);
3454
+ -ms-transform: scale(0);
3455
+ transform: scale(0);
2898
3456
  }
2899
3457
 
2900
3458
  100% {
2901
3459
  opacity: 0;
2902
- transform: scale(1);
3460
+ -webkit-transform: scale(1);
3461
+ -ms-transform: scale(1);
3462
+ transform: scale(1);
2903
3463
  }
2904
3464
  }
2905
3465
 
@@ -2921,58 +3481,78 @@
2921
3481
  @-webkit-keyframes squareDance {
2922
3482
  0%, 100% {
2923
3483
  -webkit-transform: translate3d(100%, 0, 0);
3484
+ -ms-transform: translate3d(100%, 0, 0);
2924
3485
  transform: translate3d(100%, 0, 0);
2925
3486
  }
2926
3487
 
2927
3488
  25% {
2928
3489
  -webkit-transform: translate3d(100%, 100%, 0);
3490
+ -ms-transform: translate3d(100%, 100%, 0);
2929
3491
  transform: translate3d(100%, 100%, 0);
2930
3492
  }
2931
3493
 
2932
3494
  50% {
2933
3495
  -webkit-transform: translate3d(0, 100%, 0);
3496
+ -ms-transform: translate3d(0, 100%, 0);
2934
3497
  transform: translate3d(0, 100%, 0);
2935
3498
  }
2936
3499
 
2937
3500
  75% {
2938
3501
  -webkit-transform: translate3d(0, 0, 0);
3502
+ -ms-transform: translate3d(0, 0, 0);
2939
3503
  transform: translate3d(0, 0, 0);
2940
3504
  }
2941
3505
  }
2942
3506
 
2943
3507
  @-moz-keyframes squareDance {
2944
3508
  0%, 100% {
2945
- transform: translate3d(100%, 0, 0);
3509
+ -webkit-transform: translate3d(100%, 0, 0);
3510
+ -ms-transform: translate3d(100%, 0, 0);
3511
+ transform: translate3d(100%, 0, 0);
2946
3512
  }
2947
3513
 
2948
3514
  25% {
2949
- transform: translate3d(100%, 100%, 0);
3515
+ -webkit-transform: translate3d(100%, 100%, 0);
3516
+ -ms-transform: translate3d(100%, 100%, 0);
3517
+ transform: translate3d(100%, 100%, 0);
2950
3518
  }
2951
3519
 
2952
3520
  50% {
2953
- transform: translate3d(0, 100%, 0);
3521
+ -webkit-transform: translate3d(0, 100%, 0);
3522
+ -ms-transform: translate3d(0, 100%, 0);
3523
+ transform: translate3d(0, 100%, 0);
2954
3524
  }
2955
3525
 
2956
3526
  75% {
2957
- transform: translate3d(0, 0, 0);
3527
+ -webkit-transform: translate3d(0, 0, 0);
3528
+ -ms-transform: translate3d(0, 0, 0);
3529
+ transform: translate3d(0, 0, 0);
2958
3530
  }
2959
3531
  }
2960
3532
 
2961
3533
  @-o-keyframes squareDance {
2962
3534
  0%, 100% {
2963
- transform: translate3d(100%, 0, 0);
3535
+ -webkit-transform: translate3d(100%, 0, 0);
3536
+ -ms-transform: translate3d(100%, 0, 0);
3537
+ transform: translate3d(100%, 0, 0);
2964
3538
  }
2965
3539
 
2966
3540
  25% {
2967
- transform: translate3d(100%, 100%, 0);
3541
+ -webkit-transform: translate3d(100%, 100%, 0);
3542
+ -ms-transform: translate3d(100%, 100%, 0);
3543
+ transform: translate3d(100%, 100%, 0);
2968
3544
  }
2969
3545
 
2970
3546
  50% {
2971
- transform: translate3d(0, 100%, 0);
3547
+ -webkit-transform: translate3d(0, 100%, 0);
3548
+ -ms-transform: translate3d(0, 100%, 0);
3549
+ transform: translate3d(0, 100%, 0);
2972
3550
  }
2973
3551
 
2974
3552
  75% {
2975
- transform: translate3d(0, 0, 0);
3553
+ -webkit-transform: translate3d(0, 0, 0);
3554
+ -ms-transform: translate3d(0, 0, 0);
3555
+ transform: translate3d(0, 0, 0);
2976
3556
  }
2977
3557
  }
2978
3558
 
@@ -3005,32 +3585,42 @@
3005
3585
  @-webkit-keyframes sunrise {
3006
3586
  0% {
3007
3587
  -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3588
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3008
3589
  transform: rotate(0deg) translate(-15em) rotate(0deg);
3009
3590
  }
3010
3591
 
3011
3592
  100% {
3012
3593
  -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3594
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3013
3595
  transform: rotate(180deg) translate(-15em) rotate(-180deg);
3014
3596
  }
3015
3597
  }
3016
3598
 
3017
3599
  @-moz-keyframes sunrise {
3018
3600
  0% {
3019
- transform: rotate(0deg) translate(-15em) rotate(0deg);
3601
+ -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3602
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3603
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3020
3604
  }
3021
3605
 
3022
3606
  100% {
3023
- transform: rotate(180deg) translate(-15em) rotate(-180deg);
3607
+ -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3608
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3609
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3024
3610
  }
3025
3611
  }
3026
3612
 
3027
3613
  @-o-keyframes sunrise {
3028
3614
  0% {
3029
- transform: rotate(0deg) translate(-15em) rotate(0deg);
3615
+ -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3616
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3617
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3030
3618
  }
3031
3619
 
3032
3620
  100% {
3033
- transform: rotate(180deg) translate(-15em) rotate(-180deg);
3621
+ -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3622
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3623
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3034
3624
  }
3035
3625
  }
3036
3626