html,body{width:100%;height:100%;margin:0;padding:0;background:#000}.container{position:relative;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}.full-size{position:absolute;top:0;left:0;width:100%;height:100%}.ad-container{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden}.inner{position:absolute;top:50%;left:0;width:100%;padding-top:150%;transform:translateY(-50%);-webkit-transform:translate(0,-50%)}.inner-top{position:absolute;top:0;left:0;width:100%;padding-top:150%}.inner-bottom{position:absolute;bottom:0;left:0;width:100%;padding-top:150%}.bg{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%);-webkit-transform:translate(0,-50%)}.title{position:absolute;left:50.63%;top:5.73%;width:49.38%;height:auto}.logo{position:absolute;left:5%;top:4.38%;width:33.44%;height:auto}.text-promo{position:absolute;left:15.47%;top:64.27%;width:69.22%;height:auto}.book-2{position:absolute;left:51.56%;top:29.06%;width:31.09%;height:auto}.book-4{position:absolute;left:63.28%;top:17.6%;width:31.72%;height:auto}.book-1{position:absolute;left:15.63%;top:29.06%;width:32.66%;height:auto}.book-3{position:absolute;left:5%;top:17.6%;width:31.25%;height:auto}.legal{position:absolute;left:4.84%;top:88.75%;width:60.47%;height:auto}.cta{position:absolute;left:69.22%;top:87.5%;width:25.63%;height:auto}.manual{position:absolute;left:32.19%;top:66.77%;width:37.19%;height:auto}.bg-book{position:absolute;left:7.81%;top:14.79%;width:91.56%;height:auto}.page{position:absolute;left:33.59%;top:32.81%;width:38.59%;height:34.69%}.book{perspective:80vw}.page-empty{position:absolute;left:0;width:96%;top:2%;height:96%}.cover-left{transform:rotateY(-180deg);transform-origin:left center}.open-left,.cover-left-empty{transform:rotateY(180deg)}.open-left{position:absolute;top:1.6%;left:0;width:93%;height:auto}.page-1{transform:rotateY(0);transform-origin:left center}.page-2,.page-3,.page-4{transform-origin:left center}.canvas{width:100%;height:100%}.final{display:none}.close-ad{position:absolute;top:0;right:0;width:16%;min-width:80px;height:7%;min-height:20px;z-index:100000}.close-ad-text{position:absolute;top:0;right:0;width:auto;height:auto;padding:0;margin:0;background:#000;color:#fff;text-align:right;font-family:Arial,serif;font-size:calc(12px + .6vw)}.border-top{position:absolute;top:0;left:0;width:100%;height:1px;background:#666;z-index:10}.border-bottom{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#666;z-index:10}.border-left{position:absolute;top:0;left:0;width:1px;height:100%;background:#666;z-index:10}.border-right{position:absolute;top:0;right:0;width:1px;height:100%;background:#666;z-index:10}@media (min-aspect-ratio: 10/15){.ad-container{width:66.6666vh;left:50%;transform:translate(-50%)}}@media (max-aspect-ratio: 1/2){.book-2{position:absolute;left:52.34%;top:52.5%;width:32.66%;height:auto}.book-4{position:absolute;left:15.94%;top:52.5%;width:32.97%;height:auto}.book-1{position:absolute;left:14.84%;top:18.44%;width:34.22%;height:auto}.book-3{position:absolute;left:52.5%;top:18.75%;width:32.5%;height:auto}.inner-book{top:40%}.text-promo{position:absolute;left:10%;top:90%;width:80%;height:auto}}