/* Fade In */

.fade_in.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    -moz-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    to { opacity: 1; }
}

@-moz-keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes fadeIn {
    to { opacity: 1; }
}

/* Move Left */

.move_left.animate {
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-animation: moveLeft 0.65s ease forwards;
    -moz-animation: moveLeft 0.65s ease forwards;
    animation: moveLeft 0.65s ease forwards;
}

@-webkit-keyframes moveLeft {
    to { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes moveLeft {
    to { -moz-transform: translateX(0); opacity: 1; }
}

@keyframes moveLeft {
    to { transform: translateX(0); opacity: 1; }
}

/* Move Right */

.move_right.animate {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-animation: moveLeft 0.65s ease forwards;
    -moz-animation: moveLeft 0.65s ease forwards;
    animation: moveLeft 0.65s ease forwards;
}

@-webkit-keyframes moveRight {
    to { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes moveRight {
    to { -moz-transform: translateX(0); opacity: 1; }
}

@keyframes moveRight {
    to { transform: translateX(0); opacity: 1; }
}


/* Move Up */

.move_up.animate {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}

/* Scale Up */

.scale_up.animate {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    -moz-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
    to { -webkit-transform: scale(1.0); opacity: 1; }
}

@-moz-keyframes scaleUp {
    to { -moz-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
    to { transform: scale(1.0); opacity: 1; }
}

/* Little Bounce */

.little_bounce.animate {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .8s ease-in forwards;
    -moz-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
    70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popUp {
    70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
    100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
    70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
    100% { transform: scale(1); opacity: 1; }
}

/* Fade In Down */

.fade_in_down.animate {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-animation: fadeInDown 0.65s ease forwards;
    -moz-animation: fadeInDown 0.65s ease forwards;
    animation: fadeInDown 0.65s ease forwards;    
}

@-webkit-keyframes fadeInDown {
  to { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInDown {
  to { opacity: 1; -moz-transform: translateY(0); }
}

@keyframes fadeInDown {
  to { opacity: 1; transform: translateY(0); }
}

/* Fade In Left */

.fade_in_left.animate {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-animation: fadeInLeft 0.65s ease forwards;
    -moz-animation: fadeInLeft 0.65s ease forwards;
    animation: fadeInLeft 0.65s ease forwards; 
}

@-webkit-keyframes fadeInLeft {
  to { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInLeft {
  to { opacity: 1; -moz-transform: translateX(0); }
}

@keyframes fadeInLeft {
  to { opacity: 1; transform: translateX(0); }
}

/* Fade In Right */

.fade_in_right.animate {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-animation: fadeInRight 0.65s ease forwards;
    -moz-animation: fadeInRight 0.65s ease forwards;
    animation: fadeInRight 0.65s ease forwards;
}

@-webkit-keyframes fadeInRight {
  to { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInRight {
  to { opacity: 1; -moz-transform: translateX(0); }
}

@keyframes fadeInRight {
  to { opacity: 1; transform: translateX(0); }
}

/* Rotate */