.cover-rotator{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.cover-rotator.rotate-y-anim .back{animation-name:back-rotate;z-index:0}.cover-rotator.rotate-y-anim .front{animation-name:front-rotate;z-index:1}.cover-rotator .flipper{position:relative;margin:0 auto;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.cover-rotator .front,.cover-rotator .back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;animation-timing-function:ease-in-out;animation-delay:700ms;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:700ms}.cover-rotator .front img{position:relative;max-width:100%}.cover-rotator .back:before,.cover-rotator .back:after,.cover-rotator .front:before,.cover-rotator .front:after{position:absolute;top:0;height:96%;content:' ';z-index:-1}.cover-rotator .back:before,.cover-rotator .front:before{width:100%;left:7.5%;background-color:#848484;box-shadow:5px 5px 20px rgba(51,51,51,.3)}.cover-rotator .back:after,.cover-rotator .front:after{width:5%;left:100%;background-color:#efefef;box-shadow:inset 0 0 5px rgba(0,0,0,.5);transform:rotateY(20deg);-moz-transform:rotateY(20deg);-webkit-transform:perspective(1000) rotateY(20deg)}.cover-rotator .back:before{left:0;box-shadow:-5px 5px 20px rgba(51,51,51,.3)}.cover-rotator .back:after{width:0}.cover-rotator .front{transform:rotateY(-30deg)}.cover-rotator .back{transform:rotateY(150deg)}@keyframes front-rotate{0%{transform:rotateY(-30deg)}8%{transform:rotateY(-150deg);z-index:0}50%{transform:rotateY(-150deg)}58%{transform:rotateY(-30deg);z-index:1}100%{transform:rotateY(-30deg)}}@keyframes back-rotate{0%{transform:rotateY(150deg)}8%{transform:rotateY(30deg);z-index:1}50%{transform:rotateY(30deg)}58%{transform:rotateY(150deg);z-index:0}100%{transform:rotateY(150deg)}}@-webkit-keyframes front-rotate{0%{-webkit-transform:rotateY(-15deg)}8%{-webkit-transform:rotateY(-165deg);z-index:0}50%{-webkit-transform:rotateY(-165deg)}58%{-webkit-transform:rotateY(-15deg);z-index:1}100%{-webkit-transform:rotateY(-15deg)}}@-webkit-keyframes back-rotate{0%{-webkit-transform:rotateY(165deg)}8%{-webkit-transform:rotateY(15deg);z-index:1}50%{-webkit-transform:rotateY(15deg)}58%{-webkit-transform:rotateY(165deg);z-index:0}100%{-webkit-transform:rotateY(165deg)}}