.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 rgba(0, 0, 0, 0.3);box-shadow:0 10px 20px -5px rgba(0, 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 rgba(0, 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 rgba(0, 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, rgba(0, 0, 0, .1) 10px, rgba(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 rgba(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, rgba(0, 0, 0, .3) 10px, rgba(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:white;}
.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:transparent;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;
}