/* slide in */

@-webkit-keyframes slidein {
	0% {
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}

@-moz-keyframes slidein {
	0% {
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}
 @-o-keyframes slidein {
	0% {
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}
  @keyframes slidein {
	 0% {
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}
/* slide up */

@-webkit-keyframes slideup {
	0% {
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}

@-moz-keyframes slideup {
	0% {
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}
 @-o-keyframes slideup {
	0% {
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}
  @keyframes slideup {
	 0% {
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}

/* slide right */

@keyframes slideright{
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}
@-webkit-keyframes slideright {
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}

@-moz-keyframes slideright {
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}
 @-o-keyframes slideright {
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(0%);
	}
}

/* slide left */
@keyframes slideleft{
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(0%);
	}
}
@-webkit-keyframes slideleft {
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(0%);
	}
}

@-moz-keyframes slideleft {
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(0%);
	}
}
 @-o-keyframes slideleft {
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(0%);
	}
}

/* zoom out */

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
@-moz-keyframes zoom{
	from {transform:scale(0)} 
    to {transform:scale(1)}
}
@-o-keyframes zoom{
	from {transform:scale(0)} 
    to {transform:scale(1)}
}