.bpfw-preview-book{background:#fff;margin:50px;border-radius:5px;position:relative}.bpfw-popup-title{padding:15px;border-bottom:1px solid #ebebeb;text-align:left}.bpfw-popup-title h2{font-size:1em;margin:0;font-weight:400}.bpfw-popup-title h2 span{color:#aaa;font-weight:700;text-transform:uppercase;display:inline-block;margin-right:10px}.bpfw-popup-content-wrapper{overflow-y:scroll;overflow-x:hidden}.bpfw-popup-content{width:600px;max-width:96%;margin:0 auto;transition:.3s ease}.bpfw-popup-content img{width:100%;height:auto;display:block;text-align:center;margin:20px auto;border:1px solid rgb(0 0 0 / .3);box-shadow:0 10px 20px -5px rgb(0 0 0 / .3);max-width:100%}.bpfw-preview-tools{position:absolute;bottom:20px;right:20px;z-index:3;color:#777}.bpfw-preview-tools button{width:48px;height:48px;line-height:1;padding:0;border:solid 1px #ebebeb;color:currentColor;font-size:20px;margin:0 5px;background-color:#fff;background:linear-gradient(#fff,#f2f2f2);border-radius:50%;box-shadow:0 3px 10px rgb(0 0 0 / .1);transition:background 0.3s;outline:0!important}.bpfw-preview-tools button:hover,.bpfw-preview-tools button:focus{color:#000!important}.bpfw-preview-tools button:active{background:linear-gradient(#f2f2f2,#fff);box-shadow:0 2px 5px rgb(0 0 0 / .1)}.bpfw-svg-icon{display:inline-block;vertical-align:middle;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.bpfw-preview-book button.mfp-close{width:32px;height:32px;line-height:32px;font-size:36px;margin-right:12px;margin-top:8px;font-weight:400;outline:0}.bpfw-images{perspective:2000px}.bpfw-images .bpfw-flip-wrapper{max-width:100%;position:relative;transform-style:preserve-3d;transform:rotateY(0);margin:0 auto;transition:transform 0.6s ease}.bpfw-images .bpfw-flip-wrapper>img{width:100%}.bpfw-images .bpfw-flip-wrapper.bpfw-view{transform:rotateY(-180deg)}.bpfw-images .bpfw-flip-wrapper:not(.bpfw-view):hover{transform:rotateY(-30deg)}.bpfw-images .bpfw-flip-wrapper:not(.bpfw-view):hover .bpfw-flip-front{transform:rotateY(-20deg)}.bpfw-images .bpfw-flip-wrapper:not(.bpfw-view):hover .bpfw-flip-first-page{transform:rotateY(-10deg)}.bpfw-images .bpfw-flip{position:absolute;left:0;top:0;right:0;transform-origin:0;will-change:transform;background-image:linear-gradient(45deg,white,#fafafa);transition:transform 0.3s ease;overflow:hidden}.bpfw-images .bpfw-flip img{display:block;height:auto;width:100%}.bpfw-images .bpfw-flip-side{width:50px;bottom:0;background-color:#333;transform:rotateY(90deg);background-image:linear-gradient(45deg,#333,#111)}.bpfw-images .bpfw-flip-side-paper{width:50px;bottom:0;left:100%;transform:rotateY(90deg);background-color:#f3f3f3;background-image:-webkit-repeating-linear-gradient(left,#fff 0%,#ebebeb 1.3%,#fff 2%,#e2e2e2 3.2%);background-image:-o-repeating-linear-gradient(left,#fff 0%,#ebebeb 1.3%,#fff 2%,#e2e2e2 3.2%);background-image:repeating-linear-gradient(to right,#fff 0%,#ebebeb 1.3%,#fff 2%,#e2e2e2 3.2%)}.bpfw-images .bpfw-flip-front{background-color:#333;transform:rotateY(-2deg)}.bpfw-images .bpfw-flip-front:after{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .1) 10px,rgb(0 0 0 / .1) 15px,transparent,16px,transparent)}.bpfw-images .bpfw-flip-back{background:#f3f3f3;transform:translateZ(-50px) rotateY(180deg);transform-origin:center;box-shadow:15px 15px 30px rgb(0 0 0 / .1);width:100%;height:100%}.bpfw-images .bpfw-flip-back:after{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(-90deg,transparent,rgb(0 0 0 / .3) 10px,rgb(0 0 0 / .5) 15px,transparent,16px,transparent)}.bpfw-images .bpfw-flip-first-page,.bpfw-images .bpfw-flip-second-page{width:100%;height:100%;background-color:#fff}.bpfw-images .bpfw-flip-first-page{transform:rotateY(-1deg);background-image:linear-gradient(75deg,#aaa,#ccc)}.bpfw-images .bpfw-flip-second-page{background-color:#fafafa;background-image:linear-gradient(45deg,#f3f3f3,#fafafa)}.bpfw-images .bpfw-btn-action{text-align:center;padding-top:50px}.no-preserve3d .bpfw-images .bpfw-btn-action .see-back{display:none}.bpfw-btn{background-color:#fff0;padding:5px 15px;color:#000;border:2px solid #ebebeb;border-radius:50px;font-size:15px;cursor:pointer;line-height:1;display:inline-block;margin:0 5px;transition:.3s ease;text-decoration:none}.bpfw-btn:hover{background-color:#000;border-color:#000;color:#fff;transition:.3s ease}.rtl .bpfw-images .bpfw-flip-wrapper.bpfw-view{transform:rotateY(180deg)}.rtl .bpfw-images .bpfw-flip-wrapper:not(.bpfw-view):hover{transform:rotateY(30deg)}.rtl .bpfw-images .bpfw-flip-wrapper:not(.bpfw-view):hover .bpfw-flip-front{transform:rotateY(20deg)}.rtl .bpfw-images .bpfw-flip-wrapper:not(.bpfw-view):hover .bpfw-flip-first-page{transform:rotateY(10deg)}.rtl .bpfw-images .bpfw-flip-side{left:100%}.rtl .bpfw-images .bpfw-flip-side-paper{left:0}.rtl .bpfw-images .bpfw-flip-front{transform-origin:100%;transform:rotateY(2deg)}.rtl .bpfw-images .bpfw-flip-front:after{transform:rotate(180deg)}.rtl .bpfw-images .bpfw-flip-back:after{transform:rotate(-180deg)}.rtl .bpfw-images .bpfw-flip-first-page{transform-origin:100% 0}