@charset "utf-8";
/* CSS Document */

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translate(-23%, -0px);
    transform: translate(-23%, -0px);
    opacity: 0
  }
  100% {
    -webkit-transform: translate(-23%, 95%);
    transform: translate(-23%, 95%);
    opacity: 1
  }
}


@keyframes fade-in-top {
  0% {
    -webkit-transform: translate(-23%, -0px);
    transform: translate(-23%, -0px);
    opacity: 0
  }
  100% {
    -webkit-transform: translate(-23%, 95%);
    transform: translate(-23%, 95%);
    opacity: 1
  }
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translate(-17%, 50px);
    transform: translate(-17%, 50px);
    opacity: 0
  }
  100% {
    -webkit-transform: translate(-17%, 3%);
    transform: translate(-17%, 3%);
    opacity: 1
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translate(-17%, 50px);
    transform: translate(-17%, 50px);
    opacity: 0
  }
  100% {
    -webkit-transform: translate(-17%, 3%);
    transform: translate(-17%, 3%);
    opacity: 1
  }
}




@keyframes scale-in-center {
  0% {
    -webkit-transform: translate(-91%, 5%)scale(0.97);
    transform: translate(-91%, 5%)scale(0.97);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-91%, 5%)scale(1);
    transform: translate(-91%, 5%)scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}


@keyframes scale-in-right {
  0% {
    -webkit-transform: translate(-61%, 10%)scale(0);
    transform: translate(-61%, 10%)scale(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1
  }
  100% {
    -webkit-transform: translate(-61%, 10%)scale(1);
    transform: translate(-61%, 10%)scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 1
  }
}