@charset "UTF-8";





/*!





Animate.css - http://daneden.me/animate





Licensed under the MIT license - http://opensource.org/licenses/MIT





Copyright (c) 2015 Daniel Eden





*/





.animated {





  -webkit-animation-duration: 1s;





  animation-duration: 1s;





  -webkit-animation-fill-mode: both;





  animation-fill-mode: both;





}





.animated.infinite {





  -webkit-animation-iteration-count: infinite;





  animation-iteration-count: infinite;





}





.animated.hinge {





  -webkit-animation-duration: 2s;





  animation-duration: 2s;





}





.animated.bounceIn,





.animated.bounceOut {





  -webkit-animation-duration: .75s;





  animation-duration: .75s;





}





.animated.flipOutX,





.animated.flipOutY {





  -webkit-animation-duration: .75s;





  animation-duration: .75s;





}





@-webkit-keyframes bounce {





  0%, 20%, 53%, 80%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    -webkit-transform: translate3d(0,0,0);





    transform: translate3d(0,0,0);





  }





  40%, 43% {





    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    -webkit-transform: translate3d(0, -30px, 0);





    transform: translate3d(0, -30px, 0);





  }





  70% {





    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    -webkit-transform: translate3d(0, -15px, 0);





    transform: translate3d(0, -15px, 0);





  }





  90% {





    -webkit-transform: translate3d(0,-4px,0);





    transform: translate3d(0,-4px,0);





  }





}





@keyframes bounce {





  0%, 20%, 53%, 80%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    -webkit-transform: translate3d(0,0,0);





    transform: translate3d(0,0,0);





  }





  40%, 43% {





    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    -webkit-transform: translate3d(0, -30px, 0);





    transform: translate3d(0, -30px, 0);





  }





  70% {





    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);





    -webkit-transform: translate3d(0, -15px, 0);





    transform: translate3d(0, -15px, 0);





  }





  90% {





    -webkit-transform: translate3d(0,-4px,0);





    transform: translate3d(0,-4px,0);





  }





}





.bounce {





  -webkit-animation-name: bounce;





  animation-name: bounce;





  -webkit-transform-origin: center bottom;





  transform-origin: center bottom;





}





@-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;





}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes pulse {





  0% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





  50% {





    -webkit-transform: scale3d(1.05, 1.05, 1.05);





    transform: scale3d(1.05, 1.05, 1.05);





  }





  100% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





@keyframes pulse {





  0% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





  50% {





    -webkit-transform: scale3d(1.05, 1.05, 1.05);





    transform: scale3d(1.05, 1.05, 1.05);





  }





  100% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





.pulse {





  -webkit-animation-name: pulse;





  animation-name: pulse;





}





@-webkit-keyframes rubberBand {





  0% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





  30% {





    -webkit-transform: scale3d(1.25, 0.75, 1);





    transform: scale3d(1.25, 0.75, 1);





  }





  40% {





    -webkit-transform: scale3d(0.75, 1.25, 1);





    transform: scale3d(0.75, 1.25, 1);





  }





  50% {





    -webkit-transform: scale3d(1.15, 0.85, 1);





    transform: scale3d(1.15, 0.85, 1);





  }





  65% {





    -webkit-transform: scale3d(.95, 1.05, 1);





    transform: scale3d(.95, 1.05, 1);





  }





  75% {





    -webkit-transform: scale3d(1.05, .95, 1);





    transform: scale3d(1.05, .95, 1);





  }





  100% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





@keyframes rubberBand {





  0% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





  30% {





    -webkit-transform: scale3d(1.25, 0.75, 1);





    transform: scale3d(1.25, 0.75, 1);





  }





  40% {





    -webkit-transform: scale3d(0.75, 1.25, 1);





    transform: scale3d(0.75, 1.25, 1);





  }





  50% {





    -webkit-transform: scale3d(1.15, 0.85, 1);





    transform: scale3d(1.15, 0.85, 1);





  }





  65% {





    -webkit-transform: scale3d(.95, 1.05, 1);





    transform: scale3d(.95, 1.05, 1);





  }





  75% {





    -webkit-transform: scale3d(1.05, .95, 1);





    transform: scale3d(1.05, .95, 1);





  }





  100% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





.rubberBand {





  -webkit-animation-name: rubberBand;





  animation-name: rubberBand;





}





@-webkit-keyframes shake {





  0%, 100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  10%, 30%, 50%, 70%, 90% {





    -webkit-transform: translate3d(-10px, 0, 0);





    transform: translate3d(-10px, 0, 0);





  }





  20%, 40%, 60%, 80% {





    -webkit-transform: translate3d(10px, 0, 0);





    transform: translate3d(10px, 0, 0);





  }





}





@keyframes shake {





  0%, 100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  10%, 30%, 50%, 70%, 90% {





    -webkit-transform: translate3d(-10px, 0, 0);





    transform: translate3d(-10px, 0, 0);





  }





  20%, 40%, 60%, 80% {





    -webkit-transform: translate3d(10px, 0, 0);





    transform: translate3d(10px, 0, 0);





  }





}





.shake {





  -webkit-animation-name: shake;





  animation-name: shake;





}





@-webkit-keyframes swing {





  20% {





    -webkit-transform: rotate3d(0, 0, 1, 15deg);





    transform: rotate3d(0, 0, 1, 15deg);





  }





  40% {





    -webkit-transform: rotate3d(0, 0, 1, -10deg);





    transform: rotate3d(0, 0, 1, -10deg);





  }





  60% {





    -webkit-transform: rotate3d(0, 0, 1, 5deg);





    transform: rotate3d(0, 0, 1, 5deg);





  }





  80% {





    -webkit-transform: rotate3d(0, 0, 1, -5deg);





    transform: rotate3d(0, 0, 1, -5deg);





  }





  100% {





    -webkit-transform: rotate3d(0, 0, 1, 0deg);





    transform: rotate3d(0, 0, 1, 0deg);





  }





}





@keyframes swing {





  20% {





    -webkit-transform: rotate3d(0, 0, 1, 15deg);





    transform: rotate3d(0, 0, 1, 15deg);





  }





  40% {





    -webkit-transform: rotate3d(0, 0, 1, -10deg);





    transform: rotate3d(0, 0, 1, -10deg);





  }





  60% {





    -webkit-transform: rotate3d(0, 0, 1, 5deg);





    transform: rotate3d(0, 0, 1, 5deg);





  }





  80% {





    -webkit-transform: rotate3d(0, 0, 1, -5deg);





    transform: rotate3d(0, 0, 1, -5deg);





  }





  100% {





    -webkit-transform: rotate3d(0, 0, 1, 0deg);





    transform: rotate3d(0, 0, 1, 0deg);





  }





}





.swing {





  -webkit-transform-origin: top center;





  transform-origin: top center;





  -webkit-animation-name: swing;





  animation-name: swing;





}





@-webkit-keyframes tada {





  0% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





  10%, 20% {





    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);





    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);





  }





  30%, 50%, 70%, 90% {





    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);





    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);





  }





  40%, 60%, 80% {





    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);





    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);





  }





  100% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





@keyframes tada {





  0% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





  10%, 20% {





    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);





    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);





  }





  30%, 50%, 70%, 90% {





    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);





    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);





  }





  40%, 60%, 80% {





    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);





    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);





  }





  100% {





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





.tada {





  -webkit-animation-name: tada;





  animation-name: tada;





}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes wobble {





  0% {





    -webkit-transform: none;





    transform: none;





  }





  15% {





    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);





    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);





  }





  30% {





    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);





    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);





  }





  45% {





    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);





    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);





  }





  60% {





    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);





    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);





  }





  75% {





    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);





    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes wobble {





  0% {





    -webkit-transform: none;





    transform: none;





  }





  15% {





    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);





    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);





  }





  30% {





    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);





    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);





  }





  45% {





    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);





    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);





  }





  60% {





    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);





    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);





  }





  75% {





    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);





    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





.wobble {





  -webkit-animation-name: wobble;





  animation-name: wobble;





}





@-webkit-keyframes bounceIn {





  0%, 20%, 40%, 60%, 80%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  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);





  }





  100% {





    opacity: 1;





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





@keyframes bounceIn {





  0%, 20%, 40%, 60%, 80%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  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);





  }





  100% {





    opacity: 1;





    -webkit-transform: scale3d(1, 1, 1);





    transform: scale3d(1, 1, 1);





  }





}





.bounceIn {





  -webkit-animation-name: bounceIn;





  animation-name: bounceIn;





}





@-webkit-keyframes bounceInDown {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, -3000px, 0);





    transform: translate3d(0, -3000px, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(0, 25px, 0);





    transform: translate3d(0, 25px, 0);





  }





  75% {





    -webkit-transform: translate3d(0, -10px, 0);





    transform: translate3d(0, -10px, 0);





  }





  90% {





    -webkit-transform: translate3d(0, 5px, 0);





    transform: translate3d(0, 5px, 0);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes bounceInDown {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, -3000px, 0);





    transform: translate3d(0, -3000px, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(0, 25px, 0);





    transform: translate3d(0, 25px, 0);





  }





  75% {





    -webkit-transform: translate3d(0, -10px, 0);





    transform: translate3d(0, -10px, 0);





  }





  90% {





    -webkit-transform: translate3d(0, 5px, 0);





    transform: translate3d(0, 5px, 0);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





.bounceInDown {





  -webkit-animation-name: bounceInDown;





  animation-name: bounceInDown;





}





@-webkit-keyframes bounceInLeft {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-3000px, 0, 0);





    transform: translate3d(-3000px, 0, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(25px, 0, 0);





    transform: translate3d(25px, 0, 0);





  }





  75% {





    -webkit-transform: translate3d(-10px, 0, 0);





    transform: translate3d(-10px, 0, 0);





  }





  90% {





    -webkit-transform: translate3d(5px, 0, 0);





    transform: translate3d(5px, 0, 0);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes bounceInLeft {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-3000px, 0, 0);





    transform: translate3d(-3000px, 0, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(25px, 0, 0);





    transform: translate3d(25px, 0, 0);





  }





  75% {





    -webkit-transform: translate3d(-10px, 0, 0);





    transform: translate3d(-10px, 0, 0);





  }





  90% {





    -webkit-transform: translate3d(5px, 0, 0);





    transform: translate3d(5px, 0, 0);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





.bounceInLeft {





  -webkit-animation-name: bounceInLeft;





  animation-name: bounceInLeft;





}





@-webkit-keyframes bounceInRight {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(3000px, 0, 0);





    transform: translate3d(3000px, 0, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(-25px, 0, 0);





    transform: translate3d(-25px, 0, 0);





  }





  75% {





    -webkit-transform: translate3d(10px, 0, 0);





    transform: translate3d(10px, 0, 0);





  }





  90% {





    -webkit-transform: translate3d(-5px, 0, 0);





    transform: translate3d(-5px, 0, 0);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes bounceInRight {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(3000px, 0, 0);





    transform: translate3d(3000px, 0, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(-25px, 0, 0);





    transform: translate3d(-25px, 0, 0);





  }





  75% {





    -webkit-transform: translate3d(10px, 0, 0);





    transform: translate3d(10px, 0, 0);





  }





  90% {





    -webkit-transform: translate3d(-5px, 0, 0);





    transform: translate3d(-5px, 0, 0);





  }





  100% {





    -webkit-transform: none;





    transform: none;





  }





}





.bounceInRight {





  -webkit-animation-name: bounceInRight;





  animation-name: bounceInRight;





}





@-webkit-keyframes bounceInUp {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, 3000px, 0);





    transform: translate3d(0, 3000px, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(0, -20px, 0);





    transform: translate3d(0, -20px, 0);





  }





  75% {





    -webkit-transform: translate3d(0, 10px, 0);





    transform: translate3d(0, 10px, 0);





  }





  90% {





    -webkit-transform: translate3d(0, -5px, 0);





    transform: translate3d(0, -5px, 0);





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





@keyframes bounceInUp {





  0%, 60%, 75%, 90%, 100% {





    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);





  }





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, 3000px, 0);





    transform: translate3d(0, 3000px, 0);





  }





  60% {





    opacity: 1;





    -webkit-transform: translate3d(0, -20px, 0);





    transform: translate3d(0, -20px, 0);





  }





  75% {





    -webkit-transform: translate3d(0, 10px, 0);





    transform: translate3d(0, 10px, 0);





  }





  90% {





    -webkit-transform: translate3d(0, -5px, 0);





    transform: translate3d(0, -5px, 0);





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





.bounceInUp {





  -webkit-animation-name: bounceInUp;





  animation-name: bounceInUp;





}





@-webkit-keyframes bounceOut {





  20% {





    -webkit-transform: scale3d(.9, .9, .9);





    transform: scale3d(.9, .9, .9);





  }





  50%, 55% {





    opacity: 1;





    -webkit-transform: scale3d(1.1, 1.1, 1.1);





    transform: scale3d(1.1, 1.1, 1.1);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale3d(.3, .3, .3);





    transform: scale3d(.3, .3, .3);





  }





}





@keyframes bounceOut {





  20% {





    -webkit-transform: scale3d(.9, .9, .9);





    transform: scale3d(.9, .9, .9);





  }





  50%, 55% {





    opacity: 1;





    -webkit-transform: scale3d(1.1, 1.1, 1.1);





    transform: scale3d(1.1, 1.1, 1.1);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale3d(.3, .3, .3);





    transform: scale3d(.3, .3, .3);





  }





}





.bounceOut {





  -webkit-animation-name: bounceOut;





  animation-name: bounceOut;





}





@-webkit-keyframes bounceOutDown {





  20% {





    -webkit-transform: translate3d(0, 10px, 0);





    transform: translate3d(0, 10px, 0);





  }





  40%, 45% {





    opacity: 1;





    -webkit-transform: translate3d(0, -20px, 0);





    transform: translate3d(0, -20px, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, 2000px, 0);





    transform: translate3d(0, 2000px, 0);





  }





}





@keyframes bounceOutDown {





  20% {





    -webkit-transform: translate3d(0, 10px, 0);





    transform: translate3d(0, 10px, 0);





  }





  40%, 45% {





    opacity: 1;





    -webkit-transform: translate3d(0, -20px, 0);





    transform: translate3d(0, -20px, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, 2000px, 0);





    transform: translate3d(0, 2000px, 0);





  }





}





.bounceOutDown {





  -webkit-animation-name: bounceOutDown;





  animation-name: bounceOutDown;





}





@-webkit-keyframes bounceOutLeft {





  20% {





    opacity: 1;





    -webkit-transform: translate3d(20px, 0, 0);





    transform: translate3d(20px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(-2000px, 0, 0);





    transform: translate3d(-2000px, 0, 0);





  }





}





@keyframes bounceOutLeft {





  20% {





    opacity: 1;





    -webkit-transform: translate3d(20px, 0, 0);





    transform: translate3d(20px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(-2000px, 0, 0);





    transform: translate3d(-2000px, 0, 0);





  }





}





.bounceOutLeft {





  -webkit-animation-name: bounceOutLeft;





  animation-name: bounceOutLeft;





}





@-webkit-keyframes bounceOutRight {





  20% {





    opacity: 1;





    -webkit-transform: translate3d(-20px, 0, 0);





    transform: translate3d(-20px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(2000px, 0, 0);





    transform: translate3d(2000px, 0, 0);





  }





}





@keyframes bounceOutRight {





  20% {





    opacity: 1;





    -webkit-transform: translate3d(-20px, 0, 0);





    transform: translate3d(-20px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(2000px, 0, 0);





    transform: translate3d(2000px, 0, 0);





  }





}





.bounceOutRight {





  -webkit-animation-name: bounceOutRight;





  animation-name: bounceOutRight;





}





@-webkit-keyframes bounceOutUp {





  20% {





    -webkit-transform: translate3d(0, -10px, 0);





    transform: translate3d(0, -10px, 0);





  }





  40%, 45% {





    opacity: 1;





    -webkit-transform: translate3d(0, 20px, 0);





    transform: translate3d(0, 20px, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, -2000px, 0);





    transform: translate3d(0, -2000px, 0);





  }





}





@keyframes bounceOutUp {





  20% {





    -webkit-transform: translate3d(0, -10px, 0);





    transform: translate3d(0, -10px, 0);





  }





  40%, 45% {





    opacity: 1;





    -webkit-transform: translate3d(0, 20px, 0);





    transform: translate3d(0, 20px, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, -2000px, 0);





    transform: translate3d(0, -2000px, 0);





  }





}





.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: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInDown {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInDown {





  -webkit-animation-name: fadeInDown;





  animation-name: fadeInDown;





}





@-webkit-keyframes fadeInDownBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, -2000px, 0);





    transform: translate3d(0, -2000px, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInDownBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, -2000px, 0);





    transform: translate3d(0, -2000px, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInDownBig {





  -webkit-animation-name: fadeInDownBig;





  animation-name: fadeInDownBig;





}





@-webkit-keyframes fadeInLeft {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInLeft {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInLeft {





  -webkit-animation-name: fadeInLeft;





  animation-name: fadeInLeft;





}





@-webkit-keyframes fadeInLeftBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-2000px, 0, 0);





    transform: translate3d(-2000px, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInLeftBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-2000px, 0, 0);





    transform: translate3d(-2000px, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInLeftBig {





  -webkit-animation-name: fadeInLeftBig;





  animation-name: fadeInLeftBig;





}





@-webkit-keyframes fadeInRight {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInRight {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInRight {





  -webkit-animation-name: fadeInRight;





  animation-name: fadeInRight;





}





@-webkit-keyframes fadeInRightBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(2000px, 0, 0);





    transform: translate3d(2000px, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInRightBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(2000px, 0, 0);





    transform: translate3d(2000px, 0, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInRightBig {





  -webkit-animation-name: fadeInRightBig;





  animation-name: fadeInRightBig;





}





@-webkit-keyframes fadeInUp {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInUp {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.fadeInUp {





  -webkit-animation-name: fadeInUp;





  animation-name: fadeInUp;





}





@-webkit-keyframes fadeInUpBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, 2000px, 0);





    transform: translate3d(0, 2000px, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes fadeInUpBig {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(0, 2000px, 0);





    transform: translate3d(0, 2000px, 0);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.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;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





  }





}





@keyframes fadeOutDown {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





  }





}





.fadeOutDown {





  -webkit-animation-name: fadeOutDown;





  animation-name: fadeOutDown;





}





@-webkit-keyframes fadeOutDownBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, 2000px, 0);





    transform: translate3d(0, 2000px, 0);





  }





}





@keyframes fadeOutDownBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, 2000px, 0);





    transform: translate3d(0, 2000px, 0);





  }





}





.fadeOutDownBig {





  -webkit-animation-name: fadeOutDownBig;





  animation-name: fadeOutDownBig;





}





@-webkit-keyframes fadeOutLeft {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





  }





}





@keyframes fadeOutLeft {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





  }





}





.fadeOutLeft {





  -webkit-animation-name: fadeOutLeft;





  animation-name: fadeOutLeft;





}





@-webkit-keyframes fadeOutLeftBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(-2000px, 0, 0);





    transform: translate3d(-2000px, 0, 0);





  }





}





@keyframes fadeOutLeftBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(-2000px, 0, 0);





    transform: translate3d(-2000px, 0, 0);





  }





}





.fadeOutLeftBig {





  -webkit-animation-name: fadeOutLeftBig;





  animation-name: fadeOutLeftBig;





}





@-webkit-keyframes fadeOutRight {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





  }





}





@keyframes fadeOutRight {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





  }





}





.fadeOutRight {





  -webkit-animation-name: fadeOutRight;





  animation-name: fadeOutRight;





}





@-webkit-keyframes fadeOutRightBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(2000px, 0, 0);





    transform: translate3d(2000px, 0, 0);





  }





}





@keyframes fadeOutRightBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(2000px, 0, 0);





    transform: translate3d(2000px, 0, 0);





  }





}





.fadeOutRightBig {





  -webkit-animation-name: fadeOutRightBig;





  animation-name: fadeOutRightBig;





}





@-webkit-keyframes fadeOutUp {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





  }





}





@keyframes fadeOutUp {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





  }





}





.fadeOutUp {





  -webkit-animation-name: fadeOutUp;





  animation-name: fadeOutUp;





}





@-webkit-keyframes fadeOutUpBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, -2000px, 0);





    transform: translate3d(0, -2000px, 0);





  }





}





@keyframes fadeOutUpBig {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(0, -2000px, 0);





    transform: translate3d(0, -2000px, 0);





  }





}





.fadeOutUpBig {





  -webkit-animation-name: fadeOutUpBig;





  animation-name: fadeOutUpBig;





}





@-webkit-keyframes flip {





  0% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);





    -webkit-animation-timing-function: ease-out;





    animation-timing-function: ease-out;





  }





  40% {





    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);





    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);





    -webkit-animation-timing-function: ease-out;





    animation-timing-function: ease-out;





  }





  50% {





    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);





    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);





    -webkit-animation-timing-function: ease-in;





    animation-timing-function: ease-in;





  }





  80% {





    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);





    transform: perspective(400px) scale3d(.95, .95, .95);





    -webkit-animation-timing-function: ease-in;





    animation-timing-function: ease-in;





  }





  100% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





    -webkit-animation-timing-function: ease-in;





    animation-timing-function: ease-in;





  }





}





@keyframes flip {





  0% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);





    -webkit-animation-timing-function: ease-out;





    animation-timing-function: ease-out;





  }





  40% {





    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);





    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);





    -webkit-animation-timing-function: ease-out;





    animation-timing-function: ease-out;





  }





  50% {





    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);





    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);





    -webkit-animation-timing-function: ease-in;





    animation-timing-function: ease-in;





  }





  80% {





    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);





    transform: perspective(400px) scale3d(.95, .95, .95);





    -webkit-animation-timing-function: ease-in;





    animation-timing-function: ease-in;





  }





  100% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





    -webkit-animation-timing-function: ease-in;





    animation-timing-function: ease-in;





  }





}





.animated.flip {





  -webkit-backface-visibility: visible;





  backface-visibility: visible;





  -webkit-animation-name: flip;





  animation-name: flip;





}





@-webkit-keyframes flipInX {





  0% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





    opacity: 0;





  }





  40% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





  }





  60% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);





    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);





    opacity: 1;





  }





  80% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);





    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);





  }





  100% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





}





@keyframes flipInX {





  0% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





    opacity: 0;





  }





  40% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





  }





  60% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);





    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);





    opacity: 1;





  }





  80% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);





    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);





  }





  100% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





}





.flipInX {





  -webkit-backface-visibility: visible !important;





  backface-visibility: visible !important;





  -webkit-animation-name: flipInX;





  animation-name: flipInX;





}





@-webkit-keyframes flipInY {





  0% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





    opacity: 0;





  }





  40% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





  }





  60% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);





    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);





    opacity: 1;





  }





  80% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);





  }





  100% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





}





@keyframes flipInY {





  0% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





    opacity: 0;





  }





  40% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);





    -webkit-transition-timing-function: ease-in;





    transition-timing-function: ease-in;





  }





  60% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);





    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);





    opacity: 1;





  }





  80% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);





  }





  100% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





}





.flipInY {





  -webkit-backface-visibility: visible !important;





  backface-visibility: visible !important;





  -webkit-animation-name: flipInY;





  animation-name: flipInY;





}





@-webkit-keyframes flipOutX {





  0% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





  30% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    opacity: 1;





  }





  100% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    opacity: 0;





  }





}





@keyframes flipOutX {





  0% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





  30% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);





    opacity: 1;





  }





  100% {





    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);





    opacity: 0;





  }





}





.flipOutX {





  -webkit-animation-name: flipOutX;





  animation-name: flipOutX;





  -webkit-backface-visibility: visible !important;





  backface-visibility: visible !important;





}





@-webkit-keyframes flipOutY {





  0% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





  30% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);





    opacity: 1;





  }





  100% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    opacity: 0;





  }





}





@keyframes flipOutY {





  0% {





    -webkit-transform: perspective(400px);





    transform: perspective(400px);





  }





  30% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);





    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);





    opacity: 1;





  }





  100% {





    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);





    opacity: 0;





  }





}





.flipOutY {





  -webkit-backface-visibility: visible !important;





  backface-visibility: visible !important;





  -webkit-animation-name: flipOutY;





  animation-name: flipOutY;





}





@-webkit-keyframes lightSpeedIn {





  0% {





    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);





    transform: translate3d(100%, 0, 0) skewX(-30deg);





    opacity: 0;





  }





  60% {





    -webkit-transform: skewX(20deg);





    transform: skewX(20deg);





    opacity: 1;





  }





  80% {





    -webkit-transform: skewX(-5deg);





    transform: skewX(-5deg);





    opacity: 1;





  }





  100% {





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





@keyframes lightSpeedIn {





  0% {





    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);





    transform: translate3d(100%, 0, 0) skewX(-30deg);





    opacity: 0;





  }





  60% {





    -webkit-transform: skewX(20deg);





    transform: skewX(20deg);





    opacity: 1;





  }





  80% {





    -webkit-transform: skewX(-5deg);





    transform: skewX(-5deg);





    opacity: 1;





  }





  100% {





    -webkit-transform: none;





    transform: none;





    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% {





    opacity: 1;





  }





  100% {





    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);





    transform: translate3d(100%, 0, 0) skewX(30deg);





    opacity: 0;





  }





}





@keyframes lightSpeedOut {





  0% {





    opacity: 1;





  }





  100% {





    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);





    transform: translate3d(100%, 0, 0) 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;





    transform-origin: center;





    -webkit-transform: rotate3d(0, 0, 1, -200deg);





    transform: rotate3d(0, 0, 1, -200deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: center;





    transform-origin: center;





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





@keyframes rotateIn {





  0% {





    -webkit-transform-origin: center;





    transform-origin: center;





    -webkit-transform: rotate3d(0, 0, 1, -200deg);





    transform: rotate3d(0, 0, 1, -200deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: center;





    transform-origin: center;





    -webkit-transform: none;





    transform: none;





    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: rotate3d(0, 0, 1, -45deg);





    transform: rotate3d(0, 0, 1, -45deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





@keyframes rotateInDownLeft {





  0% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: rotate3d(0, 0, 1, -45deg);





    transform: rotate3d(0, 0, 1, -45deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: none;





    transform: none;





    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: rotate3d(0, 0, 1, 45deg);





    transform: rotate3d(0, 0, 1, 45deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





@keyframes rotateInDownRight {





  0% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: rotate3d(0, 0, 1, 45deg);





    transform: rotate3d(0, 0, 1, 45deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: none;





    transform: none;





    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: rotate3d(0, 0, 1, 45deg);





    transform: rotate3d(0, 0, 1, 45deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





@keyframes rotateInUpLeft {





  0% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: rotate3d(0, 0, 1, 45deg);





    transform: rotate3d(0, 0, 1, 45deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: none;





    transform: none;





    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: rotate3d(0, 0, 1, -90deg);





    transform: rotate3d(0, 0, 1, -90deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





@keyframes rotateInUpRight {





  0% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: rotate3d(0, 0, 1, -90deg);





    transform: rotate3d(0, 0, 1, -90deg);





    opacity: 0;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: none;





    transform: none;





    opacity: 1;





  }





}





.rotateInUpRight {





  -webkit-animation-name: rotateInUpRight;





  animation-name: rotateInUpRight;





}





@-webkit-keyframes rotateOut {





  0% {





    -webkit-transform-origin: center;





    transform-origin: center;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: center;





    transform-origin: center;





    -webkit-transform: rotate3d(0, 0, 1, 200deg);





    transform: rotate3d(0, 0, 1, 200deg);





    opacity: 0;





  }





}





@keyframes rotateOut {





  0% {





    -webkit-transform-origin: center;





    transform-origin: center;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: center;





    transform-origin: center;





    -webkit-transform: rotate3d(0, 0, 1, 200deg);





    transform: rotate3d(0, 0, 1, 200deg);





    opacity: 0;





  }





}





.rotateOut {





  -webkit-animation-name: rotateOut;





  animation-name: rotateOut;





}





@-webkit-keyframes rotateOutDownLeft {





  0% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: rotate3d(0, 0, 1, 45deg);





    transform: rotate3d(0, 0, 1, 45deg);





    opacity: 0;





  }





}





@keyframes rotateOutDownLeft {





  0% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: rotate3d(0, 0, 1, 45deg);





    transform: rotate3d(0, 0, 1, 45deg);





    opacity: 0;





  }





}





.rotateOutDownLeft {





  -webkit-animation-name: rotateOutDownLeft;





  animation-name: rotateOutDownLeft;





}





@-webkit-keyframes rotateOutDownRight {





  0% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: rotate3d(0, 0, 1, -45deg);





    transform: rotate3d(0, 0, 1, -45deg);





    opacity: 0;





  }





}





@keyframes rotateOutDownRight {





  0% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: rotate3d(0, 0, 1, -45deg);





    transform: rotate3d(0, 0, 1, -45deg);





    opacity: 0;





  }





}





.rotateOutDownRight {





  -webkit-animation-name: rotateOutDownRight;





  animation-name: rotateOutDownRight;





}





@-webkit-keyframes rotateOutUpLeft {





  0% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: rotate3d(0, 0, 1, -45deg);





    transform: rotate3d(0, 0, 1, -45deg);





    opacity: 0;





  }





}





@keyframes rotateOutUpLeft {





  0% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: left bottom;





    transform-origin: left bottom;





    -webkit-transform: rotate3d(0, 0, 1, -45deg);





    transform: rotate3d(0, 0, 1, -45deg);





    opacity: 0;





  }





}





.rotateOutUpLeft {





  -webkit-animation-name: rotateOutUpLeft;





  animation-name: rotateOutUpLeft;





}





@-webkit-keyframes rotateOutUpRight {





  0% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: rotate3d(0, 0, 1, 90deg);





    transform: rotate3d(0, 0, 1, 90deg);





    opacity: 0;





  }





}





@keyframes rotateOutUpRight {





  0% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    opacity: 1;





  }





  100% {





    -webkit-transform-origin: right bottom;





    transform-origin: right bottom;





    -webkit-transform: rotate3d(0, 0, 1, 90deg);





    transform: rotate3d(0, 0, 1, 90deg);





    opacity: 0;





  }





}





.rotateOutUpRight {





  -webkit-animation-name: rotateOutUpRight;





  animation-name: rotateOutUpRight;





}





@-webkit-keyframes hinge {





  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: rotate3d(0, 0, 1, 80deg);





    transform: rotate3d(0, 0, 1, 80deg);





    -webkit-transform-origin: top left;





    transform-origin: top left;





    -webkit-animation-timing-function: ease-in-out;





    animation-timing-function: ease-in-out;





  }





  40%, 80% {





    -webkit-transform: rotate3d(0, 0, 1, 60deg);





    transform: rotate3d(0, 0, 1, 60deg);





    -webkit-transform-origin: top left;





    transform-origin: top left;





    -webkit-animation-timing-function: ease-in-out;





    animation-timing-function: ease-in-out;





    opacity: 1;





  }





  100% {





    -webkit-transform: translate3d(0, 700px, 0);





    transform: translate3d(0, 700px, 0);





    opacity: 0;





  }





}





@keyframes hinge {





  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: rotate3d(0, 0, 1, 80deg);





    transform: rotate3d(0, 0, 1, 80deg);





    -webkit-transform-origin: top left;





    transform-origin: top left;





    -webkit-animation-timing-function: ease-in-out;





    animation-timing-function: ease-in-out;





  }





  40%, 80% {





    -webkit-transform: rotate3d(0, 0, 1, 60deg);





    transform: rotate3d(0, 0, 1, 60deg);





    -webkit-transform-origin: top left;





    transform-origin: top left;





    -webkit-animation-timing-function: ease-in-out;





    animation-timing-function: ease-in-out;





    opacity: 1;





  }





  100% {





    -webkit-transform: translate3d(0, 700px, 0);





    transform: translate3d(0, 700px, 0);





    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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);





    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





@keyframes rollIn {





  0% {





    opacity: 0;





    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);





    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);





  }





  100% {





    opacity: 1;





    -webkit-transform: none;





    transform: none;





  }





}





.rollIn {





  -webkit-animation-name: rollIn;





  animation-name: rollIn;





}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */





@-webkit-keyframes rollOut {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);





    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);





  }





}





@keyframes rollOut {





  0% {





    opacity: 1;





  }





  100% {





    opacity: 0;





    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);





    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);





  }





}





.rollOut {





  -webkit-animation-name: rollOut;





  animation-name: rollOut;





}





@-webkit-keyframes zoomIn {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.3, .3, .3);





    transform: scale3d(.3, .3, .3);





  }





  50% {





    opacity: 1;





  }





}





@keyframes zoomIn {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.3, .3, .3);





    transform: scale3d(.3, .3, .3);





  }





  50% {





    opacity: 1;





  }





}





.zoomIn {





  -webkit-animation-name: zoomIn;





  animation-name: zoomIn;





}





@-webkit-keyframes zoomInDown {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





@keyframes zoomInDown {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, -1000px,





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





.zoomInDown {





  -webkit-animation-name: zoomInDown;





  animation-name: zoomInDown;





}





@-webkit-keyframes zoomInLeft {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);





    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





@keyframes zoomInLeft {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);





    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





.zoomInLeft {





  -webkit-animation-name: zoomInLeft;





  animation-name: zoomInLeft;





}





@-webkit-keyframes zoomInRight {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);





    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





@keyframes zoomInRight {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);





    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





.zoomInRight {





  -webkit-animation-name: zoomInRight;





  animation-name: zoomInRight;





}





@-webkit-keyframes zoomInUp {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





@keyframes zoomInUp {





  0% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  60% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





.zoomInUp {





  -webkit-animation-name: zoomInUp;





  animation-name: zoomInUp;





}





@-webkit-keyframes zoomOut {





  0% {





    opacity: 1;





  }





  50% {





    opacity: 0;





    -webkit-transform: scale3d(.3, .3, .3);





    transform: scale3d(.3, .3, .3);





  }





  100% {





    opacity: 0;





  }





}





@keyframes zoomOut {





  0% {





    opacity: 1;





  }





  50% {





    opacity: 0;





    -webkit-transform: scale3d(.3, .3, .3);





    transform: scale3d(.3, .3, .3);





  }





  100% {





    opacity: 0;





  }





}





.zoomOut {





  -webkit-animation-name: zoomOut;





  animation-name: zoomOut;





}





@-webkit-keyframes zoomOutDown {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);





    -webkit-transform-origin: center bottom;





    transform-origin: center bottom;





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





@keyframes zoomOutDown {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);





    -webkit-transform-origin: center bottom;





    transform-origin: center bottom;





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





.zoomOutDown {





  -webkit-animation-name: zoomOutDown;





  animation-name: zoomOutDown;





}





@-webkit-keyframes zoomOutLeft {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);





    transform: scale(.1) translate3d(-2000px, 0, 0);





    -webkit-transform-origin: left center;





    transform-origin: left center;





  }





}





@keyframes zoomOutLeft {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);





    transform: scale(.1) translate3d(-2000px, 0, 0);





    -webkit-transform-origin: left center;





    transform-origin: left center;





  }





}





.zoomOutLeft {





  -webkit-animation-name: zoomOutLeft;





  animation-name: zoomOutLeft;





}





@-webkit-keyframes zoomOutRight {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);





    transform: scale(.1) translate3d(2000px, 0, 0);





    -webkit-transform-origin: right center;





    transform-origin: right center;





  }





}





@keyframes zoomOutRight {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);





    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);





    transform: scale(.1) translate3d(2000px, 0, 0);





    -webkit-transform-origin: right center;





    transform-origin: right center;





  }





}





.zoomOutRight {





  -webkit-animation-name: zoomOutRight;





  animation-name: zoomOutRight;





}





@-webkit-keyframes zoomOutUp {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);





    -webkit-transform-origin: center bottom;





    transform-origin: center bottom;





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





@keyframes zoomOutUp {





  40% {





    opacity: 1;





    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);





    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);





  }





  100% {





    opacity: 0;





    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);





    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);





    -webkit-transform-origin: center bottom;





    transform-origin: center bottom;





    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);





  }





}





.zoomOutUp {





  -webkit-animation-name: zoomOutUp;





  animation-name: zoomOutUp;





}





@-webkit-keyframes slideInDown {





  0% {





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





@keyframes slideInDown {





  0% {





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





.slideInDown {





  -webkit-animation-name: slideInDown;





  animation-name: slideInDown;





}





@-webkit-keyframes slideInLeft {





  0% {





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





@keyframes slideInLeft {





  0% {





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





.slideInLeft {





  -webkit-animation-name: slideInLeft;





  animation-name: slideInLeft;





}





@-webkit-keyframes slideInRight {





  0% {





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





@keyframes slideInRight {





  0% {





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





.slideInRight {





  -webkit-animation-name: slideInRight;





  animation-name: slideInRight;





}





@-webkit-keyframes slideInUp {





  0% {





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





@keyframes slideInUp {





  0% {





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





    visibility: visible;





  }





  100% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





}





.slideInUp {





  -webkit-animation-name: slideInUp;





  animation-name: slideInUp;





}





@-webkit-keyframes slideOutDown {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





  }





}





@keyframes slideOutDown {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(0, 100%, 0);





    transform: translate3d(0, 100%, 0);





  }





}





.slideOutDown {





  -webkit-animation-name: slideOutDown;





  animation-name: slideOutDown;





}





@-webkit-keyframes slideOutLeft {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





  }





}





@keyframes slideOutLeft {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(-100%, 0, 0);





    transform: translate3d(-100%, 0, 0);





  }





}





.slideOutLeft {





  -webkit-animation-name: slideOutLeft;





  animation-name: slideOutLeft;





}





@-webkit-keyframes slideOutRight {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





  }





}





@keyframes slideOutRight {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(100%, 0, 0);





    transform: translate3d(100%, 0, 0);





  }





}





.slideOutRight {





  -webkit-animation-name: slideOutRight;





  animation-name: slideOutRight;





}





@-webkit-keyframes slideOutUp {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





  }





}





@keyframes slideOutUp {





  0% {





    -webkit-transform: translate3d(0, 0, 0);





    transform: translate3d(0, 0, 0);





  }





  100% {





    visibility: hidden;





    -webkit-transform: translate3d(0, -100%, 0);





    transform: translate3d(0, -100%, 0);





  }





}





.slideOutUp {





  -webkit-animation-name: slideOutUp;





  animation-name: slideOutUp;





}