@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  66% {
    opacity: 0;
    transform: translateX(-25px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  66% {
    opacity: 0;
    transform: translateX(-25px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  66% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  66% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.layout--in-left {
  animation: 1.5s ease 0s normal forwards 1 fade-in-left;
  -moz-animation: 1.5s ease 0s normal forwards 1 fade-in-left;
  -webkit-animation: 1.5s ease 0s normal forwards 1 fade-in-left;
}
.layout--in-up {
  animation: 1.5s ease 0s normal forwards 1 fade-in-up;
  -moz-animation: 1.5s ease 0s normal forwards 1 fade-in-up;
  -webkit-animation: 1.5s ease 0s normal forwards 1 fade-in-up;
}