.readTrial{width:100%;height:40px;line-height:40px;background:var(--main-color);color:#fff;border-radius:5px;margin-bottom:20px;margin-top:-15px;box-shadow:none;outline:none;border:solid 1px var(--main-color)}.readTrial:hover,.readTrial:focus{color:var(--main-color);background:#fff;box-shadow:none}#flipbook{width:600px;height:400px;position:fixed;top:0 !important;left:50%;transform:translateX(-50%);z-index:999}@media (max-width: 767px){#flipbook{width:100%}}#flipbook .page{background-color:#ffffff;border:1px solid #ccc;margin:10px;position:relative;transform-style:preserve-3d;perspective:1000px;transition:transform 0.8s ease-in-out;position:absolute;top:0;left:0;display:block !important;z-index:1}#flipbook .page.current{z-index:3}#flipbook .page:last-child:before{background:#fff;content:"";position:absolute;left:0;top:0;width:100%;height:100%}#flipbook .page.current{opacity:1}#flipbook .page.current ~ .page{opacity:1;z-index:0}#flipbook .page.current.flipping{left:0}#flipbook .page.current.flipping-prev{right:0}#flipbook .page.current:before{content:none}#flipbook .page .next,#flipbook .page .prev{background-color:#333;color:#fff;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;margin:5px;position:absolute;left:0;top:47%}#flipbook .page .next{left:auto;right:0}#flipbook .page .next:hover,#flipbook .page .prev:hover{background-color:#555}#flipbook .page:nth-child(odd){background-color:#f2f2f2;border:1px solid #ccc;box-shadow:2px 2px 5px #d1d1d1;margin:10px}#flipbook .page:nth-child(even){background-color:#ffffff;border:1px solid #ccc;box-shadow:2px 2px 5px #fff;margin:10px}.flipping{transition:transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);transform:rotateY(-180deg);transform-origin:left center}.flipping-prev{transform-origin:right center;transition:transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);transform:rotateY(-180deg)}