.ZHFlipPage, 
.ZHFlipPage-container {
	height:				100%;
	min-height:			100%;
	position:			absolute;
	width:				100%;
    overflow-x:         hidden;
    overflow-y:         auto;
}

/* @media all and (max-width: 639px)
{

	.ZHFlipPage-1 
	{
		height:	100%;
	}

} */

.ZHFlipPage-container {
	-webkit-perspective:    1200px;
	-moz-perspective:       1200px;
	perspective:            1200px;
}

.ZHFlipPage-container .ZHFlipPage {
    padding:                        0px;
    margin:                         0px;
	display:						none;
	-webkit-backface-visibility: 	hidden;
	-moz-backface-visibility: 		hidden;
	backface-visibility: 			hidden;
	-webkit-transform: 				translate3d(0, 0, 0);
	-moz-transform: 				translate3d(0, 0, 0);
	transform: 						translate3d(0, 0, 0);
	-webkit-transform-style: 		preserve-3d;
	-moz-transform-style: 			preserve-3d;
	transform-style: 				preserve-3d;
	z-index:						1;
}

.ZHFlipPage-container .ZHFlipPage-currrent-page, 
.ZHFlipPage-container .ZHFlipPage-next-page, 
.ZHFlipPage-container *[data-page="0"] {
	display:	block;
}

.ZHFlipPage-container .ZHFlipPage-top-page {
	z-index:	999;
}





/**
 *
 * FLIP PAGE ANIMATIONS CLASSES
 *
 **/
.ZHFlipPage-rotate-cube-top-out {
	-webkit-transform-origin:	50% 100%;
	transform-origin: 			50% 100%;
	-webkit-animation: 			rotateCubeTopOut .6s both ease-in;
	animation: 					rotateCubeTopOut .6s both ease-in;
}

.ZHFlipPage-rotate-cube-top-in  {
	-webkit-transform-origin: 	50% 0%;
	transform-origin: 			50% 0%;
	-webkit-animation: 			rotateCubeTopIn .6s both ease-in;
	animation: 					rotateCubeTopIn .6s both ease-in;
}

.ZHFlipPage-rotate-cube-right-out  {
	-webkit-transform-origin: 	0% 50%;
	transform-origin: 			0% 50%;
	-webkit-animation: 			rotateCubeRightOut .6s both ease-in;
	animation: 					rotateCubeRightOut .6s both ease-in;
}
.ZHFlipPage-rotate-cube-right-in  {
	-webkit-transform-origin: 	100% 50%;
	transform-origin: 			100% 50%;
	-webkit-animation: 			rotateCubeRightIn .6s both ease-in;
	animation: 					rotateCubeRightIn .6s both ease-in;
}

.ZHFlipPage-rotate-cube-bottom-out {
	-webkit-transform-origin:	50% 0%;
	transform-origin: 			50% 0%;
	-webkit-animation: 			rotateCubeBottomOut .6s both ease-in;
	animation: 					rotateCubeBottomOut .6s both ease-in;
}
.ZHFlipPage-rotate-cube-bottom-in {
	-webkit-transform-origin: 	50% 100%;
	transform-origin: 			50% 100%;
	-webkit-animation: 			rotateCubeBottomIn .6s both ease-in;
	animation: 					rotateCubeBottomIn .6s both ease-in;
}

.ZHFlipPage-rotate-cube-left-out {
	-webkit-transform-origin:	100% 50%;
	transform-origin: 			100% 50%;
	-webkit-animation: 			rotateCubeLeftOut .6s both ease-in;
	animation: 					rotateCubeLeftOut .6s both ease-in;
}

.ZHFlipPage-rotate-cube-left-in {
	-webkit-transform-origin: 	0% 50%;
	transform-origin: 			0% 50%;
	-webkit-animation: 			rotateCubeLeftIn .6s both ease-in;
	animation: 					rotateCubeLeftIn .6s both ease-in;
}





.ZHFlipPage-flip-right-out {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutRight 500ms both ease-in;
	animation: flipOutRight 500ms both ease-in;
}
.ZHFlipPage-flip-left-in {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft 500ms both ease-out;
	animation: flipInLeft 500ms both ease-out;
}

.ZHFlipPage-flip-right-out-fast {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipOutRight 500ms both ease-in;
	animation: flipOutRight 250ms both ease-in;
}
.ZHFlipPage-flip-left-in-fast {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipInLeft 500ms both ease-out;
	animation: flipInLeft 250ms both ease-out;
}



.ZHFlipPage-delay-250ms {
	-webkit-animation-delay:    250ms;
	animation-delay:            250ms;
}

.ZHFlipPage-delay-500ms {
	-webkit-animation-delay:    500ms;
	animation-delay:            500ms;
}



.ZHFlipPage-move-to-left {
	-webkit-animation: moveToLeft .6s ease both;
	animation: moveToLeft .6s ease both;
}

.ZHFlipPage-move-from-right {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
}





/**
 *
 * AS ANIMAƇƕES
 *
 **/
@-webkit-keyframes rotateCubeLeftOut 
{
	0% {}
	
	50% { 
		opacity:							0.5
		-webkit-animation-timing-function:	ease-out;  
		-webkit-transform: 					translateX(-50%) translateZ(-200px) rotateY(-45deg); 
	}
	
	100% { 
		opacity: 			0; 
		-webkit-transform:	translateX(-100%) rotateY(-90deg); 
	}
}

@keyframes rotateCubeLeftOut 
{
	0% { }
	
	50% { 
		opacity:							0.5;
		-webkit-animation-timing-function:	ease-out; 
		animation-timing-function: 			ease-out;  
		-webkit-transform: 					translateX(-50%) translateZ(-200px) rotateY(-45deg);  
		transform: 							translateX(-50%) translateZ(-200px) rotateY(-45deg); 
	}
	
	100% { 
		opacity: 			0; 
		-webkit-transform:	translateX(-100%) rotateY(-90deg); 
		transform: 			translateX(-100%) rotateY(-90deg); 
	}
}

@-webkit-keyframes rotateCubeLeftIn 
{
	0% { 
		opacity: .3; 
		-webkit-transform: translateX(100%) rotateY(90deg); 
	}
	
	50% { 
		-webkit-animation-timing-function: 	ease-out;  
		-webkit-transform: 					translateX(50%) translateZ(-200px) rotateY(45deg); 
	}
}

@keyframes rotateCubeLeftIn 
{
	0% { 
		opacity: .3; 
		-webkit-transform: 	translateX(100%) rotateY(90deg); 
		transform: 			translateX(100%) rotateY(90deg); 
	}
	
	50% { 
		-webkit-animation-timing-function: 	ease-out; 
		animation-timing-function: 			ease-out;  
		-webkit-transform: 					translateX(50%) translateZ(-200px) rotateY(45deg);  
		transform: 							translateX(50%) translateZ(-200px) rotateY(45deg); 
	}
}





@-webkit-keyframes rotateCubeRightOut 
{
	0% { }
	
	50% { 
		opacity:							0.5; 
		-webkit-animation-timing-function:	ease-out;
		-webkit-transform: 					translateX(50%) translateZ(-200px) rotateY(45deg); 
	}
	
	100% { 
		opacity: 			0; 
		-webkit-transform: 	translateX(100%) rotateY(90deg); 
	}
}

@keyframes rotateCubeRightOut 
{
	0% { }
	
	50% { 
		opacity:							0.5; 
		-webkit-animation-timing-function:	ease-out; 
		animation-timing-function:			ease-out; 
		-webkit-transform: 					translateX(50%) translateZ(-500px) rotateY(45deg); 
		transform: 							translateX(50%) translateZ(-500px) rotateY(45deg); 
	}
	
	100% { 
		opacity: 0; 
		-webkit-transform:	translateX(100%) rotateY(90deg) scale3d(1, 1, 1); 
		transform: 			translateX(100%) rotateY(90deg) scale3d(1, 1, 1); 
	}
}

@-webkit-keyframes rotateCubeRightIn 
{
	0% { 
		opacity: 			.3; 
		-webkit-transform: 	translateX(-100%) rotateY(-90deg); 
	}
	
	50% { 
		-webkit-animation-timing-function:	ease-out; 
		-webkit-transform: 					translateX(-50%) translateZ(-500px) rotateY(-45deg); 
	}
}

@keyframes rotateCubeRightIn 
{
	0% { 
		opacity: 			.3; 
		-webkit-transform: 	translateX(-100%) rotateY(-90deg); 
		transform: 			translateX(-100%) rotateY(-90deg); 
	}
	
	50% { 
		-webkit-animation-timing-function:	ease-out; 
		animation-timing-function: 			ease-out;
		-webkit-transform: 					translateX(-50%) translateZ(-500px) rotateY(-45deg); 
		transform: 							translateX(-50%) translateZ(-500px) rotateY(-45deg); 
	}
}






@-webkit-keyframes rotateCubeTopOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateCubeTopOut {
	0% {}
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateCubeTopIn {
	0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@keyframes rotateCubeTopIn {
	0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}

@-webkit-keyframes rotateCubeBottomOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeBottomOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}




@-webkit-keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}





@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}