@charset "UTF-8";
body{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
.animated{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-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%, 20%, 50%, 80%, 100%{-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%, 50%, 100%{opacity: 1;} 25%, 75%{opacity: 0;}}
@keyframes flash{0%, 50%, 100%{opacity: 1;} 25%, 75%{opacity: 0;}}
.flash{-webkit-animation-name: flash; animation-name: flash;}
@-moz-keyframes scaleUpIn{0%{-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 100%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@-webkit-keyframes scaleUpIn{0%{-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 100%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@keyframes scaleUpIn{0%{-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 100%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
.scaleUpIn{-webkit-animation-name: scaleUpIn; -moz-animation-name: scaleUpIn; -o-animation-name: scaleUpIn; animation-name: scaleUpIn;}
@-moz-keyframes scaleDownIn{0%{-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 2;} 100%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@-webkit-keyframes scaleDownIn{0%{-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0;} 100%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@keyframes scaleDownIn{0%{-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0;} 100%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
.scaleDownIn{-webkit-animation-name: scaleDownIn; -moz-animation-name: scaleDownIn; -o-animation-name: scaleDownIn; animation-name: scaleDownIn;}
@-moz-keyframes scaleDownOut{100%{-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 0%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@-webkit-keyframes scaleDownOut{100%{-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 0%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@keyframes scaleDownOut{100%{-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;} 0%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
.scaleDownOut{-webkit-animation-name: scaleDownOut; -moz-animation-name: scaleDownOut; -o-animation-name: scaleDownOut; animation-name: scaleDownOut;}
@-moz-keyframes scaleUpOut{100%{-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 2;} 0%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@-webkit-keyframes scaleUpOut{100%{-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0;} 0%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
@keyframes scaleUpOut{100%{-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0;} 0%{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}}
.scaleUpOut{-webkit-animation-name: scaleUpOut; -moz-animation-name: scaleUpOut; -o-animation-name: scaleUpOut; animation-name: scaleUpOut;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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 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;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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(1); transform: scale(1);} 100%{-webkit-transform: scale(1); transform: scale(1);}}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} 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(-400px); transform: translateX(-400px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}
@keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px);} 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}
.bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRights{0%{opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}
@keyframes bounceInRights{0%{opacity: 0; -webkit-transform: translateX(400px); -ms-transform: translateX(400px); transform: translateX(400px);} 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}
.bounceInRights{-webkit-animation-name: bounceInRights; animation-name: bounceInRights;}
@-webkit-keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}
@keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(400px); -ms-transform: translateX(400px); transform: translateX(400px);} 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(20px); transform: translateY(20px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);} 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;font-weight:400;font-size:14px;}
@-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;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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;}
.magic{-webkit-animation-name: magic; -moz-animation-name: magic; -ms-animation-name: magic; -o-animation-name: magic; animation-name: magic;}
.openDownLeft{-webkit-animation-name: openDownLeft; -moz-animation-name: openDownLeft; -ms-animation-name: openDownLeft; -o-animation-name: openDownLeft; animation-name: openDownLeft;}
.openDownRight{-webkit-animation-name: openDownRight; -moz-animation-name: openDownRight; -ms-animation-name: openDownRight; -o-animation-name: openDownRight; animation-name: openDownRight;}
.openUpLeft{-webkit-animation-name: openUpLeft; -moz-animation-name: openUpLeft; -ms-animation-name: openUpLeft; -o-animation-name: openUpLeft; animation-name: openUpLeft;}
.openUpRight{-webkit-animation-name: openUpRight; -moz-animation-name: openUpRight; -ms-animation-name: openUpRight; -o-animation-name: openUpRight; animation-name: openUpRight;}
.openDownLeftReturn{-webkit-animation-name: openDownLeftReturn; -moz-animation-name: openDownLeftReturn; -ms-animation-name: openDownLeftReturn; -o-animation-name: openDownLeftReturn; animation-name: openDownLeftReturn;}
.openDownRightReturn{-webkit-animation-name: openDownRightReturn; -moz-animation-name: openDownRightReturn; -ms-animation-name: openDownRightReturn; -o-animation-name: openDownRightReturn; animation-name: openDownRightReturn;}
.openUpLeftReturn{-webkit-animation-name: openUpLeftReturn; -moz-animation-name: openUpLeftReturn; -ms-animation-name: openUpLeftReturn; -o-animation-name: openUpLeftReturn; animation-name: openUpLeftReturn;}
.openUpRightReturn{-webkit-animation-name: openUpRightReturn; -moz-animation-name: openUpRightReturn; -ms-animation-name: openUpRightReturn; -o-animation-name: openUpRightReturn; animation-name: openUpRightReturn;}
.openDownLeftOut{-webkit-animation-name: openDownLeftOut; -moz-animation-name: openDownLeftOut; -ms-animation-name: openDownLeftOut; -o-animation-name: openDownLeftOut; animation-name: openDownLeftOut;}
.openDownRightOut{-webkit-animation-name: openDownRightOut; -moz-animation-name: openDownRightOut; -ms-animation-name: openDownRightOut; -o-animation-name: openDownRightOut; animation-name: openDownRightOut;}
.openUpLeftOut{-webkit-animation-name: openUpLeftOut; -moz-animation-name: openUpLeftOut; -ms-animation-name: openUpLeftOut; -o-animation-name: openUpLeftOut; animation-name: openUpLeftOut;}
.openUpRightOut{-webkit-animation-name: openUpRightOut; -moz-animation-name: openUpRightOut; -ms-animation-name: openUpRightOut; -o-animation-name: openUpRightOut; animation-name: openUpRightOut;}
.perspectiveDown{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveDown; -moz-animation-name: perspectiveDown; -ms-animation-name: perspectiveDown; -o-animation-name: perspectiveDown; animation-name: perspectiveDown;}
.perspectiveLeft{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveLeft; -moz-animation-name: perspectiveLeft; -ms-animation-name: perspectiveLeft; -o-animation-name: perspectiveLeft; animation-name: perspectiveLeft;}
.perspectiveRight{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveRight; -moz-animation-name: perspectiveRight; -ms-animation-name: perspectiveRight; -o-animation-name: perspectiveRight; animation-name: perspectiveRight;}
.perspectiveUp{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveUp; -moz-animation-name: perspectiveUp; -ms-animation-name: perspectiveUp; -o-animation-name: perspectiveUp; animation-name: perspectiveUp;}
.perspectiveDownReturn{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveDownReturn; -moz-animation-name: perspectiveDownReturn; -ms-animation-name: perspectiveDownReturn; -o-animation-name: perspectiveDownReturn; animation-name: perspectiveDownReturn;}
.perspectiveLeftReturn{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveLeftReturn; -moz-animation-name: perspectiveLeftReturn; -ms-animation-name: perspectiveLeftReturn; -o-animation-name: perspectiveLeftReturn; animation-name: perspectiveLeftReturn;}
.perspectiveRightReturn{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveRightReturn; -moz-animation-name: perspectiveRightReturn; -ms-animation-name: perspectiveRightReturn; -o-animation-name: perspectiveRightReturn; animation-name: perspectiveRightReturn;}
.perspectiveUpReturn{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveUpReturn; -moz-animation-name: perspectiveUpReturn; -ms-animation-name: perspectiveUpReturn; -o-animation-name: perspectiveUpReturn; animation-name: perspectiveUpReturn;}
.puffIn{-webkit-animation-name: puffIn; -moz-animation-name: puffIn; -ms-animation-name: puffIn; -o-animation-name: puffIn; animation-name: puffIn;}
.puffOut{-webkit-animation-name: puffOut; -moz-animation-name: puffOut; -ms-animation-name: puffOut; -o-animation-name: puffOut; animation-name: puffOut;}
.rotateDown{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateDown; -moz-animation-name: rotateDown; -ms-animation-name: rotateDown; -o-animation-name: rotateDown; animation-name: rotateDown;}
.rotateLeft{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateLeft; -moz-animation-name: rotateLeft; -ms-animation-name: rotateLeft; -o-animation-name: rotateLeft; animation-name: rotateLeft;}
.rotateRight{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateRight; -moz-animation-name: rotateRight; -ms-animation-name: rotateRight; -o-animation-name: rotateRight; animation-name: rotateRight;}
.rotateUp{-webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateUp; -moz-animation-name: rotateUp; -ms-animation-name: rotateUp; -o-animation-name: rotateUp; animation-name: rotateUp;}
.slideDown{-webkit-animation-name: slideDown; -moz-animation-name: slideDown; -ms-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown;}
.slideLeft{-webkit-animation-name: slideLeft; -moz-animation-name: slideLeft; -ms-animation-name: slideLeft; -o-animation-name: slideLeft; animation-name: slideLeft;}
.slideRight{-webkit-animation-name: slideRight; -moz-animation-name: slideRight; -ms-animation-name: slideRight; -o-animation-name: slideRight; animation-name: slideRight;}
.slideUp{-webkit-animation-name: slideUp; -moz-animation-name: slideUp; -ms-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp;}
.slideDownReturn{-webkit-animation-name: slideDownReturn; -moz-animation-name: slideDownReturn; -ms-animation-name: slideDownReturn; -o-animation-name: slideDownReturn; animation-name: slideDownReturn;}
.slideLeftReturn{-webkit-animation-name: slideLeftReturn; -moz-animation-name: slideLeftReturn; -ms-animation-name: slideLeftReturn; -o-animation-name: slideLeftReturn; animation-name: slideLeftReturn;}
.slideRightReturn{-webkit-animation-name: slideRightReturn; -moz-animation-name: slideRightReturn; -ms-animation-name: slideRightReturn; -o-animation-name: slideRightReturn; animation-name: slideRightReturn;}
.slideUpReturn{-webkit-animation-name: slideUpReturn; -moz-animation-name: slideUpReturn; -ms-animation-name: slideUpReturn; -o-animation-name: slideUpReturn; animation-name: slideUpReturn;}
.swap{-webkit-animation-name: swap; -moz-animation-name: swap; -ms-animation-name: swap; -o-animation-name: swap; animation-name: swap;}
.twisterInDown{-webkit-animation-name: twisterInDown; -moz-animation-name: twisterInDown; -ms-animation-name: twisterInDown; -o-animation-name: twisterInDown; animation-name: twisterInDown;}
.twisterInUp{-webkit-animation-name: twisterInUp; -moz-animation-name: twisterInUp; -ms-animation-name: twisterInUp; -o-animation-name: twisterInUp; animation-name: twisterInUp;}
.vanishIn{-webkit-animation-name: vanishIn; -moz-animation-name: vanishIn; -ms-animation-name: vanishIn; -o-animation-name: vanishIn; animation-name: vanishIn;}
.vanishOut{-webkit-animation-name: vanishOut; -moz-animation-name: vanishOut; -ms-animation-name: vanishOut; -o-animation-name: vanishOut; animation-name: vanishOut;}
.swashOut{-webkit-animation-name: swashOut; -moz-animation-name: swashOut; -ms-animation-name: swashOut; -o-animation-name: swashOut; animation-name: swashOut;}
.swashIn{-webkit-animation-name: swashIn; -moz-animation-name: swashIn; -ms-animation-name: swashIn; -o-animation-name: swashIn; animation-name: swashIn;}
.foolishOut{-webkit-animation-name: foolishOut; -moz-animation-name: foolishOut; -ms-animation-name: foolishOut; -o-animation-name: foolishOut; animation-name: foolishOut;}
.foolishIn{-webkit-animation-name: foolishIn; -moz-animation-name: foolishIn; -ms-animation-name: foolishIn; -o-animation-name: foolishIn; animation-name: foolishIn;}
.holeOut{-webkit-animation-name: holeOut; -moz-animation-name: holeOut; -ms-animation-name: holeOut; -o-animation-name: holeOut; animation-name: holeOut;}
.tinRightOut{-webkit-animation-name: tinRightOut; -moz-animation-name: tinRightOut; -ms-animation-name: tinRightOut; -o-animation-name: tinRightOut; animation-name: tinRightOut;}
.tinLeftOut{-webkit-animation-name: tinLeftOut; -moz-animation-name: tinLeftOut; -ms-animation-name: tinLeftOut; -o-animation-name: tinLeftOut; animation-name: tinLeftOut;}
.tinUpOut{-webkit-animation-name: tinUpOut; -moz-animation-name: tinUpOut; -ms-animation-name: tinUpOut; -o-animation-name: tinUpOut; animation-name: tinUpOut;}
.tinDownOut{-webkit-animation-name: tinDownOut; -moz-animation-name: tinDownOut; -ms-animation-name: tinDownOut; -o-animation-name: tinDownOut; animation-name: tinDownOut;}
.tinRightIn{-webkit-animation-name: tinRightIn; -moz-animation-name: tinRightIn; -ms-animation-name: tinRightIn; -o-animation-name: tinRightIn; animation-name: tinRightIn;}
.tinLeftIn{-webkit-animation-name: tinLeftIn; -moz-animation-name: tinLeftIn; -ms-animation-name: tinLeftIn; -o-animation-name: tinLeftIn; animation-name: tinLeftIn;}
.tinUpIn{-webkit-animation-name: tinUpIn; -moz-animation-name: tinUpIn; -ms-animation-name: tinUpIn; -o-animation-name: tinUpIn; animation-name: tinUpIn;}
.tinDownIn{-webkit-animation-name: tinDownIn; -moz-animation-name: tinDownIn; -ms-animation-name: tinDownIn; -o-animation-name: tinDownIn; animation-name: tinDownIn;}
.bombRightOut{-webkit-animation-name: bombRightOut; -moz-animation-name: bombRightOut; -ms-animation-name: bombRightOut; -o-animation-name: bombRightOut; animation-name: bombRightOut;}
.bombLeftOut{-webkit-animation-name: bombLeftOut; -moz-animation-name: bombLeftOut; -ms-animation-name: bombLeftOut; -o-animation-name: bombLeftOut; animation-name: bombLeftOut;}
@-moz-keyframes magic{0%{opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg);}}
@-webkit-keyframes magic{0%{opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg);}}
@-o-keyframes magic{0%{opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg);}}
@-ms-keyframes magic{0%{opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg);}}
@keyframes magic{0%{opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg);}}
@-moz-keyframes openDownLeft{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-webkit-keyframes openDownLeft{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-o-keyframes openDownLeft{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-ms-keyframes openDownLeft{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@keyframes openDownLeft{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-moz-keyframes openDownRight{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-webkit-keyframes openDownRight{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-o-keyframes openDownRight{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-ms-keyframes openDownRight{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@keyframes openDownRight{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-moz-keyframes openUpLeft{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-webkit-keyframes openUpLeft{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-o-keyframes openUpLeft{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-ms-keyframes openUpLeft{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@keyframes openUpLeft{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-moz-keyframes openUpRight{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-webkit-keyframes openUpRight{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-o-keyframes openUpRight{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-ms-keyframes openUpRight{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@keyframes openUpRight{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}}
@-moz-keyframes openDownLeftReturn{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-webkit-keyframes openDownLeftReturn{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-o-keyframes openDownLeftReturn{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-ms-keyframes openDownLeftReturn{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@keyframes openDownLeftReturn{0%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-moz-keyframes openDownRightReturn{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-webkit-keyframes openDownRightReturn{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-o-keyframes openDownRightReturn{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-ms-keyframes openDownRightReturn{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@keyframes openDownRightReturn{0%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-moz-keyframes openUpLeftReturn{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-webkit-keyframes openUpLeftReturn{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-o-keyframes openUpLeftReturn{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-ms-keyframes openUpLeftReturn{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@keyframes openUpLeftReturn{0%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-moz-keyframes openUpRightReturn{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-webkit-keyframes openUpRightReturn{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-o-keyframes openUpRightReturn{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-ms-keyframes openUpRightReturn{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@keyframes openUpRightReturn{0%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;}}
@-moz-keyframes openDownLeftOut{0%{opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-webkit-keyframes openDownLeftOut{0%{opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-o-keyframes openDownLeftOut{0%{opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-ms-keyframes openDownLeftOut{0%{opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@keyframes openDownLeftOut{0%{opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-moz-keyframes openDownRightOut{0%{opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-webkit-keyframes openDownRightOut{0%{opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-o-keyframes openDownRightOut{0%{opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-ms-keyframes openDownRightOut{0%{opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@keyframes openDownRightOut{0%{opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-moz-keyframes openUpLeftOut{0%{opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-webkit-keyframes openUpLeftOut{0%{opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-o-keyframes openUpLeftOut{0%{opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-ms-keyframes openUpLeftOut{0%{opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@keyframes openUpLeftOut{0%{opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-moz-keyframes openUpRightOut{0%{opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-webkit-keyframes openUpRightOut{0%{opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-o-keyframes openUpRightOut{0%{opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-ms-keyframes openUpRightOut{0%{opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@keyframes openUpRightOut{0%{opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out;} 100%{opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o;}}
@-moz-keyframes perspectiveDown{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);}}
@-webkit-keyframes perspectiveDown{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);}}
@-o-keyframes perspectiveDown{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);}}
@-ms-keyframes perspectiveDown{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);}}
@keyframes perspectiveDown{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);}}
@-moz-keyframes perspectiveLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);}}
@-webkit-keyframes perspectiveLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);}}
@-o-keyframes perspectiveLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);}}
@-ms-keyframes perspectiveLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);}}
@keyframes perspectiveLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);}}
@-moz-keyframes perspectiveRight{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);}}
@-webkit-keyframes perspectiveRight{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);}}
@-o-keyframes perspectiveRight{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);}}
@-ms-keyframes perspectiveRight{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);}}
@keyframes perspectiveRight{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);}}
@-moz-keyframes perspectiveUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);}}
@-webkit-keyframes perspectiveUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);}}
@-o-keyframes perspectiveUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);}}
@-ms-keyframes perspectiveUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);}}
@keyframes perspectiveUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);}}
@-moz-keyframes perspectiveDownReturn{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-webkit-keyframes perspectiveDownReturn{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-o-keyframes perspectiveDownReturn{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-ms-keyframes perspectiveDownReturn{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@keyframes perspectiveDownReturn{0%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg);} 100%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-moz-keyframes perspectiveLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-webkit-keyframes perspectiveLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-o-keyframes perspectiveLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-ms-keyframes perspectiveLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@keyframes perspectiveLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-moz-keyframes perspectiveRightReturn{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-webkit-keyframes perspectiveRightReturn{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-o-keyframes perspectiveRightReturn{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-ms-keyframes perspectiveRightReturn{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@keyframes perspectiveRightReturn{0%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg);} 100%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg);}}
@-moz-keyframes perspectiveUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-webkit-keyframes perspectiveUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-o-keyframes perspectiveUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-ms-keyframes perspectiveUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@keyframes perspectiveUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg);}}
@-moz-keyframes puffIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-webkit-keyframes puffIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-o-keyframes puffIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-ms-keyframes puffIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@keyframes puffIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-moz-keyframes puffOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);}}
@-webkit-keyframes puffOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);}}
@-o-keyframes puffOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);}}
@-ms-keyframes puffOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);}}
@keyframes puffOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px);}}
@-moz-keyframes rotateDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px);}}
@-webkit-keyframes rotateDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px);}}
@-o-keyframes rotateDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px);}}
@-ms-keyframes rotateDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px);}}
@keyframes rotateDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px);}}
@-moz-keyframes rotateLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px);}}
@-webkit-keyframes rotateLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px);}}
@-o-keyframes rotateLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px);}}
@-ms-keyframes rotateLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px);}}
@keyframes rotateLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px);}}
@-moz-keyframes rotateRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px);}}
@-webkit-keyframes rotateRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px);}}
@-o-keyframes rotateRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px);}}
@-ms-keyframes rotateRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px);}}
@keyframes rotateRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px);}}
@-moz-keyframes rotateUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px);}}
@-webkit-keyframes rotateUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px);}}
@-o-keyframes rotateUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px);}}
@-ms-keyframes rotateUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px);}}
@keyframes rotateUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px);} 100%{opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px);}}
@-moz-keyframes slideDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}}
@-webkit-keyframes slideDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}}
@-o-keyframes slideDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}}
@-ms-keyframes slideDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}}
@keyframes slideDown{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}}
@-moz-keyframes slideLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}}
@-webkit-keyframes slideLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}}
@-o-keyframes slideLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}}
@-ms-keyframes slideLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}}
@keyframes slideLeft{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}}
@-moz-keyframes slideRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}}
@-webkit-keyframes slideRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}}
@-o-keyframes slideRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}}
@-ms-keyframes slideRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}}
@keyframes slideRight{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}}
@-moz-keyframes slideUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}}
@-webkit-keyframes slideUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}}
@-o-keyframes slideUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}}
@-ms-keyframes slideUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}}
@keyframes slideUp{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}}
@-moz-keyframes slideDownReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-o-keyframes slideDownReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-ms-keyframes slideDownReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@keyframes slideDownReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-moz-keyframes slideLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-o-keyframes slideLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-ms-keyframes slideLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@keyframes slideLeftReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-moz-keyframes slideRightReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-o-keyframes slideRightReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-ms-keyframes slideRightReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@keyframes slideRightReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}}
@-moz-keyframes slideUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-webkit-keyframes slideUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-o-keyframes slideUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-ms-keyframes slideUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@keyframes slideUpReturn{0%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} 100%{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}}
@-moz-keyframes swap{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px);}}
@-webkit-keyframes swap{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px);}}
@-o-keyframes swap{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px);}}
@-ms-keyframes swap{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px);}}
@keyframes swap{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px);}}
@-moz-keyframes twisterInDown{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 30%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%);}}
@-webkit-keyframes twisterInDown{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 30%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%);}}
@-o-keyframes twisterInDown{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 30%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%);}}
@-ms-keyframes twisterInDown{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 30%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%);}}
@keyframes twisterInDown{0%{opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 30%{-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%);} 100%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%);}}
@-moz-keyframes twisterInUp{0%{opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 30%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 100%{opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0);}}
@-webkit-keyframes twisterInUp{0%{opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 30%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 100%{opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0);}}
@-o-keyframes twisterInUp{0%{opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 30%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 100%{opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0);}}
@-ms-keyframes twisterInUp{0%{opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 30%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 100%{opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0);}}
@keyframes twisterInUp{0%{opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 30%{-webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%);} 100%{opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0);}}
@-moz-keyframes vanishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-webkit-keyframes vanishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-o-keyframes vanishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-ms-keyframes vanishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@keyframes vanishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-moz-keyframes vanishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px);}}
@-webkit-keyframes vanishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px);}}
@-o-keyframes vanishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px);}}
@-ms-keyframes vanishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px);}}
@keyframes vanishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px);}}
@-moz-keyframes swashOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 80%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);}}
@-webkit-keyframes swashOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 80%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);}}
@-o-keyframes swashOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 80%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);}}
@-ms-keyframes swashOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 80%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);}}
@keyframes swashOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} 80%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);}}
@-moz-keyframes swashIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);} 90%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-webkit-keyframes swashIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);} 90%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-o-keyframes swashIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);} 90%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-ms-keyframes swashIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);} 90%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@keyframes swashIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);} 90%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);} 100%{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}}
@-moz-keyframes foolishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg);}}
@-webkit-keyframes foolishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg);}}
@-o-keyframes foolishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg);}}
@-ms-keyframes foolishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg);}}
@keyframes foolishOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg);}}
@-moz-keyframes foolishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);}}
@-webkit-keyframes foolishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);}}
@-o-keyframes foolishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);}}
@-ms-keyframes foolishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);}}
@keyframes foolishIn{0%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg);} 20%{opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 40%{opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 60%{opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 80%{opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg);} 100%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg);}}
@-moz-keyframes holeOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg);}}
@-webkit-keyframes holeOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg);}}
@-o-keyframes holeOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg);}}
@-ms-keyframes holeOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg);}}
@keyframes holeOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg);} 100%{opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg);}}
@-moz-keyframes tinRightOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);}}
@-webkit-keyframes tinRightOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);}}
@-o-keyframes tinRightOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);}}
@-ms-keyframes tinRightOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);}}
@keyframes tinRightOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);}}
@-moz-keyframes tinLeftOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);}}
@-webkit-keyframes tinLeftOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);}}
@-o-keyframes tinLeftOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);}}
@-ms-keyframes tinLeftOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);}}
@keyframes tinLeftOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);}}
@-moz-keyframes tinUpOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);}}
@-webkit-keyframes tinUpOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);}}
@-o-keyframes tinUpOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);}}
@-ms-keyframes tinUpOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);}}
@keyframes tinUpOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);}}
@-moz-keyframes tinDownOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);}}
@-webkit-keyframes tinDownOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);}}
@-o-keyframes tinDownOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);}}
@-ms-keyframes tinDownOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);}}
@keyframes tinDownOut{0%, 20%, 40%, 50%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);} 10%, 30%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 100%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);}}
@-moz-keyframes tinRightIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-webkit-keyframes tinRightIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-o-keyframes tinRightIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-ms-keyframes tinRightIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@keyframes tinRightIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-moz-keyframes tinLeftIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-webkit-keyframes tinLeftIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-o-keyframes tinLeftIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-ms-keyframes tinLeftIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@keyframes tinLeftIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0);}}
@-moz-keyframes tinUpIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-webkit-keyframes tinUpIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-o-keyframes tinUpIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-ms-keyframes tinUpIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@keyframes tinUpIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-moz-keyframes tinDownIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-webkit-keyframes tinDownIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-o-keyframes tinDownIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-ms-keyframes tinDownIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@keyframes tinDownIn{0%{opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%);} 50%, 70%, 90%{opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0);} 60%, 80%, 100%{opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0);}}
@-moz-keyframes bombRightOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px);}}
@-webkit-keyframes bombRightOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px);}}
@-o-keyframes bombRightOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px);}}
@-ms-keyframes bombRightOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px);}}
@keyframes bombRightOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px);}}
@-moz-keyframes bombLeftOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px);}}
@-webkit-keyframes bombLeftOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px);}}
@-o-keyframes bombLeftOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px);}}
@-ms-keyframes bombLeftOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px);}}
@keyframes bombLeftOut{0%{opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px);} 50%{opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px);} 100%{opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px);}}