.animation-element.slide-bottom{
  opacity: 0;
  -moz-transition: all 500ms linear 0.2s;
  -webkit-transition: all 500ms linear 0.2s;
  -o-transition: all 500ms linear 0.2s;
  transition: all 500ms linear 0.2s;
  -moz-transform: translate3d( 0px,0, -200px);
  -webkit-transform: translate3d( 0px,0, -200px);
  -o-transform: translate( 0px,-200px);
  -ms-transform: translate( 0px,-200px);
  transform: translate3d( 0px, 0px,-200px);
}
.animation-element.slide-top1{
  opacity: 1;
  -moz-transition: all 500ms linear 0.2s;
  -webkit-transition: all 500ms linear 0.2s;
  -o-transition: all 500ms linear 0.2s;
  transition: all 500ms linear 0.2s;
  -moz-transform: translate3d( 0px,40px, 0px);
  -webkit-transform: translate3d( 0px,40px, 0px);
  -o-transform: translate( 0px,40px);
  -ms-transform: translate( 0px,40px);
  transform: translate3d( 0px, 40px,0px);


}
.animation-element.slide-top2{
	opacity: 1;

   -webkit-transition-property: all;
    -webkit-transition-duration:0.8s;
    -webkit-transition-delay:0.7s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration:0.8s;
    transition-delay:0.7s;
    transition-timing-function: linear;
	 -moz-transform: translate3d( 0px,50px, 0px);
  -webkit-transform: translate3d( 0px,50px, 0px);
  -o-transform: translate( 0px,50px);
  -ms-transform: translate( 0px,50px);
  transform: translate3d( 0px, 50px,0px);
}
.animation-element.slide-top3{
	opacity: 1;

   -webkit-transition-property: all;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0.8s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration:0.5s;
    transition-delay:0.8s;
    transition-timing-function: linear;
	 -moz-transform: translate3d( 0px,50px, 0px);
  -webkit-transform: translate3d( 0px,50px, 0px);
  -o-transform: translate( 0px,50px);
  -ms-transform: translate( 0px,50px);
  transform: translate3d( 0px, 50px,0px);
}
.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(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}
.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(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate3d(200px, 0px, 0px);
}
.animation-element.fade1{
	opacity: 0;

	 -moz-transition: opacity 500ms linear 0.2s;
  -webkit-transition: opacity 500ms linear 0.2s;
  -o-transition: opacity 500ms linear 0.2s;
  transition: opacity 500ms linear 0.2s;
}
.animation-element.fade2{
	opacity: 0;

   -webkit-transition-property: opacity;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0.5s;
    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration:0.5s;
    transition-delay:0.5s;
    transition-timing-function: linear;
}
.animation-element.fade3{
	opacity: 0;

   -webkit-transition-property: opacity;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0.8s;
    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration:0.5s;
    transition-delay:0.8s;
    transition-timing-function: linear;
}
.animation-element.fade4{
	opacity: 0;

   -webkit-transition-property: opacity;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:.6s;
    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration:0.5s;
    transition-delay:.6s;
    transition-timing-function: linear;
}
.animation-element.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);
}

.animation-element.swing{
  animation: swing 2s ease;
    animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@keyframes swing
{
    0%
    {
        -moz-transform: translateY(100px) translateZ(0px);
		-webkit-transform: translateY(100px) translateZ(0px);
		-o-transform: translateY(100px) translateZ(0px);
		transform: translateY(100px) translateZ(0px);
			-ms-transform: translateY(100px) translateZ(0px);
    transition: transform 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 0s;
	-moz-transition: transform 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 0s;
    -webkit-transition: transform 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 0s;
	-o-transition: transform 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 0s;
	-ms-transition: transform 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 0s;
    }

    100%
    {

		-moz-transform: translateY(0px) translateZ(0px);
		-webkit-transform: translateY(0px) translateZ(0px);
		-o-transform: translateY(0px) translateZ(0px);
		transform: translateY(0px) translateZ(0px);
			-ms-transform: translateY(0px) translateZ(0px);
    transition-delay: 4s;
    transition-duration: 1s;
}
    }

@keyframes fadeini
{
    0%
    {
       opacity: 0;
		 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;
   -webkit-transition-property: opacity;
    -webkit-transition-duration:5s;
    -webkit-transition-delay:2s;
    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration:5s;
    transition-delay:2s;
    transition-timing-function: linear;


    }

    100%
    {
       opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */

   -webkit-transition-property: opacity;
    -webkit-transition-duration:5s;
    -webkit-transition-delay:1s;
    -webkit-transition-timing-function: linear;
    transition-property: opacity;
    transition-duration:5s;
    transition-delay:1s;
    transition-timing-function: linear;
}
    }