@charset "utf-8";


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated2 {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeinup {
  0% {
    opacity: 0;
    -webkit-transform: translatey(30px);
    transform: translatey(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes fadeinup {
  0% {
    opacity: 0;
    -webkit-transform: translatey(30px);
    -ms-transform: translatey(30px);
    transform: translatey(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.fadeinup {
  -webkit-animation-name: fadeinup;
  animation-name: fadeinup;
}
@-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 fadeinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(30px);
    transform: translatex(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes fadeinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(30px);
    -ms-transform: translatex(30px);
    transform: translatex(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.fadeinright {
  -webkit-animation-name: fadeinright;
  animation-name: fadeinright;
}
@-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 zoomin {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomin {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
  }

  50% {
    opacity: 1;
  }
}
.zoomin {
  -webkit-animation-name: zoomin;
  animation-name: zoomin;
}