body{margin:0 !important; padding:0 !important; overflow: hidden !important}
/*.vertical-folding *{user-select: none; -webkit-user-select: none}*/
.vertical-folding:before{content:"↻"; font-size:30px; text-align: center; line-height:30px; position:absolute; height:30px; width:30px; top:8px; left:50%; margin:-8px 0 0 -15px; transform:rotate(0deg); transition:transform linear 0.1s}
.vertical-folding[data-loading="0"]:before{transform: rotate(0deg);}
.vertical-folding[data-loading="1"]:before{transform: rotate(10deg);}
.vertical-folding[data-loading="2"]:before{transform: rotate(20deg);}
.vertical-folding[data-loading="3"]:before{transform: rotate(30deg);}
.vertical-folding[data-loading="4"]:before{transform: rotate(40deg);}
.vertical-folding[data-loading="5"]:before{transform: rotate(50deg);}
.vertical-folding[data-loading="6"]:before{transform: rotate(60deg);}
.vertical-folding[data-loading="7"]:before{transform: rotate(70deg);}
.vertical-folding[data-loading="8"]:before{transform: rotate(80deg);}
.vertical-folding[data-loading="9"]:before{transform: rotate(90deg);}
.vertical-folding[data-loading="10"]:before{transform: rotate(100deg);}
.vertical-folding[data-loading="11"]:before{transform: rotate(110deg);}
.vertical-folding[data-loading="12"]:before{transform: rotate(120deg);}
.vertical-folding[data-loading="13"]:before{transform: rotate(130deg);}
.vertical-folding[data-loading="14"]:before{transform: rotate(140deg);}
.vertical-folding[data-loading="15"]:before{transform: rotate(150deg);}
.vertical-folding[data-loading="16"]:before{transform: rotate(160deg);}
.vertical-folding[data-loading="17"]:before{transform: rotate(170deg);}
.vertical-folding[data-loading="18"]:before{transform: rotate(180deg);}
.vertical-folding[data-loading="19"]:before{transform: rotate(190deg);}
.vertical-folding[data-loading="20"]:before{transform: rotate(200deg);}
.vertical-folding[data-loading="21"]:before{transform: rotate(210deg);}
.vertical-folding[data-loading="22"]:before{transform: rotate(220deg);}
.vertical-folding[data-loading="23"]:before{transform: rotate(230deg);}
.vertical-folding[data-loading="24"]:before{transform: rotate(240deg);}
.vertical-folding[data-loading="25"]:before{transform: rotate(250deg);}
.vertical-folding[data-loading="26"]:before{transform: rotate(260deg);}
.vertical-folding[data-loading="27"]:before{transform: rotate(270deg);}
.vertical-folding[data-loading="28"]:before{transform: rotate(280deg);}
.vertical-folding[data-loading="29"]:before{transform: rotate(290deg);}
.vertical-folding[data-loading="30"]:before{transform: rotate(300deg);}

.vertical-folding .vertical-folding-wrapper{aspect-ratio:10/16; max-width:100%;  height:var(--vf-full-height); width:auto; margin:0 auto; position:relative; transition:transform ease-out 0.15s}
.vertical-folding .first-page{position:relative; height:var(--vf-half-height); width:100%; overflow:hidden;}
.vertical-folding .pages{perspective:calc(var(--vf-full-height) * 2.5); position:relative; height:var(--vf-half-height); width:100%;}
.vertical-folding .page{position:absolute; overflow:hidden; width:100%; height:100%;}
.vertical-folding .page-container{position:absolute; height:var(--vf-full-height); width:100%; right:0; left:0;}
.vertical-folding .pages .page{transform: rotateX(0deg); transform-origin: top; z-index:0; transform-style: preserve-3d; /* */}
.vertical-folding .pages.animation-move .page{transition:transform linear 0.3s}
.vertical-folding .pages .page:after{content:""; position:absolute; z-index: 0; top:0; left:0; right:0; height:30%; background:linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); opacity:0; transition:opacity ease-out 0.2s}
.vertical-folding .pages .page.folding{z-index:9999 !important}
.vertical-folding .pages .page.folding:after{opacity:1; z-index: 999;}
.vertical-folding .first-page .page .page-content,
.vertical-folding .pages .page .page-content,
.vertical-folding .pages .page .page-content-alt,
.vertical-folding .pages .page .page-content-alt .page-content-js-alt{position: absolute; top:0; right:0; left:0; height: var(--vf-full-height); background:#ffffff}
.vertical-folding .pages .page .page-content{transform:rotateX(0deg) ; z-index: 2; backface-visibility: hidden; top:-50%}
.vertical-folding .pages .page .page-content-alt{transform:rotateX(180deg) translateY(50%);}


.vertical-folding .pages .page[data-degree="85"] .page-content-alt,
.vertical-folding .pages .page[data-degree="86"] .page-content-alt,
.vertical-folding .pages .page[data-degree="87"] .page-content-alt,
.vertical-folding .pages .page[data-degree="88"] .page-content-alt,
.vertical-folding .pages .page[data-degree="89"] .page-content-alt,
.vertical-folding .pages .page[data-degree="90"] .page-content-alt,
.vertical-folding .pages .page[data-degree="91"] .page-content-alt,
.vertical-folding .pages .page[data-degree="92"] .page-content-alt,
.vertical-folding .pages .page[data-degree="93"] .page-content-alt,
.vertical-folding .pages .page[data-degree="94"] .page-content-alt,
.vertical-folding .pages .page[data-degree="95"] .page-content-alt,
.vertical-folding .pages .page[data-degree="96"] .page-content-alt,
.vertical-folding .pages .page[data-degree="97"] .page-content-alt,
.vertical-folding .pages .page[data-degree="98"] .page-content-alt,
.vertical-folding .pages .page[data-degree="99"] .page-content-alt,
.vertical-folding .pages .page[data-degree="100"] .page-content-alt,
.vertical-folding .pages .page[data-degree="101"] .page-content-alt,
.vertical-folding .pages .page[data-degree="102"] .page-content-alt,
.vertical-folding .pages .page[data-degree="103"] .page-content-alt,
.vertical-folding .pages .page[data-degree="104"] .page-content-alt,
.vertical-folding .pages .page[data-degree="105"] .page-content-alt,
.vertical-folding .pages .page[data-degree="106"] .page-content-alt,
.vertical-folding .pages .page[data-degree="107"] .page-content-alt,
.vertical-folding .pages .page[data-degree="108"] .page-content-alt,
.vertical-folding .pages .page[data-degree="109"] .page-content-alt,
.vertical-folding .pages .page[data-degree="110"] .page-content-alt,
.vertical-folding .pages .page[data-degree="111"] .page-content-alt,
.vertical-folding .pages .page[data-degree="112"] .page-content-alt,
.vertical-folding .pages .page[data-degree="113"] .page-content-alt,
.vertical-folding .pages .page[data-degree="114"] .page-content-alt,
.vertical-folding .pages .page[data-degree="115"] .page-content-alt,
.vertical-folding .pages .page[data-degree="116"] .page-content-alt,
.vertical-folding .pages .page[data-degree="117"] .page-content-alt,
.vertical-folding .pages .page[data-degree="118"] .page-content-alt,
.vertical-folding .pages .page[data-degree="119"] .page-content-alt,
.vertical-folding .pages .page[data-degree="120"] .page-content-alt,
.vertical-folding .pages .page[data-degree="121"] .page-content-alt,
.vertical-folding .pages .page[data-degree="122"] .page-content-alt,
.vertical-folding .pages .page[data-degree="123"] .page-content-alt,
.vertical-folding .pages .page[data-degree="124"] .page-content-alt,
.vertical-folding .pages .page[data-degree="125"] .page-content-alt,
.vertical-folding .pages .page[data-degree="126"] .page-content-alt,
.vertical-folding .pages .page[data-degree="127"] .page-content-alt,
.vertical-folding .pages .page[data-degree="128"] .page-content-alt,
.vertical-folding .pages .page[data-degree="129"] .page-content-alt,
.vertical-folding .pages .page[data-degree="130"] .page-content-alt,
.vertical-folding .pages .page[data-degree="131"] .page-content-alt,
.vertical-folding .pages .page[data-degree="132"] .page-content-alt,
.vertical-folding .pages .page[data-degree="133"] .page-content-alt,
.vertical-folding .pages .page[data-degree="134"] .page-content-alt,
.vertical-folding .pages .page[data-degree="135"] .page-content-alt,
.vertical-folding .pages .page[data-degree="136"] .page-content-alt,
.vertical-folding .pages .page[data-degree="137"] .page-content-alt,
.vertical-folding .pages .page[data-degree="138"] .page-content-alt,
.vertical-folding .pages .page[data-degree="139"] .page-content-alt,
.vertical-folding .pages .page[data-degree="140"] .page-content-alt,
.vertical-folding .pages .page[data-degree="141"] .page-content-alt,
.vertical-folding .pages .page[data-degree="142"] .page-content-alt,
.vertical-folding .pages .page[data-degree="143"] .page-content-alt,
.vertical-folding .pages .page[data-degree="144"] .page-content-alt,
.vertical-folding .pages .page[data-degree="145"] .page-content-alt,
.vertical-folding .pages .page[data-degree="146"] .page-content-alt,
.vertical-folding .pages .page[data-degree="147"] .page-content-alt,
.vertical-folding .pages .page[data-degree="148"] .page-content-alt,
.vertical-folding .pages .page[data-degree="149"] .page-content-alt,
.vertical-folding .pages .page[data-degree="150"] .page-content-alt,
.vertical-folding .pages .page[data-degree="151"] .page-content-alt,
.vertical-folding .pages .page[data-degree="152"] .page-content-alt,
.vertical-folding .pages .page[data-degree="153"] .page-content-alt,
.vertical-folding .pages .page[data-degree="154"] .page-content-alt,
.vertical-folding .pages .page[data-degree="155"] .page-content-alt,
.vertical-folding .pages .page[data-degree="156"] .page-content-alt,
.vertical-folding .pages .page[data-degree="157"] .page-content-alt,
.vertical-folding .pages .page[data-degree="158"] .page-content-alt,
.vertical-folding .pages .page[data-degree="159"] .page-content-alt,
.vertical-folding .pages .page[data-degree="160"] .page-content-alt,
.vertical-folding .pages .page[data-degree="161"] .page-content-alt,
.vertical-folding .pages .page[data-degree="162"] .page-content-alt,
.vertical-folding .pages .page[data-degree="163"] .page-content-alt,
.vertical-folding .pages .page[data-degree="164"] .page-content-alt,
.vertical-folding .pages .page[data-degree="165"] .page-content-alt,
.vertical-folding .pages .page[data-degree="166"] .page-content-alt,
.vertical-folding .pages .page[data-degree="167"] .page-content-alt,
.vertical-folding .pages .page[data-degree="168"] .page-content-alt,
.vertical-folding .pages .page[data-degree="169"] .page-content-alt,
.vertical-folding .pages .page[data-degree="170"] .page-content-alt,
.vertical-folding .pages .page[data-degree="171"] .page-content-alt,
.vertical-folding .pages .page[data-degree="172"] .page-content-alt,
.vertical-folding .pages .page[data-degree="173"] .page-content-alt,
.vertical-folding .pages .page[data-degree="174"] .page-content-alt,
.vertical-folding .pages .page[data-degree="175"] .page-content-alt,
.vertical-folding .pages .page[data-degree="176"] .page-content-alt,
.vertical-folding .pages .page[data-degree="177"] .page-content-alt,
.vertical-folding .pages .page[data-degree="178"] .page-content-alt,
.vertical-folding .pages .page[data-degree="179"] .page-content-alt,
.vertical-folding .pages .page[data-degree="180"] .page-content-alt{z-index: 2}