.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both
} .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s;}
@-webkit-keyframes bounce {
0%,  100%,  20%,  50%,  80% { -webkit-transform:translateY(0); transform:translateY(0); }
40% { -webkit-transform:translateY(-30px); transform:translateY(-30px); }
60% { -webkit-transform:translateY(-15px); transform:translateY(-15px); }
}
@keyframes bounce {
0%,  100%,  20%,  50%,  80% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
40% { -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); }
60% { -webkit-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px); }
}
.bounce { 	-webkit-animation-name:bounce; 	animation-name:bounce; }
@-webkit-keyframes flash {
0%,  100%,  50% { opacity:1; }
25%,  75% { opacity:0; }
}
@keyframes flash {
0%,  100%,  50% { opacity:1; }
25%,  75% { opacity:0; }
}
.flash { 	-webkit-animation-name:flash; 	animation-name:flash; }
@-webkit-keyframes pulse {
0% { -webkit-transform:scale(1); transform:scale(1); }
50% { -webkit-transform:scale(1.1); transform:scale(1.1); }
100% { -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes pulse {
0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
50% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
.pulse { 	-webkit-animation-name:pulse; 	animation-name:pulse; }
@-webkit-keyframes rubberBand {
0% { -webkit-transform:scale(1); transform:scale(1); }
30% { -webkit-transform:scaleX(1.25) scaleY(0.75); transform:scaleX(1.25) scaleY(0.75); }
40% { -webkit-transform:scaleX(0.75) scaleY(1.25); transform:scaleX(0.75) scaleY(1.25); }
60% { -webkit-transform:scaleX(1.15) scaleY(0.85); transform:scaleX(1.15) scaleY(0.85); }
100% { -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes rubberBand {
0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
30% { -webkit-transform:scaleX(1.25) scaleY(0.75); -ms-transform:scaleX(1.25) scaleY(0.75); transform:scaleX(1.25) scaleY(0.75); }
40% { -webkit-transform:scaleX(0.75) scaleY(1.25); -ms-transform:scaleX(0.75) scaleY(1.25); transform:scaleX(0.75) scaleY(1.25); }
60% { -webkit-transform:scaleX(1.15) scaleY(0.85); -ms-transform:scaleX(1.15) scaleY(0.85); transform:scaleX(1.15) scaleY(0.85); }
100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
.rubberBand { 	-webkit-animation-name:rubberBand; 	animation-name:rubberBand; }
@-webkit-keyframes shake {
0%,  100% { -webkit-transform:translateX(0); transform:translateX(0); }
10%,  30%,  50%,  70%,  90% { -webkit-transform:translateX(-10px); transform:translateX(-10px); }
20%,  40%,  60%,  80% { -webkit-transform:translateX(10px); transform:translateX(10px); }
}
@keyframes shake {
0%,  100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
10%,  30%,  50%,  70%,  90% { -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px); }
20%,  40%,  60%,  80% { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px); }
}
.shake { 	-webkit-animation-name:shake; 	animation-name:shake; }
@-webkit-keyframes swing {
20% { -webkit-transform:rotate(15deg); transform:rotate(15deg); }
40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg); }
60% { -webkit-transform:rotate(5deg); transform:rotate(5deg); }
80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg); }
100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
}
@keyframes swing {
20% { -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg); }
40% { -webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg); }
60% { -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg); }
80% { -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg); }
100% { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
}
.swing { 	-webkit-transform-origin:top center; 	-ms-transform-origin:top center; 	transform-origin:top center;
	-webkit-animation-name:swing; animation-name:swing }
@-webkit-keyframes tada {
0% { -webkit-transform:scale(1); transform:scale(1); }
10%,  20% { -webkit-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg); }
30%,  50%,  70%,  90% { -webkit-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg); }
40%,  60%,  80% { -webkit-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg); }
100% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0); }
}
@keyframes tada { 
0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
10%,  20% { -webkit-transform:scale(0.9) rotate(-3deg); -ms-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg); }
30%,  50%,  70%,  90% { -webkit-transform:scale(1.1) rotate(3deg); -ms-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg); }
40%,  60%,  80% { -webkit-transform:scale(1.1) rotate(-3deg); -ms-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg); }
100% { -webkit-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0); }
}
.tada { 	-webkit-animation-name:tada; 	animation-name:tada; }
@-webkit-keyframes wobble {
0% { -webkit-transform:translateX(0%); transform:translateX(0%); }
15% { -webkit-transform:translateX(-25%) rotate(-5deg); transform:translateX(-25%) rotate(-5deg); }
30% { -webkit-transform:translateX(20%) rotate(3deg); transform:translateX(20%) rotate(3deg); }
45% { -webkit-transform:translateX(-15%) rotate(-3deg); transform:translateX(-15%) rotate(-3deg); }
60% { -webkit-transform:translateX(10%) rotate(2deg); transform:translateX(10%) rotate(2deg); }
75% { -webkit-transform:translateX(-5%) rotate(-1deg); transform:translateX(-5%) rotate(-1deg); }
100% { -webkit-transform:translateX(0%); transform:translateX(0%); }
}
@keyframes wobble {
0% { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); }
15% { -webkit-transform:translateX(-25%) rotate(-5deg); -ms-transform:translateX(-25%) rotate(-5deg); transform:translateX(-25%) rotate(-5deg); }
30% { -webkit-transform:translateX(20%) rotate(3deg); -ms-transform:translateX(20%) rotate(3deg); transform:translateX(20%) rotate(3deg); }
45% { -webkit-transform:translateX(-15%) rotate(-3deg); -ms-transform:translateX(-15%) rotate(-3deg); transform:translateX(-15%) rotate(-3deg); }
60% { -webkit-transform:translateX(10%) rotate(2deg); -ms-transform:translateX(10%) rotate(2deg); transform:translateX(10%) rotate(2deg); }
75% { -webkit-transform:translateX(-5%) rotate(-1deg); -ms-transform:translateX(-5%) rotate(-1deg); transform:translateX(-5%) rotate(-1deg); }
100% { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); }
}
.wobble { 	-webkit-animation-name:wobble; 	animation-name:wobble; }
@-webkit-keyframes bounceIn {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); }
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05); }
70% { -webkit-transform:scale(.9); transform:scale(.9); }
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes bounceIn {
0% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); }
50% { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
70% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); }
100% { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
.bounceIn { 	-webkit-animation-name:bounceIn; 	animation-name:bounceIn; }
@-webkit-keyframes bounceInDown {
0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px); }
60% { opacity:1; -webkit-transform:translateY(30px); transform:translateY(30px); }
80% { -webkit-transform:translateY(-10px); transform:translateY(-10px); }
100% { -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes bounceInDown {
0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px); }
60% { opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); }
80% { -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
}
.bounceInDown { 	-webkit-animation-name:bounceInDown; 	animation-name:bounceInDown; }
@-webkit-keyframes bounceInLeft {
0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px); }
60% { opacity:1; -webkit-transform:translateX(30px); transform:translateX(30px); }
80% { -webkit-transform:translateX(-10px); transform:translateX(-10px); }
100% { -webkit-transform:translateX(0); transform:translateX(0); }
}
@keyframes bounceInLeft {
0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px); }
60% { opacity:1; -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px); }
80% { -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px); }
100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
}
.bounceInLeft { 	-webkit-animation-name:bounceInLeft; 	animation-name:bounceInLeft; }
@-webkit-keyframes bounceInRight {
0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px); }
60% { opacity:1; -webkit-transform:translateX(-30px); transform:translateX(-30px); }
80% { -webkit-transform:translateX(10px); transform:translateX(10px); }
100% { -webkit-transform:translateX(0); transform:translateX(0); }
}
@keyframes bounceInRight {
0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px); }
60% { opacity:1; -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); }
80% { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px); }
100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
}
.bounceInRight { 	-webkit-animation-name:bounceInRight; 	animation-name:bounceInRight; }
@-webkit-keyframes bounceInUp {
0% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px); }
60% { opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px); }
80% { -webkit-transform:translateY(10px); transform:translateY(10px); }
100% { -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes bounceInUp {
0% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px); }
60% { opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); }
80% { -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); }
100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
}
.bounceInUp { 	-webkit-animation-name:bounceInUp; 	animation-name:bounceInUp; }
@-webkit-keyframes bounceOut {
0% { -webkit-transform:scale(1); transform:scale(1); }
25% {  -webkit-transform:scale(.95);  transform:scale(.95); }
50% { opacity:1; -webkit-transform:scale(1.1); transform:scale(1.1); }
100% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3); }
}
@keyframes bounceOut {
0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
25% { -webkit-transform:scale(.95); -ms-transform:scale(.95); transform:scale(.95); }
50% { opacity:1; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
100% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); }
}
.bounceOut { 	-webkit-animation-name:bounceOut; 	animation-name:bounceOut; }
@-webkit-keyframes bounceOutDown {
0% { -webkit-transform:translateY(0); transform:translateY(0); }
20% { opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px); }
100% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px); }
}
@keyframes bounceOutDown { 
0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
20% { opacity:1; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px); }
100% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px); }
}
.bounceOutDown {  -webkit-animation-name:bounceOutDown; 	animation-name:bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
0% { -webkit-transform:translateX(0); transform:translateX(0); }
20% { opacity:1; -webkit-transform:translateX(20px); transform:translateX(20px); }
100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px); }
}
@keyframes bounceOutLeft {
0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
20% { opacity:1; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); }
100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px); }
}
.bounceOutLeft { 	-webkit-animation-name:bounceOutLeft; 	animation-name:bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
0% { -webkit-transform:translateX(0); transform:translateX(0) }
20% { opacity:1; -webkit-transform:translateX(-20px); transform:translateX(-20px) }
100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) }
}
@keyframes bounceOutRight {
0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
20% { opacity:1; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) }
100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) }
}
.bounceOutRight {	-webkit-animation-name:bounceOutRight; 	animation-name:bounceOutRight }
@-webkit-keyframes bounceOutUp {
0% { -webkit-transform:translateY(0); transform:translateY(0) }
20% { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px) }
100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) }
}
@keyframes bounceOutUp {
0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
20% { opacity:1; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) }
100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) }
}
.bounceOutUp { 	-webkit-animation-name:bounceOutUp; 	animation-name:bounceOutUp }
@-webkit-keyframes fadeIn {
0% { opacity:0 } 100% { opacity:1 }
}
@keyframes fadeIn {
0% { opacity:0 } 100% { opacity:1 }
}
.fadeIn { 	-webkit-animation-name:fadeIn; 	animation-name:fadeIn }
@-webkit-keyframes fadeInDown {
0% { opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px) }
100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes fadeInDown {
0% { opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) }
100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
}
.fadeInDown { 	-webkit-animation-name:fadeInDown; 	animation-name:fadeInDown }
@-webkit-keyframes fadeInDownBig {
0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) }
100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes fadeInDownBig {
0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) }
100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
}
.fadeInDownBig { 	-webkit-animation-name:fadeInDownBig; 	animation-name:fadeInDownBig }
@-webkit-keyframes fadeInLeft {
0% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) }
100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes fadeInLeft {
0% { opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) }
100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
}
.fadeInLeft { 	-webkit-animation-name:fadeInLeft; 	animation-name:fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) }
100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes fadeInLeftBig {
0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) }
100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
}
.fadeInLeftBig { 	-webkit-animation-name:fadeInLeftBig; 	animation-name:fadeInLeftBig }
@-webkit-keyframes fadeInRight {
0% { opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) }
100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes fadeInRight {
0% { opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) }
100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
}
.fadeInRight { 	-webkit-animation-name:fadeInRight; 	animation-name:fadeInRight }
@-webkit-keyframes fadeInRightBig {
0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) }
100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes fadeInRightBig {
0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) }
100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
}
.fadeInRightBig { 	-webkit-animation-name:fadeInRightBig; 	animation-name:fadeInRightBig }
@-webkit-keyframes fadeInUp {
0% { opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px) }
100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes fadeInUp {
0% { opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) }
100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
}
.fadeInUp { 	-webkit-animation-name:fadeInUp; 	animation-name:fadeInUp }
@-webkit-keyframes fadeInUpBig {
0% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) }
100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes fadeInUpBig {
0% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) }
100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
}
.fadeInUpBig { 	-webkit-animation-name:fadeInUpBig; 	animation-name:fadeInUpBig }
@-webkit-keyframes fadeOut {
0% { opacity:1 } 100% { opacity:0 } 
}
@keyframes fadeOut {
0% { opacity:1 } 100% { opacity:0 }
}
.fadeOut { 	-webkit-animation-name:fadeOut; 	animation-name:fadeOut }
@-webkit-keyframes fadeOutDown {
0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px) }
}
@keyframes fadeOutDown {
0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) }
}
.fadeOutDown { 	-webkit-animation-name:fadeOutDown; 	animation-name:fadeOutDown }
@-webkit-keyframes fadeOutDownBig {
0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) }
}
@keyframes fadeOutDownBig {
0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) }
} 
.fadeOutDownBig { 	-webkit-animation-name:fadeOutDownBig; 	animation-name:fadeOutDownBig }
@-webkit-keyframes fadeOutLeft {
0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) }
}
@keyframes fadeOutLeft {
0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) }
}
.fadeOutLeft { 	-webkit-animation-name:fadeOutLeft; 	animation-name:fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig {
0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) }
}
@keyframes fadeOutLeftBig {
0% {  opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) }
}
.fadeOutLeftBig { 	-webkit-animation-name:fadeOutLeftBig; 	animation-name:fadeOutLeftBig }
@-webkit-keyframes fadeOutRight {
0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) }
}
@keyframes fadeOutRight {
0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) }
}
.fadeOutRight { 	-webkit-animation-name:fadeOutRight; 	animation-name:fadeOutRight }
@-webkit-keyframes fadeOutRightBig {
0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) }
}
@keyframes fadeOutRightBig {
0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) }
}
.fadeOutRightBig { 	-webkit-animation-name:fadeOutRightBig; 	animation-name:fadeOutRightBig }
@-webkit-keyframes fadeOutUp {
0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px) }
}
@keyframes fadeOutUp {
0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) }
}
.fadeOutUp { 	-webkit-animation-name:fadeOutUp; 	animation-name:fadeOutUp }
@-webkit-keyframes fadeOutUpBig {
0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) }
}
@keyframes fadeOutUpBig {
0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) }
}
.fadeOutUpBig { 	-webkit-animation-name:fadeOutUpBig; 	animation-name:fadeOutUpBig }
@-webkit-keyframes flip {
0% { -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
80% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
100% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
@keyframes flip {
0% { -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out }
50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
80% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
100% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in }
}
.animated.flip { 	-webkit-backface-visibility:visible; 	-ms-backface-visibility:visible; 	backface-visibility:visible; 	-webkit-animation-name:flip; 	animation-name:flip }
@-webkit-keyframes flipInX {
0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
40% { -webkit-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg) }
70% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg) }
100% { -webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1 }
}
@keyframes flipInX {
0% { -webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
40% { -webkit-transform:perspective(400px) rotateX(-10deg); -ms-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg) }
70% { -webkit-transform:perspective(400px) rotateX(10deg); -ms-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg) }
100% { -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1 }
}
.flipInX { 	-webkit-backface-visibility:visible!important; 	-ms-backface-visibility:visible!important; 	backface-visibility:visible!important; 	-webkit-animation-name:flipInX; 	animation-name:flipInX }
@-webkit-keyframes flipInY {
0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
40% { -webkit-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg) }
70% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg) }
100% { -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1 }
}
@keyframes flipInY {
0% { -webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
40% { -webkit-transform:perspective(400px) rotateY(-10deg); -ms-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg) }
70% { -webkit-transform:perspective(400px) rotateY(10deg); -ms-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg) }
100% { -webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1 }
} 
.flipInY { 	-webkit-backface-visibility:visible!important; 	-ms-backface-visibility:visible!important; 	backface-visibility:visible!important; 	-webkit-animation-name:flipInY; 	animation-name:flipInY }
@-webkit-keyframes flipOutX {
0% { -webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1 }
100% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@keyframes flipOutX {
0% { -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1 }
100% { -webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 }
}
.flipOutX { 	-webkit-animation-name:flipOutX; 	animation-name:flipOutX; 	-webkit-backface-visibility:visible!important; 	-ms-backface-visibility:visible!important; 	backface-visibility:visible!important }
@-webkit-keyframes flipOutY {
0% { -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1 }
100% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
@keyframes flipOutY {
0% { -webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1 }
100% { -webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 }
}
.flipOutY { 	-webkit-backface-visibility:visible!important; 	-ms-backface-visibility:visible!important; 	backface-visibility:visible!important; 	-webkit-animation-name:flipOutY; 	animation-name:flipOutY }
@-webkit-keyframes lightSpeedIn {
0% { -webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg);  opacity:0 }
60% { -webkit-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1 } 
80% { -webkit-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1 }
100% { -webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1 }
}
@keyframes lightSpeedIn {
0% {  -webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0 }
60% { -webkit-transform:translateX(-20%) skewX(30deg); -ms-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1 }
80% { -webkit-transform:translateX(0%) skewX(-15deg); -ms-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1 }
100% { -webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1 }
}
.lightSpeedIn { 	-webkit-animation-name:lightSpeedIn; 	animation-name:lightSpeedIn;  -webkit-animation-timing-function:ease-out; 	animation-timing-function:ease-out }
@-webkit-keyframes lightSpeedOut {
0% { -webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1 }
100% { -webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0 }
}
@keyframes lightSpeedOut {
0% { -webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1  }
100% { -webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0 }
}
.lightSpeedOut { 	-webkit-animation-name:lightSpeedOut; 	animation-name:lightSpeedOut; 	-webkit-animation-timing-function:ease-in; 	animation-timing-function:ease-in }
@-webkit-keyframes rotateIn {
0% { -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 }
100% { -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); transform:rotate(0); opacity:1 }
}
@keyframes rotateIn {
0% { -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(-200deg); -ms-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 }
100% { -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
}
.rotateIn { 	-webkit-animation-name:rotateIn; 	animation-name:rotateIn }
@-webkit-keyframes rotateInDownLeft {
0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0);
opacity:1 }
}
@keyframes rotateInDownLeft {
0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
}
.rotateInDownLeft { 	-webkit-animation-name:rotateInDownLeft; 	animation-name:rotateInDownLeft }
@-webkit-keyframes rotateInDownRight {
0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0);  opacity:1 }
}
@keyframes rotateInDownRight {
0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg);  -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
}
.rotateInDownRight { 	-webkit-animation-name:rotateInDownRight; 	animation-name:rotateInDownRight }
@-webkit-keyframes rotateInUpLeft {
0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0);
opacity:1 } 
}
@keyframes rotateInUpLeft {
0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
}
.rotateInUpLeft { 	-webkit-animation-name:rotateInUpLeft; 	animation-name:rotateInUpLeft }
@-webkit-keyframes rotateInUpRight {
0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);  opacity:0 }
100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1 }
}
@keyframes rotateInUpRight {
0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom;  -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
}
.rotateInUpRight { 	-webkit-animation-name:rotateInUpRight; 	animation-name:rotateInUpRight }
@-webkit-keyframes rotateOut {
0% { -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); transform:rotate(0); opacity:1 }
100% { -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
@keyframes rotateOut {
0% { -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
100% { -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg); opacity:0 }
}
.rotateOut { 	-webkit-animation-name:rotateOut; 	animation-name:rotateOut }
@-webkit-keyframes rotateOutDownLeft {
0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0);
opacity:1 }
100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
@keyframes rotateOutDownLeft {
0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
} 
.rotateOutDownLeft { 	-webkit-animation-name:rotateOutDownLeft; 	animation-name:rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight {
0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0);
opacity:1 }
100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
}
@keyframes rotateOutDownRight {
0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
}
.rotateOutDownRight { 	-webkit-animation-name:rotateOutDownRight; 	animation-name:rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft {
0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0);
opacity:1 } 
100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
}
@keyframes rotateOutUpLeft {
0% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 }
}
.rotateOutUpLeft { 	-webkit-animation-name:rotateOutUpLeft; 	animation-name:rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight {
0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0);
opacity:1 } 
100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
@keyframes rotateOutUpRight {
0% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 }
100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 }
}
.rotateOutUpRight { 	-webkit-animation-name:rotateOutUpRight; 	animation-name:rotateOutUpRight }
@-webkit-keyframes slideInDown {
0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) }
100% { -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes slideInDown {
0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) }
100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
}
.slideInDown { 	-webkit-animation-name:slideInDown; 	animation-name:slideInDown }
@-webkit-keyframes slideInLeft {
0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) }
100% { -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes slideInLeft {
0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) }
100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
}
.slideInLeft { 	-webkit-animation-name:slideInLeft; 	animation-name:slideInLeft } 
@-webkit-keyframes slideInRight {
0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) }
100% { -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes slideInRight {
0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) }
100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
}
.slideInRight { 	-webkit-animation-name:slideInRight; 	animation-name:slideInRight } 
@-webkit-keyframes slideOutLeft {
0% { -webkit-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) }
}
@keyframes slideOutLeft { 
0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) }
}
.slideOutLeft { 	-webkit-animation-name:slideOutLeft; 	animation-name:slideOutLeft }
@-webkit-keyframes slideOutRight {
0% { -webkit-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) }
}
@keyframes slideOutRight {
0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) }
100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) }
}
.slideOutRight { 	-webkit-animation-name:slideOutRight; 	animation-name:slideOutRight }
@-webkit-keyframes slideOutUp {
0% { -webkit-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) }
}
@keyframes slideOutUp {
0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) }
}
.slideOutUp { 	-webkit-animation-name:slideOutUp; 	animation-name:slideOutUp }
@-webkit-keyframes hinge {
0% { -webkit-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:top left; transform-origin:top left;
-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
20%,  60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
40% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left;
-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 
80% { -webkit-transform:rotate(60deg) translateY(0);  transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
100% { -webkit-transform:translateY(700px); transform:translateY(700px); opacity:0 }
}
@keyframes hinge {
0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:top left;
-ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
20%,  60% { -webkit-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out }
40% { -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out }
80% { -webkit-transform:rotate(60deg) translateY(0); -ms-transform:rotate(60deg) translateY(0); transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left;
-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 
100% { -webkit-transform:translateY(700px); -ms-transform:translateY(700px); transform:translateY(700px); opacity:0 }
}
.hinge { 	-webkit-animation-name:hinge; 	animation-name:hinge }
@-webkit-keyframes rollIn {
0% { opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg) }
100% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg) }
}
@keyframes rollIn {
0% { opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); -ms-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg) } 
100% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg) }
}
.rollIn { 	-webkit-animation-name:rollIn; 	animation-name:rollIn }
@-webkit-keyframes rollOut {
0% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg) }
100% { opacity:0; -webkit-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg) }
}
@keyframes rollOut {
0% { opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg) }
100% { opacity:0; -webkit-transform:translateX(100%) rotate(120deg); -ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg) }
}
.rollOut { 	-webkit-animation-name:rollOut; 	animation-name:rollOut }