/* Basic sample */

/*
.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}
*/

/*
.flipbook .shadow {
-webkit-box-shadow: 25px -8px 18px 4px rgba(0,0,0,0.41);
-moz-box-shadow: 25px -8px 18px 4px rgba(0,0,0,0.41);
box-shadow: box-shadow: 10px 10px 5px #aaaaaa;
}

.flipbook{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}*/

.flipbook-viewport .flipbook{
	width:704px;
	height:500px;
	/*left:390px;*/
	top:0px;
}

.flipbook-viewport .page{
	width:352px;
	height:500px;
	/*background-color:white;*/
	background-repeat:no-repeat;
	background-size:100% 100%;
}

/*
#flipbook .page:not(.hard).odd {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 90%, rgba(250, 250, 250, 0.5) 94%, #999 100%);
    box-shadow: inset 0 0 5px #666;
    border-left: 1px solid #ccc;
}

#flipbook .page:not(.hard).even {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 90%, rgba(250, 250, 250, 0.5) 94%, #999 100%);
    box-shadow: inset 0 0 5px #666;
}*/

@media only screen and (max-width: 360px) {
.flipbook-viewport .flipbook{
	width:300px;
	height:200px;
	left:0px;
	top:0px;
}

.flipbook-viewport .page{
	width:150px;
	height:200px;
}
}