html{margin:0;padding:0;background-color:#fff;}body{margin:0;padding:0;background-color:#fff;font-size:16px;min-height:100vh;overflow:hidden;background-size:cover;background-position:center;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;}::-webkit-scrollbar{width:1px;}::-webkit-scrollbar-track{background:#000;border:4px solid transparent;background-clip:content-box;}::-webkit-scrollbar-thumb{background:#191919;border:1px solid #000;}*{box-sizing:border-box;background-repeat:no-repeat;}.ml-0{margin-left:5%!important;}.m-auto{margin:auto!important;}#Video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;}#pageTurnSound{display:none;}#input-box,#float-panel-input-box{width:60px;margin:0 1rem;padding:0 10px;}.side-panel{position:fixed;justify-content:center;left:0;bottom:0;right:0;z-index:21;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);padding:4px 0;display:flex;align-items:center;flex-direction:row;justify-items:center;justify-content:space-around;align-items:center;}.side-panel div{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;}.side-panel div:first-child{margin-right:auto;}.side-panel div:nth-child(2){justify-content:center;}.side-panel div:nth-child(3) button.zoom-page{margin-left:auto;}.side-panel button{font-size:12px;border-radius:4px;color:#000;outline:0;background-size:90% auto;background-position:center center;border:0;outline:0;height:25px;margin:0 .31rem;width:25px;padding:0;background-color:#000;background-color:transparent;background-size:15px;position:relative;}.side-panel button span{display:none;position:absolute;top:-50px;left:-50%;background-color:rgba(0,128,64,.7);color:#fff;font-size:12px;padding:.5rem 1rem;border-radius:8px;}.side-panel button:hover{background-color:rgba(0,0,0,.3);}.side-panel button:hover span{display:block;}.side-panel button.toggle-fullscreen{background-image:url(/images/assets/icons/expand.svg);}.side-panel button.toggle-fullscreen:hover span{left:0;}.side-panel button.toggle-grid-view{background-image:url(/images/assets/icons/th.svg);}.side-panel button.sync-view{background-image:url(/images/assets/icons/sync.svg);}.side-panel button.sync-view:hover span{left:-200%;}.side-panel button.next-page{background-image:url(/images/assets/icons/arrow-right.svg);}.side-panel button.prev-page{background-image:url(/images/assets/icons/arrow-left.svg);}.side-panel button.first-page{background-image:url(/images/assets/icons/fast-backward.svg);}.side-panel button.last-page{background-image:url(/images/assets/icons/fast-forward.svg);}.side-panel button.zoom-page{background-image:url(/images/assets/icons/zoom-plus.svg);}.side-panel button.zoomout-page{background-image:url(/images/assets/icons/zoom-minus.svg);}.float-panel{position:fixed;top:10%;left:50%;transform:translateY(-50%);padding:.5rem 1rem;z-index:10;background-color:rgba(0,128,64,.5);display:flex;opacity:0;}.float-panel.show{opacity:1;}.float-panel:hover{background-color:#008040;}.float-panel #input-box{width:60px;margin:0 1rem;padding:0 10px;}.float-panel button{font-size:12px;border-radius:4px;color:#000;outline:0;background-size:90% auto;background-position:center center;border:0;outline:0;margin:0 .31rem;width:20px;height:20px;padding:0;background-color:#000;background-color:transparent;background-size:15px;}.float-panel button:hover{background-color:rgba(0,0,0,.3);}.float-panel button.toggle-fullscreen{background-image:url(/images/assets/icons/expand.svg);}.float-panel button.toggle-grid-view{background-image:url(/images/assets/icons/th.svg);}.float-panel button.sync-view{background-image:url(/images/assets/icons/sync.svg);}.float-panel button.next-page{background-image:url(/images/assets/icons/arrow-right.svg);}.float-panel button.prev-page{background-image:url(/images/assets/icons/arrow-left.svg);}.float-panel button.first-page{background-image:url(/images/assets/icons/fast-backward.svg);}.float-panel button.last-page{background-image:url(/images/assets/icons/fast-forward.svg);}.float-panel button.zoom-page{background-image:url(/images/assets/icons/zoom-plus.svg);}.float-panel button.zoomout-page{background-image:url(/images/assets/icons/zoom-minus.svg);}.book-container{top:calc(50% - 11px);transform:translate(-50%,-50%);left:50%;right:0;bottom:0;height:calc(100% - 50px);width:100%;position:relative;position:fixed;background-size:cover;}#flipbook{opacity:0;transition:margin-left .2s ease-in-out;}.fb-page{position:relative;}.fb-page.even{position:relative;}.fb-page.even:after{content:"";display:block;position:absolute;z-index:2;width:55px;height:100%;pointer-events:none;background:linear-gradient(to left,rgba(60,60,60,.4) 0%,rgba(50,50,50,.1) 54%,rgba(200,200,200,0) 100%);top:0;right:0;}.fb-page.odd{position:relative;}.fb-page.odd:after{content:"";display:block;position:absolute;pointer-events:none;z-index:2;width:55px;height:100%;background:linear-gradient(to right,rgba(53,53,53,.5) 0%,rgba(53,53,53,.2) 40%,rgba(53,53,53,.1) 60%,rgba(200,200,200,0) 100%);left:0;top:0;}.fb-page.p1.odd:after{background:linear-gradient(to right,rgba(20,20,20,.5),rgba(240,240,200,0));width:5px;}.fb-page img{max-width:100%;display:block;margin:auto;}.fb-page svg{display:block;max-width:100%;}.fb-page svg rect.page-link{fill:#85b52e;fill:rgba(0,0,0,0);animation:pulse 2s infinite;outline:1px solid;border:0;outline:0;cursor:pointer;}.fb-page svg rect.page-link:hover{fill:rgba(0,0,0,.1);}.fb-page svg rect.page-link:active{fill:rgba(0,0,0,.2);}.fb-page svg circle.page-link{stroke:#fff;stroke-width:2px;cursor:pointer;}.fb-page svg circle.page-link[data-type=video]{background-image:url(/images/assets/icons/play-circle.svg);background-size:30px;background-position:center center;}.fb-page svg image.page-link{transform-origin:center center;animation:PulseScale 2s ease-in-out infinite;}@keyframes PulseScale{0%{transform:scale(1);}50%{transform:scale(.99);}100%{transform:scale(1);}}.pulse{animation:Pulse 2s ease-in-out infinite;fill:#ff3737;}@keyframes Pulse{0%{transform:scale(0);opacity:1;}25%{transform:scale(.5);opacity:.5;}75%{transform:scale(1.5);opacity:0;}100%{transform:scale(0);opacity:0;}}.fp-wrapper{position:relative;overflow:visible!important;height:calc(100% + 40px);height:100%;}.p1{position:absolute;left:0;}.page-link{pointer-events:all;opacity:.8;transform-origin:center center;}@keyframes breathing{0%{opacity:0;}70%{opacity:.8;}100%{opacity:.1;}}.media-viewer{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.9);z-index:20;}.media-viewer .close{background-image:url(/images/assets/icons/times.svg);background-position:center center;background-color:#fff;height:40px;width:40px;background-size:16px auto;display:block;position:absolute;z-index:2;top:10px;right:10px;outline:0;padding:0;border:2px solid #000;border-radius:50%;}.media-viewer .media-wrapper{padding:60px;height:100%;display:flex;align-items:center;justify-content:center;}.media-viewer iframe{display:block;border:0;width:100%;height:100%;position:relative;}.media-viewer audio{display:block;border:0;max-width:100%;width:400px;position:relative;}.media-viewer img#mediaImage{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto;}.grid-view{position:fixed;padding:0 40px;top:0;right:0;bottom:0;background-color:rgba(30,30,30,.9);z-index:20;overflow:auto;transform:translateY(100%);transition:transform ease-out .4s;color:#fff;}.grid-view.show{transform:translateY(0%);}.grid-view h2{padding:40px 0;margin:0;text-align:center;text-shadow:3px 3px black;}.grid-view .grid-view-items{padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;}.grid-view .grid-view-items li{width:220px;max-width:100%;margin:40px;border:4px solid #fff;transition:all ease-out .08s;}.grid-view .grid-view-items li svg,.grid-view .grid-view-items li img{width:100%;display:block;max-width:100%;}.grid-view .grid-view-items li:hover{box-shadow:0 0 10px 4px #000;}.grid-view .grid-view-items li .page-index{background-color:#fff;color:#191919;padding:10px 20px;}.grid-view hr.mark-end{height:2px;background-color:#fff;border:0;outline:0;width:80px;margin:20px auto;}.table{width:100%;margin-top:20px;}.table tr td,.table tr th{border:1px solid #dee2e6;padding:10px;}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}.btn.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff;}.btn.btn-primary:hover{background-color:#0069d9;border-color:#0062cc;}.input-group{margin:2rem 0 1rem 0;width:440px;}.input-group input{width:100%;}