.bb-bookblock{width:640px;height:365px;margin:0 auto;position:relative;z-index:100;-webkit-perspective:1300px;perspective:1300px;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:5px solid #ff802b;}
.bb-page{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:transform;}
.bb-vertical .bb-page{width:50%;height:100%;left:50%;-webkit-transform-origin:left center;transform-origin:left center;}
.bb-horizontal .bb-page{width:100%;height:50%;top:50%;-webkit-transform-origin:center top;transform-origin:center top;}
.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner{position:absolute;height:100%;width:100%;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.bb-vertical .bb-content{width:200%;}
.bb-horizontal .bb-content{height:200%;}
.bb-page > div{width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.bb-vertical .bb-back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.bb-horizontal .bb-back{-webkit-transform:rotateX(-180deg);transform:rotateX(-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;}
.bb-flipoverlay{background-color:rgba(0, 0, 0, 0.2);}
.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.bb-content{background:#fff;}
.bb-vertical .bb-front .bb-content{left:-100%;}
.bb-horizontal .bb-front .bb-content{top:-100%;}
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.bb-vertical .bb-flip-prev{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.bb-horizontal .bb-flip-prev{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.bb-vertical .bb-flip-next-end{-webkit-transform:rotateY(-15deg);transform:rotateY(-15deg);}
.bb-vertical .bb-flip-prev-end{-webkit-transform:rotateY(-165deg);transform:rotateY(-165deg);}
.bb-horizontal .bb-flip-next-end{-webkit-transform:rotateX(15deg);transform:rotateX(15deg);}
.bb-horizontal .bb-flip-prev-end{-webkit-transform:rotateX(165deg);transform:rotateX(165deg);}
.bb-item{border-bottom:5px solid #ff802b;display:none;}
.bb-item a img{width:100%;}
.no-js .bb-bookblock,
.no-js ul.bb-custom-grid li{width:auto;height:auto;}
.no-js .bb-item{display:block;position:relative;}
@font-face{font-family:'arrows';src:url('../fonts/arrows/arrows.eot');src:url('../fonts/arrows/arrows.eot?#iefix') format('embedded-opentype'),
url('../fonts/arrows/arrows.woff') format('woff'),
url('../fonts/arrows/arrows.ttf') format('truetype'),
url('../fonts/arrows/arrows.svg#arrows') format('svg');font-weight:normal;font-style:normal;}
a{color:#555;text-decoration:none;}
.bb-custom-wrapper h3{font-size:1.4em;font-weight:300;margin:0.4em 0 1em;}
.bb-custom-wrapper nav{width:100%;height:30px;margin:1em auto 0;position:relative;z-index:0;text-align:center;}
.bb-custom-wrapper nav a{display:inline-block;width:30px;height:30px;text-align:center;border-radius:2px;background:#ff802b;color:#fff;font-size:0;margin:2px;position:absolute;}
a#bb-nav-prev{top:-216px;left:26px;text-decoration:none;}
a#bb-nav-next{top:-216px;right:26px;text-decoration:none;}
.bb-custom-wrapper nav a:hover{opacity:0.6;}
.bb-custom-icon:before{font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:20px;line-height:30px;display:block;-webkit-font-smoothing:antialiased;}
.bb-custom-icon-first:before,
.bb-custom-icon-last:before{content:"\e002";}
.bb-custom-icon-arrow-left:before,
.bb-custom-icon-arrow-right:before{content:"\e003";}
.bb-custom-icon-arrow-left:before,
.bb-custom-icon-first:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.no-js .bb-custom-wrapper{height:auto;}
.no-js .bb-custom-content{height:470px;}
.text-div{position:absolute;bottom:0;left:0;text-align:center;color:#f5b50c;font-size:20px;text-transform:uppercase;background:rgba(0, 0, 0, 0.71);padding:5px 18px;}