.bookshelf .container{text-align:center;transform:translateX(-.9%);z-index:1;perspective:3000px}.bookshelf .container .book{cursor:pointer;position:relative;display:inline-flex;width:219px;height:320px;margin:4% 1.5%;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#DAD5DC 0%,#f2ebf4 100%);font-family:acumin-pro,sans-serif;-webkit-box-shadow:13px 13px 8px 0 rgba(151,146,153,.6);-moz-box-shadow:13px 13px 8px 0 rgba(151,146,153,.6);box-shadow:13px 13px 8px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s}.bookshelf .container .book:hover{-webkit-transform:rotate3d(0,1,0,35deg);-moz-transform:rotate3d(0,1,0,35deg);transform:rotate3d(0,1,0,35deg)}.bookshelf .container .book>div,.bookshelf .container .front>div{display:block;position:absolute}.bookshelf .container .front{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s;-webkit-transform:translate3d(0,0,20px);-moz-transform:translate3d(0,0,20px);transform:translate3d(0,0,20px);z-index:10}.bookshelf .container .front>div{width:219px;height:320px}.bookshelf .container .left-side{color:#FFF;width:40px;left:-20px;height:320px;background-color:rgba(0,0,0);-webkit-transform:rotate3d(0,1,0,-90deg);-moz-transform:rotate3d(0,1,0,-90deg);transform:rotate3d(0,1,0,-90deg)}.bookshelf .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:320px}.bookshelf #eye-right{padding-left:185px}.bookshelf .cover .num-up{position:absolute;top:64px;left:47px;letter-spacing:50px;transform:rotate(-90deg)}.bookshelf .cover .num-down{position:relative;top:65px;left:-95px;transform:rotate(-90deg)}.bookshelf .author{font-family:acumin-pro,sans-serif;font-weight:400;position:absolute;top:475px;left:50px;opacity:.8}.bookshelf .container .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.bookshelf .container .front:after{content:'';position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.bookshelf .container .cover:after{content:'';position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px rgba(255,255,255,.1)}.bookshelf .container h2{width:219px;height:40px;color:#2b2b2b;font-size:15px;line-height:40px;padding-right:10px;text-align:right;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);-moz-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.bookshelf .cover{background:linear-gradient(45deg,#DAD5DC 0%,#f2ebf4 100%)}.bookshelf .left-side h2 span:first-child{font-weight:500;font-size:14px;padding-right:0;color:#FFF}.bookshelf .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;font-weight:400;font-size:14px;padding-right:0;color:#FFF}.bookshelf .bookTitle{margin-left:auto;margin-right:auto;text-align:center;font-weight:600;margin-top:-30px;font-size:10pt}#prevIssue{position:fixed;top:0%;left:0%;width:100vw;height:100vh;background-color:#024E}#prevIssue .modal-dialog{position:fixed;top:50%;left:50%;width:98vw;transform:translateX(-50%) translateY(-50%)}#prevIssue .close{position:absolute;cursor:pointer;color:#FFF;font-size:2em;font-weight:700;top:3px;right:10px;border:none!important;padding:none!important}