.flip-container {
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-webkit-perspective: 1000;
	perspective: 1000;

	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 

	-ms-transform: perspective(1000px);
	-ms-transform-style: preserve-3d; 
}

.flip-container .flipper, .flip-container .front, .flip-container .back {
	-moz-transform-style: preserve-3d;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1.5s;
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

	-ms-transform-style: preserve-3d;
	-ms-transition-property: -ms-transform;
	-ms-transition-duration: 1.5s;
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

	-o-transform-style: preserve-3d;
	-o-transition-property: -o-transform;
	-o-transition-duration: 1.5s;
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

	-webkit-transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.5s;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

	transform-style: preserve-3d;
	transition-property: transform;
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.flip-container .flipper {
	position: relative;
	-moz-transform: perspective(1000px);
}

.flip-container .front, .flip-container .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	-moz-backface-visibility: hidden;
	-moz-transform: rotateY(0deg);

	-ms-backface-visibility: hidden;
	-ms-transform: rotateY(0deg);

	-o-backface-visibility: hidden;
	-o-transform: rotateY(0deg);

	-webkit-backface-visibility: hidden;
	-webkit-transform: rotateY(0deg);

	backface-visibility: hidden;
	transform: rotateY(0deg);
}

.flip-container .front {
	z-index: 2;
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

.flip-container .back {
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

/* START: Accommodating for IE */
.flip-container.flipped .back {
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container.flipped .front {
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* END: Accommodating for IE */

/* vertical */
.vertical.flip-container {
	position: relative;
}

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

/*
.vertical.flip-container .flipper {
	-moz-transform-origin: 100% 213.5px;
	-ms-transform-origin: 100% 213.5px;
	-webkit-transform-origin: 100% 213.5px;
	transform-origin: 100% 213.5px;
}
*/

/* START: Accommodating for IE */
.vertical.flip-container.flipped .back {
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.vertical.flip-container.flipped .front {
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
/* END: Accommodating for IE */