.hidden {
   visibility: none;
   opacity: 0;
   }

.gently {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: gentl;
  animation-name: gentl;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }

@-webkit-keyframes gentl {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes gentl {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fromright {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: right;
  animation-name: right;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }

@-webkit-keyframes right {
  from {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes right {
  from {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.fromleft {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: left;
  animation-name: left;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }

@-webkit-keyframes left {
  from {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes left {
  from {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}