.moveToLeft {
    -webkit-animation: moveToLeft .35s ease both;
    -moz-animation: moveToLeft .35s ease both;
    animation: moveToLeft .35s ease both;
}

.moveFromLeft {
    -webkit-animation: moveFromLeft .35s ease both;
    -moz-animation: moveFromLeft .35s ease both;
    animation: moveFromLeft .35s ease both;
}

.moveToRight {
    -webkit-animation: moveToRight .35s ease both;
    -moz-animation: moveToRight .35s ease both;
    animation: moveToRight .35s ease both;
}

.moveFromRight {
    -webkit-animation: moveFromRight .35s ease both;
    -moz-animation: moveFromRight .35s ease both;
    animation: moveFromRight .35s ease both;
}

.moveToTop {
    -webkit-animation: moveToTop .35s ease both;
    -moz-animation: moveToTop .35s ease both;
    animation: moveToTop .35s ease both;
}

.moveFromTop {
    -webkit-animation: moveFromTop .35s ease both;
    -moz-animation: moveFromTop .35s ease both;
    animation: moveFromTop .35s ease both;
}

.moveToBottom {
    -webkit-animation: moveToBottom .35s ease both;
    -moz-animation: moveToBottom .35s ease both;
    animation: moveToBottom .35s ease both;
}

.moveFromBottom {
    -webkit-animation: moveFromBottom .35s ease both;
    -moz-animation: moveFromBottom .35s ease both;
    animation: moveFromBottom .35s ease both;
}

@-webkit-keyframes moveToLeft {
    to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveToLeft {
    to { -moz-transform: translateX(-100%); }
}
@keyframes moveToLeft {
    to { transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
    from { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveFromLeft {
    from { -moz-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
    from { transform: translateX(-100%); }
}

@-webkit-keyframes moveToRight {
    to { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveToRight {
    to { -moz-transform: translateX(100%); }
}
@keyframes moveToRight {
    to { transform: translateX(100%); }
}

@-webkit-keyframes moveFromRight {
    from { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveFromRight {
    from { -moz-transform: translateX(100%); }
}
@keyframes moveFromRight {
    from { transform: translateX(100%); }
}

@-webkit-keyframes moveToTop {
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveToTop {
    to { -moz-transform: translateY(-100%); }
}
@keyframes moveToTop {
    to { transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTop {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTop {
    from { -moz-transform: translateY(-100%); }
}
@keyframes moveFromTop {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottom {
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveToBottom {
    to { -moz-transform: translateY(100%); }
}
@keyframes moveToBottom {
    to { transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottom {
    from { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveFromBottom {
    from { -moz-transform: translateY(100%); }
}
@keyframes moveFromBottom {
    from { transform: translateY(100%); }
}

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

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(0.85);
    transform: scale(.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}