.fade {
  opacity: 0;
  /*visibility: hidden;*/
}

.fade.animated {
  opacity: 1;
  visibility: visible;
}

.fadeInLeft {
  opacity: 0;
  transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  visibility: hidden;
}

.fadeInLeft.animated {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  visibility: visible;
}

.fadeInRight {
  opacity: 0;
  transform: translateX(20%);
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  -o-transform: translateX(20%);
  visibility: hidden;
}

.fadeInRight.animated {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  visibility: visible;
}

.fadeInTop {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
}

.fadeInTop.animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.fadeInBottom {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20%);
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -o-transform: translateY(20%);
}

.fadeInBottom.animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ScaleDown {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.ScaleDown.animated {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.ScaleUp {
  opacity: 0;
  visibility: hidden;
  transform: scale(.3);
  -moz-transform: scale(.3);
  -webkit-transform: scale(.3);
  -ms-transform: scale(.3);
  -o-transform: scale(.3);
}

.ScaleUp.animated {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}