@-webkit-keyframes scaleX {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-moz-keyframes scaleX {
  0% {
    -moz-transform: scaleX(0);
         transform: scaleX(0);
    -moz-transform-origin: 0 0;
         transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -moz-transform: scaleX(1);
         transform: scaleX(1);
    -moz-transform-origin: 0 0;
         transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes scaleX {
  0% {
    -o-transform: scaleX(0);
       transform: scaleX(0);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -o-transform: scaleX(1);
       transform: scaleX(1);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scaleX {
  0% {
    -webkit-transform: scaleX(0);
       -moz-transform: scaleX(0);
         -o-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
.animation-scaleX {
  -webkit-animation: scaleX 1s ease-in-out;
     -moz-animation: scaleX 1s ease-in-out;
       -o-animation: scaleX 1s ease-in-out;
          animation: scaleX 1s ease-in-out;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes scaleY {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-moz-keyframes scaleY {
  0% {
    -moz-transform: scaleY(0);
         transform: scaleY(0);
    -moz-transform-origin: 100% 100%;
         transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -moz-transform: scaleY(1);
         transform: scaleY(1);
    -moz-transform-origin: 100% 100%;
         transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-o-keyframes scaleY {
  0% {
    -o-transform: scaleY(0);
       transform: scaleY(0);
    -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
    -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scaleY {
  0% {
    -webkit-transform: scaleY(0);
       -moz-transform: scaleY(0);
         -o-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
.animation-scaleY {
  -webkit-animation: scaleY 1s ease-in-out;
     -moz-animation: scaleY 1s ease-in-out;
       -o-animation: scaleY 1s ease-in-out;
          animation: scaleY 1s ease-in-out;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animation-fadeIn {
  -webkit-animation: fadeIn 0.9s ease-in;
     -moz-animation: fadeIn 0.9s ease-in;
       -o-animation: fadeIn 0.9s ease-in;
          animation: fadeIn 0.9s ease-in;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes slideUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
         transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}
@-o-keyframes slideUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
       transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
.animation-slideUp {
  -webkit-animation: slideUp 0.3s ease;
     -moz-animation: slideUp 0.3s ease;
       -o-animation: slideUp 0.3s ease;
          animation: slideUp 0.3s ease;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
         transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-50px);
       transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
         -o-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
.animation-slideDown {
  -webkit-animation: slideDown 2s ease;
     -moz-animation: slideDown 2s ease;
       -o-animation: slideDown 2s ease;
          animation: slideDown 2s ease;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}