.flip-container {
	-webkit-perspective: 1000;
	width: 180px;
}

.flip-container {
	perspective: 1000;
	width: 180px;
}

.fliptxt { margin-top: 50px; }

.flipper { transition: 0.6s; -webkit-transform-style: preserve-3d; position: relative; height: 180px; }

.flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; height: 180px; }

.front,
.back { border-radius:50%; width: 180px; height: 180px; position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; color: #fff; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; text-align: center; }

.back { border-radius:50%; width: 180px; height: 180px; position: absolute; left: 0; top: 0; backface-visibility: hidden; color: #fff; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; text-align: center; }

.back {
	-webkit-transform: rotateY(180deg);
	background: #d12323;
	z-index: 9999;
}

.back {
	transform: rotateY(180deg);
	background: #d12323;
	z-index: 9999;
}

.front { z-index: 1; background: #d12323; }

.flip-container .flipper,
.flip-container.hover .flipper {
	animation: flipY 3s infinite;
}
.vertical-flip-container .back {
	  -webkit-transform: rotateX(180deg);
}

.vertical-flip-container .back {
	  transform: rotateX(180deg);
}

.vertical-flip-container .flipper,
.vertical-flip-container.hover .flipper {
	animation: flipX 4s infinite;
}

.bookflip-container .flipper {
	-webkit-transform-origin: 0;
}

.bookflip-container .flipper {
	transform-origin: 0;
}

/* Flip Animation */
@keyframes flipX{
    from {
        -webkit-transform: rotateX(180deg);
    }
    
    to {
        -webkit-transform: rotateX(-180deg);
    }
    
}
@keyframes flipY{
    from {
        -webkit-transform: rotateY(180deg);
    }
    
    to {
        -webkit-transform: rotateY(-180deg);
    }
    
}
@keyframes flipX{
    from {
        transform: rotateX(180deg);
    }
    
    to {
        transform: rotateX(-180deg);
    }
    
}
@keyframes flipY{
    from {
        transform: rotateY(180deg);
    }
    
    to {
        transform: rotateY(-180deg);
    }
    
}