/* General Demo Style */
a{text-decoration:none;outline:none;}
/* Demo Buttons Style */
.codrops-demos{padding-top:1em;font-size:0.9em;}
.codrops-demos a{display:inline-block;margin:0.2em;padding:0.45em 1em;background:#999;color:#fff;font-weight:700;border-radius:2px;}
.codrops-demos a:hover,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{opacity:0.6;}
.codrops-nav{text-align:center;}
.codrops-nav a{display:inline-block;margin:20px auto;padding:0.3em;}
/* Demo Styles */
.demo-1 a{color:#72b890;}
.demo-1 .codrops-demos a{background:#72b890;color:#fff;}
.demo-2 a{color:#d38daf;}
.demo-2 a:hover,.demo-2 a:active{color:#fff;}
.demo-2 .codrops-demos a{background:#883b61;color:#fff;}
.demo-2 .codrops-top a:hover{background:rgba(255,255,255,0.3);color:#333;}
.demo-3 a{color:#ea5381;}
.demo-3 .codrops-demos a{background:#ea5381;color:#fff;}
.demo-4 a{color:#1baede;}
.demo-4 a:hover,.demo-4 a:active{opacity:0.6;}
.demo-4 .codrops-demos a{background:#1baede;color:#fff;}
@media screen and (max-width:46.0625em){.column{width:100%;min-width:auto;min-height:auto;padding:1em;}
.column p{text-align:left;font-size:1.5em;}
.column:nth-child(2){box-shadow:0 -1px 0 rgba(0,0,0,0.1);}
}
@media screen and (max-width:25em){.codrops-icon span{display:none;}
}

.bb-bookblock{width:400px;height:300px;margin:0 auto;position:relative;z-index:100;-webkit-perspective:1300px;perspective:1300px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.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);}
/* Content display */
.bb-vertical .bb-front .bb-content{left:-100%;}
.bb-horizontal .bb-front .bb-content{top:-100%;}
/* Flipping classes */
.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{width:100%;height:100%;position:absolute;top:0;left:0;display:none;}
/* No JS */
.no-js .bb-bookblock,.no-js ul.bb-custom-grid li{width:auto;height:auto;}
.no-js .bb-item{display:block;position:relative;}