.container,body,html{width:100%;height:100%}body{overflow:scroll;overflow-x:hidden}.container.hide-overflow{overflow:hidden}.main{margin:0 auto;max-width:1200px;width:100%}.bookshelf{position:relative;margin:40px auto 0;list-style:none;text-align:center}.bookshelf figure{position:relative;display:inline-block;margin:40px 0 0 0;padding:45px 0;max-width:75%;width:324px;vertical-align:top}.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 .front{background-size:100% 100%;background-position:center}.book div{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cover{z-index:10;-webkit-transform-origin:0% 50%;-ms-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%;-ms-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:rgba(100, 105, 106, 0.7);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 rgba(100, 105, 106, 0.3)}.buttons a:active,.buttons a:hover{color:#64696a}.bookshelf figcaption{position:relative;top:100%;padding:0 2em;text-align:center;z-index:-1}.bookshelf figcaption h2{margin:1em 0 0 0;font-weight:300;font-size:1.8em}.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}.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%}.details ul{margin:0;padding:30px 30px 0 30px;list-style:none;text-align:left}.csstransformspreserve3d .details ul{padding:30px 45px 0 45px}.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:after,.close-details:before{position:absolute;top:0;left:50%;width:1px;height:100%;background:#333;content:''}.close-details:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.close-details:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.bb-custom-wrapper{position:fixed;top:0;left:0;right:0;margin:2.5vh auto;padding:0 10px;width:100%;height:85%;border-width:3px 10px;border-radius:1px;border-style:solid;background-color:#EEE;transition:width 1s}.bb-custom-wrapper .bb-bookblock{width:100%;height:100%;-webkit-perspective:2000px;perspective:2000px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s;background-color:#EEE}.bb-custom-side{position:relative;float:left;overflow:hidden;width:50%;height:100%;background-color:#EEE}.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, 0.1);content:''}.bb-custom-side:first-child:before{right:0;box-shadow:inset -1px 0 0 rgba(0, 0, 0, 0.05), inset -30px 0 40px -20px rgba(0, 0, 0, 0.15)}.page-layout-1 h3,.page-layout-1 p{position:absolute;top:50%;left:50%;margin:0;max-width:260px;width:100%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.page-layout-1 h3{text-align:center;font-weight:400;font-size:3em;font-family:"Sacramento", serif}.page-layout-1 h3 span{display:block;padding:5px 0 15px;border-top:1px solid #333;border-bottom:1px solid #333;text-transform:uppercase;font-size:3em;font-family:"Six Caps", sans-serif;line-height:1}.page-layout-1 p{padding:0 10px;text-align:right;font-style:italic;font-family:"Cardo", serif}.page-layout-2{background:-webkit-linear-gradient(left, #64696a 50%, white 50%);background:linear-gradient(to right, #64696a 50%, white 50%)}.page-layout-2:first-child{background:-webkit-linear-gradient(left, white 50%, #64696a 50%);background:linear-gradient(to right, white 50%, #64696a 50%)}.page-layout-2 div{position:absolute;bottom:0;left:50%;padding:0 10% 10%;width:50%}.page-layout-2 div:first-child{left:0}.page-layout-2:first-child div:last-child,.page-layout-2:last-child div:first-child{color:#fff}.page-layout-2 h3{margin:0;font-size:6em;font-family:"Cardo", serif}.page-layout-3:last-child{position:absolute;right:0;width:50%;height:100%;background:url(../img/portrait.jpg) no-repeat top left;background-size:cover}.page-layout-3 div{padding:10%}.page-layout-3 h3{margin:0;text-transform:uppercase;font-weight:400;font-size:14em;font-family:"Six Caps", sans-serif}.page-layout-3 p{margin:0;text-indent:5px;font-style:italic;font-family:"Cardo", serif}.bb-custom-wrapper>nav a{position:absolute;z-index:1000;font-size:0;opacity:0.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, 0.7)}.bb-nav-next,.bb-nav-prev{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);-ms-transform:rotate(180deg);transform:rotate(180deg);opacity:1s;transition:opacity 0.5s}.bb-custom-wrapper>nav a:after,.bb-custom-wrapper>nav a:before{position:absolute;top:0;left:25%;width:1px;height:50%;background:#333;content:''}.bb-custom-wrapper>nav a.bb-nav-close:after,.bb-custom-wrapper>nav a.bb-nav-close:before{top:15%;left:50%;height:70%}.bb-custom-wrapper>nav a:not(.bb-nav-close):before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.bb-custom-wrapper>nav a:not(.bb-nav-close):after{top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.bb-custom-wrapper>nav a.bb-nav-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.bb-custom-wrapper>nav a.bb-nav-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.book{-webkit-transition:-webkit-transform 0.5s, opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s, -webkit-transform 0.5s;transition:transform 0.5s, opacity 0.3s 0.3s;transition:transform 0.5s, opacity 0.3s 0.3s, -webkit-transform 0.5s;-webkit-transform-origin:0% 50%;-ms-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;width:100vw;-webkit-transition:visibility 0s 0.5s, opacity 0.3s;transition:visibility 0s 0.5s, opacity 0.3s;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}.bb-custom-wrapper.show{visibility:visible;-webkit-transition:visibility 0s, top 0.3s, left 0.3s;transition:visibility 0s, top 0.3s, left 0.3s;-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:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transform:translateX(180px) rotateY(180deg);transform:translateX(180px) rotateY(180deg)}.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:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;-webkit-transform:translateX(30%);-ms-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);-ms-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;background:rgba(51, 51, 51, 0.1);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%,to{-webkit-transform:rotateY(-180deg)}}@keyframes openSmallBook{0%{}55%,to{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@-webkit-keyframes closeSmallBook{0%,45%{-webkit-transform:rotateY(-180deg)}to{-webkit-transform:rotateY(0deg)}}@keyframes closeSmallBook{0%,45%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes scaleUpSmallBook{0%{}85%,to{-webkit-transform:scale(1.4)}}@keyframes scaleUpSmallBook{0%{}85%,to{-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes scaleDownSmallBook{0%,15%{-webkit-transform:scale(1.4)}to{-webkit-transform:scale(1)}}@keyframes scaleDownSmallBook{0%,15%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes openBigBook{0%{}45%{opacity:0;-webkit-transform:scale(0.95)}85%{opacity:1}to{opacity:1;-webkit-transform:scale(1)}}@keyframes openBigBook{0%{}45%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}85%{opacity:1}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes closeBigBook{0%,15%{opacity:1;-webkit-transform:scale(1)}55%,to{opacity:0;-webkit-transform:scale(0.95)}}@keyframes closeBigBook{0%,15%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%,to{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)}}.container{}.container.hide-overflow{}.cover:after{display:block;content:"";width:100%;height:100%;background-color:#FFF;-webkit-transform:translateZ(-20px);transform:translateZ(-20px)}.details-open .cover{-webkit-transform:translate(-73px, 62.5px) scale(1.82);-ms-transform:translate(-73px, 62.5px) scale(1.82);transform:translate(-73px, 62.5px) scale(1.82);transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.bookshelf figure.details-open:before{background-color:rgba(51, 51, 51, 0);transition:background-color 0s}.option-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:white;width:100vw;height:10vh;position:fixed;bottom:0;left:0;background-color:#4c4c4c;visibility:hidden;opacity:0;transition:opacity 1s, visibility 1.1s, -webkit-transform 0.3s;transition:opacity 1s, visibility 1.1s, transform 0.3s;transition:opacity 1s, visibility 1.1s, transform 0.3s, -webkit-transform 0.3s;z-index:2050}.show~.option-bar{visibility:visible;opacity:1;transition:opacity 1s, -webkit-transform 0.3s;transition:opacity 1s, transform 0.3s;transition:opacity 1s, transform 0.3s, -webkit-transform 0.3s}.bb-bookblock:before{content:"";width:500vw;height:500vh;position:absolute;top:-200vh;left:-200vw;background-color:#EEE;z-index:-1}.bb-custom-wrapper.wrapper-lastpage>.bb-bookblock{-webkit-transform:translate(25%, 0);-ms-transform:translate(25%, 0);transform:translate(25%, 0);transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.bb-custom-wrapper.wrapper-lastpage:after{opacity:0}.bb-custom-wrapper.wrapper-lastpage>nav .bb-nav-next{opacity:0;visibility:hidden;transition:visibility 0.51s, opacity 0.5s}.bb-item,.bb-page{background-color:#EEE}.bb-item:first-child .bb-custom-side:first-child{background-color:transparent}.bb-inner{background-color:transparent}#bb-left-page-disappear .bb-custom-side:first-child{background-color:transparent}#bb-right-page-disappear .bb-custom-side:last-child{background-color:transparent}#bb-left-page-disappear .bb-back,#bb-left-page-disappear .bb-content,#bb-left-page-disappear .bb-outer,#bb-right-page-disappear .bb-content,#bb-right-page-disappear .bb-front,#bb-right-page-disappear .bb-outer{background:transparent}.bb-custom-wrapper.wrapper-firstpage>.bb-bookblock{-webkit-transform:translate(-25%, 0);-ms-transform:translate(-25%, 0);transform:translate(-25%, 0);transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.bb-custom-wrapper.wrapper-firstpage>nav .bb-nav-prev{opacity:0;visibility:hidden;transition:visibility 0.51s, opacity 0.5s}.thumbnail{width:auto;height:4vh;opacity:0.5;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:opacity 0.3s, visibility 0.31s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s, visibility 0.31s;transition:opacity 0.3s, transform 0.3s, visibility 0.31s, -webkit-transform 0.3s}.thumbnail:hover{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:opacity 0.3s, visibility 0.31s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s, visibility 0.31s;transition:opacity 0.3s, transform 0.3s, visibility 0.31s, -webkit-transform 0.3s}.thumbnail-bar{overflow-x:auto;overflow-y:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:white;width:100vw;height:10vh;position:fixed;bottom:0;left:0;background-color:#4c4c4c;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;z-index:2050}.thumbnail-bar:after,.thumbnail-bar:before{display:table;content:'';width:1vw;height:10vh}.thumbnail-bar>div>img{width:auto;max-height:8vh;max-width:5vh}.thumbnail-bar>div{margin:0 1vw;opacity:0.5;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s}.thumbnail-bar>div:first-child{margin:0 1vw;margin-left:0}.thumbnail-bar>div:last-child{margin:0 1vw;margin-right:0}.thumbnail-bar>div:hover{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s}.hide-bar,.option-bar.hide-bar{-webkit-transform:translate(0,10vh);-ms-transform:translate(0,10vh);transform:translate(0,10vh);transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.bb-nav-jump{transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s}.thumbnail-bar>div.hover-thumbnail{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s}.buttons a:not(:last-child){border-right:1px solid rgba(100, 105, 106, 0.3)}.button-fade-out .bb-nav-close,.button-fade-out .bb-nav-next,.button-fade-out .bb-nav-prev{opacity:0;visibility:hidden;transition:visibility 0.51s, opacity 0.5s}