.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:0;left:0;width:100%;height:100%;opacity:0}.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)}.bb-item{width:100%;height:100%;position:absolute;top:0;left:0;display:none;background:#fff}ul.bb-custom-grid{list-style:none;margin:40px auto 30px auto;padding:0;width:700px}ul.bb-custom-grid:before,ul.bb-custom-grid:after{content:" ";display:table}ul.bb-custom-grid:after{clear:both}ul.bb-custom-grid li{float:left;width:300px;height:260px;padding:10px 20px 50px 20px;background:#f8f8f8 url(../images/demo2/noise.jpg);position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,0.2)}ul.bb-custom-grid li:nth-child(odd){margin-right:20px}ul.bb-custom-grid li:before,ul.bb-custom-grid li:after{content:'';position:absolute;z-index:-2;bottom:15px;left:10px;width:50%;height:20%;box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}ul.bb-custom-grid li:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}ul.bb-custom-grid li a{display:block}ul.bb-custom-grid li h3{color:#9a9b92;margin:0;padding:0;text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:400;font-size:14px;line-height:35px;border-top:1px dashed rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(255,255,255,0.9)}ul.bb-custom-grid nav{text-align:center;margin-top:12px;padding-bottom:5px;border-bottom:1px dashed rgba(0,0,0,0.1)}ul.bb-custom-grid nav span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#f0f0f0;margin:3px;cursor:pointer;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2),0 2px 1px rgba(255,255,255,0.9)}ul.bb-custom-grid nav span.bb-current{background:#bdd70d}