/* Micado Ext. - FlippingBook 1.0 - Magazin */

.micExtFlippingBook > .viewport > .wrapper > .magazine {
	height: 650px;
	left: 0 !important;
	top: 0 !important;
	overflow: visible !important;
	width: 1300px;
	z-index: 2;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine.animated {
	-webkit-transition: margin 500ms ease;
	-moz-transition: margin 500ms ease;
	-o-transition: margin 500ms ease;
	-ms-transition: margin 500ms ease;
	transition: margin 500ms ease;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .page {
	background: #ffffff;
	box-shadow: none !important;
	cursor: zoom-in;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .page.even:before {
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	background: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 70%;
	z-index: 2;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .page.odd:before {
	background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	background: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 70%;
	z-index: 2;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .page img {
	display: block;
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .page img.show {
	opacity: 1;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .page img.largeImage {
	height: 100%;
	width: 100%;
}
/*.micExtFlippingBook > .viewport > .wrapper > .magazine .shadow {
	background: #FFFFFF !important;
	-webkit-transition: box-shadow 300ms ease;
	-moz-transition: box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease;
	-ms-transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease;
	-webkit-box-shadow: 0 0 20px #CCCCCC !important;
	-moz-box-shadow: 0 0 20px #CCCCCC !important;
	-o-box-shadow: 0 0 20px #CCCCCC !important;
	-ms-box-shadow: 0 0 20px #CCCCCC !important;
	box-shadow: 0 0 20px #CCCCCC !important;
	z-index: -1 !important;
}*/
.micExtFlippingBook > .viewport > .wrapper > .magazine .even .gradient {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.95, rgba(0, 0, 0, 0)),
		color-stop(1, rgba(0, 0, 0, 0.2))
	);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	background: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.micExtFlippingBook > .viewport > .wrapper > .magazine .odd .gradient {
	background: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(0.95, rgba(0, 0, 0, 0)),
		color-stop(1, rgba(0, 0, 0, 0.15))
	);
	background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	background: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	background: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Zoom-in */

body.isFullscreen .micExtFlippingBook > .viewport > .wrapper > .magazine .page {
	cursor: zoom-out;
}