/*--------------------- mainSlideTxtrotate ----------------*/
@keyframes mainSlideTxtrotate {
  0% {
	  opacity:0;
    -moz-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    -webkit-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    -o-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    -ms-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
  }
  100% {
    -moz-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    -webkit-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    -o-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    -ms-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    transform:rotate(0deg) scale(1) translate3d(0,0,0);
	opacity:1;
	
  }
}
@-webkit-keyframes mainSlideTxtrotate {
  0% {
    -moz-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    -webkit-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    -o-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    -ms-transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
    transform:rotate(-50deg) scale(0.5) translate3d(0,-100%, 0);
  }
  100% {
    -moz-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    -webkit-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    -o-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    -ms-transform:rotate(0deg) scale(1) translate3d(0,0,0);
    transform:rotate(0deg) scale(1) translate3d(0,0,0);
	opacity:1;
	
  }
  
}
/*--------------------- zoomIn ----------------*/
@keyframes zoomIn {
  0% {
     -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform:scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
   0% {
     -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform:scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/*--------------------- off ----------------*/
/*--------------------- zoomOut ----------------*/
@keyframes zoomOut {
  0% {
     -moz-transform:scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  70%{
    opacity: 0;
  }
  100% {
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }
}
@-webkit-keyframes zoomOut {
  0% {
     -moz-transform:scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  70%{
    opacity: 0;
  }
  100% {
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }
}

/*--------------------- fullwidth ----------------*/
@keyframes fullwidth {
  0% {
     -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:0%;
	height:0px;
  }
  100% {
   -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:100%;
	height:3px;
  }
}
@-webkit-keyframes fullwidth {
0% {
     -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:0%;
	height:0px;
  }
  100% {
   -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:100%;
	height:3px;
  }
}
/*--------------------- fullheight ----------------*/
@keyframes fullheight {
  0% {
     -moz-transform:height;
    -o-transform: height;
    -ms-transform: height;
    transform: height;
    width:3px;
	height:0%;
  }
  100% {
   -moz-transform:height;
    -o-transform: height;
    -ms-transform: height;
    transform: height;
    width:3px;
	height:100%;
  }
}
@-webkit-keyframes fullheight {
0% {
     -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:3px;
	height:0%;
  }
  100% {
   -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
     width:3px;
	height:100%;
  }
}


/*--------------------- FadeSlidedown ----------------*/
@-webkit-keyframes FadeSlidedown {
  0% {
    opacity: 0;
      -moz-transform: translate3d(0, -200%, 0);
    -webkit-transform: translate3d(0, -200%, 0);
    -o-transform: translate3d(0, -200%, 0);
    -ms-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes FadeSlidedown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -200%, 0);
    -webkit-transform: translate3d(0, -200%, 0);
    -o-transform: translate3d(0, -200%, 0);
    -ms-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/****************/
@keyframes ballMoving {
    15%, 45%, 65%  {
        bottom: 100px;
        animation-timing-function: ease-out;
		opacity:1;
		
    }
    30% {
        bottom: 190px;
        animation-timing-function: ease-in;
    }
    55% {
        bottom: 140px;
        animation-timing-function: ease-in;
    }
    75% {
        bottom: 100px;
        animation-timing-function: linear;
		transform: rotate(0deg);
    }
	90%{
		bottom: 100px;
        animation-timing-function: linear;
		 right:65%;
    	transform: rotate(360deg);
		opacity:1;
	}
    100% {
		right:65%;
	   bottom: 100px;
	  -moz-transform: scale(0) rotate(90deg);
		-webkit-transform: scale(0) rotate(90deg);
		-o-transform: scale(0) rotate(90deg);
		-ms-transform: scale(0) rotate(90deg);
		transform: scale(0) rotate(90deg);
    }
}
@-webkit-keyframes ballMoving {
    15%, 45%, 65%  {
        bottom: 100px;
        animation-timing-function: ease-out;
		opacity:1;
    }
    30% {
        bottom: 190px;
        animation-timing-function: ease-in;
    }
    55% {
        bottom: 140px;
        animation-timing-function: ease-in;
    }
    75% {
        bottom: 100px;
        animation-timing-function: linear;
		transform: rotate(0deg);
    }
	90%{
		bottom: 100px;
        animation-timing-function: linear;
		 right:65%;
    	transform: rotate(360deg);
		opacity:1;
	}
    100% {
		right:65%;
		   bottom: 100px;
	    -moz-transform: scale(0) rotate(90deg);
		-webkit-transform: scale(0) rotate(90deg);
		-o-transform: scale(0) rotate(90deg);
		-ms-transform: scale(0) rotate(90deg);
		transform: scale(0) rotate(90deg);
    }
}
/****************Bubble********************/
@keyframes bubble {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  80%{
	  opacity: 1;
	  transform: translateX(0) translateY(0) scale(0.1);
	 }
  100% {
    opacity: 0;
    transform: translateX(0) translateY(0) scale(0);
  }
}

/*--------------------- FadeSlideUp ----------------*/
/*--------------------- FadeSlideUp ----------------*/
@-webkit-keyframes FadeSlideUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes FadeSlideUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*--------------------- fulWidthSlide ----------------*/
@keyframes fulWidthSlide {
  0% {
     -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:0%;
	opacity: 0;
  }
  100% {
	  opacity: 1;
   -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:100%;
  }
}
@-webkit-keyframes fulWidthSlide {
0% {
     -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:0%;
	opacity: 0;
  }
  100% {
   -moz-transform:width;
    -o-transform: width;
    -ms-transform: width;
    transform: width;
    width:100%;
	opacity: 1;
  }
}
/*--------------------- bluredzoomIn ----------------*/
@keyframes bluredzoomIn {
  0% {
     -moz-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
	opacity: 0;
  }
  70%{
	  top:300px;
	  left:100px;
	
    opacity: 1;
	
	 }
  100% {
	    -moz-transform:scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
   opacity: 0;

  }
}
@-webkit-keyframes bluredzoomIn {
  0% {
	  opacity: 0;
     -moz-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
  70%{
	  top:300px;
	  left:100px;
    opacity: 1;
	
	 }
  100% {
	  
	   -moz-transform:scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
   opacity: 0;

  }
}

/*--------------------- zoomOutslide ----------------*/
@keyframes zoomOutslide {
  0% {
     -moz-transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
	opacity: 1;
  }

  100% {
	    -moz-transform:scale(4) rotate(360deg);
    -o-transform: scale(4) rotate(360deg);
    -ms-transform: scale(4) rotate(360deg);
    transform: scale(4) rotate(360deg);
   opacity: 0;

  }
}
@-webkit-keyframes zoomOutslide {
  0% {
     -moz-transform: scale(0) rotate(360deg);
    -webkit-transform: scale(0) rotate(360deg);
    -o-transform: scale(0) rotate(360deg);
    -ms-transform: scale(0) rotate(360deg);
    transform: scale(0) rotate(360deg);
	opacity: 1;
  }

  100% {
	     -moz-transform:scale(4) rotate(360deg);
    -o-transform: scale(4) rotate(360deg);
    -ms-transform: scale(4) rotate(360deg);
    transform: scale(4) rotate(360deg);
   opacity: 0;

  }
}

/*--------------------- rotateslide ----------------*/
@keyframes rotateslide {
  0% {
     -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
	opacity: 1;
  }

  100% {
	    -moz-transform:rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

  }
}
@-webkit-keyframes rotateslide {
0% {
     -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
	opacity: 1;
  }

  100% {
	    -moz-transform:rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

  }
}

/*--------------------- slidefromright ----------------*/
@keyframes slidefromright {
  0% {
    left:100%;
	opacity:0;
  }
50%{opacity:1;}
  100% {
   left:5%;
   opacity:1;
  }
}
@-webkit-keyframes slidefromright {
 0% {
    left:100%;
	opacity:0;
  }
50%{opacity:1;}
  100% {
   left:5%;
   opacity:1;
  }
}