/*Vertical Flip*/
.verticalFlip{
	display: block;
    margin: auto;
}
.verticalFlip span{
	animation: vertical 27.5s linear infinite 0s;
	-ms-animation: vertical 27.5s linear infinite 0s;
	-webkit-animation: vertical 27.5s linear infinite 0s;
	opacity: 0;
	overflow: hidden;
	position: absolute;
    left: 0;
    right: 0;
    /* margin-left: calc(5%); */
}
.verticalFlip span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.verticalFlip span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.verticalFlip span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.verticalFlip span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.verticalFlip span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}
.verticalFlip span:nth-child(7){
	animation-delay: 15s;
	-ms-animation-delay: 15s;
	-webkit-animation-delay: 15s;
}
.verticalFlip span:nth-child(8){
	animation-delay: 17.5s;
	-ms-animation-delay: 17.5s;
	-webkit-animation-delay: 17.5s;
}
.verticalFlip span:nth-child(9){
	animation-delay: 20s;
	-ms-animation-delay: 20s;
	-webkit-animation-delay: 20s;
}
.verticalFlip span:nth-child(10){
	animation-delay: 22.5s;
	-ms-animation-delay: 22.5s;
	-webkit-animation-delay: 22.5s;
}
.verticalFlip span:nth-child(11){
	animation-delay: 25s;
	-ms-animation-delay: 25s;
	-webkit-animation-delay: 25s;
}

/*Vertical Flip Animation*/
@keyframes vertical{
	0% { opacity: 0; }
	2% { opacity: 1; }
	8% { opacity: 1; transform: rotateX(0deg) translateY(0px); }
	12% { opacity: 0; transform: rotateX(-90deg) translateY(100px); }
	80% { opacity: 0; transform: rotateX(-90deg) translateY(100px);}
	100% { opacity: 0; transform: rotateX(-90deg) translateY(100px);}
}