/* MAIN CONTAINERS */
.mz-flipbook {
	flex-direction: column;
	align-items: stretch;
	display: flex;
	width: 100%;
}
.mz-flipbook-pages, .mz-flipbook-footers {
	transition: 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.mz-flipbook-pages {
	flex: 1;
}
.mz-flipbook-footers {
	margin-top: 1em;
}

/* PAGES & FOOTERS - COMMON */
.mz-flipbook-pages > div,
.mz-flipbook-footers > div {
	scrollbar-width: thin;
	overflow: hidden;
	max-height: 70vh;
	overflow: hidden;
	padding: 1em 1em;
	display: none;
	width: 100%;
	opacity: 0;
}
.mz-flipbook-pages > div:first-child,
.mz-flipbook-footers > div:first-child {
	/* DISPLAY ONLY FIRST PAGE - UNTIL PLUGIN LOAD */
	position: relative;
	overflow: auto; 
	display: flex;
	opacity: 1;
}

/* PAGES */
.mz-flipbook-pages > div {
	flex-direction: column;
	align-items: stretch;
	padding: 0 1em;
}

/* FOOTERS */
.mz-flipbook-footers > div {
	flex-direction: row;
	align-items: center;
}

/* ANIMATIONS */
.mz-flipbook-pages > div.mz-enter-as-next {
	position: relative !important; display: flex !important; overflow: hidden;
	-webkit-animation: mz-enter-as-next 0.3s ease-in-out forwards !important;
			animation: mz-enter-as-next 0.3s ease-in-out forwards !important;
}
.mz-flipbook-pages > div.mz-enter-as-prev {
	position: relative !important; display: flex !important; overflow: hidden;
	-webkit-animation: mz-enter-as-prev 0.3s ease-in-out forwards !important;
			animation: mz-enter-as-prev 0.3s ease-in-out forwards !important;
}
.mz-flipbook-pages > div.mz-leave-as-next {
	position: absolute !important; left: 0 !important; top: 0 !important; width: 100%; height: 100%; overflow: hidden; display: unset;
	-webkit-animation: mz-leave-as-next 0.3s ease-in-out forwards !important;
			animation: mz-leave-as-next 0.3s ease-in-out forwards !important;
}
.mz-flipbook-pages > div.mz-leave-as-prev {
	position: absolute !important; left: 0 !important; top: 0 !important; width: 100%; height: 100%; overflow: hidden; display: unset;
	-webkit-animation: mz-leave-as-prev 0.3s ease-in-out forwards !important;
			animation: mz-leave-as-prev 0.3s ease-in-out forwards !important;
}
.mz-flipbook-footers > div.mz-enter-as-next {
	position: relative !important; display: flex !important; overflow: hidden;
	-webkit-animation: mz-f-enter-as-next 0.3s ease-in-out forwards !important;
			animation: mz-f-enter-as-next 0.3s ease-in-out forwards !important;
}
.mz-flipbook-footers > div.mz-enter-as-prev {
	position: relative !important; display: flex !important; overflow: hidden;
	-webkit-animation: mz-f-enter-as-prev 0.3s ease-in-out forwards !important;
			animation: mz-f-enter-as-prev 0.3s ease-in-out forwards !important;
}
.mz-flipbook-footers > div.mz-leave-as-next {
	position: absolute !important; left: 0 !important; top: 0 !important; width: 100%; height: 100%; overflow: hidden; display: unset;
	-webkit-animation: mz-f-leave-as-next 0.3s ease-in-out forwards !important;
			animation: mz-f-leave-as-next 0.3s ease-in-out forwards !important;
}
.mz-flipbook-footers > div.mz-leave-as-prev {
	position: absolute !important; left: 0 !important; top: 0 !important; width: 100%; height: 100%; overflow: hidden; display: unset;
	-webkit-animation: mz-f-leave-as-prev 0.3s ease-in-out forwards !important;
			animation: mz-f-leave-as-prev 0.3s ease-in-out forwards !important;
}
/* PAGES */
@-webkit-keyframes mz-enter-as-next { 0% { overflow: hidden; opacity: 0; transform: translateX(110%);  } 95% { overflow: hidden; opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); overflow: auto; } }
		@keyframes mz-enter-as-next { 0% { overflow: hidden; opacity: 0; transform: translateX(110%);  } 95% { overflow: hidden; opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); overflow: auto; } }
@-webkit-keyframes mz-enter-as-prev { 0% { overflow: hidden; opacity: 0; transform: translateX(-110%); } 95% { overflow: hidden; opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); overflow: auto; } }
		@keyframes mz-enter-as-prev { 0% { overflow: hidden; opacity: 0; transform: translateX(-110%); } 95% { overflow: hidden; opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); overflow: auto; } }
@-webkit-keyframes mz-leave-as-next { 0% { display: flex; opacity: 1; transform: translateX(0);     } 95% { display: flex; opacity: 0; transform: translateX(110%);  } 100% { display: none; opacity: 0; transform: translateX(110%); } }
		@keyframes mz-leave-as-next { 0% { display: flex; opacity: 1; transform: translateX(0);     } 95% { display: flex; opacity: 0; transform: translateX(110%);  } 100% { display: none; opacity: 0; transform: translateX(110%); } }
@-webkit-keyframes mz-leave-as-prev { 0% { display: flex; opacity: 1; transform: translateX(0);     } 95% { display: flex; opacity: 0; transform: translateX(-110%); } 100% { display: none; opacity: 0; transform: translateX(-110%); } }
		@keyframes mz-leave-as-prev { 0% { display: flex; opacity: 1; transform: translateX(0);     } 95% { display: flex; opacity: 0; transform: translateX(-110%); } 100% { display: none; opacity: 0; transform: translateX(-110%); } }

/* FOOTERS */
@-webkit-keyframes mz-f-enter-as-next { 0% { overflow: hidden; opacity: 0; transform: translateY(110%);  } 95% { overflow: hidden; opacity: 1; transform: translateY(0);     } 100% { opacity: 1; transform: translateY(0); overflow: auto; } }
		@keyframes mz-f-enter-as-next { 0% { overflow: hidden; opacity: 0; transform: translateY(110%);  } 95% { overflow: hidden; opacity: 1; transform: translateY(0);     } 100% { opacity: 1; transform: translateY(0); overflow: auto; } }
@-webkit-keyframes mz-f-enter-as-prev { 0% { overflow: hidden; opacity: 0; transform: translateY(-110%); } 95% { overflow: hidden; opacity: 1; transform: translateY(0);     } 100% { opacity: 1; transform: translateY(0); overflow: auto; } }
		@keyframes mz-f-enter-as-prev { 0% { overflow: hidden; opacity: 0; transform: translateY(-110%); } 95% { overflow: hidden; opacity: 1; transform: translateY(0);     } 100% { opacity: 1; transform: translateY(0); overflow: auto; } }
@-webkit-keyframes mz-f-leave-as-next { 0% { display: flex; opacity: 1; transform: translateY(0);     } 95% { display: flex; opacity: 0; transform: translateY(110%);  } 100% { display: none; opacity: 0; transform: translateY(110%); } }
		@keyframes mz-f-leave-as-next { 0% { display: flex; opacity: 1; transform: translateY(0);     } 95% { display: flex; opacity: 0; transform: translateY(110%);  } 100% { display: none; opacity: 0; transform: translateY(110%); } }
@-webkit-keyframes mz-f-leave-as-prev { 0% { display: flex; opacity: 1; transform: translateY(0);     } 95% { display: flex; opacity: 0; transform: translateY(-110%); } 100% { display: none; opacity: 0; transform: translateY(-110%); } }
		@keyframes mz-f-leave-as-prev { 0% { display: flex; opacity: 1; transform: translateY(0);     } 95% { display: flex; opacity: 0; transform: translateY(-110%); } 100% { display: none; opacity: 0; transform: translateY(-110%); } }