.cover{z-index:10;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cover::before{position:absolute;left:0;z-index:10;visibility:hidden;width:20px;height:100%;background:#000;content:'';-webkit-transform:translateX(-100%) rotateY(-90deg);transform:translateX(-100%) rotateY(-90deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front{background-position:center center;background-size:cover;background-repeat:no-repeat}.inner{border-width:3px;border-style:solid;background-color:#fff}.bookshelf .book .inner-left{border-right:none;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.inner-right{border-left:none}.bookshelf figcaption h2 span::before,.details ul li:first-child::after{position:absolute;top:0;left:40%;width:20%;height:1px;background:rgba(0,0,0,.1);content:''}.details{position:absolute;top:0;width:100%}.details ul{margin:0;padding:60px 30px 0;list-style:none;text-align:left}.csstransformspreserve3d .details ul{padding:60px 30px 0 70px}.details ul li{margin:0 0 10px;font-weight:300}.details ul li:not(:first-child){font-weight:700}.details ul li:first-child{position:relative;margin:0 0 15px;padding:0 0 15px;text-align:justify}.details ul li:first-child::after{top:100%;left:0}.close-details{position:absolute;top:10px;right:10px;visibility:hidden;width:20px;height:20px;font-size:0;opacity:.6;cursor:pointer}.details-open .close-details{visibility:visible}.close-details:hover{opacity:1}.close-details::before,.close-details::after{position:absolute;top:0;left:50%;width:1px;height:100%;background:#333;content:''}.close-details::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.close-details::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bb-custom-wrapper{position:fixed;top:0;left:0;padding:0 10px;width:100%;height:100%;border-width:3px 10px;border-style:solid}.bb-custom-wrapper::before,.bb-custom-wrapper::after{position:absolute;top:0;z-index:10;width:10px;height:100%;background:-webkit-linear-gradient(left,#dddddd 33.33%,#f0f0f0 33.33%,#f0f0f0 66.66%,white 66.66%);background:linear-gradient(to right,#dddddd 33.33%,#f0f0f0 33.33%,#f0f0f0 66.66%,white 66.66%);background-size:3px 100%;content:'';-webkit-backface-visibility:hidden;backface-visibility:hidden}.bb-custom-wrapper::before{left:0}.bb-custom-wrapper::after{right:0}.bb-custom-wrapper .bb-bookblock{width:100%;height:100%;-webkit-perspective:2000px;perspective:2000px}.bb-custom-side{position:relative;float:left;overflow:hidden;width:50%;height:100%}.bb-custom-side::before{position:absolute;top:0;z-index:100;width:80px;height:100%;box-shadow:inset 30px 0 40px -20px rgba(0,0,0,.1);content:''}.bb-custom-side:first-child::before{right:0;box-shadow:inset -1px 0 0 rgba(0,0,0,.05),inset -30px 0 40px -20px rgba(0,0,0,.15)}.bb-custom-wrapper>nav a{position:absolute;z-index:1000;font-size:0;opacity:.4;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bb-custom-wrapper>nav a:hover{opacity:1}.bb-custom-wrapper>nav a{width:30px;height:30px;border-radius:50%;background:rgba(221,221,221,.7)}.bb-nav-prev,.bb-nav-next{top:50%;left:25px;margin-top:-15px}.bb-nav-close{top:15px;right:25px}.bb-nav-next{right:25px;left:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bb-custom-wrapper>nav a::before,.bb-custom-wrapper>nav a::after{position:absolute;top:0;left:25%;width:1px;height:50%;background:#333;content:''}.bb-custom-wrapper>nav a.bb-nav-close::before,.bb-custom-wrapper>nav a.bb-nav-close::after{top:15%;left:50%;height:70%}.bb-custom-wrapper>nav a:not(.bb-nav-close)::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.bb-custom-wrapper>nav a:not(.bb-nav-close)::after{top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0}.bb-custom-wrapper>nav a.bb-nav-close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bb-custom-wrapper>nav a.bb-nav-close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.csstransformspreserve3d .bookshelf figure.open .cover{-webkit-animation:openSmallBook .5s forwards;animation:openSmallBook .5s forwards}.csstransformspreserve3d .bookshelf figure.close .cover{-webkit-animation:closeSmallBook .5s forwards;animation:closeSmallBook .5s forwards}.bookshelf figure.open .book{z-index:1000;-webkit-animation:scaleUpSmallBook .5s forwards;animation:scaleUpSmallBook .5s forwards}.bookshelf figure.close .book{-webkit-animation:scaleDownSmallBook .5s forwards;animation:scaleDownSmallBook .5s forwards}.inner-right{background-color:#ddd;-webkit-transition:background-color .5s .25s;transition:background-color .5s .25s}.open .inner-right{background-color:#f9f9f9;-webkit-transition-delay:0s;transition-delay:0s}.bb-custom-wrapper{z-index:2000;visibility:hidden;opacity:0;-webkit-transition:visibility 0s .5s;transition:visibility 0s .5s;-webkit-transform:scale(.95);transform:scale(.95)}.bb-custom-wrapper.show{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s;-webkit-animation:openBigBook .5s forwards;animation:openBigBook .5s forwards}.no-cssanimations .bb-custom-wrapper.show{opacity:1}.bb-custom-wrapper.hide{-webkit-animation:closeBigBook .5s forwards;animation:closeBigBook .5s forwards}.no-cssanimations .bb-custom-wrapper.hide{opacity:0}.bookshelf figure{z-index:100;-webkit-transition:z-index 0s .3s;transition:z-index 0s .3s}.bookshelf figure.details-open{z-index:101;-webkit-transition:none;transition:none}.csstransformspreserve3d .details-open .book{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateX(-36px) rotateY(90deg);transform:translateX(-36px) rotateY(90deg)}.no-csstransformspreserve3d .details-open .book{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0}.csstransformspreserve3d .cover::before{-webkit-transition:visibility 0s .5s;transition:visibility 0s .5s}.csstransformspreserve3d .details-open .cover::before{visibility:visible;-webkit-transition:none;transition:none}.details{visibility:hidden;opacity:0;z-index:-1;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s}.details-open .details{visibility:hidden;opacity:1;z-index:10;-webkit-transition:opacity .5s,visibility 0s;transition:opacity .5s,visibility 0s}.details ul li{visibility:visible;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateX(30%);transform:translateX(30%)}.details-open .details ul li:first-child{-webkit-transition-delay:.1s;transition-delay:.1s}.details-open .details ul li:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}.details-open .details ul li:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.details-open .details ul li:nth-child(4){-webkit-transition-delay:.25s;transition-delay:.25s}.details-open .details ul li{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.bookshelf figure::before{position:absolute;top:0;left:0;visibility:hidden;width:100%;height:100%;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,visibility 0s .3s;transition:opacity .3s,visibility 0s .3s}.bookshelf figure.details-open::before{visibility:visible;opacity:1;-webkit-transition:opacity .3s,visibility 0s;transition:opacity .3s,visibility 0s}.bookshelf figure::after{position:fixed;top:0;left:0;z-index:-1;width:100%;height:0;background:rgba(51,51,51,.1);content:'';opacity:0;-webkit-transition:opacity .3s,height 0s .3s;transition:opacity .3s,height 0s .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bookshelf figure.details-open::after{height:100%;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}@-webkit-keyframes openSmallBook{0%{}55%,100%{-webkit-transform:rotateY(-180deg)}}@keyframes openSmallBook{0%{}55%,100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@-webkit-keyframes closeSmallBook{0%,45%{-webkit-transform:rotateY(-180deg)}100%{-webkit-transform:rotateY(0deg)}}@keyframes closeSmallBook{0%,45%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes scaleUpSmallBook{0%{}85%,100%{-webkit-transform:scale(1.4)}}@keyframes scaleUpSmallBook{0%{}85%,100%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes scaleDownSmallBook{0%,15%{-webkit-transform:scale(1.4)}100%{-webkit-transform:scale(1)}}@keyframes scaleDownSmallBook{0%,15%{-webkit-transform:scale(1.4);transform:scale(1.4)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes openBigBook{0%{}45%{opacity:0;-webkit-transform:scale(.95)}85%{opacity:1}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes openBigBook{0%{}45%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}85%{opacity:1}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes closeBigBook{0%,15%{opacity:1;-webkit-transform:scale(1)}55%,100%{opacity:0;-webkit-transform:scale(.95)}}@keyframes closeBigBook{0%,15%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%,100%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}@media screen and (max-width:68.75em){.bb-custom-wrapper{font-size:75%}.page-layout-3 h3{font-size:9em}}@media screen and (max-width:41.375em){.bb-custom-wrapper{font-size:60%}.page-layout-3 h3{font-size:6em}}@media screen and (max-width:29.75em){.bb-custom-wrapper{font-size:40%}.page-layout-2 div{top:50%;left:0;width:100%;height:50%}.page-layout-2 div:first-child{top:0}.page-layout-2{background:-webkit-linear-gradient(top,#64696a 50%,white 50%);background:linear-gradient(to bottom,#64696a 50%,white 50%)}.page-layout-2:first-child{background:-webkit-linear-gradient(top,white 50%,#64696a 50%);background:linear-gradient(to bottom,white 50%,#64696a 50%)}}@media screen and (max-width:26.3125em){.details-open .book{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}