#viewerContainer{
	width:100%;
}
#magazineViewButtonContainer button span, #magazineViewButtonContainer .toolbarButton {
    width: auto;
    height: auto;
    margin-left: -50%;
}
#mainContainer{
	padding:0 15px;
}

#viewport{
	position:relative;
	width:100%;
	padding:15px 0 0;
	
	
	
}
@media only screen and (max-width: 520px){
	#mainContainer{
	padding:0 5px;
	
}

}
#magazineContainer {
width:100% !important;
	height:85% !important;
    text-align: center;
	overflow:hidden !important;
	
	
	

}
#magazineContainer.no-zoom{
	
	overflow:visible !important;
	
	
}
#magazineContainer.zoomed{
	overflow:hidden !important;
}
#magazine {
    text-align: center;
	-webkit-box-shadow:0 -6px rgba(255,255,255,1),0 6px rgba(255,255,255,1), -7px 0 10px -3px rgba(125,125,125,.25), 7px 0 10px -3px rgba(125,125,125,.25);
	-moz-box-shadow:0 -6px rgba(255,255,255,1),0 6px rgba(255,255,255,1), -7px 0 10px -3px rgba(125,125,125,.25), 7px 0 10px -3px rgba(125,125,125,.25);
	-o-box-shadow:0 -6px rgba(255,255,255,1),0 6px rgba(255,255,255,1), -7px 0 10px -3px rgba(125,125,125,.25), 7px 0 10px -3px rgba(125,125,125,.25);
	-ms-box-shadow:0 -6px rgba(255,255,255,1),0 6px rgba(255,255,255,1), -7px 0 10px -3px rgba(125,125,125,.25), 7px 0 10px -3px rgba(125,125,125,.25);
	box-shadow:0 -6px rgba(255,255,255,1),0 6px rgba(255,255,255,1), -7px 0 10px -3px rgba(125,125,125,.25), 7px 0 10px -3px rgba(125,125,125,.25);

}
#magazine .page {
    cursor:pointer;
    background-color: #fff;
	
	
	
	
}

#magazine .page-wrapper{
	
    background: url(pics/loader.gif) center no-repeat ;
	
	
}
.page canvas{
	width:100% !important;
	height:100% !important;
	
}

/*zoom-icon */

 .under-box{
	position:absolute;
	left:50%;
	margin-left:-13px;
	bottom:70px;
	
	padding:6px;
	background:#e5e5e5;
	border-radius:5px 5px;
	z-index:9999;
	-webkit-box-shadow: -1px -1px 15px 2px rgba(5,5,5,0.2);
-moz-box-shadow:  -1px -1px 15px 2px rgba(5,5,5,0.2);
box-shadow:  -1px -1px 15px 2px rgba(5,5,5,0.2);
}
 .zoom-icon{
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(pics/zoom-icons.png);
	background-size:86px 20px;
	
	
}
@media screen and (max-width: 768px){
	.under-box{
		display:none;
	}
}
.zoom-icon-in{
	background-position:0 0;
	cursor: pointer;
}

.zoom-icon-in.zoom-icon-in-hover{
	background-position:-20px 0;
	cursor: pointer;
}

.zoom-icon-out{
	background-position:-42px 0;
	cursor: pointer;
}

.zoom-icon-out.zoom-icon-out-hover{
	background-position:-64px 0;
	cursor: pointer;
}

#magazine.zoom-in{
	
}

/* gradient */

#magazine .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	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-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

#magazine .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	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-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}
#magazine.zoom-in .gradient{
	display:none;
}
@media screen and (max-width: 520px){
	#magazine .odd .gradient, #magazine .even .gradient{
	display:none;
}
}

#magazineContainer .zoom-in .next-button,
#magazineContainer .zoom-in .previous-button {
    display: none;
}
/* dom tool bar */
#mainContainer {
    overflow: hidden;
}

.flipbook-toolbar{
    width: 100%;
    height: 30px;
    z-index: 15;
    padding-left: 45%;
    background:#ededed;
    position:absolute;
}


.flipbook-toolbar input{
    float:left;
    margin-top:5px;
    width:50px;
}

.flipbook-toolbar .next, .flipbook-toolbar .prev, .flipbook-toolbar .download {display: block;width:30px;height:30px;float:left;background-repeat: no-repeat;margin-top:8px;margin-left:10px}
.flipbook-toolbar .next{background-image: url(pics/alt-next.png)}
.flipbook-toolbar .prev {background-image: url(pics/alt-prev.png)}
.flipbook-toolbar .download {background-image: url(pics/download-png.png);margin-top:5px;}

.directions a{
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    z-index: 9999;
}

.directions a.prev-button{
    left: 0;
	
    background: #e5e5e5 url(pics/alt-prev.png) no-repeat center center;
	
}


.directions a.next-button{
    right: 0;
	
    background: #e5e5e5 url(pics/alt-next.png) no-repeat center center;
	
}