.flip-container {
	perspective: 100%;
	transform-style: preserve-3d;
}

.flip-container, .front, .back {
	width: 100%;
	height: 100%;
}


/* hide back of pane during swap */
.flip-container .front, .flip-container .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

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

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

.flip_in {
    transition: 0.6s;
    -webkit-transition: 0.6s;
	transform-style: preserve-3d;
    transform: rotateY(180deg) !important;
	-webkit-transform: rotateY(180deg) !important;
}
.flip_out {
    transition: 0.6s;
    -webkit-transition: 0.6s;
	transform-style: preserve-3d;
    transform: rotateY(0deg) !important;
	-webkit-transform: rotateY(0deg) !important;
}
.slidevshow {
	overflow-y: hidden;
	max-height: 1200px; /* approximate max height */

	transition-property: all;
	transition-duration: 1.4s;
	transition-timing-function: cubic-bezier(0, 1, 1.4, 1);
}

.slidevclose {
	max-height: 0px;
	overflow-y: auto;
}