@keyframes zoomIn {

  from {

    transform: scale(.5);

  }



  to {

    transform: scale(1);

  }

}



@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(50%);

    -ms-transform: translateY(50%);

    transform: translateY(50%);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes toRight {

    0% {

      -moz-transform: translateX(-100%);

      -webkit-transform: translateX(-100%);

      -o-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

      transform: translateX(-100%);

    }



    100% {

      -moz-transform: translateX(0);

      -webkit-transform: translateX(0);

      -o-transform: translateX(0);

      -ms-transform: translateX(0);

      transform: translateX(0);

    }

}



@keyframes toLeft {

  0% {

    -moz-transform: translateX(100%);

    -webkit-transform: translateX(100%);

    -o-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

  }



  100% {

    -moz-transform: translateX(0);

    -webkit-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes zoomOut {

  from {

    transform: scale(1);

  }



  to {

    transform: scale(.5);

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translateY(50%);

    -ms-transform: translateY(50%);

    transform: translateY(50%);

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

  }

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

  }

}



.fadeInUp {

  opacity: 0;

  -webkit-transform: translateY(50%);

  -ms-transform: translateY(50%);

  transform: translateY(50%);

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;
 transition-delay: 0.3s;
}



.fadeInUp-init {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

}



.fade {

  opacity: 0;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

  transition-delay: 0.3s;

}



.fade-init {

  opacity: 1 !important;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

  transition-delay: 0.3s;

}



.toLeft {

  -moz-transform: translateX(-190%);

  -webkit-transform: translateX(-190%);

  -o-transform: translateX(-190%);

  -ms-transform: translateX(-190%);

  transform: translateX(-190%);

  -webkit-transition: all 1.5s ease;

  -moz-transition: all 1.5s ease;

  -ms-transition: all 1.5s ease;

  -o-transition: all 1.5s ease;

  transition: all 1.5s ease;

  transition-delay: 0.3s;

}



.toLeft-init {

  -moz-transform: translateX(0);

  -webkit-transform: translateX(0);

  -o-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition: all 1.5s ease;

  -moz-transition: all 1.5s ease;

  -ms-transition: all 1.5s ease;

  -o-transition: all 1.5s ease;

  transition: all 1.5s ease;

}



.toRight {

  -moz-transform: translateX(190%);

  -webkit-transform: translateX(190%);

  -o-transform: translateX(190%);

  -ms-transform: translateX(190%);

  transform: translateX(190%);

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  -ms-transition: all 2s ease;

  -o-transition: all 2s ease;

  transition: all 2s ease;

  transition-delay: 0.3s;

}



.toRight-init {

  -moz-transform: translateX(0);

  -webkit-transform: translateX(0);

  -o-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  -ms-transition: all 2s ease;

  -o-transition: all 2s ease;

  transition: all 2s ease;

}



.zoomIn {

  -moz-transform: scale(.8);

  -webkit-transform: scale(.8);

  -o-transform: scale(.8);

  -ms-transform: scale(.8);

  transform: scale(.8);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  transition-delay: 0.3s;

}



.zoomIn-init {

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}



.fadeInDown {

  opacity: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  transition-delay: 0.3s;

}



.fadeInDown-init {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}