.anim-container .anim-element {
  transition-property: all;
  transition-duration: 600ms;
  transition-timing-function: 'ease-out';
  transition-delay: 0.0ms;
}
.anim-container .anim-element.anim-fade-in {
  opacity: 0;
}
.anim-container .anim-element.anim-fade-in.animated {
  opacity: 1;
}
.anim-container .anim-element.anim-fade-out {
  opacity: 1;
}
.anim-container .anim-element.anim-fade-out.animated {
  opacity: 0;
}
.anim-container .anim-element.anim-slide-down {
  position: relative;
  top: -20px;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.anim-container .anim-element.anim-slide-down.animated {
  top: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-down.anim-fade-out {
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-down.anim-fade-out.animated {
  top: 20px;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.anim-container .anim-element.anim-slide-up {
  position: relative;
  top: 20px;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.anim-container .anim-element.anim-slide-up.animated {
  top: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-up.anim-fade-out {
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-up.anim-fade-out.animated {
  top: -20px;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.anim-container .anim-element.anim-slide-left {
  position: relative;
  left: -20px;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}
.anim-container .anim-element.anim-slide-left.animated {
  left: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-left.anim-fade-out {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-left.anim-fade-out.animated {
  left: 20px;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}
.anim-container .anim-element.anim-slide-right {
  position: relative;
  left: 20px;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}
.anim-container .anim-element.anim-slide-right.animated {
  left: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-right.anim-fade-out {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.anim-container .anim-element.anim-slide-right.anim-fade-out.animated {
  left: -20px;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}