.title-wrapper{z-index:-1;position:absolute;width:100%;left:0;padding-top:0;perspective-origin:50% 50%}.title-wrapper .title{opacity:.5;color:#b48f4b;animation:none;transform:translate(-50%,0) rotateX(55deg)}.book-wrapper,.rays-backdrop>.rays{transform-style:preserve-3d;display:block}.rays-backdrop{z-index:10;display:block;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(transparent 20%,rgba(0,0,0,.45))}.rays-backdrop>.rays{position:absolute;perspective:300px;perspective-origin:0 0;-webkit-animation:keys-rays 50s linear infinite;animation:keys-rays 50s linear infinite}@keyframes keys-rays{0%{transform:translateZ(-100px) rotateZ(0)}100%{transform:translateZ(-100px) rotateZ(360deg)}}@-webkit-keyframes keys-rays{0%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg)}}.rays-backdrop .ray{opacity:.25;display:block;position:absolute;background-image:url(images/cube-ray.png);background-repeat:no-repeat;background-size:100% 100%;transform-origin:0 50%}.book-wrapper{z-index:12;position:absolute;left:50%;perspective:900px;perspective-origin:center center;transform:translate(-50%,-50%);font-family:'Yanone Kaffeesatz'}.book{counter-reset:page-number;display:block;position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 50%;animation:keys-book 10s linear infinite}.book .spine .back,.book .spine .front{display:block;position:absolute;transform-origin:0 0;background-image:url(images/book-cover-outer.jpg);background-size:50% 50%;background-repeat:repeat;color:#ddb773;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,-2px 0 #000,-2px 2px #000,0 2px #000,2px 2px #000,2px 0 #000,2px -2px #000,0 -2px #000,-2px -2px #000;padding-left:8px;font-size:85%;backface-visibility:hidden;transform:translateX(-1px) translateZ(0) rotateZ(90deg) rotateX(-90deg)}.book .spine .front:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:' ';background-image:linear-gradient(to left,rgba(0,0,0,.65) 0,transparent 40%,rgba(255,255,255,.75) 100%)}.book .spine .back{background:#444}.book .cover-back,.book .cover-front,.book .page{transform-style:preserve-3d;position:absolute;width:100%;height:100%;transform-origin:0 50%}.book .cover-back div,.book .cover-front div,.book .page div{position:absolute;width:100%;height:100%;padding:0 8px 8px;background:#fff;backface-visibility:hidden;transform-style:preserve-3d;perspective:950px;overflow:hidden}.book .cover-front .front{color:#ddb773;font-size:300%;font-weight:400;text-align:center;line-height:.8;padding:10% 5%;text-transform:lowercase;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,-2px 0 #000,-2px 2px #000,0 2px #000,2px 2px #000,2px 0 #000,2px -2px #000,0 -2px #000,-2px -2px #000,0 3px #ccc,-3px 0 #fff,-3px 3px #ccc,3px 3px #ccc,3px 0 #ccc,3px -3px #fff,0 -3px #fff,-3px -3px #fff,0 4px #999,-4px 0 #fff,-4px 4px #999,4px 4px #999,4px 0 #999,4px -4px #fff,0 -4px #fff,-4px -4px #fff,-5px 0 #000,-5px 5px #000,0 5px #000,5px 5px #000,5px 0 #000,5px -5px #000,0 -5px #000,-5px -5px #000,-6px 0 #000,-6px 6px #000,0 6px #000,6px 6px #000,6px 0 #000,6px -6px #000,0 -6px #000,-6px -6px #000}.book .cover-front .text{opacity:.65}.book .cover-back .back{color:#fff;font-size:100%;font-weight:400;text-align:center;line-height:1;padding:10% 5%;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,-2px 0 #000,-2px 2px #000,0 2px #000,2px 2px #000,2px 0 #000,2px -2px #000,0 -2px #000,-2px -2px #000}.book .cover-back .front,.book .cover-front .back{color:#222;font-size:75%;font-weight:400;text-align:center;line-height:1;padding-top:5%}.book .headline,.book .page div{color:#000;font-weight:400;padding-left:5%;padding-right:10%;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:90%}.book .headline{display:block;color:#c8b48c;text-shadow:-1px 0 #fff,-1px 1px #fff,-1px -1px #fff,0 -1px #503c14,1px -1px #503c14,0 1px 1px #503c14,1px 1px 1px #503c14,1px 0 1px #503c14,-2px 0 #000,-2px 2px #000,0 2px 1px #000,2px 2px 1px #000,2px 0 1px #000,2px -2px #000,0 -2px #000,-2px -2px #000,0 0 6px #000,4px 4px 4px rgba(0,0,0,.5),0 -4px 2px rgba(0,0,0,.5),8px 8px 6px rgba(0,0,0,.75);text-transform:uppercase;text-align:center;letter-spacing:2px;font-weight:700;font-size:140%;padding-left:5%;-moz-hyphens:none;-o-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.book .thumb{display:block;width:96%;height:50%;margin:4px 48% 4px 52%;border:4px solid #f0f0f0;box-shadow:0 0 4px #000,8px 12px 8px rgba(0,0,0,.5);transform-origin:50% 0;transform:translateX(-50%) rotateZ(-5deg)}.book-curl,.book-pin{z-index:10;content:' ';border-bottom-right-radius:8px;position:absolute}.thumbshade{position:absolute;display:block;content:' ';width:100%;height:100%;background-image:linear-gradient(180deg,rgba(255,255,255,1) 0,transparent 100%)}.book-curl{bottom:0;left:0;width:0;height:0%;background:url(images/cube-page-curl.png) bottom right no-repeat;background-size:100% auto}.book-pin{top:-17%;left:45%;width:10%;height:25%;background:url(images/book-pin.png) center center no-repeat;background-size:100% auto}.book .info1,.book .info2,.book .info3,.book .info4{display:block;position:absolute;white-space:nowrap;padding-left:10%;font-size:75%}.book .info1 i,.book .info2 i,.book .info3 i,.book .info4 i{margin-right:2px;display:inline-block;color:#fff;text-shadow:4px 4px 4px rgba(0,0,0,.65),0 0 4px #000;font-weight:400;font-family:mikesome;text-align:center;font-size:75%!important;vertical-align:top!important}.book .page div:before{display:block;width:120%;margin-left:-5%;background:rgba(100,0,0,.2);font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#000;counter-increment:page-number;content:counter(page-number)}.book .page div:after{z-index:-1;display:block;position:absolute;width:15%;height:100%;top:0;left:85%;text-align:center;font-family:mikesome;content:'\e82c';background-image:linear-gradient(to top,rgba(0,100,0,.2) 0,transparent 100%),linear-gradient(to left,rgba(0,0,0,.2) 0,transparent 100%)}.book .page div:nth-child(even):after{left:0;background-image:linear-gradient(to top,rgba(0,100,0,.2) 0,transparent 100%),linear-gradient(to right,rgba(0,0,0,.2) 0,transparent 100%)}.book .cover-back .back,.book .cover-front .front{cursor:pointer;background-image:url(images/book-cover-outer.jpg);background-size:50% 50%;background-repeat:repeat;box-shadow:0 0 24px rgba(0,0,0,.75),0 40px 40px rgba(0,0,0,.5)}.book .cover-back .front,.book .cover-front .back{background-image:url(images/book-pin.png),url(images/cartoon-mike.png),url(images/book-cover-inner.jpg);background-repeat:no-repeat,no-repeat,repeat;background-position:center 23%,center center,top left;background-size:8% 8%,50% 50%,50% 50%;box-shadow:0 0 24px rgba(0,0,0,.75),0 40px 40px rgba(0,0,0,.5)}.book .cover-back .back:after,.book .cover-back .front:after,.book .cover-front .back:after,.book .cover-front .front:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:' ';background-image:linear-gradient(65deg,rgba(0,0,0,.5) 0,transparent 35%,rgba(255,255,255,.5) 100%)}.book .cover-front .back:after{background-image:linear-gradient(to left,rgba(0,0,0,.5) 0,transparent 50%,rgba(255,255,255,.5) 100%)}.book .cover-back .front:after{background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,transparent 50%,rgba(255,255,255,.5) 100%)}.book .page div:nth-child(even),.book .page div:nth-child(odd){background-image:url(images/book-line.jpg);background-repeat:repeat;background-size:100% 20px}.book .cover-back div:nth-child(odd),.book .cover-front div:nth-child(odd),.book .page div:nth-child(odd){transform:rotateY(0);border-top-right-radius:12px;border-bottom-right-radius:12px}.book .cover-back div:nth-child(even),.book .cover-front div:nth-child(even),.book .page div:nth-child(even){transform:rotateY(-180deg);border-top-left-radius:12px;border-bottom-left-radius:12px}.book .page div:nth-child(odd){box-shadow:inset -20px 0 20px rgba(0,0,0,.25),inset 20px 0 20px rgba(0,0,0,.25),inset 60px 0 60px rgba(0,0,0,.45),inset 2px 2px 4px rgba(255,255,255,.75),inset -1px -1px 3px rgba(0,0,0,.35)}.book .page div:nth-child(even){box-shadow:inset 20px 0 20px rgba(0,0,0,.25),inset -20px 0 20px rgba(0,0,0,.25),inset -60px 0 60px rgba(0,0,0,.45),inset 2px 2px 4px rgba(255,255,255,.75),inset -1px -1px 3px rgba(0,0,0,.35)}.book a.index{display:block;position:relative;width:110%;white-space:nowrap;font-size:75%;letter-spacing:-1px}.book a.index:hover{background-image:linear-gradient(to right,transparent 0,rgba(255,200,180,1) 10%,transparent 100%)}.book .pagenum{display:block;position:absolute;border-left:2px dotted rgba(0,0,0,.35);padding-left:4px;top:0;right:0;width:10%}.book-navigation{z-index:13;display:inline-block;position:absolute}.book-navigation a{display:inline-block;width:50px;height:50px;margin-left:5px;margin-right:5px;padding-top:1px;background:#444;border-radius:25px;border:2px solid #444;color:#444;font-weight:400;text-align:center;font-size:34px;text-shadow:1px 1px #fff;background-image:linear-gradient(120deg,rgba(200,200,215,1) 20%,rgba(100,100,115,1) 100%);background-image:-webkit-linear-gradient(120deg,rgba(200,200,215,1) 20%,rgba(100,100,115,1) 100%);box-shadow:inset 0 10px 10px rgba(255,255,255,.75),inset 0 -10px 10px rgba(0,0,0,.5),0 0 6px #000,12px 12px 12px rgba(0,0,0,.5);-webkit-transition:all .25s ease;transition:all .25s ease}.book-navigation a:hover{box-shadow:inset 0 10px 10px rgba(255,255,255,.75),inset 0 -10px 10px rgba(0,0,0,.5),0 0 6px #000,6px 6px 6px rgba(0,0,0,.5);transform:scale(.9)}