anything_slider-rails 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. data/.gitignore +5 -0
  2. data/Gemfile +4 -0
  3. data/Rakefile +1 -0
  4. data/anything_slider.gemspec +22 -0
  5. data/lib/anything_slider-rails.rb +7 -0
  6. data/lib/anything_slider/rails/engine.rb +6 -0
  7. data/lib/anything_slider/rails/version.rb +5 -0
  8. data/readme.markdown +57 -0
  9. data/vendor/assets/images/anythingslider/arrows-metallic.png +0 -0
  10. data/vendor/assets/images/anythingslider/arrows-minimalist.png +0 -0
  11. data/vendor/assets/images/anythingslider/construction.gif +0 -0
  12. data/vendor/assets/images/anythingslider/cs-portfolio.png +0 -0
  13. data/vendor/assets/images/anythingslider/default.png +0 -0
  14. data/vendor/assets/javascripts/anythingslider/jquery.anythingslider.fx.js +188 -0
  15. data/vendor/assets/javascripts/anythingslider/jquery.anythingslider.js +831 -0
  16. data/vendor/assets/javascripts/anythingslider/jquery.anythingslider.video.js +379 -0
  17. data/vendor/assets/javascripts/anythingslider/jquery.easing.1.3.js +205 -0
  18. data/vendor/assets/javascripts/anythingslider/swfobject.js +4 -0
  19. data/vendor/assets/stylesheets/anythingslider/animate.css +3813 -0
  20. data/vendor/assets/stylesheets/anythingslider/anythingslider-ie.css +65 -0
  21. data/vendor/assets/stylesheets/anythingslider/anythingslider.css.erb +202 -0
  22. data/vendor/assets/stylesheets/anythingslider/theme-construction.css.erb +142 -0
  23. data/vendor/assets/stylesheets/anythingslider/theme-cs-portfolio.css.erb +149 -0
  24. data/vendor/assets/stylesheets/anythingslider/theme-metallic.css.erb +146 -0
  25. data/vendor/assets/stylesheets/anythingslider/theme-minimalist-round.css.erb +144 -0
  26. data/vendor/assets/stylesheets/anythingslider/theme-minimalist-square.css.erb +144 -0
  27. metadata +107 -0
data/vendor/assets/javascripts/anythingslider/swfobject.js ADDED
@@ -0,0 +1,4 @@
1
+ /* SWFObject v2.2 <http://code.google.com/p/swfobject/>
2
+ is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
3
+ */
4
+ var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof j.addEventListener!=D){j.addEventListener("DOMContentLoaded",f,false)}if(M.ie&&M.win){j.attachEvent(x,function(){if(j.readyState=="complete"){j.detachEvent(x,arguments.callee);f()}});if(O==top){(function(){if(J){return}try{j.documentElement.doScroll("left")}catch(X){setTimeout(arguments.callee,0);return}f()})()}}if(M.wk){(function(){if(J){return}if(!/loaded|complete/.test(j.readyState)){setTimeout(arguments.callee,0);return}f()})()}s(f)}}();function f(){if(J){return}try{var Z=j.getElementsByTagName("body")[0].appendChild(C("span"));Z.parentNode.removeChild(Z)}catch(aa){return}J=true;var X=U.length;for(var Y=0;Y<X;Y++){U[Y]()}}function K(X){if(J){X()}else{U[U.length]=X}}function s(Y){if(typeof O.addEventListener!=D){O.addEventListener("load",Y,false)}else{if(typeof j.addEventListener!=D){j.addEventListener("load",Y,false)}else{if(typeof O.attachEvent!=D){i(O,"onload",Y)}else{if(typeof O.onload=="function"){var X=O.onload;O.onload=function(){X();Y()}}else{O.onload=Y}}}}}function h(){if(T){V()}else{H()}}function V(){var X=j.getElementsByTagName("body")[0];var aa=C(r);aa.setAttribute("type",q);var Z=X.appendChild(aa);if(Z){var Y=0;(function(){if(typeof Z.GetVariable!=D){var ab=Z.GetVariable("$version");if(ab){ab=ab.split(" ")[1].split(",");M.pv=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}else{if(Y<10){Y++;setTimeout(arguments.callee,10);return}}X.removeChild(aa);Z=null;H()})()}else{H()}}function H(){var ag=o.length;if(ag>0){for(var af=0;af<ag;af++){var Y=o[af].id;var ab=o[af].callbackFn;var aa={success:false,id:Y};if(M.pv[0]>0){var ae=c(Y);if(ae){if(F(o[af].swfVersion)&&!(M.wk&&M.wk<312)){w(Y,true);if(ab){aa.success=true;aa.ref=z(Y);ab(aa)}}else{if(o[af].expressInstall&&A()){var ai={};ai.data=o[af].expressInstall;ai.width=ae.getAttribute("width")||"0";ai.height=ae.getAttribute("height")||"0";if(ae.getAttribute("class")){ai.styleclass=ae.getAttribute("class")}if(ae.getAttribute("align")){ai.align=ae.getAttribute("align")}var ah={};var X=ae.getElementsByTagName("param");var ac=X.length;for(var ad=0;ad<ac;ad++){if(X[ad].getAttribute("name").toLowerCase()!="movie"){ah[X[ad].getAttribute("name")]=X[ad].getAttribute("value")}}P(ai,ah,Y,ab)}else{p(ae);if(ab){ab(aa)}}}}}else{w(Y,true);if(ab){var Z=z(Y);if(Z&&typeof Z.SetVariable!=D){aa.success=true;aa.ref=Z}ab(aa)}}}}}function z(aa){var X=null;var Y=c(aa);if(Y&&Y.nodeName=="OBJECT"){if(typeof Y.SetVariable!=D){X=Y}else{var Z=Y.getElementsByTagName(r)[0];if(Z){X=Z}}}return X}function A(){return !a&&F("6.0.65")&&(M.win||M.mac)&&!(M.wk&&M.wk<312)}function P(aa,ab,X,Z){a=true;E=Z||null;B={success:false,id:X};var ae=c(X);if(ae){if(ae.nodeName=="OBJECT"){l=g(ae);Q=null}else{l=ae;Q=X}aa.id=R;if(typeof aa.width==D||(!/%$/.test(aa.width)&&parseInt(aa.width,10)<310)){aa.width="310"}if(typeof aa.height==D||(!/%$/.test(aa.height)&&parseInt(aa.height,10)<137)){aa.height="137"}j.title=j.title.slice(0,47)+" - Flash Player Installation";var ad=M.ie&&M.win?"ActiveX":"PlugIn",ac="MMredirectURL="+O.location.toString().replace(/&/g,"%26")+"&MMplayerType="+ad+"&MMdoctitle="+j.title;if(typeof ab.flashvars!=D){ab.flashvars+="&"+ac}else{ab.flashvars=ac}if(M.ie&&M.win&&ae.readyState!=4){var Y=C("div");X+="SWFObjectNew";Y.setAttribute("id",X);ae.parentNode.insertBefore(Y,ae);ae.style.display="none";(function(){if(ae.readyState==4){ae.parentNode.removeChild(ae)}else{setTimeout(arguments.callee,10)}})()}u(aa,ab,X)}}function p(Y){if(M.ie&&M.win&&Y.readyState!=4){var X=C("div");Y.parentNode.insertBefore(X,Y);X.parentNode.replaceChild(g(Y),X);Y.style.display="none";(function(){if(Y.readyState==4){Y.parentNode.removeChild(Y)}else{setTimeout(arguments.callee,10)}})()}else{Y.parentNode.replaceChild(g(Y),Y)}}function g(ab){var aa=C("div");if(M.win&&M.ie){aa.innerHTML=ab.innerHTML}else{var Y=ab.getElementsByTagName(r)[0];if(Y){var ad=Y.childNodes;if(ad){var X=ad.length;for(var Z=0;Z<X;Z++){if(!(ad[Z].nodeType==1&&ad[Z].nodeName=="PARAM")&&!(ad[Z].nodeType==8)){aa.appendChild(ad[Z].cloneNode(true))}}}}}return aa}function u(ai,ag,Y){var X,aa=c(Y);if(M.wk&&M.wk<312){return X}if(aa){if(typeof ai.id==D){ai.id=Y}if(M.ie&&M.win){var ah="";for(var ae in ai){if(ai[ae]!=Object.prototype[ae]){if(ae.toLowerCase()=="data"){ag.movie=ai[ae]}else{if(ae.toLowerCase()=="styleclass"){ah+=' class="'+ai[ae]+'"'}else{if(ae.toLowerCase()!="classid"){ah+=" "+ae+'="'+ai[ae]+'"'}}}}}var af="";for(var ad in ag){if(ag[ad]!=Object.prototype[ad]){af+='<param name="'+ad+'" value="'+ag[ad]+'" />'}}aa.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+ah+">"+af+"</object>";N[N.length]=ai.id;X=c(ai.id)}else{var Z=C(r);Z.setAttribute("type",q);for(var ac in ai){if(ai[ac]!=Object.prototype[ac]){if(ac.toLowerCase()=="styleclass"){Z.setAttribute("class",ai[ac])}else{if(ac.toLowerCase()!="classid"){Z.setAttribute(ac,ai[ac])}}}}for(var ab in ag){if(ag[ab]!=Object.prototype[ab]&&ab.toLowerCase()!="movie"){e(Z,ab,ag[ab])}}aa.parentNode.replaceChild(Z,aa);X=Z}}return X}function e(Z,X,Y){var aa=C("param");aa.setAttribute("name",X);aa.setAttribute("value",Y);Z.appendChild(aa)}function y(Y){var X=c(Y);if(X&&X.nodeName=="OBJECT"){if(M.ie&&M.win){X.style.display="none";(function(){if(X.readyState==4){b(Y)}else{setTimeout(arguments.callee,10)}})()}else{X.parentNode.removeChild(X)}}}function b(Z){var Y=c(Z);if(Y){for(var X in Y){if(typeof Y[X]=="function"){Y[X]=null}}Y.parentNode.removeChild(Y)}}function c(Z){var X=null;try{X=j.getElementById(Z)}catch(Y){}return X}function C(X){return j.createElement(X)}function i(Z,X,Y){Z.attachEvent(X,Y);I[I.length]=[Z,X,Y]}function F(Z){var Y=M.pv,X=Z.split(".");X[0]=parseInt(X[0],10);X[1]=parseInt(X[1],10)||0;X[2]=parseInt(X[2],10)||0;return(Y[0]>X[0]||(Y[0]==X[0]&&Y[1]>X[1])||(Y[0]==X[0]&&Y[1]==X[1]&&Y[2]>=X[2]))?true:false}function v(ac,Y,ad,ab){if(M.ie&&M.mac){return}var aa=j.getElementsByTagName("head")[0];if(!aa){return}var X=(ad&&typeof ad=="string")?ad:"screen";if(ab){n=null;G=null}if(!n||G!=X){var Z=C("style");Z.setAttribute("type","text/css");Z.setAttribute("media",X);n=aa.appendChild(Z);if(M.ie&&M.win&&typeof j.styleSheets!=D&&j.styleSheets.length>0){n=j.styleSheets[j.styleSheets.length-1]}G=X}if(M.ie&&M.win){if(n&&typeof n.addRule==r){n.addRule(ac,Y)}}else{if(n&&typeof j.createTextNode!=D){n.appendChild(j.createTextNode(ac+" {"+Y+"}"))}}}function w(Z,X){if(!m){return}var Y=X?"visible":"hidden";if(J&&c(Z)){c(Z).style.visibility=Y}else{v("#"+Z,"visibility:"+Y)}}function L(Y){var Z=/[\\\"<>\.;]/;var X=Z.exec(Y)!=null;return X&&typeof encodeURIComponent!=D?encodeURIComponent(Y):Y}var d=function(){if(M.ie&&M.win){window.attachEvent("onunload",function(){var ac=I.length;for(var ab=0;ab<ac;ab++){I[ab][0].detachEvent(I[ab][1],I[ab][2])}var Z=N.length;for(var aa=0;aa<Z;aa++){y(N[aa])}for(var Y in M){M[Y]=null}M=null;for(var X in swfobject){swfobject[X]=null}swfobject=null})}}();return{registerObject:function(ab,X,aa,Z){if(M.w3&&ab&&X){var Y={};Y.id=ab;Y.swfVersion=X;Y.expressInstall=aa;Y.callbackFn=Z;o[o.length]=Y;w(ab,false)}else{if(Z){Z({success:false,id:ab})}}},getObjectById:function(X){if(M.w3){return z(X)}},embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac){var X={success:false,id:ah};if(M.w3&&!(M.wk&&M.wk<312)&&ab&&ah&&ae&&ag&&Y){w(ah,false);K(function(){ae+="";ag+="";var aj={};if(af&&typeof af===r){for(var al in af){aj[al]=af[al]}}aj.data=ab;aj.width=ae;aj.height=ag;var am={};if(ad&&typeof ad===r){for(var ak in ad){am[ak]=ad[ak]}}if(Z&&typeof Z===r){for(var ai in Z){if(typeof am.flashvars!=D){am.flashvars+="&"+ai+"="+Z[ai]}else{am.flashvars=ai+"="+Z[ai]}}}if(F(Y)){var an=u(aj,am,ah);if(aj.id==ah){w(ah,true)}X.success=true;X.ref=an}else{if(aa&&A()){aj.data=aa;P(aj,am,ah,ac);return}else{w(ah,true)}}if(ac){ac(X)}})}else{if(ac){ac(X)}}},switchOffAutoHideShow:function(){m=false},ua:M,getFlashPlayerVersion:function(){return{major:M.pv[0],minor:M.pv[1],release:M.pv[2]}},hasFlashPlayerVersion:F,createSWF:function(Z,Y,X){if(M.w3){return u(Z,Y,X)}else{return undefined}},showExpressInstall:function(Z,aa,X,Y){if(M.w3&&A()){P(Z,aa,X,Y)}},removeSWF:function(X){if(M.w3){y(X)}},createCSS:function(aa,Z,Y,X){if(M.w3){v(aa,Z,Y,X)}},addDomLoadEvent:K,addLoadEvent:s,getQueryParamValue:function(aa){var Z=j.location.search||j.location.hash;if(Z){if(/\?/.test(Z)){Z=Z.split("?")[1]}if(aa==null){return L(Z)}var Y=Z.split("&");for(var X=0;X<Y.length;X++){if(Y[X].substring(0,Y[X].indexOf("="))==aa){return L(Y[X].substring((Y[X].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(a){var X=c(R);if(X&&l){X.parentNode.replaceChild(l,X);if(Q){w(Q,true);if(M.ie&&M.win){l.style.display="block"}}if(E){E(B)}}a=false}}}}();
data/vendor/assets/stylesheets/anythingslider/animate.css ADDED
@@ -0,0 +1,3813 @@
1
+ /*
2
+ Animate.css - http://daneden.me/animate
3
+ LICENSED UNDER THE MIT LICENSE (MIT)
4
+
5
+ Copyright (c) 2011 Dan Eden
6
+
7
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
8
+
9
+ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
10
+
11
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
12
+ */
13
+
14
+ .animated {
15
+ -webkit-animation: 1s ease;
16
+ -moz-animation: 1s ease;
17
+ -ms-animation: 1s ease;
18
+ -o-animation: 1s ease;
19
+ animation: 1s ease;
20
+ -webkit-animation-fill-mode: both;
21
+ -moz-animation-fill-mode: both;
22
+ -ms-animation-fill-mode: both;
23
+ -o-animation-fill-mode: both;
24
+ animation-fill-mode: both;
25
+ }
26
+
27
+ .animated.hinge {
28
+ -webkit-animation: 2s ease;
29
+ -moz-animation: 2s ease;
30
+ -ms-animation: 2s ease;
31
+ -o-animation: 2s ease;
32
+ animation: 2s ease;
33
+ }
34
+
35
+ @-webkit-keyframes flash {
36
+ 0%, 50%, 100% {opacity: 1;}
37
+ 25%, 75% {opacity: 0;}
38
+ }
39
+
40
+ @-moz-keyframes flash {
41
+ 0%, 50%, 100% {opacity: 1;}
42
+ 25%, 75% {opacity: 0;}
43
+ }
44
+
45
+ @-ms-keyframes flash {
46
+ 0%, 50%, 100% {opacity: 1;}
47
+ 25%, 75% {opacity: 0;}
48
+ }
49
+
50
+ @-o-keyframes flash {
51
+ 0%, 50%, 100% {opacity: 1;}
52
+ 25%, 75% {opacity: 0;}
53
+ }
54
+
55
+ @keyframes flash {
56
+ 0%, 50%, 100% {opacity: 1;}
57
+ 25%, 75% {opacity: 0;}
58
+ }
59
+
60
+ .flash {
61
+ -webkit-animation-name: flash;
62
+ -moz-animation-name: flash;
63
+ -ms-animation-name: flash;
64
+ -o-animation-name: flash;
65
+ animation-name: flash;
66
+ }
67
+ @-webkit-keyframes shake {
68
+ 0%, 100% {-webkit-transform: translateX(0);}
69
+ 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
70
+ 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
71
+ }
72
+
73
+ @-moz-keyframes shake {
74
+ 0%, 100% {-moz-transform: translateX(0);}
75
+ 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
76
+ 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
77
+ }
78
+
79
+ @-ms-keyframes shake {
80
+ 0%, 100% {-ms-transform: translateX(0);}
81
+ 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
82
+ 20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
83
+ }
84
+
85
+ @-o-keyframes shake {
86
+ 0%, 100% {-o-transform: translateX(0);}
87
+ 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
88
+ 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
89
+ }
90
+
91
+ @keyframes shake {
92
+ 0%, 100% {transform: translateX(0);}
93
+ 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
94
+ 20%, 40%, 60%, 80% {transform: translateX(10px);}
95
+ }
96
+
97
+ .shake {
98
+ -webkit-animation-name: shake;
99
+ -moz-animation-name: shake;
100
+ -ms-animation-name: shake;
101
+ -o-animation-name: shake;
102
+ animation-name: shake;
103
+ }
104
+ @-webkit-keyframes bounce {
105
+ 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
106
+ 40% {-webkit-transform: translateY(-30px);}
107
+ 60% {-webkit-transform: translateY(-15px);}
108
+ }
109
+
110
+ @-moz-keyframes bounce {
111
+ 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
112
+ 40% {-moz-transform: translateY(-30px);}
113
+ 60% {-moz-transform: translateY(-15px);}
114
+ }
115
+
116
+ @-ms-keyframes bounce {
117
+ 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
118
+ 40% {-ms-transform: translateY(-30px);}
119
+ 60% {-ms-transform: translateY(-15px);}
120
+ }
121
+
122
+ @-o-keyframes bounce {
123
+ 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
124
+ 40% {-o-transform: translateY(-30px);}
125
+ 60% {-o-transform: translateY(-15px);}
126
+ }
127
+ @keyframes bounce {
128
+ 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
129
+ 40% {transform: translateY(-30px);}
130
+ 60% {transform: translateY(-15px);}
131
+ }
132
+
133
+ .bounce {
134
+ -webkit-animation-name: bounce;
135
+ -moz-animation-name: bounce;
136
+ -ms-animation-name: bounce;
137
+ -o-animation-name: bounce;
138
+ animation-name: bounce;
139
+ }
140
+ @-webkit-keyframes tada {
141
+ 0% {-webkit-transform: scale(1);}
142
+ 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
143
+ 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
144
+ 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
145
+ 100% {-webkit-transform: scale(1) rotate(0);}
146
+ }
147
+
148
+ @-moz-keyframes tada {
149
+ 0% {-moz-transform: scale(1);}
150
+ 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
151
+ 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
152
+ 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
153
+ 100% {-moz-transform: scale(1) rotate(0);}
154
+ }
155
+
156
+ @-ms-keyframes tada {
157
+ 0% {-ms-transform: scale(1);}
158
+ 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
159
+ 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
160
+ 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
161
+ 100% {-ms-transform: scale(1) rotate(0);}
162
+ }
163
+
164
+ @-o-keyframes tada {
165
+ 0% {-o-transform: scale(1);}
166
+ 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
167
+ 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
168
+ 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
169
+ 100% {-o-transform: scale(1) rotate(0);}
170
+ }
171
+
172
+ @keyframes tada {
173
+ 0% {transform: scale(1);}
174
+ 10%, 20% {transform: scale(0.9) rotate(-3deg);}
175
+ 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
176
+ 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
177
+ 100% {transform: scale(1) rotate(0);}
178
+ }
179
+
180
+ .tada {
181
+ -webkit-animation-name: tada;
182
+ -moz-animation-name: tada;
183
+ -ms-animation-name: tada;
184
+ -o-animation-name: tada;
185
+ animation-name: tada;
186
+ }
187
+ @-webkit-keyframes swing {
188
+ 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
189
+ 20% { -webkit-transform: rotate(15deg); }
190
+ 40% { -webkit-transform: rotate(-10deg); }
191
+ 60% { -webkit-transform: rotate(5deg); }
192
+ 80% { -webkit-transform: rotate(-5deg); }
193
+ 100% { -webkit-transform: rotate(0deg); }
194
+ }
195
+
196
+ @-moz-keyframes swing {
197
+ 20% { -moz-transform: rotate(15deg); }
198
+ 40% { -moz-transform: rotate(-10deg); }
199
+ 60% { -moz-transform: rotate(5deg); }
200
+ 80% { -moz-transform: rotate(-5deg); }
201
+ 100% { -moz-transform: rotate(0deg); }
202
+ }
203
+
204
+ @-ms-keyframes swing {
205
+ 20% { -ms-transform: rotate(15deg); }
206
+ 40% { -ms-transform: rotate(-10deg); }
207
+ 60% { -ms-transform: rotate(5deg); }
208
+ 80% { -ms-transform: rotate(-5deg); }
209
+ 100% { -ms-transform: rotate(0deg); }
210
+ }
211
+
212
+ @-o-keyframes swing {
213
+ 20% { -o-transform: rotate(15deg); }
214
+ 40% { -o-transform: rotate(-10deg); }
215
+ 60% { -o-transform: rotate(5deg); }
216
+ 80% { -o-transform: rotate(-5deg); }
217
+ 100% { -o-transform: rotate(0deg); }
218
+ }
219
+
220
+ @keyframes swing {
221
+ 20% { transform: rotate(15deg); }
222
+ 40% { transform: rotate(-10deg); }
223
+ 60% { transform: rotate(5deg); }
224
+ 80% { transform: rotate(-5deg); }
225
+ 100% { transform: rotate(0deg); }
226
+ }
227
+
228
+ .swing {
229
+ -webkit-transform-origin: top center;
230
+ -moz-transform-origin: top center;
231
+ -ms-transform-origin: top center;
232
+ -o-transform-origin: top center;
233
+ transform-origin: top center;
234
+ -webkit-animation-name: swing;
235
+ -moz-animation-name: swing;
236
+ -ms-animation-name: swing;
237
+ -o-animation-name: swing;
238
+ animation-name: swing;
239
+ }
240
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
241
+
242
+ @-webkit-keyframes wobble {
243
+ 0% { -webkit-transform: translateX(0%); }
244
+ 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
245
+ 30% { -webkit-transform: translateX(20%) rotate(3deg); }
246
+ 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
247
+ 60% { -webkit-transform: translateX(10%) rotate(2deg); }
248
+ 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
249
+ 100% { -webkit-transform: translateX(0%); }
250
+ }
251
+
252
+ @-moz-keyframes wobble {
253
+ 0% { -moz-transform: translateX(0%); }
254
+ 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
255
+ 30% { -moz-transform: translateX(20%) rotate(3deg); }
256
+ 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
257
+ 60% { -moz-transform: translateX(10%) rotate(2deg); }
258
+ 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
259
+ 100% { -moz-transform: translateX(0%); }
260
+ }
261
+
262
+ @-ms-keyframes wobble {
263
+ 0% { -ms-transform: translateX(0%); }
264
+ 15% { -ms-transform: translateX(-25%) rotate(-5deg); }
265
+ 30% { -ms-transform: translateX(20%) rotate(3deg); }
266
+ 45% { -ms-transform: translateX(-15%) rotate(-3deg); }
267
+ 60% { -ms-transform: translateX(10%) rotate(2deg); }
268
+ 75% { -ms-transform: translateX(-5%) rotate(-1deg); }
269
+ 100% { -ms-transform: translateX(0%); }
270
+ }
271
+
272
+ @-o-keyframes wobble {
273
+ 0% { -o-transform: translateX(0%); }
274
+ 15% { -o-transform: translateX(-25%) rotate(-5deg); }
275
+ 30% { -o-transform: translateX(20%) rotate(3deg); }
276
+ 45% { -o-transform: translateX(-15%) rotate(-3deg); }
277
+ 60% { -o-transform: translateX(10%) rotate(2deg); }
278
+ 75% { -o-transform: translateX(-5%) rotate(-1deg); }
279
+ 100% { -o-transform: translateX(0%); }
280
+ }
281
+
282
+ @keyframes wobble {
283
+ 0% { transform: translateX(0%); }
284
+ 15% { transform: translateX(-25%) rotate(-5deg); }
285
+ 30% { transform: translateX(20%) rotate(3deg); }
286
+ 45% { transform: translateX(-15%) rotate(-3deg); }
287
+ 60% { transform: translateX(10%) rotate(2deg); }
288
+ 75% { transform: translateX(-5%) rotate(-1deg); }
289
+ 100% { transform: translateX(0%); }
290
+ }
291
+
292
+ .wobble {
293
+ -webkit-animation-name: wobble;
294
+ -moz-animation-name: wobble;
295
+ -ms-animation-name: wobble;
296
+ -o-animation-name: wobble;
297
+ animation-name: wobble;
298
+ }
299
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
300
+
301
+ @-webkit-keyframes pulse {
302
+ 0% { -webkit-transform: scale(1); }
303
+ 50% { -webkit-transform: scale(1.1); }
304
+ 100% { -webkit-transform: scale(1); }
305
+ }
306
+ @-moz-keyframes pulse {
307
+ 0% { -moz-transform: scale(1); }
308
+ 50% { -moz-transform: scale(1.1); }
309
+ 100% { -moz-transform: scale(1); }
310
+ }
311
+ @-ms-keyframes pulse {
312
+ 0% { -ms-transform: scale(1); }
313
+ 50% { -ms-transform: scale(1.1); }
314
+ 100% { -ms-transform: scale(1); }
315
+ }
316
+ @-o-keyframes pulse {
317
+ 0% { -o-transform: scale(1); }
318
+ 50% { -o-transform: scale(1.1); }
319
+ 100% { -o-transform: scale(1); }
320
+ }
321
+ @keyframes pulse {
322
+ 0% { transform: scale(1); }
323
+ 50% { transform: scale(1.1); }
324
+ 100% { transform: scale(1); }
325
+ }
326
+
327
+ .pulse {
328
+ -webkit-animation-name: pulse;
329
+ -moz-animation-name: pulse;
330
+ -ms-animation-name: pulse;
331
+ -o-animation-name: pulse;
332
+ animation-name: pulse;
333
+ }
334
+ @-webkit-keyframes flip {
335
+ 0% {
336
+ -webkit-transform: perspective(400px) rotateY(0);
337
+ -webkit-animation-timing-function: ease-out;
338
+ }
339
+ 40% {
340
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
341
+ -webkit-animation-timing-function: ease-out;
342
+ }
343
+ 50% {
344
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
345
+ -webkit-animation-timing-function: ease-in;
346
+ }
347
+ 80% {
348
+ -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
349
+ -webkit-animation-timing-function: ease-in;
350
+ }
351
+ 100% {
352
+ -webkit-transform: perspective(400px) scale(1);
353
+ -webkit-animation-timing-function: ease-in;
354
+ }
355
+ }
356
+ @-moz-keyframes flip {
357
+ 0% {
358
+ -moz-transform: perspective(400px) rotateY(0);
359
+ -moz-animation-timing-function: ease-out;
360
+ }
361
+ 40% {
362
+ -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
363
+ -moz-animation-timing-function: ease-out;
364
+ }
365
+ 50% {
366
+ -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
367
+ -moz-animation-timing-function: ease-in;
368
+ }
369
+ 80% {
370
+ -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
371
+ -moz-animation-timing-function: ease-in;
372
+ }
373
+ 100% {
374
+ -moz-transform: perspective(400px) scale(1);
375
+ -moz-animation-timing-function: ease-in;
376
+ }
377
+ }
378
+ @-ms-keyframes flip {
379
+ 0% {
380
+ -ms-transform: perspective(400px) rotateY(0);
381
+ -ms-animation-timing-function: ease-out;
382
+ }
383
+ 40% {
384
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
385
+ -ms-animation-timing-function: ease-out;
386
+ }
387
+ 50% {
388
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
389
+ -ms-animation-timing-function: ease-in;
390
+ }
391
+ 80% {
392
+ -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
393
+ -ms-animation-timing-function: ease-in;
394
+ }
395
+ 100% {
396
+ -ms-transform: perspective(400px) scale(1);
397
+ -ms-animation-timing-function: ease-in;
398
+ }
399
+ }
400
+ @-o-keyframes flip {
401
+ 0% {
402
+ -o-transform: perspective(400px) rotateY(0);
403
+ -o-animation-timing-function: ease-out;
404
+ }
405
+ 40% {
406
+ -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
407
+ -o-animation-timing-function: ease-out;
408
+ }
409
+ 50% {
410
+ -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
411
+ -o-animation-timing-function: ease-in;
412
+ }
413
+ 80% {
414
+ -o-transform: perspective(400px) rotateY(360deg) scale(.95);
415
+ -o-animation-timing-function: ease-in;
416
+ }
417
+ 100% {
418
+ -o-transform: perspective(400px) scale(1);
419
+ -o-animation-timing-function: ease-in;
420
+ }
421
+ }
422
+ @keyframes flip {
423
+ 0% {
424
+ transform: perspective(400px) rotateY(0);
425
+ animation-timing-function: ease-out;
426
+ }
427
+ 40% {
428
+ transform: perspective(400px) translateZ(150px) rotateY(170deg);
429
+ animation-timing-function: ease-out;
430
+ }
431
+ 50% {
432
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
433
+ animation-timing-function: ease-in;
434
+ }
435
+ 80% {
436
+ transform: perspective(400px) rotateY(360deg) scale(.95);
437
+ animation-timing-function: ease-in;
438
+ }
439
+ 100% {
440
+ transform: perspective(400px) scale(1);
441
+ animation-timing-function: ease-in;
442
+ }
443
+ }
444
+
445
+ .flip {
446
+ -webkit-backface-visibility: visible !important;
447
+ -webkit-animation-name: flip;
448
+ -moz-backface-visibility: visible !important;
449
+ -moz-animation-name: flip;
450
+ -ms-backface-visibility: visible !important;
451
+ -ms-animation-name: flip;
452
+ -o-backface-visibility: visible !important;
453
+ -o-animation-name: flip;
454
+ backface-visibility: visible !important;
455
+ animation-name: flip;
456
+ }
457
+ @-webkit-keyframes flipInX {
458
+ 0% {
459
+ -webkit-transform: perspective(400px) rotateX(90deg);
460
+ opacity: 0;
461
+ }
462
+
463
+ 40% {
464
+ -webkit-transform: perspective(400px) rotateX(-10deg);
465
+ }
466
+
467
+ 70% {
468
+ -webkit-transform: perspective(400px) rotateX(10deg);
469
+ }
470
+
471
+ 100% {
472
+ -webkit-transform: perspective(400px) rotateX(0deg);
473
+ opacity: 1;
474
+ }
475
+ }
476
+ @-moz-keyframes flipInX {
477
+ 0% {
478
+ -moz-transform: perspective(400px) rotateX(90deg);
479
+ opacity: 0;
480
+ }
481
+
482
+ 40% {
483
+ -moz-transform: perspective(400px) rotateX(-10deg);
484
+ }
485
+
486
+ 70% {
487
+ -moz-transform: perspective(400px) rotateX(10deg);
488
+ }
489
+
490
+ 100% {
491
+ -moz-transform: perspective(400px) rotateX(0deg);
492
+ opacity: 1;
493
+ }
494
+ }
495
+ @-ms-keyframes flipInX {
496
+ 0% {
497
+ -ms-transform: perspective(400px) rotateX(90deg);
498
+ opacity: 0;
499
+ }
500
+
501
+ 40% {
502
+ -ms-transform: perspective(400px) rotateX(-10deg);
503
+ }
504
+
505
+ 70% {
506
+ -ms-transform: perspective(400px) rotateX(10deg);
507
+ }
508
+
509
+ 100% {
510
+ -ms-transform: perspective(400px) rotateX(0deg);
511
+ opacity: 1;
512
+ }
513
+ }
514
+ @-o-keyframes flipInX {
515
+ 0% {
516
+ -o-transform: perspective(400px) rotateX(90deg);
517
+ opacity: 0;
518
+ }
519
+
520
+ 40% {
521
+ -o-transform: perspective(400px) rotateX(-10deg);
522
+ }
523
+
524
+ 70% {
525
+ -o-transform: perspective(400px) rotateX(10deg);
526
+ }
527
+
528
+ 100% {
529
+ -o-transform: perspective(400px) rotateX(0deg);
530
+ opacity: 1;
531
+ }
532
+ }
533
+ @keyframes flipInX {
534
+ 0% {
535
+ transform: perspective(400px) rotateX(90deg);
536
+ opacity: 0;
537
+ }
538
+
539
+ 40% {
540
+ transform: perspective(400px) rotateX(-10deg);
541
+ }
542
+
543
+ 70% {
544
+ transform: perspective(400px) rotateX(10deg);
545
+ }
546
+
547
+ 100% {
548
+ transform: perspective(400px) rotateX(0deg);
549
+ opacity: 1;
550
+ }
551
+ }
552
+
553
+ .flipInX {
554
+ -webkit-backface-visibility: visible !important;
555
+ -webkit-animation-name: flipInX;
556
+ -moz-backface-visibility: visible !important;
557
+ -moz-animation-name: flipInX;
558
+ -ms-backface-visibility: visible !important;
559
+ -ms-animation-name: flipInX;
560
+ -o-backface-visibility: visible !important;
561
+ -o-animation-name: flipInX;
562
+ backface-visibility: visible !important;
563
+ animation-name: flipInX;
564
+ }
565
+ @-webkit-keyframes flipOutX {
566
+ 0% {
567
+ -webkit-transform: perspective(400px) rotateX(0deg);
568
+ opacity: 1;
569
+ }
570
+ 100% {
571
+ -webkit-transform: perspective(400px) rotateX(90deg);
572
+ opacity: 0;
573
+ }
574
+ }
575
+
576
+ @-moz-keyframes flipOutX {
577
+ 0% {
578
+ -moz-transform: perspective(400px) rotateX(0deg);
579
+ opacity: 1;
580
+ }
581
+ 100% {
582
+ -moz-transform: perspective(400px) rotateX(90deg);
583
+ opacity: 0;
584
+ }
585
+ }
586
+
587
+ @-ms-keyframes flipOutX {
588
+ 0% {
589
+ -ms-transform: perspective(400px) rotateX(0deg);
590
+ opacity: 1;
591
+ }
592
+ 100% {
593
+ -ms-transform: perspective(400px) rotateX(90deg);
594
+ opacity: 0;
595
+ }
596
+ }
597
+
598
+ @-o-keyframes flipOutX {
599
+ 0% {
600
+ -o-transform: perspective(400px) rotateX(0deg);
601
+ opacity: 1;
602
+ }
603
+ 100% {
604
+ -o-transform: perspective(400px) rotateX(90deg);
605
+ opacity: 0;
606
+ }
607
+ }
608
+
609
+ @keyframes flipOutX {
610
+ 0% {
611
+ transform: perspective(400px) rotateX(0deg);
612
+ opacity: 1;
613
+ }
614
+ 100% {
615
+ transform: perspective(400px) rotateX(90deg);
616
+ opacity: 0;
617
+ }
618
+ }
619
+
620
+ .flipOutX {
621
+ -webkit-animation-name: flipOutX;
622
+ -webkit-backface-visibility: visible !important;
623
+ -moz-animation-name: flipOutX;
624
+ -moz-backface-visibility: visible !important;
625
+ -ms-animation-name: flipOutX;
626
+ -ms-backface-visibility: visible !important;
627
+ -o-animation-name: flipOutX;
628
+ -o-backface-visibility: visible !important;
629
+ animation-name: flipOutX;
630
+ backface-visibility: visible !important;
631
+ }
632
+ @-webkit-keyframes flipInY {
633
+ 0% {
634
+ -webkit-transform: perspective(400px) rotateY(90deg);
635
+ opacity: 0;
636
+ }
637
+
638
+ 40% {
639
+ -webkit-transform: perspective(400px) rotateY(-10deg);
640
+ }
641
+
642
+ 70% {
643
+ -webkit-transform: perspective(400px) rotateY(10deg);
644
+ }
645
+
646
+ 100% {
647
+ -webkit-transform: perspective(400px) rotateY(0deg);
648
+ opacity: 1;
649
+ }
650
+ }
651
+ @-moz-keyframes flipInY {
652
+ 0% {
653
+ -moz-transform: perspective(400px) rotateY(90deg);
654
+ opacity: 0;
655
+ }
656
+
657
+ 40% {
658
+ -moz-transform: perspective(400px) rotateY(-10deg);
659
+ }
660
+
661
+ 70% {
662
+ -moz-transform: perspective(400px) rotateY(10deg);
663
+ }
664
+
665
+ 100% {
666
+ -moz-transform: perspective(400px) rotateY(0deg);
667
+ opacity: 1;
668
+ }
669
+ }
670
+ @-ms-keyframes flipInY {
671
+ 0% {
672
+ -ms-transform: perspective(400px) rotateY(90deg);
673
+ opacity: 0;
674
+ }
675
+
676
+ 40% {
677
+ -ms-transform: perspective(400px) rotateY(-10deg);
678
+ }
679
+
680
+ 70% {
681
+ -ms-transform: perspective(400px) rotateY(10deg);
682
+ }
683
+
684
+ 100% {
685
+ -ms-transform: perspective(400px) rotateY(0deg);
686
+ opacity: 1;
687
+ }
688
+ }
689
+ @-o-keyframes flipInY {
690
+ 0% {
691
+ -o-transform: perspective(400px) rotateY(90deg);
692
+ opacity: 0;
693
+ }
694
+
695
+ 40% {
696
+ -o-transform: perspective(400px) rotateY(-10deg);
697
+ }
698
+
699
+ 70% {
700
+ -o-transform: perspective(400px) rotateY(10deg);
701
+ }
702
+
703
+ 100% {
704
+ -o-transform: perspective(400px) rotateY(0deg);
705
+ opacity: 1;
706
+ }
707
+ }
708
+ @keyframes flipInY {
709
+ 0% {
710
+ transform: perspective(400px) rotateY(90deg);
711
+ opacity: 0;
712
+ }
713
+
714
+ 40% {
715
+ transform: perspective(400px) rotateY(-10deg);
716
+ }
717
+
718
+ 70% {
719
+ transform: perspective(400px) rotateY(10deg);
720
+ }
721
+
722
+ 100% {
723
+ transform: perspective(400px) rotateY(0deg);
724
+ opacity: 1;
725
+ }
726
+ }
727
+
728
+ .flipInY {
729
+ -webkit-backface-visibility: visible !important;
730
+ -webkit-animation-name: flipInY;
731
+ -moz-backface-visibility: visible !important;
732
+ -moz-animation-name: flipInY;
733
+ -ms-backface-visibility: visible !important;
734
+ -ms-animation-name: flipInY;
735
+ -o-backface-visibility: visible !important;
736
+ -o-animation-name: flipInY;
737
+ backface-visibility: visible !important;
738
+ animation-name: flipInY;
739
+ }
740
+ @-webkit-keyframes flipOutY {
741
+ 0% {
742
+ -webkit-transform: perspective(400px) rotateY(0deg);
743
+ opacity: 1;
744
+ }
745
+ 100% {
746
+ -webkit-transform: perspective(400px) rotateY(90deg);
747
+ opacity: 0;
748
+ }
749
+ }
750
+ @-moz-keyframes flipOutY {
751
+ 0% {
752
+ -moz-transform: perspective(400px) rotateY(0deg);
753
+ opacity: 1;
754
+ }
755
+ 100% {
756
+ -moz-transform: perspective(400px) rotateY(90deg);
757
+ opacity: 0;
758
+ }
759
+ }
760
+ @-ms-keyframes flipOutY {
761
+ 0% {
762
+ -ms-transform: perspective(400px) rotateY(0deg);
763
+ opacity: 1;
764
+ }
765
+ 100% {
766
+ -ms-transform: perspective(400px) rotateY(90deg);
767
+ opacity: 0;
768
+ }
769
+ }
770
+ @-o-keyframes flipOutY {
771
+ 0% {
772
+ -o-transform: perspective(400px) rotateY(0deg);
773
+ opacity: 1;
774
+ }
775
+ 100% {
776
+ -o-transform: perspective(400px) rotateY(90deg);
777
+ opacity: 0;
778
+ }
779
+ }
780
+ @keyframes flipOutY {
781
+ 0% {
782
+ transform: perspective(400px) rotateY(0deg);
783
+ opacity: 1;
784
+ }
785
+ 100% {
786
+ transform: perspective(400px) rotateY(90deg);
787
+ opacity: 0;
788
+ }
789
+ }
790
+
791
+ .flipOutY {
792
+ -webkit-backface-visibility: visible !important;
793
+ -webkit-animation-name: flipOutY;
794
+ -moz-backface-visibility: visible !important;
795
+ -moz-animation-name: flipOutY;
796
+ -ms-backface-visibility: visible !important;
797
+ -ms-animation-name: flipOutY;
798
+ -o-backface-visibility: visible !important;
799
+ -o-animation-name: flipOutY;
800
+ backface-visibility: visible !important;
801
+ animation-name: flipOutY;
802
+ }
803
+ @-webkit-keyframes fadeIn {
804
+ 0% {opacity: 0;}
805
+ 100% {opacity: 1;}
806
+ }
807
+
808
+ @-moz-keyframes fadeIn {
809
+ 0% {opacity: 0;}
810
+ 100% {opacity: 1;}
811
+ }
812
+
813
+ @-ms-keyframes fadeIn {
814
+ 0% {opacity: 0;}
815
+ 100% {opacity: 1;}
816
+ }
817
+
818
+ @-o-keyframes fadeIn {
819
+ 0% {opacity: 0;}
820
+ 100% {opacity: 1;}
821
+ }
822
+
823
+ @keyframes fadeIn {
824
+ 0% {opacity: 0;}
825
+ 100% {opacity: 1;}
826
+ }
827
+
828
+ .fadeIn {
829
+ -webkit-animation-name: fadeIn;
830
+ -moz-animation-name: fadeIn;
831
+ -ms-animation-name: fadeIn;
832
+ -o-animation-name: fadeIn;
833
+ animation-name: fadeIn;
834
+ }
835
+ @-webkit-keyframes fadeInUp {
836
+ 0% {
837
+ opacity: 0;
838
+ -webkit-transform: translateY(20px);
839
+ }
840
+
841
+ 100% {
842
+ opacity: 1;
843
+ -webkit-transform: translateY(0);
844
+ }
845
+ }
846
+
847
+ @-moz-keyframes fadeInUp {
848
+ 0% {
849
+ opacity: 0;
850
+ -moz-transform: translateY(20px);
851
+ }
852
+
853
+ 100% {
854
+ opacity: 1;
855
+ -moz-transform: translateY(0);
856
+ }
857
+ }
858
+
859
+ @-ms-keyframes fadeInUp {
860
+ 0% {
861
+ opacity: 0;
862
+ -ms-transform: translateY(20px);
863
+ }
864
+
865
+ 100% {
866
+ opacity: 1;
867
+ -ms-transform: translateY(0);
868
+ }
869
+ }
870
+
871
+ @-o-keyframes fadeInUp {
872
+ 0% {
873
+ opacity: 0;
874
+ -o-transform: translateY(20px);
875
+ }
876
+
877
+ 100% {
878
+ opacity: 1;
879
+ -o-transform: translateY(0);
880
+ }
881
+ }
882
+
883
+ @keyframes fadeInUp {
884
+ 0% {
885
+ opacity: 0;
886
+ transform: translateY(20px);
887
+ }
888
+
889
+ 100% {
890
+ opacity: 1;
891
+ transform: translateY(0);
892
+ }
893
+ }
894
+
895
+ .fadeInUp {
896
+ -webkit-animation-name: fadeInUp;
897
+ -moz-animation-name: fadeInUp;
898
+ -ms-animation-name: fadeInUp;
899
+ -o-animation-name: fadeInUp;
900
+ animation-name: fadeInUp;
901
+ }
902
+ @-webkit-keyframes fadeInDown {
903
+ 0% {
904
+ opacity: 0;
905
+ -webkit-transform: translateY(-20px);
906
+ }
907
+
908
+ 100% {
909
+ opacity: 1;
910
+ -webkit-transform: translateY(0);
911
+ }
912
+ }
913
+
914
+ @-moz-keyframes fadeInDown {
915
+ 0% {
916
+ opacity: 0;
917
+ -moz-transform: translateY(-20px);
918
+ }
919
+
920
+ 100% {
921
+ opacity: 1;
922
+ -moz-transform: translateY(0);
923
+ }
924
+ }
925
+
926
+ @-ms-keyframes fadeInDown {
927
+ 0% {
928
+ opacity: 0;
929
+ -ms-transform: translateY(-20px);
930
+ }
931
+
932
+ 100% {
933
+ opacity: 1;
934
+ -ms-transform: translateY(0);
935
+ }
936
+ }
937
+
938
+ @-o-keyframes fadeInDown {
939
+ 0% {
940
+ opacity: 0;
941
+ -ms-transform: translateY(-20px);
942
+ }
943
+
944
+ 100% {
945
+ opacity: 1;
946
+ -ms-transform: translateY(0);
947
+ }
948
+ }
949
+
950
+ @keyframes fadeInDown {
951
+ 0% {
952
+ opacity: 0;
953
+ transform: translateY(-20px);
954
+ }
955
+
956
+ 100% {
957
+ opacity: 1;
958
+ transform: translateY(0);
959
+ }
960
+ }
961
+
962
+ .fadeInDown {
963
+ -webkit-animation-name: fadeInDown;
964
+ -moz-animation-name: fadeInDown;
965
+ -ms-animation-name: fadeInDown;
966
+ -o-animation-name: fadeInDown;
967
+ animation-name: fadeInDown;
968
+ }
969
+ @-webkit-keyframes fadeInLeft {
970
+ 0% {
971
+ opacity: 0;
972
+ -webkit-transform: translateX(-20px);
973
+ }
974
+
975
+ 100% {
976
+ opacity: 1;
977
+ -webkit-transform: translateX(0);
978
+ }
979
+ }
980
+
981
+ @-moz-keyframes fadeInLeft {
982
+ 0% {
983
+ opacity: 0;
984
+ -moz-transform: translateX(-20px);
985
+ }
986
+
987
+ 100% {
988
+ opacity: 1;
989
+ -moz-transform: translateX(0);
990
+ }
991
+ }
992
+
993
+ @-ms-keyframes fadeInLeft {
994
+ 0% {
995
+ opacity: 0;
996
+ -ms-transform: translateX(-20px);
997
+ }
998
+
999
+ 100% {
1000
+ opacity: 1;
1001
+ -ms-transform: translateX(0);
1002
+ }
1003
+ }
1004
+
1005
+ @-o-keyframes fadeInLeft {
1006
+ 0% {
1007
+ opacity: 0;
1008
+ -o-transform: translateX(-20px);
1009
+ }
1010
+
1011
+ 100% {
1012
+ opacity: 1;
1013
+ -o-transform: translateX(0);
1014
+ }
1015
+ }
1016
+
1017
+ @keyframes fadeInLeft {
1018
+ 0% {
1019
+ opacity: 0;
1020
+ transform: translateX(-20px);
1021
+ }
1022
+
1023
+ 100% {
1024
+ opacity: 1;
1025
+ transform: translateX(0);
1026
+ }
1027
+ }
1028
+
1029
+ .fadeInLeft {
1030
+ -webkit-animation-name: fadeInLeft;
1031
+ -moz-animation-name: fadeInLeft;
1032
+ -ms-animation-name: fadeInLeft;
1033
+ -o-animation-name: fadeInLeft;
1034
+ animation-name: fadeInLeft;
1035
+ }
1036
+ @-webkit-keyframes fadeInRight {
1037
+ 0% {
1038
+ opacity: 0;
1039
+ -webkit-transform: translateX(20px);
1040
+ }
1041
+
1042
+ 100% {
1043
+ opacity: 1;
1044
+ -webkit-transform: translateX(0);
1045
+ }
1046
+ }
1047
+
1048
+ @-moz-keyframes fadeInRight {
1049
+ 0% {
1050
+ opacity: 0;
1051
+ -moz-transform: translateX(20px);
1052
+ }
1053
+
1054
+ 100% {
1055
+ opacity: 1;
1056
+ -moz-transform: translateX(0);
1057
+ }
1058
+ }
1059
+
1060
+ @-ms-keyframes fadeInRight {
1061
+ 0% {
1062
+ opacity: 0;
1063
+ -ms-transform: translateX(20px);
1064
+ }
1065
+
1066
+ 100% {
1067
+ opacity: 1;
1068
+ -ms-transform: translateX(0);
1069
+ }
1070
+ }
1071
+
1072
+ @-o-keyframes fadeInRight {
1073
+ 0% {
1074
+ opacity: 0;
1075
+ -o-transform: translateX(20px);
1076
+ }
1077
+
1078
+ 100% {
1079
+ opacity: 1;
1080
+ -o-transform: translateX(0);
1081
+ }
1082
+ }
1083
+
1084
+ @keyframes fadeInRight {
1085
+ 0% {
1086
+ opacity: 0;
1087
+ transform: translateX(20px);
1088
+ }
1089
+
1090
+ 100% {
1091
+ opacity: 1;
1092
+ transform: translateX(0);
1093
+ }
1094
+ }
1095
+
1096
+ .fadeInRight {
1097
+ -webkit-animation-name: fadeInRight;
1098
+ -moz-animation-name: fadeInRight;
1099
+ -ms-animation-name: fadeInRight;
1100
+ -o-animation-name: fadeInRight;
1101
+ animation-name: fadeInRight;
1102
+ }
1103
+ @-webkit-keyframes fadeInUpBig {
1104
+ 0% {
1105
+ opacity: 0;
1106
+ -webkit-transform: translateY(2000px);
1107
+ }
1108
+
1109
+ 100% {
1110
+ opacity: 1;
1111
+ -webkit-transform: translateY(0);
1112
+ }
1113
+ }
1114
+
1115
+ @-moz-keyframes fadeInUpBig {
1116
+ 0% {
1117
+ opacity: 0;
1118
+ -moz-transform: translateY(2000px);
1119
+ }
1120
+
1121
+ 100% {
1122
+ opacity: 1;
1123
+ -moz-transform: translateY(0);
1124
+ }
1125
+ }
1126
+
1127
+ @-ms-keyframes fadeInUpBig {
1128
+ 0% {
1129
+ opacity: 0;
1130
+ -ms-transform: translateY(2000px);
1131
+ }
1132
+
1133
+ 100% {
1134
+ opacity: 1;
1135
+ -ms-transform: translateY(0);
1136
+ }
1137
+ }
1138
+
1139
+ @-o-keyframes fadeInUpBig {
1140
+ 0% {
1141
+ opacity: 0;
1142
+ -o-transform: translateY(2000px);
1143
+ }
1144
+
1145
+ 100% {
1146
+ opacity: 1;
1147
+ -o-transform: translateY(0);
1148
+ }
1149
+ }
1150
+
1151
+ @keyframes fadeInUpBig {
1152
+ 0% {
1153
+ opacity: 0;
1154
+ transform: translateY(2000px);
1155
+ }
1156
+
1157
+ 100% {
1158
+ opacity: 1;
1159
+ transform: translateY(0);
1160
+ }
1161
+ }
1162
+
1163
+ .fadeInUpBig {
1164
+ -webkit-animation-name: fadeInUpBig;
1165
+ -moz-animation-name: fadeInUpBig;
1166
+ -ms-animation-name: fadeInUpBig;
1167
+ -o-animation-name: fadeInUpBig;
1168
+ animation-name: fadeInUpBig;
1169
+ }
1170
+ @-webkit-keyframes fadeInDownBig {
1171
+ 0% {
1172
+ opacity: 0;
1173
+ -webkit-transform: translateY(-2000px);
1174
+ }
1175
+
1176
+ 100% {
1177
+ opacity: 1;
1178
+ -webkit-transform: translateY(0);
1179
+ }
1180
+ }
1181
+
1182
+ @-moz-keyframes fadeInDownBig {
1183
+ 0% {
1184
+ opacity: 0;
1185
+ -moz-transform: translateY(-2000px);
1186
+ }
1187
+
1188
+ 100% {
1189
+ opacity: 1;
1190
+ -moz-transform: translateY(0);
1191
+ }
1192
+ }
1193
+
1194
+ @-ms-keyframes fadeInDownBig {
1195
+ 0% {
1196
+ opacity: 0;
1197
+ -ms-transform: translateY(-2000px);
1198
+ }
1199
+
1200
+ 100% {
1201
+ opacity: 1;
1202
+ -ms-transform: translateY(0);
1203
+ }
1204
+ }
1205
+
1206
+ @-o-keyframes fadeInDownBig {
1207
+ 0% {
1208
+ opacity: 0;
1209
+ -o-transform: translateY(-2000px);
1210
+ }
1211
+
1212
+ 100% {
1213
+ opacity: 1;
1214
+ -o-transform: translateY(0);
1215
+ }
1216
+ }
1217
+
1218
+ @keyframes fadeInDownBig {
1219
+ 0% {
1220
+ opacity: 0;
1221
+ transform: translateY(-2000px);
1222
+ }
1223
+
1224
+ 100% {
1225
+ opacity: 1;
1226
+ transform: translateY(0);
1227
+ }
1228
+ }
1229
+
1230
+ .fadeInDownBig {
1231
+ -webkit-animation-name: fadeInDownBig;
1232
+ -moz-animation-name: fadeInDownBig;
1233
+ -ms-animation-name: fadeInDownBig;
1234
+ -o-animation-name: fadeInDownBig;
1235
+ animation-name: fadeInDownBig;
1236
+ }
1237
+ @-webkit-keyframes fadeInLeftBig {
1238
+ 0% {
1239
+ opacity: 0;
1240
+ -webkit-transform: translateX(-2000px);
1241
+ }
1242
+
1243
+ 100% {
1244
+ opacity: 1;
1245
+ -webkit-transform: translateX(0);
1246
+ }
1247
+ }
1248
+ @-moz-keyframes fadeInLeftBig {
1249
+ 0% {
1250
+ opacity: 0;
1251
+ -moz-transform: translateX(-2000px);
1252
+ }
1253
+
1254
+ 100% {
1255
+ opacity: 1;
1256
+ -moz-transform: translateX(0);
1257
+ }
1258
+ }
1259
+ @-ms-keyframes fadeInLeftBig {
1260
+ 0% {
1261
+ opacity: 0;
1262
+ -ms-transform: translateX(-2000px);
1263
+ }
1264
+
1265
+ 100% {
1266
+ opacity: 1;
1267
+ -ms-transform: translateX(0);
1268
+ }
1269
+ }
1270
+ @-o-keyframes fadeInLeftBig {
1271
+ 0% {
1272
+ opacity: 0;
1273
+ -o-transform: translateX(-2000px);
1274
+ }
1275
+
1276
+ 100% {
1277
+ opacity: 1;
1278
+ -o-transform: translateX(0);
1279
+ }
1280
+ }
1281
+ @keyframes fadeInLeftBig {
1282
+ 0% {
1283
+ opacity: 0;
1284
+ transform: translateX(-2000px);
1285
+ }
1286
+
1287
+ 100% {
1288
+ opacity: 1;
1289
+ transform: translateX(0);
1290
+ }
1291
+ }
1292
+
1293
+ .fadeInLeftBig {
1294
+ -webkit-animation-name: fadeInLeftBig;
1295
+ -moz-animation-name: fadeInLeftBig;
1296
+ -ms-animation-name: fadeInLeftBig;
1297
+ -o-animation-name: fadeInLeftBig;
1298
+ animation-name: fadeInLeftBig;
1299
+ }
1300
+ @-webkit-keyframes fadeInRightBig {
1301
+ 0% {
1302
+ opacity: 0;
1303
+ -webkit-transform: translateX(2000px);
1304
+ }
1305
+
1306
+ 100% {
1307
+ opacity: 1;
1308
+ -webkit-transform: translateX(0);
1309
+ }
1310
+ }
1311
+
1312
+ @-moz-keyframes fadeInRightBig {
1313
+ 0% {
1314
+ opacity: 0;
1315
+ -moz-transform: translateX(2000px);
1316
+ }
1317
+
1318
+ 100% {
1319
+ opacity: 1;
1320
+ -moz-transform: translateX(0);
1321
+ }
1322
+ }
1323
+
1324
+ @-ms-keyframes fadeInRightBig {
1325
+ 0% {
1326
+ opacity: 0;
1327
+ -ms-transform: translateX(2000px);
1328
+ }
1329
+
1330
+ 100% {
1331
+ opacity: 1;
1332
+ -ms-transform: translateX(0);
1333
+ }
1334
+ }
1335
+
1336
+ @-o-keyframes fadeInRightBig {
1337
+ 0% {
1338
+ opacity: 0;
1339
+ -o-transform: translateX(2000px);
1340
+ }
1341
+
1342
+ 100% {
1343
+ opacity: 1;
1344
+ -o-transform: translateX(0);
1345
+ }
1346
+ }
1347
+
1348
+ @keyframes fadeInRightBig {
1349
+ 0% {
1350
+ opacity: 0;
1351
+ transform: translateX(2000px);
1352
+ }
1353
+
1354
+ 100% {
1355
+ opacity: 1;
1356
+ transform: translateX(0);
1357
+ }
1358
+ }
1359
+
1360
+ .fadeInRightBig {
1361
+ -webkit-animation-name: fadeInRightBig;
1362
+ -moz-animation-name: fadeInRightBig;
1363
+ -ms-animation-name: fadeInRightBig;
1364
+ -o-animation-name: fadeInRightBig;
1365
+ animation-name: fadeInRightBig;
1366
+ }
1367
+ @-webkit-keyframes fadeOut {
1368
+ 0% {opacity: 1;}
1369
+ 100% {opacity: 0;}
1370
+ }
1371
+
1372
+ @-moz-keyframes fadeOut {
1373
+ 0% {opacity: 1;}
1374
+ 100% {opacity: 0;}
1375
+ }
1376
+
1377
+ @-ms-keyframes fadeOut {
1378
+ 0% {opacity: 1;}
1379
+ 100% {opacity: 0;}
1380
+ }
1381
+
1382
+ @-o-keyframes fadeOut {
1383
+ 0% {opacity: 1;}
1384
+ 100% {opacity: 0;}
1385
+ }
1386
+
1387
+ @keyframes fadeOut {
1388
+ 0% {opacity: 1;}
1389
+ 100% {opacity: 0;}
1390
+ }
1391
+
1392
+ .fadeOut {
1393
+ -webkit-animation-name: fadeOut;
1394
+ -moz-animation-name: fadeOut;
1395
+ -ms-animation-name: fadeOut;
1396
+ -o-animation-name: fadeOut;
1397
+ animation-name: fadeOut;
1398
+ }
1399
+ @-webkit-keyframes fadeOutUp {
1400
+ 0% {
1401
+ opacity: 1;
1402
+ -webkit-transform: translateY(0);
1403
+ }
1404
+
1405
+ 100% {
1406
+ opacity: 0;
1407
+ -webkit-transform: translateY(-20px);
1408
+ }
1409
+ }
1410
+ @-moz-keyframes fadeOutUp {
1411
+ 0% {
1412
+ opacity: 1;
1413
+ -moz-transform: translateY(0);
1414
+ }
1415
+
1416
+ 100% {
1417
+ opacity: 0;
1418
+ -moz-transform: translateY(-20px);
1419
+ }
1420
+ }
1421
+ @-ms-keyframes fadeOutUp {
1422
+ 0% {
1423
+ opacity: 1;
1424
+ -ms-transform: translateY(0);
1425
+ }
1426
+
1427
+ 100% {
1428
+ opacity: 0;
1429
+ -ms-transform: translateY(-20px);
1430
+ }
1431
+ }
1432
+ @-o-keyframes fadeOutUp {
1433
+ 0% {
1434
+ opacity: 1;
1435
+ -o-transform: translateY(0);
1436
+ }
1437
+
1438
+ 100% {
1439
+ opacity: 0;
1440
+ -o-transform: translateY(-20px);
1441
+ }
1442
+ }
1443
+ @keyframes fadeOutUp {
1444
+ 0% {
1445
+ opacity: 1;
1446
+ transform: translateY(0);
1447
+ }
1448
+
1449
+ 100% {
1450
+ opacity: 0;
1451
+ transform: translateY(-20px);
1452
+ }
1453
+ }
1454
+
1455
+ .fadeOutUp {
1456
+ -webkit-animation-name: fadeOutUp;
1457
+ -moz-animation-name: fadeOutUp;
1458
+ -ms-animation-name: fadeOutUp;
1459
+ -o-animation-name: fadeOutUp;
1460
+ animation-name: fadeOutUp;
1461
+ }
1462
+ @-webkit-keyframes fadeOutDown {
1463
+ 0% {
1464
+ opacity: 1;
1465
+ -webkit-transform: translateY(0);
1466
+ }
1467
+
1468
+ 100% {
1469
+ opacity: 0;
1470
+ -webkit-transform: translateY(20px);
1471
+ }
1472
+ }
1473
+
1474
+ @-moz-keyframes fadeOutDown {
1475
+ 0% {
1476
+ opacity: 1;
1477
+ -moz-transform: translateY(0);
1478
+ }
1479
+
1480
+ 100% {
1481
+ opacity: 0;
1482
+ -moz-transform: translateY(20px);
1483
+ }
1484
+ }
1485
+
1486
+ @-ms-keyframes fadeOutDown {
1487
+ 0% {
1488
+ opacity: 1;
1489
+ -ms-transform: translateY(0);
1490
+ }
1491
+
1492
+ 100% {
1493
+ opacity: 0;
1494
+ -ms-transform: translateY(20px);
1495
+ }
1496
+ }
1497
+
1498
+ @-o-keyframes fadeOutDown {
1499
+ 0% {
1500
+ opacity: 1;
1501
+ -o-transform: translateY(0);
1502
+ }
1503
+
1504
+ 100% {
1505
+ opacity: 0;
1506
+ -o-transform: translateY(20px);
1507
+ }
1508
+ }
1509
+
1510
+ @keyframes fadeOutDown {
1511
+ 0% {
1512
+ opacity: 1;
1513
+ transform: translateY(0);
1514
+ }
1515
+
1516
+ 100% {
1517
+ opacity: 0;
1518
+ transform: translateY(20px);
1519
+ }
1520
+ }
1521
+
1522
+ .fadeOutDown {
1523
+ -webkit-animation-name: fadeOutDown;
1524
+ -moz-animation-name: fadeOutDown;
1525
+ -ms-animation-name: fadeOutDown;
1526
+ -o-animation-name: fadeOutDown;
1527
+ animation-name: fadeOutDown;
1528
+ }
1529
+ @-webkit-keyframes fadeOutLeft {
1530
+ 0% {
1531
+ opacity: 1;
1532
+ -webkit-transform: translateX(0);
1533
+ }
1534
+
1535
+ 100% {
1536
+ opacity: 0;
1537
+ -webkit-transform: translateX(-20px);
1538
+ }
1539
+ }
1540
+
1541
+ @-moz-keyframes fadeOutLeft {
1542
+ 0% {
1543
+ opacity: 1;
1544
+ -moz-transform: translateX(0);
1545
+ }
1546
+
1547
+ 100% {
1548
+ opacity: 0;
1549
+ -moz-transform: translateX(-20px);
1550
+ }
1551
+ }
1552
+
1553
+ @-ms-keyframes fadeOutLeft {
1554
+ 0% {
1555
+ opacity: 1;
1556
+ -ms-transform: translateX(0);
1557
+ }
1558
+
1559
+ 100% {
1560
+ opacity: 0;
1561
+ -ms-transform: translateX(-20px);
1562
+ }
1563
+ }
1564
+
1565
+ @-o-keyframes fadeOutLeft {
1566
+ 0% {
1567
+ opacity: 1;
1568
+ -o-transform: translateX(0);
1569
+ }
1570
+
1571
+ 100% {
1572
+ opacity: 0;
1573
+ -o-transform: translateX(-20px);
1574
+ }
1575
+ }
1576
+
1577
+ @keyframes fadeOutLeft {
1578
+ 0% {
1579
+ opacity: 1;
1580
+ transform: translateX(0);
1581
+ }
1582
+
1583
+ 100% {
1584
+ opacity: 0;
1585
+ transform: translateX(-20px);
1586
+ }
1587
+ }
1588
+
1589
+ .fadeOutLeft {
1590
+ -webkit-animation-name: fadeOutLeft;
1591
+ -moz-animation-name: fadeOutLeft;
1592
+ -ms-animation-name: fadeOutLeft;
1593
+ -o-animation-name: fadeOutLeft;
1594
+ animation-name: fadeOutLeft;
1595
+ }
1596
+ @-webkit-keyframes fadeOutRight {
1597
+ 0% {
1598
+ opacity: 1;
1599
+ -webkit-transform: translateX(0);
1600
+ }
1601
+
1602
+ 100% {
1603
+ opacity: 0;
1604
+ -webkit-transform: translateX(20px);
1605
+ }
1606
+ }
1607
+
1608
+ @-moz-keyframes fadeOutRight {
1609
+ 0% {
1610
+ opacity: 1;
1611
+ -moz-transform: translateX(0);
1612
+ }
1613
+
1614
+ 100% {
1615
+ opacity: 0;
1616
+ -moz-transform: translateX(20px);
1617
+ }
1618
+ }
1619
+
1620
+ @-ms-keyframes fadeOutRight {
1621
+ 0% {
1622
+ opacity: 1;
1623
+ -ms-transform: translateX(0);
1624
+ }
1625
+
1626
+ 100% {
1627
+ opacity: 0;
1628
+ -ms-transform: translateX(20px);
1629
+ }
1630
+ }
1631
+
1632
+ @-o-keyframes fadeOutRight {
1633
+ 0% {
1634
+ opacity: 1;
1635
+ -o-transform: translateX(0);
1636
+ }
1637
+
1638
+ 100% {
1639
+ opacity: 0;
1640
+ -o-transform: translateX(20px);
1641
+ }
1642
+ }
1643
+
1644
+ @keyframes fadeOutRight {
1645
+ 0% {
1646
+ opacity: 1;
1647
+ transform: translateX(0);
1648
+ }
1649
+
1650
+ 100% {
1651
+ opacity: 0;
1652
+ transform: translateX(20px);
1653
+ }
1654
+ }
1655
+
1656
+ .fadeOutRight {
1657
+ -webkit-animation-name: fadeOutRight;
1658
+ -moz-animation-name: fadeOutRight;
1659
+ -ms-animation-name: fadeOutRight;
1660
+ -o-animation-name: fadeOutRight;
1661
+ animation-name: fadeOutRight;
1662
+ }
1663
+ @-webkit-keyframes fadeOutUpBig {
1664
+ 0% {
1665
+ opacity: 1;
1666
+ -webkit-transform: translateY(0);
1667
+ }
1668
+
1669
+ 100% {
1670
+ opacity: 0;
1671
+ -webkit-transform: translateY(-2000px);
1672
+ }
1673
+ }
1674
+
1675
+ @-moz-keyframes fadeOutUpBig {
1676
+ 0% {
1677
+ opacity: 1;
1678
+ -moz-transform: translateY(0);
1679
+ }
1680
+
1681
+ 100% {
1682
+ opacity: 0;
1683
+ -moz-transform: translateY(-2000px);
1684
+ }
1685
+ }
1686
+
1687
+ @-ms-keyframes fadeOutUpBig {
1688
+ 0% {
1689
+ opacity: 1;
1690
+ -ms-transform: translateY(0);
1691
+ }
1692
+
1693
+ 100% {
1694
+ opacity: 0;
1695
+ -ms-transform: translateY(-2000px);
1696
+ }
1697
+ }
1698
+
1699
+ @-o-keyframes fadeOutUpBig {
1700
+ 0% {
1701
+ opacity: 1;
1702
+ -o-transform: translateY(0);
1703
+ }
1704
+
1705
+ 100% {
1706
+ opacity: 0;
1707
+ -o-transform: translateY(-2000px);
1708
+ }
1709
+ }
1710
+
1711
+ @keyframes fadeOutUpBig {
1712
+ 0% {
1713
+ opacity: 1;
1714
+ transform: translateY(0);
1715
+ }
1716
+
1717
+ 100% {
1718
+ opacity: 0;
1719
+ transform: translateY(-2000px);
1720
+ }
1721
+ }
1722
+
1723
+ .fadeOutUpBig {
1724
+ -webkit-animation-name: fadeOutUpBig;
1725
+ -moz-animation-name: fadeOutUpBig;
1726
+ -ms-animation-name: fadeOutUpBig;
1727
+ -o-animation-name: fadeOutUpBig;
1728
+ animation-name: fadeOutUpBig;
1729
+ }
1730
+ @-webkit-keyframes fadeOutDownBig {
1731
+ 0% {
1732
+ opacity: 1;
1733
+ -webkit-transform: translateY(0);
1734
+ }
1735
+
1736
+ 100% {
1737
+ opacity: 0;
1738
+ -webkit-transform: translateY(2000px);
1739
+ }
1740
+ }
1741
+
1742
+ @-moz-keyframes fadeOutDownBig {
1743
+ 0% {
1744
+ opacity: 1;
1745
+ -moz-transform: translateY(0);
1746
+ }
1747
+
1748
+ 100% {
1749
+ opacity: 0;
1750
+ -moz-transform: translateY(2000px);
1751
+ }
1752
+ }
1753
+
1754
+ @-ms-keyframes fadeOutDownBig {
1755
+ 0% {
1756
+ opacity: 1;
1757
+ -ms-transform: translateY(0);
1758
+ }
1759
+
1760
+ 100% {
1761
+ opacity: 0;
1762
+ -ms-transform: translateY(2000px);
1763
+ }
1764
+ }
1765
+
1766
+ @-o-keyframes fadeOutDownBig {
1767
+ 0% {
1768
+ opacity: 1;
1769
+ -o-transform: translateY(0);
1770
+ }
1771
+
1772
+ 100% {
1773
+ opacity: 0;
1774
+ -o-transform: translateY(2000px);
1775
+ }
1776
+ }
1777
+
1778
+ @keyframes fadeOutDownBig {
1779
+ 0% {
1780
+ opacity: 1;
1781
+ transform: translateY(0);
1782
+ }
1783
+
1784
+ 100% {
1785
+ opacity: 0;
1786
+ transform: translateY(2000px);
1787
+ }
1788
+ }
1789
+
1790
+ .fadeOutDownBig {
1791
+ -webkit-animation-name: fadeOutDownBig;
1792
+ -moz-animation-name: fadeOutDownBig;
1793
+ -ms-animation-name: fadeOutDownBig;
1794
+ -o-animation-name: fadeOutDownBig;
1795
+ animation-name: fadeOutDownBig;
1796
+ }
1797
+ @-webkit-keyframes fadeOutLeftBig {
1798
+ 0% {
1799
+ opacity: 1;
1800
+ -webkit-transform: translateX(0);
1801
+ }
1802
+
1803
+ 100% {
1804
+ opacity: 0;
1805
+ -webkit-transform: translateX(-2000px);
1806
+ }
1807
+ }
1808
+
1809
+ @-moz-keyframes fadeOutLeftBig {
1810
+ 0% {
1811
+ opacity: 1;
1812
+ -moz-transform: translateX(0);
1813
+ }
1814
+
1815
+ 100% {
1816
+ opacity: 0;
1817
+ -moz-transform: translateX(-2000px);
1818
+ }
1819
+ }
1820
+
1821
+ @-ms-keyframes fadeOutLeftBig {
1822
+ 0% {
1823
+ opacity: 1;
1824
+ -ms-transform: translateX(0);
1825
+ }
1826
+
1827
+ 100% {
1828
+ opacity: 0;
1829
+ -ms-transform: translateX(-2000px);
1830
+ }
1831
+ }
1832
+
1833
+ @-o-keyframes fadeOutLeftBig {
1834
+ 0% {
1835
+ opacity: 1;
1836
+ -o-transform: translateX(0);
1837
+ }
1838
+
1839
+ 100% {
1840
+ opacity: 0;
1841
+ -o-transform: translateX(-2000px);
1842
+ }
1843
+ }
1844
+
1845
+ @keyframes fadeOutLeftBig {
1846
+ 0% {
1847
+ opacity: 1;
1848
+ transform: translateX(0);
1849
+ }
1850
+
1851
+ 100% {
1852
+ opacity: 0;
1853
+ transform: translateX(-2000px);
1854
+ }
1855
+ }
1856
+
1857
+ .fadeOutLeftBig {
1858
+ -webkit-animation-name: fadeOutLeftBig;
1859
+ -moz-animation-name: fadeOutLeftBig;
1860
+ -ms-animation-name: fadeOutLeftBig;
1861
+ -o-animation-name: fadeOutLeftBig;
1862
+ animation-name: fadeOutLeftBig;
1863
+ }
1864
+ @-webkit-keyframes fadeOutRightBig {
1865
+ 0% {
1866
+ opacity: 1;
1867
+ -webkit-transform: translateX(0);
1868
+ }
1869
+
1870
+ 100% {
1871
+ opacity: 0;
1872
+ -webkit-transform: translateX(2000px);
1873
+ }
1874
+ }
1875
+ @-moz-keyframes fadeOutRightBig {
1876
+ 0% {
1877
+ opacity: 1;
1878
+ -moz-transform: translateX(0);
1879
+ }
1880
+
1881
+ 100% {
1882
+ opacity: 0;
1883
+ -moz-transform: translateX(2000px);
1884
+ }
1885
+ }
1886
+ @-ms-keyframes fadeOutRightBig {
1887
+ 0% {
1888
+ opacity: 1;
1889
+ -ms-transform: translateX(0);
1890
+ }
1891
+
1892
+ 100% {
1893
+ opacity: 0;
1894
+ -ms-transform: translateX(2000px);
1895
+ }
1896
+ }
1897
+ @-o-keyframes fadeOutRightBig {
1898
+ 0% {
1899
+ opacity: 1;
1900
+ -o-transform: translateX(0);
1901
+ }
1902
+
1903
+ 100% {
1904
+ opacity: 0;
1905
+ -o-transform: translateX(2000px);
1906
+ }
1907
+ }
1908
+ @keyframes fadeOutRightBig {
1909
+ 0% {
1910
+ opacity: 1;
1911
+ transform: translateX(0);
1912
+ }
1913
+
1914
+ 100% {
1915
+ opacity: 0;
1916
+ transform: translateX(2000px);
1917
+ }
1918
+ }
1919
+
1920
+ .fadeOutRightBig {
1921
+ -webkit-animation-name: fadeOutRightBig;
1922
+ -moz-animation-name: fadeOutRightBig;
1923
+ -ms-animation-name: fadeOutRightBig;
1924
+ -o-animation-name: fadeOutRightBig;
1925
+ animation-name: fadeOutRightBig;
1926
+ }
1927
+ @-webkit-keyframes bounceIn {
1928
+ 0% {
1929
+ opacity: 0;
1930
+ -webkit-transform: scale(.3);
1931
+ }
1932
+
1933
+ 50% {
1934
+ opacity: 1;
1935
+ -webkit-transform: scale(1.05);
1936
+ }
1937
+
1938
+ 70% {
1939
+ -webkit-transform: scale(.9);
1940
+ }
1941
+
1942
+ 100% {
1943
+ -webkit-transform: scale(1);
1944
+ }
1945
+ }
1946
+
1947
+ @-moz-keyframes bounceIn {
1948
+ 0% {
1949
+ opacity: 0;
1950
+ -moz-transform: scale(.3);
1951
+ }
1952
+
1953
+ 50% {
1954
+ opacity: 1;
1955
+ -moz-transform: scale(1.05);
1956
+ }
1957
+
1958
+ 70% {
1959
+ -moz-transform: scale(.9);
1960
+ }
1961
+
1962
+ 100% {
1963
+ -moz-transform: scale(1);
1964
+ }
1965
+ }
1966
+
1967
+ @-ms-keyframes bounceIn {
1968
+ 0% {
1969
+ opacity: 0;
1970
+ -ms-transform: scale(.3);
1971
+ }
1972
+
1973
+ 50% {
1974
+ opacity: 1;
1975
+ -ms-transform: scale(1.05);
1976
+ }
1977
+
1978
+ 70% {
1979
+ -ms-transform: scale(.9);
1980
+ }
1981
+
1982
+ 100% {
1983
+ -ms-transform: scale(1);
1984
+ }
1985
+ }
1986
+
1987
+ @-o-keyframes bounceIn {
1988
+ 0% {
1989
+ opacity: 0;
1990
+ -o-transform: scale(.3);
1991
+ }
1992
+
1993
+ 50% {
1994
+ opacity: 1;
1995
+ -o-transform: scale(1.05);
1996
+ }
1997
+
1998
+ 70% {
1999
+ -o-transform: scale(.9);
2000
+ }
2001
+
2002
+ 100% {
2003
+ -o-transform: scale(1);
2004
+ }
2005
+ }
2006
+
2007
+ @keyframes bounceIn {
2008
+ 0% {
2009
+ opacity: 0;
2010
+ transform: scale(.3);
2011
+ }
2012
+
2013
+ 50% {
2014
+ opacity: 1;
2015
+ transform: scale(1.05);
2016
+ }
2017
+
2018
+ 70% {
2019
+ transform: scale(.9);
2020
+ }
2021
+
2022
+ 100% {
2023
+ transform: scale(1);
2024
+ }
2025
+ }
2026
+
2027
+ .bounceIn {
2028
+ -webkit-animation-name: bounceIn;
2029
+ -moz-animation-name: bounceIn;
2030
+ -ms-animation-name: bounceIn;
2031
+ -o-animation-name: bounceIn;
2032
+ animation-name: bounceIn;
2033
+ }
2034
+ @-webkit-keyframes bounceInUp {
2035
+ 0% {
2036
+ opacity: 0;
2037
+ -webkit-transform: translateY(2000px);
2038
+ }
2039
+
2040
+ 60% {
2041
+ opacity: 1;
2042
+ -webkit-transform: translateY(-30px);
2043
+ }
2044
+
2045
+ 80% {
2046
+ -webkit-transform: translateY(10px);
2047
+ }
2048
+
2049
+ 100% {
2050
+ -webkit-transform: translateY(0);
2051
+ }
2052
+ }
2053
+ @-moz-keyframes bounceInUp {
2054
+ 0% {
2055
+ opacity: 0;
2056
+ -moz-transform: translateY(2000px);
2057
+ }
2058
+
2059
+ 60% {
2060
+ opacity: 1;
2061
+ -moz-transform: translateY(-30px);
2062
+ }
2063
+
2064
+ 80% {
2065
+ -moz-transform: translateY(10px);
2066
+ }
2067
+
2068
+ 100% {
2069
+ -moz-transform: translateY(0);
2070
+ }
2071
+ }
2072
+ @-ms-keyframes bounceInUp {
2073
+ 0% {
2074
+ opacity: 0;
2075
+ -ms-transform: translateY(2000px);
2076
+ }
2077
+
2078
+ 60% {
2079
+ opacity: 1;
2080
+ -ms-transform: translateY(-30px);
2081
+ }
2082
+
2083
+ 80% {
2084
+ -ms-transform: translateY(10px);
2085
+ }
2086
+
2087
+ 100% {
2088
+ -ms-transform: translateY(0);
2089
+ }
2090
+ }
2091
+
2092
+ @-o-keyframes bounceInUp {
2093
+ 0% {
2094
+ opacity: 0;
2095
+ -o-transform: translateY(2000px);
2096
+ }
2097
+
2098
+ 60% {
2099
+ opacity: 1;
2100
+ -o-transform: translateY(-30px);
2101
+ }
2102
+
2103
+ 80% {
2104
+ -o-transform: translateY(10px);
2105
+ }
2106
+
2107
+ 100% {
2108
+ -o-transform: translateY(0);
2109
+ }
2110
+ }
2111
+
2112
+ @keyframes bounceInUp {
2113
+ 0% {
2114
+ opacity: 0;
2115
+ transform: translateY(2000px);
2116
+ }
2117
+
2118
+ 60% {
2119
+ opacity: 1;
2120
+ transform: translateY(-30px);
2121
+ }
2122
+
2123
+ 80% {
2124
+ transform: translateY(10px);
2125
+ }
2126
+
2127
+ 100% {
2128
+ transform: translateY(0);
2129
+ }
2130
+ }
2131
+
2132
+ .bounceInUp {
2133
+ -webkit-animation-name: bounceInUp;
2134
+ -moz-animation-name: bounceInUp;
2135
+ -ms-animation-name: bounceInUp;
2136
+ -o-animation-name: bounceInUp;
2137
+ animation-name: bounceInUp;
2138
+ }
2139
+ @-webkit-keyframes bounceInDown {
2140
+ 0% {
2141
+ opacity: 0;
2142
+ -webkit-transform: translateY(-2000px);
2143
+ }
2144
+
2145
+ 60% {
2146
+ opacity: 1;
2147
+ -webkit-transform: translateY(30px);
2148
+ }
2149
+
2150
+ 80% {
2151
+ -webkit-transform: translateY(-10px);
2152
+ }
2153
+
2154
+ 100% {
2155
+ -webkit-transform: translateY(0);
2156
+ }
2157
+ }
2158
+
2159
+ @-moz-keyframes bounceInDown {
2160
+ 0% {
2161
+ opacity: 0;
2162
+ -moz-transform: translateY(-2000px);
2163
+ }
2164
+
2165
+ 60% {
2166
+ opacity: 1;
2167
+ -moz-transform: translateY(30px);
2168
+ }
2169
+
2170
+ 80% {
2171
+ -moz-transform: translateY(-10px);
2172
+ }
2173
+
2174
+ 100% {
2175
+ -moz-transform: translateY(0);
2176
+ }
2177
+ }
2178
+
2179
+ @-ms-keyframes bounceInDown {
2180
+ 0% {
2181
+ opacity: 0;
2182
+ -ms-transform: translateY(-2000px);
2183
+ }
2184
+
2185
+ 60% {
2186
+ opacity: 1;
2187
+ -ms-transform: translateY(30px);
2188
+ }
2189
+
2190
+ 80% {
2191
+ -ms-transform: translateY(-10px);
2192
+ }
2193
+
2194
+ 100% {
2195
+ -ms-transform: translateY(0);
2196
+ }
2197
+ }
2198
+
2199
+ @-o-keyframes bounceInDown {
2200
+ 0% {
2201
+ opacity: 0;
2202
+ -o-transform: translateY(-2000px);
2203
+ }
2204
+
2205
+ 60% {
2206
+ opacity: 1;
2207
+ -o-transform: translateY(30px);
2208
+ }
2209
+
2210
+ 80% {
2211
+ -o-transform: translateY(-10px);
2212
+ }
2213
+
2214
+ 100% {
2215
+ -o-transform: translateY(0);
2216
+ }
2217
+ }
2218
+
2219
+ @keyframes bounceInDown {
2220
+ 0% {
2221
+ opacity: 0;
2222
+ transform: translateY(-2000px);
2223
+ }
2224
+
2225
+ 60% {
2226
+ opacity: 1;
2227
+ transform: translateY(30px);
2228
+ }
2229
+
2230
+ 80% {
2231
+ transform: translateY(-10px);
2232
+ }
2233
+
2234
+ 100% {
2235
+ transform: translateY(0);
2236
+ }
2237
+ }
2238
+
2239
+ .bounceInDown {
2240
+ -webkit-animation-name: bounceInDown;
2241
+ -moz-animation-name: bounceInDown;
2242
+ -ms-animation-name: bounceInDown;
2243
+ -o-animation-name: bounceInDown;
2244
+ animation-name: bounceInDown;
2245
+ }
2246
+ @-webkit-keyframes bounceInLeft {
2247
+ 0% {
2248
+ opacity: 0;
2249
+ -webkit-transform: translateX(-2000px);
2250
+ }
2251
+
2252
+ 60% {
2253
+ opacity: 1;
2254
+ -webkit-transform: translateX(30px);
2255
+ }
2256
+
2257
+ 80% {
2258
+ -webkit-transform: translateX(-10px);
2259
+ }
2260
+
2261
+ 100% {
2262
+ -webkit-transform: translateX(0);
2263
+ }
2264
+ }
2265
+
2266
+ @-moz-keyframes bounceInLeft {
2267
+ 0% {
2268
+ opacity: 0;
2269
+ -moz-transform: translateX(-2000px);
2270
+ }
2271
+
2272
+ 60% {
2273
+ opacity: 1;
2274
+ -moz-transform: translateX(30px);
2275
+ }
2276
+
2277
+ 80% {
2278
+ -moz-transform: translateX(-10px);
2279
+ }
2280
+
2281
+ 100% {
2282
+ -moz-transform: translateX(0);
2283
+ }
2284
+ }
2285
+
2286
+ @-ms-keyframes bounceInLeft {
2287
+ 0% {
2288
+ opacity: 0;
2289
+ -ms-transform: translateX(-2000px);
2290
+ }
2291
+
2292
+ 60% {
2293
+ opacity: 1;
2294
+ -ms-transform: translateX(30px);
2295
+ }
2296
+
2297
+ 80% {
2298
+ -ms-transform: translateX(-10px);
2299
+ }
2300
+
2301
+ 100% {
2302
+ -ms-transform: translateX(0);
2303
+ }
2304
+ }
2305
+
2306
+ @-o-keyframes bounceInLeft {
2307
+ 0% {
2308
+ opacity: 0;
2309
+ -o-transform: translateX(-2000px);
2310
+ }
2311
+
2312
+ 60% {
2313
+ opacity: 1;
2314
+ -o-transform: translateX(30px);
2315
+ }
2316
+
2317
+ 80% {
2318
+ -o-transform: translateX(-10px);
2319
+ }
2320
+
2321
+ 100% {
2322
+ -o-transform: translateX(0);
2323
+ }
2324
+ }
2325
+
2326
+ @keyframes bounceInLeft {
2327
+ 0% {
2328
+ opacity: 0;
2329
+ transform: translateX(-2000px);
2330
+ }
2331
+
2332
+ 60% {
2333
+ opacity: 1;
2334
+ transform: translateX(30px);
2335
+ }
2336
+
2337
+ 80% {
2338
+ transform: translateX(-10px);
2339
+ }
2340
+
2341
+ 100% {
2342
+ transform: translateX(0);
2343
+ }
2344
+ }
2345
+
2346
+ .bounceInLeft {
2347
+ -webkit-animation-name: bounceInLeft;
2348
+ -moz-animation-name: bounceInLeft;
2349
+ -ms-animation-name: bounceInLeft;
2350
+ -o-animation-name: bounceInLeft;
2351
+ animation-name: bounceInLeft;
2352
+ }
2353
+ @-webkit-keyframes bounceInRight {
2354
+ 0% {
2355
+ opacity: 0;
2356
+ -webkit-transform: translateX(2000px);
2357
+ }
2358
+
2359
+ 60% {
2360
+ opacity: 1;
2361
+ -webkit-transform: translateX(-30px);
2362
+ }
2363
+
2364
+ 80% {
2365
+ -webkit-transform: translateX(10px);
2366
+ }
2367
+
2368
+ 100% {
2369
+ -webkit-transform: translateX(0);
2370
+ }
2371
+ }
2372
+
2373
+ @-moz-keyframes bounceInRight {
2374
+ 0% {
2375
+ opacity: 0;
2376
+ -moz-transform: translateX(2000px);
2377
+ }
2378
+
2379
+ 60% {
2380
+ opacity: 1;
2381
+ -moz-transform: translateX(-30px);
2382
+ }
2383
+
2384
+ 80% {
2385
+ -moz-transform: translateX(10px);
2386
+ }
2387
+
2388
+ 100% {
2389
+ -moz-transform: translateX(0);
2390
+ }
2391
+ }
2392
+
2393
+ @-ms-keyframes bounceInRight {
2394
+ 0% {
2395
+ opacity: 0;
2396
+ -ms-transform: translateX(2000px);
2397
+ }
2398
+
2399
+ 60% {
2400
+ opacity: 1;
2401
+ -ms-transform: translateX(-30px);
2402
+ }
2403
+
2404
+ 80% {
2405
+ -ms-transform: translateX(10px);
2406
+ }
2407
+
2408
+ 100% {
2409
+ -ms-transform: translateX(0);
2410
+ }
2411
+ }
2412
+
2413
+ @-o-keyframes bounceInRight {
2414
+ 0% {
2415
+ opacity: 0;
2416
+ -o-transform: translateX(2000px);
2417
+ }
2418
+
2419
+ 60% {
2420
+ opacity: 1;
2421
+ -o-transform: translateX(-30px);
2422
+ }
2423
+
2424
+ 80% {
2425
+ -o-transform: translateX(10px);
2426
+ }
2427
+
2428
+ 100% {
2429
+ -o-transform: translateX(0);
2430
+ }
2431
+ }
2432
+
2433
+ @keyframes bounceInRight {
2434
+ 0% {
2435
+ opacity: 0;
2436
+ transform: translateX(2000px);
2437
+ }
2438
+
2439
+ 60% {
2440
+ opacity: 1;
2441
+ transform: translateX(-30px);
2442
+ }
2443
+
2444
+ 80% {
2445
+ transform: translateX(10px);
2446
+ }
2447
+
2448
+ 100% {
2449
+ transform: translateX(0);
2450
+ }
2451
+ }
2452
+
2453
+ .bounceInRight {
2454
+ -webkit-animation-name: bounceInRight;
2455
+ -moz-animation-name: bounceInRight;
2456
+ -ms-animation-name: bounceInRight;
2457
+ -o-animation-name: bounceInRight;
2458
+ animation-name: bounceInRight;
2459
+ }
2460
+ @-webkit-keyframes bounceOut {
2461
+ 0% {
2462
+ -webkit-transform: scale(1);
2463
+ }
2464
+
2465
+ 25% {
2466
+ -webkit-transform: scale(.95);
2467
+ }
2468
+
2469
+ 50% {
2470
+ opacity: 1;
2471
+ -webkit-transform: scale(1.1);
2472
+ }
2473
+
2474
+ 100% {
2475
+ opacity: 0;
2476
+ -webkit-transform: scale(.3);
2477
+ }
2478
+ }
2479
+
2480
+ @-moz-keyframes bounceOut {
2481
+ 0% {
2482
+ -moz-transform: scale(1);
2483
+ }
2484
+
2485
+ 25% {
2486
+ -moz-transform: scale(.95);
2487
+ }
2488
+
2489
+ 50% {
2490
+ opacity: 1;
2491
+ -moz-transform: scale(1.1);
2492
+ }
2493
+
2494
+ 100% {
2495
+ opacity: 0;
2496
+ -moz-transform: scale(.3);
2497
+ }
2498
+ }
2499
+
2500
+ @-ms-keyframes bounceOut {
2501
+ 0% {
2502
+ -ms-transform: scale(1);
2503
+ }
2504
+
2505
+ 25% {
2506
+ -ms-transform: scale(.95);
2507
+ }
2508
+
2509
+ 50% {
2510
+ opacity: 1;
2511
+ -ms-transform: scale(1.1);
2512
+ }
2513
+
2514
+ 100% {
2515
+ opacity: 0;
2516
+ -ms-transform: scale(.3);
2517
+ }
2518
+ }
2519
+
2520
+ @-o-keyframes bounceOut {
2521
+ 0% {
2522
+ -o-transform: scale(1);
2523
+ }
2524
+
2525
+ 25% {
2526
+ -o-transform: scale(.95);
2527
+ }
2528
+
2529
+ 50% {
2530
+ opacity: 1;
2531
+ -o-transform: scale(1.1);
2532
+ }
2533
+
2534
+ 100% {
2535
+ opacity: 0;
2536
+ -o-transform: scale(.3);
2537
+ }
2538
+ }
2539
+
2540
+ @keyframes bounceOut {
2541
+ 0% {
2542
+ transform: scale(1);
2543
+ }
2544
+
2545
+ 25% {
2546
+ transform: scale(.95);
2547
+ }
2548
+
2549
+ 50% {
2550
+ opacity: 1;
2551
+ transform: scale(1.1);
2552
+ }
2553
+
2554
+ 100% {
2555
+ opacity: 0;
2556
+ transform: scale(.3);
2557
+ }
2558
+ }
2559
+
2560
+ .bounceOut {
2561
+ -webkit-animation-name: bounceOut;
2562
+ -moz-animation-name: bounceOut;
2563
+ -ms-animation-name: bounceOut;
2564
+ -o-animation-name: bounceOut;
2565
+ animation-name: bounceOut;
2566
+ }
2567
+ @-webkit-keyframes bounceOutUp {
2568
+ 0% {
2569
+ -webkit-transform: translateY(0);
2570
+ }
2571
+
2572
+ 20% {
2573
+ opacity: 1;
2574
+ -webkit-transform: translateY(20px);
2575
+ }
2576
+
2577
+ 100% {
2578
+ opacity: 0;
2579
+ -webkit-transform: translateY(-2000px);
2580
+ }
2581
+ }
2582
+
2583
+ @-moz-keyframes bounceOutUp {
2584
+ 0% {
2585
+ -moz-transform: translateY(0);
2586
+ }
2587
+
2588
+ 20% {
2589
+ opacity: 1;
2590
+ -moz-transform: translateY(20px);
2591
+ }
2592
+
2593
+ 100% {
2594
+ opacity: 0;
2595
+ -moz-transform: translateY(-2000px);
2596
+ }
2597
+ }
2598
+
2599
+ @-ms-keyframes bounceOutUp {
2600
+ 0% {
2601
+ -ms-transform: translateY(0);
2602
+ }
2603
+
2604
+ 20% {
2605
+ opacity: 1;
2606
+ -ms-transform: translateY(20px);
2607
+ }
2608
+
2609
+ 100% {
2610
+ opacity: 0;
2611
+ -ms-transform: translateY(-2000px);
2612
+ }
2613
+ }
2614
+
2615
+ @-o-keyframes bounceOutUp {
2616
+ 0% {
2617
+ -o-transform: translateY(0);
2618
+ }
2619
+
2620
+ 20% {
2621
+ opacity: 1;
2622
+ -o-transform: translateY(20px);
2623
+ }
2624
+
2625
+ 100% {
2626
+ opacity: 0;
2627
+ -o-transform: translateY(-2000px);
2628
+ }
2629
+ }
2630
+
2631
+ @keyframes bounceOutUp {
2632
+ 0% {
2633
+ transform: translateY(0);
2634
+ }
2635
+
2636
+ 20% {
2637
+ opacity: 1;
2638
+ transform: translateY(20px);
2639
+ }
2640
+
2641
+ 100% {
2642
+ opacity: 0;
2643
+ transform: translateY(-2000px);
2644
+ }
2645
+ }
2646
+
2647
+ .bounceOutUp {
2648
+ -webkit-animation-name: bounceOutUp;
2649
+ -moz-animation-name: bounceOutUp;
2650
+ -ms-animation-name: bounceOutUp;
2651
+ -o-animation-name: bounceOutUp;
2652
+ animation-name: bounceOutUp;
2653
+ }
2654
+ @-webkit-keyframes bounceOutDown {
2655
+ 0% {
2656
+ -webkit-transform: translateY(0);
2657
+ }
2658
+
2659
+ 20% {
2660
+ opacity: 1;
2661
+ -webkit-transform: translateY(-20px);
2662
+ }
2663
+
2664
+ 100% {
2665
+ opacity: 0;
2666
+ -webkit-transform: translateY(2000px);
2667
+ }
2668
+ }
2669
+
2670
+ @-moz-keyframes bounceOutDown {
2671
+ 0% {
2672
+ -moz-transform: translateY(0);
2673
+ }
2674
+
2675
+ 20% {
2676
+ opacity: 1;
2677
+ -moz-transform: translateY(-20px);
2678
+ }
2679
+
2680
+ 100% {
2681
+ opacity: 0;
2682
+ -moz-transform: translateY(2000px);
2683
+ }
2684
+ }
2685
+
2686
+ @-ms-keyframes bounceOutDown {
2687
+ 0% {
2688
+ -ms-transform: translateY(0);
2689
+ }
2690
+
2691
+ 20% {
2692
+ opacity: 1;
2693
+ -ms-transform: translateY(-20px);
2694
+ }
2695
+
2696
+ 100% {
2697
+ opacity: 0;
2698
+ -ms-transform: translateY(2000px);
2699
+ }
2700
+ }
2701
+
2702
+ @keyframes bounceOutDown {
2703
+ 0% {
2704
+ transform: translateY(0);
2705
+ }
2706
+
2707
+ 20% {
2708
+ opacity: 1;
2709
+ transform: translateY(-20px);
2710
+ }
2711
+
2712
+ 100% {
2713
+ opacity: 0;
2714
+ transform: translateY(2000px);
2715
+ }
2716
+ }
2717
+
2718
+ .bounceOutDown {
2719
+ -webkit-animation-name: bounceOutDown;
2720
+ -moz-animation-name: bounceOutDown;
2721
+ -ms-animation-name: bounceOutDown;
2722
+ animation-name: bounceOutDown;
2723
+ }
2724
+ @-webkit-keyframes bounceOutLeft {
2725
+ 0% {
2726
+ -webkit-transform: translateX(0);
2727
+ }
2728
+
2729
+ 20% {
2730
+ opacity: 1;
2731
+ -webkit-transform: translateX(20px);
2732
+ }
2733
+
2734
+ 100% {
2735
+ opacity: 0;
2736
+ -webkit-transform: translateX(-2000px);
2737
+ }
2738
+ }
2739
+
2740
+ @-moz-keyframes bounceOutLeft {
2741
+ 0% {
2742
+ -moz-transform: translateX(0);
2743
+ }
2744
+
2745
+ 20% {
2746
+ opacity: 1;
2747
+ -moz-transform: translateX(20px);
2748
+ }
2749
+
2750
+ 100% {
2751
+ opacity: 0;
2752
+ -moz-transform: translateX(-2000px);
2753
+ }
2754
+ }
2755
+
2756
+ @-ms-keyframes bounceOutLeft {
2757
+ 0% {
2758
+ -ms-transform: translateX(0);
2759
+ }
2760
+
2761
+ 20% {
2762
+ opacity: 1;
2763
+ -ms-transform: translateX(20px);
2764
+ }
2765
+
2766
+ 100% {
2767
+ opacity: 0;
2768
+ -ms-transform: translateX(-2000px);
2769
+ }
2770
+ }
2771
+
2772
+ @-o-keyframes bounceOutLeft {
2773
+ 0% {
2774
+ -o-transform: translateX(0);
2775
+ }
2776
+
2777
+ 20% {
2778
+ opacity: 1;
2779
+ -o-transform: translateX(20px);
2780
+ }
2781
+
2782
+ 100% {
2783
+ opacity: 0;
2784
+ -o-transform: translateX(-2000px);
2785
+ }
2786
+ }
2787
+
2788
+ @keyframes bounceOutLeft {
2789
+ 0% {
2790
+ transform: translateX(0);
2791
+ }
2792
+
2793
+ 20% {
2794
+ opacity: 1;
2795
+ transform: translateX(20px);
2796
+ }
2797
+
2798
+ 100% {
2799
+ opacity: 0;
2800
+ transform: translateX(-2000px);
2801
+ }
2802
+ }
2803
+
2804
+ .bounceOutLeft {
2805
+ -webkit-animation-name: bounceOutLeft;
2806
+ -moz-animation-name: bounceOutLeft;
2807
+ -ms-animation-name: bounceOutLeft;
2808
+ -o-animation-name: bounceOutLeft;
2809
+ animation-name: bounceOutLeft;
2810
+ }
2811
+ @-webkit-keyframes bounceOutRight {
2812
+ 0% {
2813
+ -webkit-transform: translateX(0);
2814
+ }
2815
+
2816
+ 20% {
2817
+ opacity: 1;
2818
+ -webkit-transform: translateX(-20px);
2819
+ }
2820
+
2821
+ 100% {
2822
+ opacity: 0;
2823
+ -webkit-transform: translateX(2000px);
2824
+ }
2825
+ }
2826
+
2827
+ @-moz-keyframes bounceOutRight {
2828
+ 0% {
2829
+ -moz-transform: translateX(0);
2830
+ }
2831
+
2832
+ 20% {
2833
+ opacity: 1;
2834
+ -moz-transform: translateX(-20px);
2835
+ }
2836
+
2837
+ 100% {
2838
+ opacity: 0;
2839
+ -moz-transform: translateX(2000px);
2840
+ }
2841
+ }
2842
+
2843
+ @-ms-keyframes bounceOutRight {
2844
+ 0% {
2845
+ -ms-transform: translateX(0);
2846
+ }
2847
+
2848
+ 20% {
2849
+ opacity: 1;
2850
+ -ms-transform: translateX(-20px);
2851
+ }
2852
+
2853
+ 100% {
2854
+ opacity: 0;
2855
+ -ms-transform: translateX(2000px);
2856
+ }
2857
+ }
2858
+
2859
+ @-o-keyframes bounceOutRight {
2860
+ 0% {
2861
+ -o-transform: translateX(0);
2862
+ }
2863
+
2864
+ 20% {
2865
+ opacity: 1;
2866
+ -o-transform: translateX(-20px);
2867
+ }
2868
+
2869
+ 100% {
2870
+ opacity: 0;
2871
+ -o-transform: translateX(2000px);
2872
+ }
2873
+ }
2874
+
2875
+ @keyframes bounceOutRight {
2876
+ 0% {
2877
+ transform: translateX(0);
2878
+ }
2879
+
2880
+ 20% {
2881
+ opacity: 1;
2882
+ transform: translateX(-20px);
2883
+ }
2884
+
2885
+ 100% {
2886
+ opacity: 0;
2887
+ transform: translateX(2000px);
2888
+ }
2889
+ }
2890
+
2891
+ .bounceOutRight {
2892
+ -webkit-animation-name: bounceOutRight;
2893
+ -moz-animation-name: bounceOutRight;
2894
+ -ms-animation-name: bounceOutRight;
2895
+ -o-animation-name: bounceOutRight;
2896
+ animation-name: bounceOutRight;
2897
+ }
2898
+ @-webkit-keyframes rotateIn {
2899
+ 0% {
2900
+ -webkit-transform-origin: center center;
2901
+ -webkit-transform: rotate(-200deg);
2902
+ opacity: 0;
2903
+ }
2904
+
2905
+ 100% {
2906
+ -webkit-transform-origin: center center;
2907
+ -webkit-transform: rotate(0);
2908
+ opacity: 1;
2909
+ }
2910
+ }
2911
+ @-moz-keyframes rotateIn {
2912
+ 0% {
2913
+ -moz-transform-origin: center center;
2914
+ -moz-transform: rotate(-200deg);
2915
+ opacity: 0;
2916
+ }
2917
+
2918
+ 100% {
2919
+ -moz-transform-origin: center center;
2920
+ -moz-transform: rotate(0);
2921
+ opacity: 1;
2922
+ }
2923
+ }
2924
+ @-ms-keyframes rotateIn {
2925
+ 0% {
2926
+ -ms-transform-origin: center center;
2927
+ -ms-transform: rotate(-200deg);
2928
+ opacity: 0;
2929
+ }
2930
+
2931
+ 100% {
2932
+ -ms-transform-origin: center center;
2933
+ -ms-transform: rotate(0);
2934
+ opacity: 1;
2935
+ }
2936
+ }
2937
+ @-o-keyframes rotateIn {
2938
+ 0% {
2939
+ -o-transform-origin: center center;
2940
+ -o-transform: rotate(-200deg);
2941
+ opacity: 0;
2942
+ }
2943
+
2944
+ 100% {
2945
+ -o-transform-origin: center center;
2946
+ -o-transform: rotate(0);
2947
+ opacity: 1;
2948
+ }
2949
+ }
2950
+ @keyframes rotateIn {
2951
+ 0% {
2952
+ transform-origin: center center;
2953
+ transform: rotate(-200deg);
2954
+ opacity: 0;
2955
+ }
2956
+
2957
+ 100% {
2958
+ transform-origin: center center;
2959
+ transform: rotate(0);
2960
+ opacity: 1;
2961
+ }
2962
+ }
2963
+
2964
+ .rotateIn {
2965
+ -webkit-animation-name: rotateIn;
2966
+ -moz-animation-name: rotateIn;
2967
+ -ms-animation-name: rotateIn;
2968
+ -o-animation-name: rotateIn;
2969
+ animation-name: rotateIn;
2970
+ }
2971
+ @-webkit-keyframes rotateInUpLeft {
2972
+ 0% {
2973
+ -webkit-transform-origin: left bottom;
2974
+ -webkit-transform: rotate(90deg);
2975
+ opacity: 0;
2976
+ }
2977
+
2978
+ 100% {
2979
+ -webkit-transform-origin: left bottom;
2980
+ -webkit-transform: rotate(0);
2981
+ opacity: 1;
2982
+ }
2983
+ }
2984
+
2985
+ @-moz-keyframes rotateInUpLeft {
2986
+ 0% {
2987
+ -moz-transform-origin: left bottom;
2988
+ -moz-transform: rotate(90deg);
2989
+ opacity: 0;
2990
+ }
2991
+
2992
+ 100% {
2993
+ -moz-transform-origin: left bottom;
2994
+ -moz-transform: rotate(0);
2995
+ opacity: 1;
2996
+ }
2997
+ }
2998
+
2999
+ @-ms-keyframes rotateInUpLeft {
3000
+ 0% {
3001
+ -ms-transform-origin: left bottom;
3002
+ -ms-transform: rotate(90deg);
3003
+ opacity: 0;
3004
+ }
3005
+
3006
+ 100% {
3007
+ -ms-transform-origin: left bottom;
3008
+ -ms-transform: rotate(0);
3009
+ opacity: 1;
3010
+ }
3011
+ }
3012
+
3013
+ @-o-keyframes rotateInUpLeft {
3014
+ 0% {
3015
+ -o-transform-origin: left bottom;
3016
+ -o-transform: rotate(90deg);
3017
+ opacity: 0;
3018
+ }
3019
+
3020
+ 100% {
3021
+ -o-transform-origin: left bottom;
3022
+ -o-transform: rotate(0);
3023
+ opacity: 1;
3024
+ }
3025
+ }
3026
+
3027
+ @keyframes rotateInUpLeft {
3028
+ 0% {
3029
+ transform-origin: left bottom;
3030
+ transform: rotate(90deg);
3031
+ opacity: 0;
3032
+ }
3033
+
3034
+ 100% {
3035
+ transform-origin: left bottom;
3036
+ transform: rotate(0);
3037
+ opacity: 1;
3038
+ }
3039
+ }
3040
+
3041
+ .rotateInUpLeft {
3042
+ -webkit-animation-name: rotateInUpLeft;
3043
+ -moz-animation-name: rotateInUpLeft;
3044
+ -ms-animation-name: rotateInUpLeft;
3045
+ -o-animation-name: rotateInUpLeft;
3046
+ animation-name: rotateInUpLeft;
3047
+ }
3048
+ @-webkit-keyframes rotateInDownLeft {
3049
+ 0% {
3050
+ -webkit-transform-origin: left bottom;
3051
+ -webkit-transform: rotate(-90deg);
3052
+ opacity: 0;
3053
+ }
3054
+
3055
+ 100% {
3056
+ -webkit-transform-origin: left bottom;
3057
+ -webkit-transform: rotate(0);
3058
+ opacity: 1;
3059
+ }
3060
+ }
3061
+
3062
+ @-moz-keyframes rotateInDownLeft {
3063
+ 0% {
3064
+ -moz-transform-origin: left bottom;
3065
+ -moz-transform: rotate(-90deg);
3066
+ opacity: 0;
3067
+ }
3068
+
3069
+ 100% {
3070
+ -moz-transform-origin: left bottom;
3071
+ -moz-transform: rotate(0);
3072
+ opacity: 1;
3073
+ }
3074
+ }
3075
+
3076
+ @-ms-keyframes rotateInDownLeft {
3077
+ 0% {
3078
+ -ms-transform-origin: left bottom;
3079
+ -ms-transform: rotate(-90deg);
3080
+ opacity: 0;
3081
+ }
3082
+
3083
+ 100% {
3084
+ -ms-transform-origin: left bottom;
3085
+ -ms-transform: rotate(0);
3086
+ opacity: 1;
3087
+ }
3088
+ }
3089
+
3090
+ @-o-keyframes rotateInDownLeft {
3091
+ 0% {
3092
+ -o-transform-origin: left bottom;
3093
+ -o-transform: rotate(-90deg);
3094
+ opacity: 0;
3095
+ }
3096
+
3097
+ 100% {
3098
+ -o-transform-origin: left bottom;
3099
+ -o-transform: rotate(0);
3100
+ opacity: 1;
3101
+ }
3102
+ }
3103
+
3104
+ @keyframes rotateInDownLeft {
3105
+ 0% {
3106
+ transform-origin: left bottom;
3107
+ transform: rotate(-90deg);
3108
+ opacity: 0;
3109
+ }
3110
+
3111
+ 100% {
3112
+ transform-origin: left bottom;
3113
+ transform: rotate(0);
3114
+ opacity: 1;
3115
+ }
3116
+ }
3117
+
3118
+ .rotateInDownLeft {
3119
+ -webkit-animation-name: rotateInDownLeft;
3120
+ -moz-animation-name: rotateInDownLeft;
3121
+ -ms-animation-name: rotateInDownLeft;
3122
+ -o-animation-name: rotateInDownLeft;
3123
+ animation-name: rotateInDownLeft;
3124
+ }
3125
+ @-webkit-keyframes rotateInUpRight {
3126
+ 0% {
3127
+ -webkit-transform-origin: right bottom;
3128
+ -webkit-transform: rotate(-90deg);
3129
+ opacity: 0;
3130
+ }
3131
+
3132
+ 100% {
3133
+ -webkit-transform-origin: right bottom;
3134
+ -webkit-transform: rotate(0);
3135
+ opacity: 1;
3136
+ }
3137
+ }
3138
+
3139
+ @-moz-keyframes rotateInUpRight {
3140
+ 0% {
3141
+ -moz-transform-origin: right bottom;
3142
+ -moz-transform: rotate(-90deg);
3143
+ opacity: 0;
3144
+ }
3145
+
3146
+ 100% {
3147
+ -moz-transform-origin: right bottom;
3148
+ -moz-transform: rotate(0);
3149
+ opacity: 1;
3150
+ }
3151
+ }
3152
+
3153
+ @-ms-keyframes rotateInUpRight {
3154
+ 0% {
3155
+ -ms-transform-origin: right bottom;
3156
+ -ms-transform: rotate(-90deg);
3157
+ opacity: 0;
3158
+ }
3159
+
3160
+ 100% {
3161
+ -ms-transform-origin: right bottom;
3162
+ -ms-transform: rotate(0);
3163
+ opacity: 1;
3164
+ }
3165
+ }
3166
+
3167
+ @-o-keyframes rotateInUpRight {
3168
+ 0% {
3169
+ -o-transform-origin: right bottom;
3170
+ -o-transform: rotate(-90deg);
3171
+ opacity: 0;
3172
+ }
3173
+
3174
+ 100% {
3175
+ -o-transform-origin: right bottom;
3176
+ -o-transform: rotate(0);
3177
+ opacity: 1;
3178
+ }
3179
+ }
3180
+
3181
+ @keyframes rotateInUpRight {
3182
+ 0% {
3183
+ transform-origin: right bottom;
3184
+ transform: rotate(-90deg);
3185
+ opacity: 0;
3186
+ }
3187
+
3188
+ 100% {
3189
+ transform-origin: right bottom;
3190
+ transform: rotate(0);
3191
+ opacity: 1;
3192
+ }
3193
+ }
3194
+
3195
+ .rotateInUpRight {
3196
+ -webkit-animation-name: rotateInUpRight;
3197
+ -moz-animation-name: rotateInUpRight;
3198
+ -ms-animation-name: rotateInUpRight;
3199
+ -o-animation-name: rotateInUpRight;
3200
+ animation-name: rotateInUpRight;
3201
+ }
3202
+ @-webkit-keyframes rotateInDownRight {
3203
+ 0% {
3204
+ -webkit-transform-origin: right bottom;
3205
+ -webkit-transform: rotate(90deg);
3206
+ opacity: 0;
3207
+ }
3208
+
3209
+ 100% {
3210
+ -webkit-transform-origin: right bottom;
3211
+ -webkit-transform: rotate(0);
3212
+ opacity: 1;
3213
+ }
3214
+ }
3215
+
3216
+ @-moz-keyframes rotateInDownRight {
3217
+ 0% {
3218
+ -moz-transform-origin: right bottom;
3219
+ -moz-transform: rotate(90deg);
3220
+ opacity: 0;
3221
+ }
3222
+
3223
+ 100% {
3224
+ -moz-transform-origin: right bottom;
3225
+ -moz-transform: rotate(0);
3226
+ opacity: 1;
3227
+ }
3228
+ }
3229
+
3230
+ @-ms-keyframes rotateInDownRight {
3231
+ 0% {
3232
+ -ms-transform-origin: right bottom;
3233
+ -ms-transform: rotate(90deg);
3234
+ opacity: 0;
3235
+ }
3236
+
3237
+ 100% {
3238
+ -ms-transform-origin: right bottom;
3239
+ -ms-transform: rotate(0);
3240
+ opacity: 1;
3241
+ }
3242
+ }
3243
+
3244
+ @-o-keyframes rotateInDownRight {
3245
+ 0% {
3246
+ -o-transform-origin: right bottom;
3247
+ -o-transform: rotate(90deg);
3248
+ opacity: 0;
3249
+ }
3250
+
3251
+ 100% {
3252
+ -o-transform-origin: right bottom;
3253
+ -o-transform: rotate(0);
3254
+ opacity: 1;
3255
+ }
3256
+ }
3257
+
3258
+ @keyframes rotateInDownRight {
3259
+ 0% {
3260
+ transform-origin: right bottom;
3261
+ transform: rotate(90deg);
3262
+ opacity: 0;
3263
+ }
3264
+
3265
+ 100% {
3266
+ transform-origin: right bottom;
3267
+ transform: rotate(0);
3268
+ opacity: 1;
3269
+ }
3270
+ }
3271
+
3272
+ .rotateInDownRight {
3273
+ -webkit-animation-name: rotateInDownRight;
3274
+ -moz-animation-name: rotateInDownRight;
3275
+ -ms-animation-name: rotateInDownRight;
3276
+ -o-animation-name: rotateInDownRight;
3277
+ animation-name: rotateInDownRight;
3278
+ }
3279
+ @-webkit-keyframes rotateOut {
3280
+ 0% {
3281
+ -webkit-transform-origin: center center;
3282
+ -webkit-transform: rotate(0);
3283
+ opacity: 1;
3284
+ }
3285
+
3286
+ 100% {
3287
+ -webkit-transform-origin: center center;
3288
+ -webkit-transform: rotate(200deg);
3289
+ opacity: 0;
3290
+ }
3291
+ }
3292
+
3293
+ @-moz-keyframes rotateOut {
3294
+ 0% {
3295
+ -moz-transform-origin: center center;
3296
+ -moz-transform: rotate(0);
3297
+ opacity: 1;
3298
+ }
3299
+
3300
+ 100% {
3301
+ -moz-transform-origin: center center;
3302
+ -moz-transform: rotate(200deg);
3303
+ opacity: 0;
3304
+ }
3305
+ }
3306
+
3307
+ @-ms-keyframes rotateOut {
3308
+ 0% {
3309
+ -ms-transform-origin: center center;
3310
+ -ms-transform: rotate(0);
3311
+ opacity: 1;
3312
+ }
3313
+
3314
+ 100% {
3315
+ -ms-transform-origin: center center;
3316
+ -ms-transform: rotate(200deg);
3317
+ opacity: 0;
3318
+ }
3319
+ }
3320
+
3321
+ @-o-keyframes rotateOut {
3322
+ 0% {
3323
+ -o-transform-origin: center center;
3324
+ -o-transform: rotate(0);
3325
+ opacity: 1;
3326
+ }
3327
+
3328
+ 100% {
3329
+ -o-transform-origin: center center;
3330
+ -o-transform: rotate(200deg);
3331
+ opacity: 0;
3332
+ }
3333
+ }
3334
+
3335
+ @keyframes rotateOut {
3336
+ 0% {
3337
+ transform-origin: center center;
3338
+ transform: rotate(0);
3339
+ opacity: 1;
3340
+ }
3341
+
3342
+ 100% {
3343
+ transform-origin: center center;
3344
+ transform: rotate(200deg);
3345
+ opacity: 0;
3346
+ }
3347
+ }
3348
+
3349
+ .rotateOut {
3350
+ -webkit-animation-name: rotateOut;
3351
+ -moz-animation-name: rotateOut;
3352
+ -ms-animation-name: rotateOut;
3353
+ -o-animation-name: rotateOut;
3354
+ animation-name: rotateOut;
3355
+ }
3356
+ @-webkit-keyframes rotateOutUpLeft {
3357
+ 0% {
3358
+ -webkit-transform-origin: left bottom;
3359
+ -webkit-transform: rotate(0);
3360
+ opacity: 1;
3361
+ }
3362
+
3363
+ 100% {
3364
+ -webkit-transform-origin: left bottom;
3365
+ -webkit-transform: rotate(-90deg);
3366
+ opacity: 0;
3367
+ }
3368
+ }
3369
+
3370
+ @-moz-keyframes rotateOutUpLeft {
3371
+ 0% {
3372
+ -moz-transform-origin: left bottom;
3373
+ -moz-transform: rotate(0);
3374
+ opacity: 1;
3375
+ }
3376
+
3377
+ 100% {
3378
+ -moz-transform-origin: left bottom;
3379
+ -moz-transform: rotate(-90deg);
3380
+ opacity: 0;
3381
+ }
3382
+ }
3383
+
3384
+ @-ms-keyframes rotateOutUpLeft {
3385
+ 0% {
3386
+ -ms-transform-origin: left bottom;
3387
+ -ms-transform: rotate(0);
3388
+ opacity: 1;
3389
+ }
3390
+
3391
+ 100% {
3392
+ -ms-transform-origin: left bottom;
3393
+ -ms-transform: rotate(-90deg);
3394
+ opacity: 0;
3395
+ }
3396
+ }
3397
+
3398
+ @-o-keyframes rotateOutUpLeft {
3399
+ 0% {
3400
+ -o-transform-origin: left bottom;
3401
+ -o-transform: rotate(0);
3402
+ opacity: 1;
3403
+ }
3404
+
3405
+ 100% {
3406
+ -o-transform-origin: left bottom;
3407
+ -o-transform: rotate(-90deg);
3408
+ opacity: 0;
3409
+ }
3410
+ }
3411
+
3412
+ @keyframes rotateOutUpLeft {
3413
+ 0% {
3414
+ transform-origin: left bottom;
3415
+ transform: rotate(0);
3416
+ opacity: 1;
3417
+ }
3418
+
3419
+ 100% {
3420
+ -transform-origin: left bottom;
3421
+ -transform: rotate(-90deg);
3422
+ opacity: 0;
3423
+ }
3424
+ }
3425
+
3426
+ .rotateOutUpLeft {
3427
+ -webkit-animation-name: rotateOutUpLeft;
3428
+ -moz-animation-name: rotateOutUpLeft;
3429
+ -ms-animation-name: rotateOutUpLeft;
3430
+ -o-animation-name: rotateOutUpLeft;
3431
+ animation-name: rotateOutUpLeft;
3432
+ }
3433
+ @-webkit-keyframes rotateOutDownLeft {
3434
+ 0% {
3435
+ -webkit-transform-origin: left bottom;
3436
+ -webkit-transform: rotate(0);
3437
+ opacity: 1;
3438
+ }
3439
+
3440
+ 100% {
3441
+ -webkit-transform-origin: left bottom;
3442
+ -webkit-transform: rotate(90deg);
3443
+ opacity: 0;
3444
+ }
3445
+ }
3446
+
3447
+ @-moz-keyframes rotateOutDownLeft {
3448
+ 0% {
3449
+ -moz-transform-origin: left bottom;
3450
+ -moz-transform: rotate(0);
3451
+ opacity: 1;
3452
+ }
3453
+
3454
+ 100% {
3455
+ -moz-transform-origin: left bottom;
3456
+ -moz-transform: rotate(90deg);
3457
+ opacity: 0;
3458
+ }
3459
+ }
3460
+
3461
+ @-ms-keyframes rotateOutDownLeft {
3462
+ 0% {
3463
+ -ms-transform-origin: left bottom;
3464
+ -ms-transform: rotate(0);
3465
+ opacity: 1;
3466
+ }
3467
+
3468
+ 100% {
3469
+ -ms-transform-origin: left bottom;
3470
+ -ms-transform: rotate(90deg);
3471
+ opacity: 0;
3472
+ }
3473
+ }
3474
+
3475
+ @-o-keyframes rotateOutDownLeft {
3476
+ 0% {
3477
+ -o-transform-origin: left bottom;
3478
+ -o-transform: rotate(0);
3479
+ opacity: 1;
3480
+ }
3481
+
3482
+ 100% {
3483
+ -o-transform-origin: left bottom;
3484
+ -o-transform: rotate(90deg);
3485
+ opacity: 0;
3486
+ }
3487
+ }
3488
+
3489
+ @keyframes rotateOutDownLeft {
3490
+ 0% {
3491
+ transform-origin: left bottom;
3492
+ transform: rotate(0);
3493
+ opacity: 1;
3494
+ }
3495
+
3496
+ 100% {
3497
+ transform-origin: left bottom;
3498
+ transform: rotate(90deg);
3499
+ opacity: 0;
3500
+ }
3501
+ }
3502
+
3503
+ .rotateOutDownLeft {
3504
+ -webkit-animation-name: rotateOutDownLeft;
3505
+ -moz-animation-name: rotateOutDownLeft;
3506
+ -ms-animation-name: rotateOutDownLeft;
3507
+ -o-animation-name: rotateOutDownLeft;
3508
+ animation-name: rotateOutDownLeft;
3509
+ }
3510
+ @-webkit-keyframes rotateOutUpRight {
3511
+ 0% {
3512
+ -webkit-transform-origin: right bottom;
3513
+ -webkit-transform: rotate(0);
3514
+ opacity: 1;
3515
+ }
3516
+
3517
+ 100% {
3518
+ -webkit-transform-origin: right bottom;
3519
+ -webkit-transform: rotate(90deg);
3520
+ opacity: 0;
3521
+ }
3522
+ }
3523
+
3524
+ @-moz-keyframes rotateOutUpRight {
3525
+ 0% {
3526
+ -moz-transform-origin: right bottom;
3527
+ -moz-transform: rotate(0);
3528
+ opacity: 1;
3529
+ }
3530
+
3531
+ 100% {
3532
+ -moz-transform-origin: right bottom;
3533
+ -moz-transform: rotate(90deg);
3534
+ opacity: 0;
3535
+ }
3536
+ }
3537
+
3538
+ @-ms-keyframes rotateOutUpRight {
3539
+ 0% {
3540
+ -ms-transform-origin: right bottom;
3541
+ -ms-transform: rotate(0);
3542
+ opacity: 1;
3543
+ }
3544
+
3545
+ 100% {
3546
+ -ms-transform-origin: right bottom;
3547
+ -ms-transform: rotate(90deg);
3548
+ opacity: 0;
3549
+ }
3550
+ }
3551
+
3552
+ @-o-keyframes rotateOutUpRight {
3553
+ 0% {
3554
+ -o-transform-origin: right bottom;
3555
+ -o-transform: rotate(0);
3556
+ opacity: 1;
3557
+ }
3558
+
3559
+ 100% {
3560
+ -o-transform-origin: right bottom;
3561
+ -o-transform: rotate(90deg);
3562
+ opacity: 0;
3563
+ }
3564
+ }
3565
+
3566
+ @keyframes rotateOutUpRight {
3567
+ 0% {
3568
+ transform-origin: right bottom;
3569
+ transform: rotate(0);
3570
+ opacity: 1;
3571
+ }
3572
+
3573
+ 100% {
3574
+ transform-origin: right bottom;
3575
+ transform: rotate(90deg);
3576
+ opacity: 0;
3577
+ }
3578
+ }
3579
+
3580
+ .rotateOutUpRight {
3581
+ -webkit-animation-name: rotateOutUpRight;
3582
+ -moz-animation-name: rotateOutUpRight;
3583
+ -ms-animation-name: rotateOutUpRight;
3584
+ -o-animation-name: rotateOutUpRight;
3585
+ animation-name: rotateOutUpRight;
3586
+ }
3587
+ @-webkit-keyframes rotateOutDownRight {
3588
+ 0% {
3589
+ -webkit-transform-origin: right bottom;
3590
+ -webkit-transform: rotate(0);
3591
+ opacity: 1;
3592
+ }
3593
+
3594
+ 100% {
3595
+ -webkit-transform-origin: right bottom;
3596
+ -webkit-transform: rotate(-90deg);
3597
+ opacity: 0;
3598
+ }
3599
+ }
3600
+
3601
+ @-moz-keyframes rotateOutDownRight {
3602
+ 0% {
3603
+ -moz-transform-origin: right bottom;
3604
+ -moz-transform: rotate(0);
3605
+ opacity: 1;
3606
+ }
3607
+
3608
+ 100% {
3609
+ -moz-transform-origin: right bottom;
3610
+ -moz-transform: rotate(-90deg);
3611
+ opacity: 0;
3612
+ }
3613
+ }
3614
+
3615
+ @-ms-keyframes rotateOutDownRight {
3616
+ 0% {
3617
+ -ms-transform-origin: right bottom;
3618
+ -ms-transform: rotate(0);
3619
+ opacity: 1;
3620
+ }
3621
+
3622
+ 100% {
3623
+ -ms-transform-origin: right bottom;
3624
+ -ms-transform: rotate(-90deg);
3625
+ opacity: 0;
3626
+ }
3627
+ }
3628
+
3629
+ @-o-keyframes rotateOutDownRight {
3630
+ 0% {
3631
+ -o-transform-origin: right bottom;
3632
+ -o-transform: rotate(0);
3633
+ opacity: 1;
3634
+ }
3635
+
3636
+ 100% {
3637
+ -o-transform-origin: right bottom;
3638
+ -o-transform: rotate(-90deg);
3639
+ opacity: 0;
3640
+ }
3641
+ }
3642
+
3643
+ @keyframes rotateOutDownRight {
3644
+ 0% {
3645
+ transform-origin: right bottom;
3646
+ transform: rotate(0);
3647
+ opacity: 1;
3648
+ }
3649
+
3650
+ 100% {
3651
+ transform-origin: right bottom;
3652
+ transform: rotate(-90deg);
3653
+ opacity: 0;
3654
+ }
3655
+ }
3656
+
3657
+ .rotateOutDownRight {
3658
+ -webkit-animation-name: rotateOutDownRight;
3659
+ -moz-animation-name: rotateOutDownRight;
3660
+ -ms-animation-name: rotateOutDownRight;
3661
+ -o-animation-name: rotateOutDownRight;
3662
+ animation-name: rotateOutDownRight;
3663
+ }
3664
+ @-webkit-keyframes hinge {
3665
+ 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3666
+ 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3667
+ 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3668
+ 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
3669
+ 100% { -webkit-transform: translateY(700px); opacity: 0; }
3670
+ }
3671
+
3672
+ @-moz-keyframes hinge {
3673
+ 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3674
+ 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3675
+ 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3676
+ 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
3677
+ 100% { -moz-transform: translateY(700px); opacity: 0; }
3678
+ }
3679
+
3680
+ @-ms-keyframes hinge {
3681
+ 0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
3682
+ 20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
3683
+ 40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
3684
+ 80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
3685
+ 100% { -ms-transform: translateY(700px); opacity: 0; }
3686
+ }
3687
+
3688
+ @-o-keyframes hinge {
3689
+ 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3690
+ 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3691
+ 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3692
+ 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
3693
+ 100% { -o-transform: translateY(700px); opacity: 0; }
3694
+ }
3695
+
3696
+ @keyframes hinge {
3697
+ 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
3698
+ 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3699
+ 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3700
+ 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
3701
+ 100% { transform: translateY(700px); opacity: 0; }
3702
+ }
3703
+
3704
+ .hinge {
3705
+ -webkit-animation-name: hinge;
3706
+ -moz-animation-name: hinge;
3707
+ -ms-animation-name: hinge;
3708
+ -o-animation-name: hinge;
3709
+ animation-name: hinge;
3710
+ }
3711
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3712
+
3713
+ @-webkit-keyframes rollIn {
3714
+ 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
3715
+ 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
3716
+ }
3717
+
3718
+ @-moz-keyframes rollIn {
3719
+ 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
3720
+ 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
3721
+ }
3722
+
3723
+ @-ms-keyframes rollIn {
3724
+ 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
3725
+ 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
3726
+ }
3727
+
3728
+ @-o-keyframes rollIn {
3729
+ 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
3730
+ 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
3731
+ }
3732
+
3733
+ @keyframes rollIn {
3734
+ 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
3735
+ 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
3736
+ }
3737
+
3738
+ .rollIn {
3739
+ -webkit-animation-name: rollIn;
3740
+ -moz-animation-name: rollIn;
3741
+ -ms-animation-name: rollIn;
3742
+ -o-animation-name: rollIn;
3743
+ animation-name: rollIn;
3744
+ }
3745
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3746
+
3747
+ @-webkit-keyframes rollOut {
3748
+ 0% {
3749
+ opacity: 1;
3750
+ -webkit-transform: translateX(0px) rotate(0deg);
3751
+ }
3752
+
3753
+ 100% {
3754
+ opacity: 0;
3755
+ -webkit-transform: translateX(100%) rotate(120deg);
3756
+ }
3757
+ }
3758
+
3759
+ @-moz-keyframes rollOut {
3760
+ 0% {
3761
+ opacity: 1;
3762
+ -moz-transform: translateX(0px) rotate(0deg);
3763
+ }
3764
+
3765
+ 100% {
3766
+ opacity: 0;
3767
+ -moz-transform: translateX(100%) rotate(120deg);
3768
+ }
3769
+ }
3770
+
3771
+ @-ms-keyframes rollOut {
3772
+ 0% {
3773
+ opacity: 1;
3774
+ -ms-transform: translateX(0px) rotate(0deg);
3775
+ }
3776
+
3777
+ 100% {
3778
+ opacity: 0;
3779
+ -ms-transform: translateX(100%) rotate(120deg);
3780
+ }
3781
+ }
3782
+
3783
+ @-o-keyframes rollOut {
3784
+ 0% {
3785
+ opacity: 1;
3786
+ -o-transform: translateX(0px) rotate(0deg);
3787
+ }
3788
+
3789
+ 100% {
3790
+ opacity: 0;
3791
+ -o-transform: translateX(100%) rotate(120deg);
3792
+ }
3793
+ }
3794
+
3795
+ @keyframes rollOut {
3796
+ 0% {
3797
+ opacity: 1;
3798
+ transform: translateX(0px) rotate(0deg);
3799
+ }
3800
+
3801
+ 100% {
3802
+ opacity: 0;
3803
+ transform: translateX(100%) rotate(120deg);
3804
+ }
3805
+ }
3806
+
3807
+ .rollOut {
3808
+ -webkit-animation-name: rollOut;
3809
+ -moz-animation-name: rollOut;
3810
+ -ms-animation-name: rollOut;
3811
+ -o-animation-name: rollOut;
3812
+ animation-name: rollOut;
3813
+ }