#all{margin-top:50px;margin-left:auto;margin-right:auto}#page-flip{position:absolute;padding:40px;height:400px;overflow:hidden;background-size:cover}#r1{position:absolute;z-index:2;-webkit-transform-origin:1315px 500px;-webkit-transform:translate(-1030px,-500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;transform-origin:1315px 500px;transform:translate(-1030px,-500px) rotate(-32deg);transition-property:transform,transform-origin;transition-duration:1s}#p1{width:1285px;height:1388px;overflow:hidden}#p1>div{-webkit-transform-origin:285px 0;-webkit-transform:translate(1030px,500px) rotate(32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;transform-origin:285px 0;transform:translate(1030px,500px) rotate(32deg);transition-property:transform,transform-origin;transition-duration:1s;width:285px;height:388px;background-size:cover}#p1>div>div{height:388px;background:-webkit-gradient(linear,left top,right top,from(rgb(0 0 0 / .25)),to(#fff0));background:linear-gradient(to right,rgb(0 0 0 / .25),#fff0)}#p2>div{width:285px;height:388px;-webkit-box-shadow:0 0 11px rgb(0 0 0 / .5);box-shadow:0 0 11px rgb(0 0 0 / .5);position:absolute;z-index:1;background-size:cover}#r3{-webkit-transform-origin:1315px 500px;-webkit-transform:translate(-1030px,-500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;transform-origin:1315px 500px;transform:translate(-1030px,-500px) rotate(-32deg);transition-property:transform,transform-origin;transition-duration:1s;position:absolute;z-index:2}#s3{-webkit-transform-origin:70px 500px;-webkit-transform:translate(215px,-500px) rotate(-32deg) translate(40px,0);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;transform-origin:70px 500px;transform:translate(215px,-500px) rotate(-32deg) translate(40px,0);transition-property:transform,transform-origin;transition-duration:1s;position:absolute;z-index:1}#page-flip:hover #s3{-webkit-transform-origin:325px 500px;-webkit-transform:translate(-40px,-500px) rotate(0deg) translate(40px,0);transform-origin:325px 500px;transform:translate(-40px,-500px) rotate(0deg) translate(40px,0)}#sp3{width:25px;height:1000px;background:-webkit-gradient(linear,left top,right top,from(rgb(0 0 0 / .25)),to(#fff0));background:linear-gradient(to right,rgb(0 0 0 / .25),#fff0);-webkit-transition-property:width;-webkit-transition-duration:1s;transition-property:width;transition-duration:1s;overflow:hidden}#page-flip:hover #sp3{width:11px}.s{width:285px;height:388px;position:absolute;overflow:hidden;z-index:3}#s2{-webkit-transform-origin:45px 500px;-webkit-transform:translate(240px,-500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;transform-origin:45px 500px;transform:translate(240px,-500px) rotate(-32deg);transition-property:transform,transform-origin;transition-duration:1s;position:absolute}#sp2{width:15px;height:1000px;background:-webkit-gradient(linear,right top,left top,from(rgb(0 0 0 / .18)),to(#fff0));background:linear-gradient(to left,rgb(0 0 0 / .18),#fff0);overflow:hidden}#s4{opacity:1;-webkit-transition-duration:0.5s;transition-duration:0.5s}#page-flip:hover #s4{opacity:0}#page-flip:hover #s2{-webkit-transform-origin:300px 500px;-webkit-transform:translate(-15px,-500px) rotate(0deg);transform-origin:300px 500px;transform:translate(-15px,-500px) rotate(0deg)}#p3{width:1285px;height:1388px;overflow:hidden}#p3>div{-webkit-transform-origin:0 0;-webkit-transform:translate(1255px,500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;-webkit-box-shadow:0 0 11px rgb(0 0 0 / .5);transform-origin:0 0;transform:translate(1255px,500px) rotate(-32deg);transition-property:transform,transform-origin;transition-duration:1s;box-shadow:0 0 11px rgb(0 0 0 / .5);width:285px;height:388px;background-size:cover;overflow:hidden}#p3>div>div{width:9px;height:500px;float:right;background:-webkit-gradient(linear,left top,right top,from(#fff0),to(rgb(0 0 0 / .20)));background:linear-gradient(to right,#fff0,rgb(0 0 0 / .20))}#page-flip:hover #r1{-webkit-transform-origin:1570px 500px;-webkit-transform:translate(-1285px,-500px) rotate(0deg);transform-origin:1570px 500px;transform:translate(-1285px,-500px) rotate(0deg)}#page-flip:hover #p1>div{-webkit-transform-origin:285px 0;-webkit-transform:translate(1285px,500px) rotate(0deg);transform-origin:285px 0;transform:translate(1285px,500px) rotate(0deg)}#page-flip:hover #r3{-webkit-transform-origin:1570px 500px;-webkit-transform:translate(-1285px,-500px) rotate(0deg);transform-origin:1570px 500px;transform:translate(-1285px,-500px) rotate(0deg)}#page-flip:hover #p3>div{-webkit-transform-origin:0 0;-webkit-transform:translate(1000px,500px) rotate(0deg);transform-origin:0 0;transform:translate(1000px,500px) rotate(0deg)}a{display:block;position:absolute;margin:-20000px 0 0 0;padding:1px;z-index:3;-webkit-transition-property:margin;-webkit-transition-duration:0.01s;transition-property:margin;transition-duration:0.01s}a:hover{padding:0;border:1px dotted #92C7C1}#page-flip:hover #coke{-webkit-transition-delay:.8s;transition-delay:.8s;margin:33px 0 0 14px}#page-flip:hover #meninas{-webkit-transition-delay:.8s;transition-delay:.8s;margin:203px 0 0 14px}@media (max-width:768px){#all{transform:scale(.7);transform-origin:top center}}@media (max-width:480px){#all{transform:scale(.5);transform-origin:top center}}@supports not (transform:rotate(0deg)){#page-flip{display:none}.pageflip-fallback{display:block!important}}