@charset "utf-8";
/* CSS Document */

/*--------slide Left----------- */
.animation-element.slide-left {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(-100px, 0px, 0px);

  -webkit-transform: translate3d(-100px, 0px, 0px);

  -o-transform: translate(-100px, 0px);

  -ms-transform: translate(-100px, 0px);

  transform: translate3d(-100px, 0px, 0px);

}

 

.animation-element.slide-left.in-view {

  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}

/*--------slide Left----------- */


/*--------slide Right----------- */
.animation-element.slide-right {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(100px, 0px, 0px);

  -webkit-transform: translate3d(100px, 0px, 0px);

  -o-transform: translate(100px, 0px);

  -ms-transform: translate(100px, 0px);

  transform: translate3d(100px, 0px, 0px);

}

 

.animation-element.slide-right.in-view {

  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}
/*--------slide Right----------- */ 

/*--------slide Up----------- */
.animation-element.slide-inup {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(0px, 100px, 0px);

  -webkit-transform: translate3d(0px, 100px, 0px);

  -o-transform: translate(100px, 0px);

  -ms-transform: translate(100px, 0px);

  transform: translate3d(0px, 100px, 0px);

}

.animation-element.slide-inup.in-view {

  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}
/*--------slide Up----------- */

/*--------slide indown----------- */
.animation-element.slide-indown {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(0px, -25px, 0px);

  -webkit-transform: translate3d(0px, -25px, 0px);

  -o-transform: translate(-25px, 0px);

  -ms-transform: translate(-25px, 0px);

  transform: translate3d(0px, -25px, 0px);

}

.animation-element.slide-indown.in-view {

  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}
/*--------slide Up----------- */



/*--------Fade Inup----------- */

.animation-element.fade-inup {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(0px, 100px, 0px);

  -webkit-transform: translate3d(0px, 100px, 0px);

  -o-transform: translate(100px, 0px);

  -ms-transform: translate(100px, 0px);

  transform: translate3d(0px, 100px, 0px);

}

.animation-element.fade-inup.in-view {

  opacity: 1;

  -moz-transform: none;

  -webkit-transform: none;

  -o-transform: none;

  -ms-transform: none;

  transform: none;

}
/*--------Fade Inup----------- */


/*--------Fade indown----------- */
.animation-element.fade-indown {

  opacity: 0;

  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(0px, -100px, 0px);

  -webkit-transform: translate3d(0px, -100px, 0px);

  -o-transform: translate(-100px, 0px);

  -ms-transform: translate(-100px, 0px);

  transform: translate3d(0px, -100px, 0px);

}

.animation-element.fade-indown.in-view {

  opacity: 1;

  -moz-transform: none;

  -webkit-transform: none;

  -o-transform: none;

  -ms-transform: none;

  transform: none;

}
/*--------Fade indown----------- */

/*--------shake----------- */
.animation-element.shake {



  -moz-transition: all 500ms linear;

  -webkit-transition: all 500ms linear;

  -o-transition: all 500ms linear;

  transition: all 500ms linear;

  -moz-transform: translate3d(-10px, 0px, 0px);

  -webkit-transform: translate3d(-10px, 0px, 0px);

  -o-transform: translate(-10px, 0px);

  -ms-transform: translate(-10px, 0px);

 

	from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }

	
}

.animation-element.shake.in-view {

  opacity: 1;

  -moz-transform: none;

  -webkit-transform: none;

  -o-transform: none;

  -ms-transform: none;

  transform: none;

}
/*--------shake---------- */