/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
.bb-bookblock {
	background: rgb(255, 255, 255); width: 400px; height: 300px; position: relative; z-index: 100;
}
.bb-page {
	transform-origin: left center; left: 50%; width: 50%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center;
}
.bb-page > div {
	left: 0px; top: 0px; height: 100%; position: absolute;
}
.bb-outer {
	left: 0px; top: 0px; height: 100%; position: absolute;
}
.bb-content {
	left: 0px; top: 0px; height: 100%; position: absolute;
}
.bb-content {
	background: rgb(255, 255, 255);
}
.bb-inner {
	width: 100%; height: 100%; position: relative;
}
.bb-overlay {
	backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.bb-outer {
	backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.bb-page > div {
	width: 100%; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;
}
.bb-back {
	transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg);
}
.bb-outer {
	width: 100%; overflow: hidden; z-index: 999;
}
.bb-overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1000; opacity: 0; background-color: rgba(0, 0, 0, 0.7);
}
.bb-flipoverlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1000; opacity: 0; background-color: rgba(0, 0, 0, 0.7);
}
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}
.bb-bookblock > div:first-child.bb-page {
	transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);
}
.bb-bookblock > div:first-child.bb-page .bb-back {
	transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);
}
.js .bb-item {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}