.main{margin:0 auto;max-width:1200px;width:100%;}
.bookshelf{position:relative;margin:40px auto 0;list-style:none;text-align:center;}
@media screen and (max-width:640px){.bookshelf{margin:0 auto 0;}
}
.bookshelf figure{position:relative;display:inline-block;margin:40px 0 0 0;padding:45px 0;max-width:75%;width:324px;vertical-align:top;}
@media screen and (max-width:640px){.bookshelf figure{margin:0 0 0 0;padding:0 0;}
}
.perspective{position:relative;width:100%;height:100%;-webkit-perspective:1800px;perspective:1800px;}
.book{position:relative;margin:0 auto;width:180px;height:260px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.book div{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.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}
.buttons{margin-top:5px;text-align:center;}
.buttons a{display:inline-block;padding:0 8px;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:0.65em;line-height:1.5;}
.buttons a:first-child:not(:only-child){border-right:1px solid #fff}
.buttons a:hover,
.buttons a:active{color:#ffc600}
.bookshelf figcaption{position:relative;top:100%;padding:0 2em;text-align:center;}
@media screen and (max-width:640px){.bookshelf figcaption{padding:0 0 0 0;}
}
.bookshelf figcaption h2{margin:0 0 0 0;font-weight:300;font-size:1.8em;font-family:'Raleway', Arial, sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
@media screen and (max-width:640px){.bookshelf figcaption h2{font-size:1.3em;}
}
.bookshelf figcaption h2 span{position:relative;display:block;margin:1em 0 0 0;padding:1em 0 0 0;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:0.4em;font-family:'Raleway', Arial, sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.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, 0.1);content:'';}
.details{position:absolute;top:0;width:100%;color:#000;}
.details ul{margin:0;padding:60px 30px 0 30px;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 0;padding:0 0 15px 0;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:0.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);}
.no-csstransforms3d .book[data-book="book-1"],
.no-js .book[data-book="book-1"],
.book[data-book="book-1"] .front{background:url(../img/cover3.svg);background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(211, 211, 211, 0.1) 5%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 9%, rgba(0, 0, 0, 0.01) 100%), url(../img/cover3.svg), #EBC989;background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(211, 211, 211, 0.1) 5%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 9%, rgba(0, 0, 0, 0.01) 100%), url(../img/cover3.svg), #EBC989;}



.no-csstransforms3d .book[data-book="book-2"],
.no-js .book[data-book="book-2"],
.book[data-book="book-2"] .front{background:url(../img/cover4.svg);background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(211, 211, 211, 0.1) 5%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 9%, rgba(0, 0, 0, 0.01) 100%), url(../img/cover3.svg), #EBC989;background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(211, 211, 211, 0.1) 5%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 9%, rgba(0, 0, 0, 0.01) 100%), url(../img/cover4.svg), #EBC989;}


.book[data-book="book-2"] .front{background:url(../img/cover4.svg);background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(211, 211, 211, 0.1) 5%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 9%, rgba(0, 0, 0, 0.01) 100%), url(../img/cover4.svg), #EBC989;background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(211, 211, 211, 0.1) 5%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0.1) 9%, rgba(0, 0, 0, 0.01) 100%), url(../img/cover4.svg), #EBC989;}

.book[data-book="book-2"] .inner{border-color:#EBC989}
.book[data-book="book-2"] .cover::before{background:url(../img/spine3.svg);background:-webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;background:linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;}

.book[data-book="book-2"] .cover::before{background:url(../img/spine3.svg);background:-webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;background:linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;}

#book-2{border-color:#EBC989}



.book[data-book="book-1"] .inner{border-color:#EBC989}
.book[data-book="book-1"] .cover::before{background:url(../img/spine3.svg);background:-webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;background:linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;}

.book[data-book="book-1"] .cover::before{background:url(../img/spine3.svg);background:-webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;background:linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.1) 50%, transparent 100%), url(../img/spine3.svg), #EBC989;}

#book-1{border-color:#EBC989}
.book{-webkit-transition:-webkit-transform 0.5s, opacity 0.3s 0.3s;transition:transform 0.5s, opacity 0.3s 0.3s;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;}
.csstransformspreserve3d .bookshelf figure.open .cover{-webkit-animation:openSmallBook 0.5s forwards;animation:openSmallBook 0.5s forwards;}
.csstransformspreserve3d .bookshelf figure.close .cover{-webkit-animation:closeSmallBook 0.5s forwards;animation:closeSmallBook 0.5s forwards;}
.bookshelf figure.open .book{z-index:1000;-webkit-animation:scaleUpSmallBook 0.5s forwards;animation:scaleUpSmallBook 0.5s forwards;}
.bookshelf figure.close .book{-webkit-animation:scaleDownSmallBook 0.5s forwards;animation:scaleDownSmallBook 0.5s forwards;}
.inner-right{background-color:#ddd;-webkit-transition:background-color 0.5s 0.25s;transition:background-color 0.5s 0.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 0.5s;transition:visibility 0s 0.5s;-webkit-transform:scale(0.95);transform:scale(0.95);}
.bb-custom-wrapper.show{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s;-webkit-animation:openBigBook 0.5s forwards;animation:openBigBook 0.5s forwards;}
.no-cssanimations .bb-custom-wrapper.show{opacity:1}
.bb-custom-wrapper.hide{-webkit-animation:closeBigBook 0.5s forwards;animation:closeBigBook 0.5s forwards;}
.no-cssanimations .bb-custom-wrapper.hide{opacity:0}
.bookshelf figure{z-index:100;-webkit-transition:z-index 0s 0.3s;transition:z-index 0s 0.3s;}
.bookshelf figure.details-open{z-index:101;-webkit-transition:none;transition:none;}
.csstransformspreserve3d .details-open .book{-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transform:translateX(-36px) rotateY(90deg);transform:translateX(-36px) rotateY(90deg);}
.no-csstransformspreserve3d .details-open .book{-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;}
.csstransformspreserve3d .cover::before{-webkit-transition:visibility 0s 0.5s;transition:visibility 0s 0.5s;}
.csstransformspreserve3d .details-open .cover::before{visibility:visible;-webkit-transition:none;transition:none;}
.details{visibility:hidden;opacity:0;z-index:-1;-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;}
.details-open .details{visibility:hidden;opacity:1;z-index:10;-webkit-transition:opacity 0.5s, visibility 0s;transition:opacity 0.5s, visibility 0s;}
.details ul li{visibility:visible;opacity:0;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;-webkit-transform:translateX(30%);transform:translateX(30%);}
.details-open .details ul li:first-child{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.details-open .details ul li:nth-child(2){-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.details-open .details ul li:nth-child(3){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.details-open .details ul li:nth-child(4){-webkit-transition-delay:0.25s;transition-delay:0.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 0.3s, visibility 0s 0.3s;transition:opacity 0.3s, visibility 0s 0.3s;}
.bookshelf figure.details-open::before{visibility:visible;opacity:1;-webkit-transition:opacity 0.3s, visibility 0s;transition:opacity 0.3s, visibility 0s;}
.bookshelf figure::after{position:fixed;top:0;left:0;z-index:-1;width:100%;height:0;content:'';opacity:0;-webkit-transition:opacity 0.3s, height 0s 0.3s;transition:opacity 0.3s, height 0s 0.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.bookshelf figure.details-open::after{height:100%;opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.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(0.95);}
85%{opacity:1}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes openBigBook{0%{}
45%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.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(0.95);}
}
@keyframes closeBigBook{0%, 15%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
55%, 100%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.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);}
}