﻿@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Michroma&family=Orbitron:wght@400..900&family=Quicksand:wght@300..700&family=Karla:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Archivo+Black&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Special+Gothic+Expanded+One&display=swap";@font-face{font-family:"Audiowide-Regular";src:url("Audiowide-Regular.woff2");src:local("Audiowide-Regular");src:url("Audiowide-Regular.woff2") format("woff2")}.load{background:linear-gradient(to top, white, white);padding:16px;border-radius:24px;margin-bottom:32px;position:relative}.load::after{width:0;height:0;border-left:25px solid rgba(0,0,0,0);border-right:25px solid rgba(0,0,0,0);border-top:50px solid #fff;content:"";position:absolute;left:50%;top:100%;transform:translate(-50%, -50%);z-index:-1}.labels{background:red;padding:4px 8px;color:#fff;text-transform:uppercase;width:fit-content;margin:0 auto 8px;text-align:center;font-size:1rem}@media screen and (max-width: 768px){.labels{margin:0}}.preloader{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:#141414;background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #141414, rgba(20, 20, 20, 0.6), #141414)}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:100%}.preloader .waiting svg{width:100%;height:100%;visibility:hidden}.preloader .animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(-10px)}}@keyframes bounce{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}.preloader .bounce{-webkit-animation-name:bounce;animation-name:bounce}.mb-80{margin-bottom:20vh}.source-code{font-family:"Source Code Pro"}.source-code p{text-align:center;font-size:1.4rem;line-height:2rem}@media screen and (max-width: 768px){.source-code p{text-align:left;font-size:1.1rem;line-height:1.5rem}}.highcharts-figure{margin:1em auto}#container{height:500px;width:1080px;margin:0 auto}@media screen and (max-width: 768px){#container{height:600px;width:100%}}.highcharts-data-table table{font-family:Verdana,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:500px}.highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}.highcharts-data-table th{font-weight:600;padding:.5em}.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption{padding:.5em}.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(even){background:#f8f8f8}.highcharts-data-table tr:hover{background:#f1f7ff}.color-primary{color:#1b1b1b !important}section{padding:32px 0;background:#141414;min-height:100vh;z-index:11;position:relative}section h3{font-family:"Roboto",sans-serif !important;font-weight:700;color:#fcfcfc;font-size:3.3rem}@media screen and (max-width: 768px){section h3{font-size:2rem}}section h4{font-family:"Roboto",sans-serif;font-weight:700;color:#fcfcfc;font-size:1.8rem}@media screen and (max-width: 768px){section h4{font-size:1.3rem}}section .bg-block{background:#fff;padding:16px;border-radius:16px}section p,section li{font-size:18px;line-height:27px}@media screen and (max-width: 768px){section p,section li{font-size:1.2rem}}@media screen and (max-width: 400px){section p,section li{font-size:1.2rem}}.slick-next,.slick-prev{z-index:17 !important;width:40px;height:40px;border-radius:50%;background:rgba(206,147,82,.8)}@media screen and (max-width: 768px){.slick-next,.slick-prev{width:25px;height:25px;top:100%}}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{background:rgba(206,147,82,.5)}.slick-next::before,.slick-prev::before{font-family:"Font Awesome 5 Pro" !important;font-size:32px !important;color:#fff !important;font-weight:700 !important}@media screen and (max-width: 766px){.slick-next::before,.slick-prev::before{font-size:20px !important}}.slick-prev{left:-16px !important}@media screen and (max-width: 768px){.slick-prev{left:20% !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:20% !important}}.slick-next::before{content:"" !important}.sticky-mode{position:sticky;left:0;right:0;top:0;bottom:0;min-height:100vh}.wrap-detikx{width:700px;position:relative;margin:0 auto}@media screen and (max-width: 766px){.wrap-detikx{width:90%;margin:0 auto;display:block}}.line-line{width:100%;height:1px;background:linear-gradient(to right, transparent, white, transparent);margin:24px 0}.totop{position:relative;z-index:19}.firstletter::first-letter{float:left;font-weight:bold;margin-right:8px;font-size:60px;font-size:6rem;line-height:40px;line-height:4rem;height:4rem;text-transform:uppercase}main{overflow-x:clip;background:#141414}main p{color:#f1f1f1;font-weight:300}body{position:relative;height:100%;padding:0;margin:0;font-family:"Roboto" !important}body h1,body h2{font-family:"Roboto";font-weight:700}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%}.img img{width:100%;height:100%;object-fit:cover}section .nav-pills .nav-link.active,section .nav-pills .show>.nav-link{background:#333;color:#fff}section .nav-pills .nav-link{border-radius:25px}.dashboard-content{display:none}#nav.no_index,#share{z-index:19 !important}#nav.dark{background:rgba(0,0,0,.5) !important;top:0}.footer{z-index:22}.share_icon>a i{font-size:25px !important;line-height:initial !important}@media screen and (max-width: 766px){.share_icon>a i{font-size:16px !important;line-height:initial !important;width:30px !important;height:30px !important}}#nav{background:rgba(0,0,0,.5) !important}.bg-blues{background:#141414 !important;position:relative;z-index:12}.share_icon>a{padding:0 !important}.ismobile{opacity:0 !important}@media screen and (max-width: 768px){.ismobile{opacity:1 !important}}.isdesktop{opacity:1 !important}@media screen and (max-width: 768px){.isdesktop{opacity:0 !important}}.baca-detikx .bacajuga_box{display:initial !important}.baca-detikx .bacajuga_box .container{display:none}.baca-detikx .bacajuga{width:100% !important;display:block}.baca-detikx .bacajuga a{display:inline-block;padding:0px;width:47% !important;margin:0 8px;border-radius:24px;position:relative;height:320px;text-align:left}.baca-detikx .bacajuga a::after{border-radius:24px}@media screen and (max-width: 766px){.baca-detikx .bacajuga a{width:100% !important;margin:4px 0}}.baca-detikx .bacajuga a:hover{text-decoration:none;color:orange !important}.baca-detikx .bacajuga a article{position:absolute;top:initial;width:100%;background:linear-gradient(to top, black, transparent);padding:8px 16px;border-radius:24px;bottom:0;transform:initial}.baca-detikx .bacajuga a article h2{font-family:"Jost" !important;font-size:1.2rem;color:#fff !important}.haha,.hahad{background:#fff;border-radius:16px;padding:0px 8px;position:absolute;top:165px;right:0}@media screen and (max-width: 768px){.haha,.hahad{display:none;color:#f1f1f1;top:140px}}.haha:hover,.hahad:hover{background:rgba(206,147,82,.5)}.all-helping{position:absolute;inset:0;background:#fff;text-align:center;width:100%;height:100%;z-index:17}.slider{display:none}.slider.slick-initialized{display:block}.hello{padding:8px 16px;border-radius:16px;margin-bottom:35vh;background:linear-gradient(to right, #141414, rgba(20, 20, 20, 0.3))}.hello h4{color:#2a2a2a}.hello p{color:#fff}@media screen and (max-width: 768px){.help-bawah{position:fixed;bottom:0;left:0;right:0;width:100%;height:59px;background:#ccc;z-index:21}}.color-white{color:#fafafa}.color-second{color:#42d4bf}.add-shadow{text-shadow:2px 2px #000}.sticky{position:sticky;padding:8px;width:70px;z-index:21;top:50%;float:right}@media screen and (max-width: 768px){.sticky{position:sticky;padding:8px;width:100%;background:#42d4bf;z-index:30;top:92vh;height:60px}}@media screen and (max-width: 768px){.sticky .navigation{text-align:center;margin:0 auto}}@media screen and (max-width: 768px){.sticky .navigation a{display:inline-block;margin:0 8px}}.font-bold{font-weight:bold}#scroll-down-animation{position:absolute;top:90%;left:50%;z-index:3;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){#scroll-down-animation{top:93%}}#scroll-down-animation small{color:#1b1b1b}.mouse{margin:0 auto;display:block;border-radius:50px;border:2px solid #1b1b1b;height:50px;width:25px;position:absolute;left:50%;top:-90%;translate:-50% -50%;z-index:9}.move{position:absolute;background-color:#1b1b1b;height:10px;width:10px;border-radius:50%;left:50%;transform:translateX(-50%);animation:move 2s linear infinite}@keyframes move{0%{transform:translate(-50%, 5px);opacity:0}50%{transform:translate(-50%, 20px);opacity:1}100%{transform:translate(-50%, 40px);opacity:0}}.creditx{min-height:auto !important;background:#141414;border-top:1px dashed #ccc}.creditx .alls{width:75%;color:#ebebeb;margin-bottom:16px}@media screen and (max-width: 768px){.creditx .alls{width:100%}}.creditx .alls .jobs{font-weight:600}.tgl{font-family:"Source Code Pro";margin:16px 0;width:fit-content}.alls{margin-bottom:16px}.content_indent{background:#fff}.bgtrans{background-color:rgba(0,0,0,0)}#container-bali{margin:1em auto;width:80%;height:80%}@media screen and (max-width: 768px){#container-bali{width:100%;height:80%}}#container{margin:1em auto;width:80%;height:80%;position:absolute;left:50%;top:50%;translate:-50% -50%}@media screen and (max-width: 768px){#container{width:100%;height:80%}}.animated-line{stroke-dasharray:8;stroke-dashoffset:0;animation:dash 70s linear infinite}.animated-line-baru{stroke-dasharray:8;stroke-dashoffset:0;animation:dashnew 70s linear infinite}@keyframes dash{0%{stroke-dashoffset:100}70%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}@keyframes dashnew{0%{stroke-dashoffset:100}80%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}.helping{position:absolute;z-index:8;background:rgba(255,255,0,.4);width:90%;height:100%;left:10%;top:0;bottom:0}.banner{height:100vh;padding:0}@media screen and (max-width: 768px){.banner{height:50vh;min-height:50vh}}.banner .sticky-mode{background:linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent)}@media screen and (max-width: 768px){.banner .sticky-mode{min-height:50vh}}.banner .sticky-mode::before{content:"";position:absolute;left:0;right:0;bottom:0;height:20vh;z-index:8;background:linear-gradient(to top, #141414, transparent)}.banner .image{position:absolute;top:50%;left:50%;width:80%;height:100%;translate:-50% -50%}@media screen and (max-width: 768px){.banner .image{width:100%}}.banner .image.fullting{width:100%;height:100%}@media screen and (max-width: 768px){.banner .image.fullting{width:100%}}.banner .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.banner .image img{object-fit:contain;scale:1.5}}.banner .title{position:absolute;left:50%;top:80%;translate:-50% -50%;width:60%;text-align:center}@media screen and (max-width: 768px){.banner .title{width:80%}}.banner .title h2{font-family:"Jost";font-weight:800;color:#fff;font-size:3.4rem}@media screen and (max-width: 768px){.banner .title h2{font-size:2rem}}.pembukaan .title{text-align:center;margin:8px 0}@media screen and (max-width: 768px){.pembukaan .title{text-align:left}}.pembukaan .title h2{color:#fff;margin:0;font-size:4.2rem;font-family:"jost";line-height:4.6rem}@media screen and (max-width: 768px){.pembukaan .title h2{font-size:2.2rem;line-height:2.8rem}}.pembukaan .dd-anim{color:#ccc}.pembukaan .line-bottom{width:100%;margin:16px 0;height:1px;border-bottom:2px dashed #ccc}.cerita .foto-credit{margin:16px 0;color:#8e8e8e;font-size:14px}.cerita .image{margin:4px 0 4px;width:100%;height:450px}@media screen and (max-width: 768px){.cerita .image{height:fit-content}}.cerita .image img{width:100%;height:100%;object-fit:cover}.datax{width:1080px;margin:0 auto;color:#8e8e8e}.datax .box-orange{width:30px;height:10px;display:inline-block;background:orange}.datax .box-purple{width:30px;height:10px;display:inline-block;background:purple}.datax .det{display:inline-block;margin-left:8px}@media screen and (max-width: 768px){.datax{width:90%;margin:0 auto}}.infog{width:fit-content;height:auto}.infog img{width:100%;height:100%;object-fit:contain}section h4{font-size:2.2rem}section blockquote{position:relative}@media screen and (max-width: 768px){section blockquote{position:relative;width:85%;margin-left:42px}}section blockquote h4{font-family:"Source Code Pro"}@media screen and (max-width: 768px){section blockquote h4{font-size:1.7rem}}section blockquote .qo{position:absolute;left:-12%;top:-8%;width:60px;height:60px}@media screen and (max-width: 768px){section blockquote .qo{position:absolute;left:-20%;top:-3%;width:48px;height:48px}}section blockquote .qo img{width:100%;height:100%;object-fit:contain}.sectionx{position:relative;height:auto;border-bottom:1px solid #636363;width:100%}.h-0{height:auto !important;margin-bottom:0 !important}#transition{position:relative;height:50vh;border-bottom:1px solid #636363;width:15%}#target{position:absolute;inset:0;margin:0;background:#141414;height:100vh;width:100vw}#target img{height:100%}/*# sourceMappingURL=style.css.map */
