/* Content Flip Style */
.bb-bookblock {
	width: 400px;
	height: 300px;
	position: relative;
	background: #fff;
	z-index: 100;
}

.bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.bb-page > div,
.bb-outer,
.bb-content {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.bb-content {
	background: #fff;
}

.bb-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.bb-overlay, .bb-outer {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay, 
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1000;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

.bb-bookblock > div.bb-page:first-child,
.bb-bookblock > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.js .bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #fff;
}



/*--custom_bookslider_css--*/

/*.js body {
	overflow: hidden;
}*/
#container,
.bb-custom-wrapper,
.bb-bookblock,
.bb-bookblock .content {
	height:500px;
	width:100%;
}
.bb-bookblock, .bb-bookblock .content { 
	margin-bottom:50px;
	height:450px;
}
.bb-custom-wrapper { 
	position:relative;
	padding-bottom:50px;
}
#container {
	position: relative;
	left: 0px;
	-webkit-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}
#bb-bookblock .content.lazyload{
	background: none;
}

.content.bookimg1.lazyloaded { 
	background:url(/img/assets/images/bookimg_tiny.jpg) center center no-repeat;
	background-size:100% 100%;
}
.content.bookimg2.lazyloaded { 
	background:url(/img/assets/images/bookimg1_tiny.jpg) center center no-repeat;
	background-size:100% 100%;
}
.content.bookimg3.lazyloaded { 
	background:url(/img/assets/images/bookimg2_tiny.jpg) center center no-repeat;
	background-size:100% 100%;
}
.content.bookimg4.lazyloaded { 
	background:url(/img/assets/images/bookimg3_tiny.jpg) center center no-repeat;
	background-size:100% 100%;
}
.content.bookimg5.lazyloaded { 
	background:url(/img/assets/images/bookimg4_tiny.jpg) center center no-repeat;
	background-size:100% 100%;
}

.slideRight {
	left: 0px;
}
.menu-panel {
	
	width: 100%;
	position: absolute;
	z-index: 1000;
	bottom: 0;
	left: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.menu-toc { 
	list-style-type:none;
	text-align:center;
	margin:0px;
	margin-top:30px;
}
.menu-toc li { 
	display:inline-block;
	margin:0px 10px;
}
.menu-toc li a {
	display: block;
	height:15px;
	width:15px;
	border-radius:15px;
	background:#939598;
	text-decoration:none;
}
.menu-toc li.menu-toc-current a {
	background:#F58220;
}

.bb-custom-wrapper nav {
	top: 45%;
	margin-top:-25x;
	width:100%;
	height:50px;
	left: 0px;
	position: absolute;
	z-index: 1000;
}

.bb-custom-wrapper nav span {
	position: absolute;
	width: 32px;
	height: 42px;
	display:block;
	top: 0%;
	background: #f1103a;
	border-radius: 50%;
	cursor: pointer;
}
.bb-custom-wrapper nav span#bb-nav-prev { 
	left:-40px;
	background:url(/img/assets/images/left_nav_tiny.png) center center no-repeat;
	background-size:contain;
}
.bb-custom-wrapper nav span#bb-nav-next { 
	right:-40px;
	background:url(/img/assets/images/right_nav_tiny.png) center center no-repeat;
	background-size:contain;
}

@media screen and (max-width: 800px){
	.no-js .menu-panel {
		display: none;
	}

	.no-js .container {
		padding: 0;
	}
}

@media screen and (max-width: 400px){
	.menu-panel,
	.content {
		font-size: 75%;
	}

}
@media screen and (max-width: 600px){

	.bb-bookblock .content {
	height:280px;	
}
 #container, .bb-custom-wrapper{
 height: 380px;
}
 .bb-bookblock, .bb-bookblock .content{
 	height: 280px;
 	}
}