/*Animations by AllAnimation*/
/*Flip right*/
.flip-right {
	-webkit-animation: flipRight 1 1s ease-out;
	-moz-animation: flipRight 1 1s ease-out;
	-ms-animation: flipRight 1 1s ease-out;
	-o-animation: flipRight 1 1s ease-out;
	animation: flipRight 1 1s ease-out;
	opacity: 1!important
}

@-ms-keyframes flipRight {
	0% {
		-ms-transform: translateX(100px);
		opacity: 0
	}
	70% {
		-ms-transform: translateX(0);
		opacity: 1
	}
}

@-moz-keyframes flipRight {
	0% {
		-moz-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
	70% {
		-moz-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes flipRight {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
	70% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-o-keyframes flipRight {
	0% {
		-o-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
	70% {
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes flipRight {
	0% {
		transform: translateX(100px);
		opacity: 0
	}
	70% {
		transform: translateX(0);
		opacity: 1
	}
}


/*Flip left*/
.flip-left {
	-webkit-animation: flipLeft 1 1s ease-out;
	-moz-animation: flipLeft 1 1s ease-out;
	-ms-animation: flipLeft 1 1s ease-out;
	-o-animation: flipLeft 1 1s ease-out;
	animation: flipLeft 1 1s ease-out;
	opacity: 1!important
}

@-ms-keyframes flipLeft {
	0% {
		-ms-transform: translateX(-100px);
		opacity: 0
	}
	70% {
		-ms-transform: translateX(0);
		opacity: 1
	}
}

@-moz-keyframes flipLeft {
	0% {
		-moz-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
	70% {
		-moz-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes flipLeft {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
	70% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-o-keyframes flipLeft {
	0% {
		-o-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
	70% {
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes flipLeft {
	0% {
		transform: translateX(-100px);
		opacity: 0
	}
	70% {
		transform: translateX(0);
		opacity: 1
	}
}

/*flip left bounce*/
.flip-left-bounce {
	-webkit-animation: flipLeftBounce 1s ease-in-out;
	-moz-animation: flipLeftBounce 1s ease-in-out;
	-ms-animation: flipLeftBounce 1s ease-in-out;
	-o-animation: flipLeftBounce 1s ease-in-out;
	animation: flipLeftBounce 1s ease-in-out
}

@-ms-keyframes flipLeftBounce {
	0% {
		opacity: 0;
		-ms-transform: rotateY(70deg)
	}
	100% {
		-ms-transform: rotateY(0)
	}
}

@-moz-keyframes flipLeftBounce {
	0% {
		-moz-transform: rotateY(70deg);
		opacity: 0;
		transform: rotateY(70deg)
	}
	100% {
		-moz-transform: rotateY(0);
		transform: rotateY(0)
	}
}

@-webkit-keyframes flipLeftBounce {
	0% {
		-webkit-transform: rotateY(70deg);
		opacity: 0;
		transform: rotateY(70deg)
	}
	100% {
		-webkit-transform: rotateY(0);
		transform: rotateY(0)
	}
}

@-o-keyframes flipLeftBounce {
	0% {
		-o-transform: rotateY(70deg);
		opacity: 0;
		transform: rotateY(70deg)
	}
	100% {
		-o-transform: rotateY(0);
		transform: rotateY(0)
	}
}

@keyframes flipLeftBounce {
	0% {
		opacity: 0;
		transform: rotateY(70deg)
	}
	100% {
		transform: rotateY(0)
	}
}


/*From CSS3 Animation Cheat Sheet by Justin Aguilar - StretchRight edited*/
.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}


/*Sretch top*/
.stretchTop{
	animation-name: stretchTop;
	-webkit-animation-name: stretchTop;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchTop {
	0% {
		transform: scaleY(0);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes stretchTop {
	0% {
		-webkit-transform: scaleY(0);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*StretchRight Horizontal*/
.stretchRightHorizontal{
	animation-name: stretchRightHorizontal;
	-webkit-animation-name: stretchRightHorizontal;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRightHorizontal {
	0% {
		transform: scaleX(0);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRightHorizontal {
	0% {
		-webkit-transform: scaleX(0);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}