@font-face{font-family:"levi";src:url("../fonts/LEVIBRUSH.woff2");src:local("../fonts/LEVIBRUSH.woff2");src:url("../fonts/LEVIBRUSH.woff2") format("woff2")}section{background:#262a2b;position:relative;color:#fff;padding:32px 0;z-index:30}section h2{text-align:left}.audio{position:relative;margin:8px 0;left:200px}@media screen and (max-width: 766px){.audio{left:0}}.audio__help{position:absolute;background:red;width:30px;height:30px;left:10px;top:10px}.author{display:block;margin:0 auto;text-align:center;position:relative;top:-20px}.author__img{width:120px;margin:0 auto;text-align:center;height:120px;border:3px solid #fff;border-radius:50%}.author__img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.cover__cloud{position:fixed;left:0;right:24px;top:24px;width:30vw;opacity:.3;height:auto;filter:grayscale(100%)}@media screen and (max-width: 766px){.cover__cloud{width:auto}}.cover__cloud img{width:100%;height:100%;object-fit:contain}.banner{height:100vh;width:auto;z-index:75}@media screen and (max-width: 766px){.banner{height:42vh}}.banner-wow{position:relative;height:100vh;z-index:97}.banner-wow .star{position:absolute;top:0;left:0;right:0;height:30px;width:100%;z-index:1}.banner-wow .star img{width:100%;height:100%;object-fit:cover}.banner-wow .dpr{position:absolute;left:0;top:0px;bottom:0;opacity:.3;right:0;z-index:2;width:100%}@media screen and (max-width: 766px){.banner-wow .dpr{transform:translate(0, 20%)}}.banner-wow .dpr img{width:100%;height:100%;object-fit:cover}.banner-wow .police{position:absolute;bottom:10%;z-index:3;height:420px;width:420px;opacity:.8;left:30%;filter:grayscale(20%);transform:translate(50%, 0%)}@media screen and (max-width: 766px){.banner-wow .police{bottom:initial;top:29%;width:200px;height:200px;transform:translate(25%, -60%)}}.banner-wow .police.one{left:5%}.banner-wow .police.two{left:15%}.banner-wow .police.three{left:25%}.banner-wow .police img{width:100%;height:100%;object-fit:cover}.banner-wow .demo{position:absolute;bottom:0;z-index:5;transform:translate(-50%, 0%);width:80%;height:300px;filter:grayscale(100%);left:50%}@media screen and (max-width: 766px){.banner-wow .demo{bottom:38% !important;transform:translate(-50%, -150%);height:100px;width:100%;object-fit:cover}}.banner-wow .demo img{width:100%;height:100%;object-fit:cover}.banner-wow:after{content:"";position:absolute;bottom:0;right:0;left:0;background:linear-gradient(to top, transparent, #262a2b);height:100px}.wrap-detik{width:640px;margin:0 auto;display:block;position:relative}@media screen and (max-width: 766px){.wrap-detik{width:auto}}.paragraph{position:relative;z-index:80;position:relative}.paragraph p,.paragraph li{font-size:18px;color:#b7b7b7}@media screen and (max-width: 766px){.paragraph p,.paragraph li{font-size:18px}}@media screen and (max-width: 766px){.paragraph{padding-top:16px}}.paragraph .image_{position:absolute;left:50%;bottom:0;width:480px;opacity:.1;display:none;filter:grayscale(100%);height:auto;transform:translate(-50%, 35%);z-index:1}.paragraph .image_ img{width:100%;height:100%;object-fit:contain}.paragraph .jokowi{position:absolute;top:-62px;opacity:.6;right:-200px;width:420px;height:420px;z-index:1}.paragraph .jokowi::after{content:"";position:absolute;bottom:0;left:0;right:0;height:110px;background:#262a2b}@media screen and (max-width: 766px){.paragraph .jokowi{right:-54px;width:320px;opacity:.8;position:absolute;bottom:initial;top:36px}}.paragraph .jokowi img{width:100%;height:100%;border-radius:50%;object-fit:contain}@keyframes fade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}100%{opacity:0}}.paragraph .image{width:85%;height:auto;border:solid blur(3px) rgba(0,0,0,.03);box-shadow:2px 2px 5px rgba(0,0,0,.2),2px 2px 17px rgba(0,0,0,.35),2px 2px 25px rgba(0,0,0,.5);margin:16px auto 16px}.paragraph .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 766px){.paragraph .image{width:100%}}.color-black{color:#000;transition:.3s}.color-black:hover,.color-black:focus{color:#000}.color-primary{color:#b7b7b7}.credit{border-top:2px solid;position:relative;z-index:80;background:#000}.credit .name,.credit .jobdesc{color:#fff}@media screen and (max-width: 766px){.credit .name,.credit .jobdesc{font-size:14px}}.credit .jobdesc{font-size:14px;margin:8px 0 0;color:#dfdfdf}.lora{font-family:"Lora";font-size:26px;font-weight:600;margin:0 0 16px}@media screen and (max-width: 766px){.lora{font-size:22px}}.hidden{display:none !important}.sticky{position:fixed !important;top:20px;width:100%;right:0}@media screen and (max-width: 766px){.sticky{top:40px}}.logo-detik{position:absolute;left:12px;top:12px;z-index:999;width:90px}@media screen and (max-width: 766px){.logo-detik{top:12px;left:50%;width:80px;transform:translate(-50%, 0px)}}.footer{z-index:99 !important}.typing{text-align:center;padding:8px;width:640px;margin:100px auto;font-size:80px;color:#fff;position:absolute;top:-60px;left:50%;transform:translate(-50%, 0);z-index:109}@media screen and (max-width: 766px){.typing{width:320px;padding:0;margin:0px auto;top:48px;transform:translate(-50%, 0);position:absolute;left:50%}}.typing h1{font-family:"Merriweather";font-size:45px;background:-webkit-linear-gradient(silver, white);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold}@media screen and (max-width: 766px){.typing h1{font-size:24px}}#shapes{position:absolute;width:640px;top:60vh;display:block;z-index:11;transform:skewY(-2deg)}@media screen and (max-width: 766px){#shapes{width:auto;top:16vh}}#shapes h1{font-size:47px;font-weight:700;text-shadow:4px 4px 0 rgba(0,0,0,.1)}@media screen and (max-width: 766px){#shapes h1{font-size:28px}}.circle-1{position:absolute;border-radius:50%;margin:0;width:160px;height:160px;background:rgba(0,0,0,.1);top:-16px;left:0px;animation:move1 4s linear infinite}.circle-2{position:absolute;border-radius:50%;margin:0;width:160px;height:160px;background:rgba(0,0,0,.2);margin:0;top:60px;left:45px;animation:move2 3.5s linear infinite}@keyframes move1{0%{transform:translate(0px)}25%{transform:translateX(8px)}50%{transform:translate(16px, 16px)}75%{transform:translateY(8px)}100%{transform:translate(0px)}}@keyframes move2{0%{transform:translate(0px)}25%{transform:translateX(-8px)}50%{transform:translate(-16px, -20px)}75%{transform:translateY(-12px)}100%{transform:translate(0px)}}@keyframes neon{0%{text-shadow:none}30%{text-shadow:6px 6px 9px rgba(0,139,139,.7),-6px -6px 9px rgba(0,139,139,.7),-6px 6px 9px rgba(0,139,139,.7),6px -6px 9px rgba(0,139,139,.7)}50%{text-shadow:6px 6px 9px rgba(255,99,71,.7),-6px -6px 9px rgba(255,99,71,.7),-6px 6px 9px rgba(255,99,71,.7),6px -6px 9px rgba(255,99,71,.7)}80%{text-shadow:6px 6px 9px rgba(0,191,255,.7),-6px -6px 9px rgba(0,191,255,.7),-6px 6px 9px rgba(0,191,255,.7),6px -6px 9px rgba(0,191,255,.7)}100%{text-shadow:6px 6px 9px rgba(220,20,60,.7),-6px -6px 9px rgba(220,20,60,.7),-6px 6px 9px rgba(220,20,60,.7),6px -6px 9px rgba(220,20,60,.7)}}.tilesWrap{padding:0;margin:50px auto;position:relative;z-index:30;list-style:none;text-align:center}@media screen and (max-width: 766px){.tilesWrap{margin:100px auto 0}}.tilesWrap li{display:inline-block;width:100%;padding:80px 20px 40px;position:relative;vertical-align:top;margin:10px 12px;font-family:"Aleo",sans-serif;min-height:25vh;background:#262a2b;border:1px solid #252727;text-align:left}@media screen and (max-width: 766px){.tilesWrap li{width:auto;margin:24px 12px}}.tilesWrap li h2{font-size:24px;margin:0;position:absolute;opacity:.5;top:50px;font-weight:bold;right:10px;transition:all .3s ease-in-out}@media screen and (max-width: 766px){.tilesWrap li h2{font-size:18px;top:30px}}.tilesWrap li h3{font-size:24px;color:#e2e2e2;font-weight:bold;margin-bottom:5px}.tilesWrap li p{font-size:18px;color:#b7b7b7;margin-top:5px}@media screen and (max-width: 766px){.tilesWrap li p{font-size:16px}}.tilesWrap li button{background:transparent;border:1px solid #b7b7b7;padding:10px 20px;color:#b7b7b7;border-radius:3px;position:relative;transition:all .3s ease-in-out;transform:translateY(-40px);opacity:0;cursor:pointer;overflow:hidden}.tilesWrap li button:before{content:"";position:absolute;height:100%;width:120%;background:#b7b7b7;top:0;opacity:0;left:-140px;border-radius:0 20px 20px 0;z-index:-1;transition:all .3s ease-in-out}.tilesWrap li button:hover{color:#262a2b}.tilesWrap li:hover button{transform:translateY(3px);opacity:1}.tilesWrap li:hover h2{top:20px;opacity:.6}@media screen and (max-width: 766px){.tilesWrap li:hover h2{top:35px}}.tilesWrap li:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:#fff;transform:skew(2deg, 2deg)}.tilesWrap li:after{content:"";position:absolute;width:40%;height:100%;left:0;top:0;background:rgba(255,255,255,.02)}.tilesWrap li:nth-child(1):before{background:#f2709c;background:-webkit-linear-gradient(to right, #858585, #b9acb0);background:linear-gradient(to right, #707070, #b6b4b5)}.tilesWrap li:nth-child(2):before{background:#f2709c;background:-webkit-linear-gradient(to right, #858585, #b9acb0);background:linear-gradient(to right, #707070, #b6b4b5)}.tilesWrap li:nth-child(3):before{background:#fc354c;background:-webkit-linear-gradient(to right, #dfdfdf, #f3e8e9);background:linear-gradient(to right, #d5d6d6, #cab7b9)}.tilesWrap li:nth-child(4):before{background:#fc354c;background:-webkit-linear-gradient(to right, #0abfbc, #fc354c);background:linear-gradient(to right, #0abfbc, #fc354c)}.tilesWrap li button:hover:before{left:0;opacity:1}.shadow_{box-shadow:rgba(255,255,255,.35) 2.5639px -0.1212px 25px}.no-shadow{box-shadow:none}.flip-books .book{display:flex;position:relative;border-radius:25px;z-index:20}.flip-books .bukunya{position:absolute;display:none;height:590px;width:100%;left:-40px;z-index:1;top:-46px}@media screen and (max-width: 766px){.flip-books .bukunya{width:auto;display:none}}.flip-books .help-bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:40}.flip-books .help-bg img{width:100%;height:100%;object-fit:contain}.flip-books #cover{width:100%;height:520px;position:relative;box-shadow:-5px 2px 8px rgba(255,255,255,.35)}.flip-books #cover::after{content:"";position:absolute;left:0;top:0;bottom:0}.flip-books #cover .btn-modal{z-index:0}@media screen and (max-width: 766px){.flip-books #cover{height:400px}}.flip-books #cover img{width:100%;height:100%;object-fit:cover}.flip-books .btn-modal{position:absolute;bottom:56px;z-index:70;right:8px;background:#262a2b;cursor:pointer;padding:4px 8px;color:#fff;border-radius:8px;transition:.3s}.flip-books .btn-modal:hover{background:#000}@media screen and (max-width: 766px){.flip-books .btn-modal{padding:4px;font-size:14px;bottom:36px}}.flip-books .flip-book{width:100%;height:520px;margin:0 auto;display:block;position:relative;perspective:1500px}@media screen and (max-width: 766px){.flip-books .flip-book{height:400px}}.flip-books .flip{width:100%;height:100%;position:absolute;top:0;left:0;transform-origin:left;transform-style:preserve-3d;transform:rotateY(0deg);transition:.5s;color:#000}.flip-books .flip::after{content:"";position:absolute;right:1px;top:0;width:100%;box-shadow:3px 0px 5px rgba(255,255,255,.35);bottom:0}.flip-books .front{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fafafa;box-sizing:border-box;overflow-y:auto}.flip-books .front .help-front{position:fixed;bottom:0px;left:0px;width:200px;height:auto;z-index:4;opacity:.2;filter:grayscale(100%)}@media screen and (max-width: 766px){.flip-books .front .help-front{display:none;width:auto}}.flip-books .front .help-front img{width:100%;height:100%;object-fit:contain}.flip-books .front .help-front2{position:fixed;bottom:0px;left:0px;right:0;top:0;height:auto;z-index:2;opacity:.8}.flip-books .front .help-front2::after{content:"";position:fixed;right:0;bottom:0;top:0;width:120px;background:linear-gradient(to right, transparent, gray)}@media screen and (max-width: 766px){.flip-books .front .help-front2::after{width:86px}}@media screen and (max-width: 766px){.flip-books .front .help-front2{width:auto}}.flip-books .front .help-front2 img{width:100%;height:100%;object-fit:cover}.flip-books .front__title{padding:16px 16px 0;right:0;left:0;z-index:11;overflow:hidden}@media screen and (max-width: 766px){.flip-books .front__title{padding:8px;height:auto}}.flip-books .front__title h2{font-size:24px;font-weight:700;position:relative;z-index:9}@media screen and (max-width: 766px){.flip-books .front__title h2{font-size:19px;margin-right:16px}}.flip-books .front ul{padding:0 16px;position:relative;z-index:40}@media screen and (max-width: 766px){.flip-books .front ul{padding:0 8px}}.flip-books .front ul li{list-style:none;margin-bottom:16px;color:#262a2b;font-size:16px}.flip-books .back{position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;transform:rotateY(180deg);backface-visibility:hidden;background-image:url("../img/indonesia.webp")}.flip-books .back::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100px}@media screen and (max-width: 766px){.flip-books .back::before{width:20px}}.flip-books .back::after{content:"";position:absolute;bottom:0px;z-index:1;right:0;left:0;top:0;background:linear-gradient(to top, black 15%, transparent)}.flip-books .back img{width:100%;height:100%;object-fit:cover}.flip-books .next-btn{position:fixed;bottom:4px;right:13px;z-index:44;cursor:pointer;color:#000}@media screen and (max-width: 766px){.flip-books .next-btn{bottom:-13px;right:4px}}.flip-books .next-btn div{display:inline-block;vertical-align:text-bottom;margin-right:4px}@media screen and (max-width: 766px){.flip-books .next-btn div{display:none}}.flip-books .next-btn i{font-size:32px}.flip-books .back-btn{position:absolute;bottom:4px;right:13px;cursor:pointer;color:#fff;z-index:50}@media screen and (max-width: 766px){.flip-books .back-btn{bottom:-10px;right:13px}}.flip-books .back-btn div{display:inline-block;vertical-align:text-bottom;margin-left:4px}@media screen and (max-width: 766px){.flip-books .back-btn div{display:none}}.flip-books .back-btn i{font-size:32px}.flip-books #p1{z-index:12}.flip-books #p2{z-index:11}.flip-books #p3{z-index:10}.flip-books #p4{z-index:9}.flip-books #p5{z-index:8}.flip-books #p6{z-index:7}.flip-books #p7{z-index:6}.flip-books #p8{z-index:5}.flip-books #p9{z-index:4}.flip-books #p10{z-index:3}.flip-books #p11{z-index:2}.flip-books #p12{z-index:1}.flip-books #c1:checked~.flip-book #p1{transform:rotateY(-180deg);z-index:1}.flip-books #c2:checked~.flip-book #p2{transform:rotateY(-180deg);z-index:2}.flip-books #c3:checked~.flip-book #p3{transform:rotateY(-180deg);z-index:3}.flip-books #c4:checked~.flip-book #p4{transform:rotateY(-180deg);z-index:4}.flip-books #c5:checked~.flip-book #p5{transform:rotateY(-180deg);z-index:5}.flip-books #c6:checked~.flip-book #p6{transform:rotateY(-180deg);z-index:6}.flip-books #c7:checked~.flip-book #p7{transform:rotateY(-180deg);z-index:7}.flip-books #c8:checked~.flip-book #p8{transform:rotateY(-180deg);z-index:8}.flip-books #c9:checked~.flip-book #p9{transform:rotateY(-180deg);z-index:9}.flip-books #c10:checked~.flip-book #p10{transform:rotateY(-180deg);z-index:10}.flip-books #c11:checked~.flip-book #p11{transform:rotateY(-180deg);z-index:11}.flip-books #c12:checked~.flip-book #p12{transform:rotateY(-180deg);z-index:12}.ontop{width:100%;height:auto;margin-top:-24px}.ontop img{width:100%;height:100%;object-fit:contain}.ontop .text-help{position:relative;left:8px;top:8px;font-weight:bold;width:120px;transform:translate(-50%, -20%);color:#fff}.ontop__scroll{text-align:center;margin:0 auto;display:block;z-index:999;cursor:pointer;position:absolute;bottom:0;left:50%;color:#fff;transform:translate(0, -50%)}@media screen and (max-width: 766px){.ontop__scroll{display:none}}.chevron-wrapper{position:relative;width:24px;height:24px}@media screen and (max-width: 766px){.chevron-wrapper{display:none}}.chevron{position:absolute;width:20px;height:5px;opacity:0;transform:scale3d(0.5, 0.5, 0.5);animation:moving 3s ease-out infinite}.chevron:first-child{animation:moving 3s ease-out 1s infinite}.chevron:nth-child(2){animation:moving 3s ease-out 2s infinite}.chevron:before,.chevron:after{content:" ";position:absolute;top:0;height:100%;width:51%;background:#fff}.chevron:before{left:0;transform:skew(0deg, 30deg)}.chevron:after{right:0;width:50%;transform:skew(0deg, -30deg)}@keyframes moving{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(55px) scale3d(0.5, 0.5, 0.5)}}.bg-soft{background:#e9e9e9 !important}.bg-softred{background:#f8d7d7 !important}.bg-blue{background:#e3f2fd !important}.bg-purple{background:#e4cbe8 !important}.bg-cyan{background:#e0f7fa !important}.bg-green{background:#dcedc8 !important}.bg-greyblue{background:#cfd8dc !important}.rkuhp{color:#fff;display:block;text-align:center;padding:64px}@media screen and (max-width: 766px){.rkuhp{font-size:24px;text-align:left}}body .modal-backdrop.show{opacity:.8 !important}body .first_{background:radial-gradient(circle at 10% 20%, #272829 0%, #29323c) !important;box-shadow:none !important}body .modal-content{background:radial-gradient(circle at 10% 20%, #272829 0%, #29323c) !important;color:#fff}body .modal-content .modal-body{padding:24px 16px}@media screen and (max-width: 766px){body .modal-dialog{margin:30% .5rem}}body .modal .close{font-family:"Aleo"}body .modal .close i{color:#fff}body .modal p{font-size:18px;font-family:"Aleo"}.nama-nama{display:block;margin:0 auto;position:relative;z-index:60}.nama-nama .card_{display:inline-block;width:30%;text-align:left;padding:4px 0;background:linear-gradient(to left, #3e5151, #777777);height:auto;box-shadow:0 3px 6px #000;cursor:pointer;margin:8px;border-radius:8px;transition:1s}@media screen and (max-width: 766px){.nama-nama .card_{width:auto}}.nama-nama .card_:hover{background:linear-gradient(to left, #9997a1, #e2d7c0)}.nama-nama .card__image{display:inline-block;width:40%;height:100%;vertical-align:middle}.nama-nama .card__image img{width:100%;height:100%;object-fit:contain}.nama-nama .card__content{width:55%;display:inline-block;height:auto;color:#000;vertical-align:middle}.nama-nama li{width:fit-content;padding:8px;position:relative;cursor:pointer}.nama-nama li:hover{color:#fff}.nama-nama li .btn{position:absolute;right:0;top:0}.nama-nama li .btn:focus{box-shadow:none}.btn-name{background:#262a2b;color:#fafafa;border-radius:8px;border-color:transparent;padding:4px;transition:.3s}.btn-name:hover,.btn-name:active,.btn-name:focus{background:rgba(38,42,43,.8)}.loader_ajax{width:80px;text-align:center;display:none;margin:0 auto}#firstletter{position:relative;z-index:80;padding:42px 0 32px}#firstletter p{position:relative;z-index:20}#firstletter .helping{position:absolute;bottom:-62px;right:-100px;width:520px;z-index:1;opacity:.05;filter:grayscale(100%)}@media screen and (max-width: 766px){#firstletter .helping{width:auto;right:0;bottom:0}}#firstletter .helping img{width:100%;height:100%}#firstletter .helping2{position:absolute;top:-10px;left:-192px;opacity:.2;filter:grayscale(100%);width:250px}@media screen and (max-width: 766px){#firstletter .helping2{width:240px;left:-48px;top:-10px}}#firstletter .helping2 img{width:100%;height:100%}.width-buku{width:800px;margin:0 auto;display:block}@media screen and (max-width: 766px){.width-buku{width:auto}}.halaman{position:fixed;right:12px;top:8px;z-index:9;font-weight:bold;background:silver;padding:0;border-radius:50%;width:24px;text-align:center;height:24px}@media screen and (max-width: 766px){.halaman{right:3px}}.modal-image{width:175px;height:175px;border:10px solid #fff;border-radius:50%;margin:0 auto 4px;text-align:center;display:block}.modal-image img{width:100%;border-radius:50%;height:100%;object-fit:cover}.sumber{font-size:12px;margin:8px 0;text-align:center;color:#cfd8dc}#logo{display:none}.text-p{width:400px;margin:0 auto}@media screen and (max-width: 766px){.text-p{width:auto;margin:0 auto;z-index:99;position:relative}}/*# sourceMappingURL=style.css.map */