@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&family=Ubuntu&family=Rubik&family=Lato&family=Libre+Franklin:wght@400;900&family=Roboto+Slab&family=Titan+One&display=swap";.preload{font-family:"Roboto Slab";color:#333;border-bottom:1px dashed #bbb;text-align:center}@media screen and (max-width: 768px){.preload{text-align:left}}.preload p{font-size:1.2rem;margin-bottom:16px}@media screen and (max-width: 768px){.preload p{font-size:1rem}}.labels{background:#840020;padding:4px 8px;color:#fff;text-transform:uppercase;width:fit-content;margin:0 auto 8px;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:#fff}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}.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}section{padding:32px 0;min-height:100vh;z-index:11;background:#fafafa;position:relative}section h3{color:#560418}section .bg-block{background:#fff;padding:16px;border-radius:16px}section .text-center h3{font-size:2.5rem}section p,section li{font-size:1.2rem;color:#333}@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:1rem}}.slick-next,.slick-prev{z-index:17 !important;width:40px;height:40px;border-radius:50%;background:rgba(206,147,82,.8)}.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:"fontAwesome" !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:32px !important}}.slick-prev{left:-16px !important}@media screen and (max-width: 768px){.slick-prev{left:-16px !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:-16px !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}}.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:#fafafa}html,body{position:relative;height:100%;font-family:"Rubik" !important}html h1,html h3,body h1,body h3{font-family:"Rubik" !important}h4,h5{font-family:"Rubik",sans-serif !important;font-weight:bold}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%}.img img{width:100%;height:100%;object-fit:cover}.hello{width:100%;height:auto;margin-top:8px;border-radius:16px;margin-bottom:16px;background:linear-gradient(to top, #e5e5e5, transparent);position:relative}.hello .img{bottom:0;left:0;width:100%;z-index:1;height:100px}.hello .img img{width:100%;border-radius:16px 16px 0 0;height:100%;object-fit:cover}.hello .content{padding:16px 16px;position:relative;z-index:2}.hello .content p{margin-bottom:0}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:21}#nav.dark{background:linear-gradient(45deg, #333, #000) !important}.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:linear-gradient(45deg, #333, #000) !important}.bg-blues{background:#eee !important}.share_icon>a{padding: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:"Rubik" !important;font-size:1.2rem}.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:#333;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}.banner{min-height:80vh;background:#fcfcfc}@media screen and (max-width: 768px){.banner{min-height:70vh}}.banner::after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:100px;background:linear-gradient(to top, #fafafa, transparent)}.banner .bg{position:absolute;inset:0;width:100%;height:auto}.banner .bg img{width:100%;height:100%;object-fit:cover}.banner .title{position:absolute;left:50%;top:25%;width:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.banner .title{width:90%}}.banner .title h2{font-size:3rem;font-family:"Titan One",sans-serif;text-align:center;line-height:3rem;color:#560418}@media screen and (max-width: 768px){.banner .title h2{font-size:2rem;line-height:2rem}}.banner .minuman{position:absolute;bottom:0%;left:50%;z-index:3;transform:translate(-50%, 0);width:30%;height:auto}@media screen and (max-width: 768px){.banner .minuman{width:100%}}.banner .minuman img{width:100%;height:100%;object-fit:contain}.banner .bubble{position:absolute;width:46%;height:auto;bottom:3%;left:50%;transform:translate(-50%, 0);z-index:2}@media screen and (max-width: 768px){.banner .bubble{width:100%}}.banner .bubble img{width:100%;height:100%;object-fit:contain}.pembukaan{min-height:auto}.coca{position:absolute;top:-25%;right:5%;width:170px;z-index:2}.coca.ylki{position:absolute;top:-30%;z-index:2;width:200px;right:8%}@media screen and (max-width: 768px){.coca.ylki{right:2%;width:116px;z-index:-1;top:-32%}}@media screen and (max-width: 768px){.coca.ylki::before{bottom:32px}}@keyframes MoveUpDown{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.coca.minum{top:initial;animation:MoveUpDown 2s linear infinite;transform:rotate(-5deg);bottom:0;width:120px}@media screen and (max-width: 768px){.coca.minum{right:-16%}}.coca::before{content:"";position:absolute;bottom:0px;z-index:-1;left:0;width:100%;height:20px;border-radius:50%;background:radial-gradient(circle, black, transparent)}@media screen and (max-width: 768px){.coca{right:-24%;top:-10%;height:160px}}.coca img{width:100%;height:100%;object-fit:contain}.line-bottom{position:relative;bottom:0;left:0;right:0;background:#560418;width:100%;z-index:1}@media screen and (max-width: 768px){.line-bottom .wrap-detikx{width:80%;margin:auto}}.line-bottom::after{content:"";width:0;top:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #fafafa;position:absolute;left:50%}.line-bottom p{color:#eee;margin-bottom:0}.line-bottom ol,.line-bottom ul{padding:8px 16px}.line-bottom ol li,.line-bottom ul li{color:#eee}.question{font-size:2rem;line-height:2rem}@media screen and (max-width: 768px){.question{font-size:1.5rem;line-height:1.8rem}}.bg-redx{background:linear-gradient(to bottom, #560418, #830000);padding:32px 0}.datax{padding:0}.datax .bg-redx{background:linear-gradient(to bottom, #560418, #830000);padding:32px 0}.datax .infox{display:block;margin:0 auto;position:relative}.datax .infox .iconx{position:absolute;bottom:0;left:0;width:60px;height:60px}.datax .infox .iconx img{width:100%;height:100%;object-fit:contain}.datax .infox__data{display:inline-block;width:45%}.datax .infox .names{background:#d3652a;color:#fff;padding:4px 16px;width:fit-content;margin:0 auto;border-radius:4px}.datax .infox .arrow{width:auto;height:200px;margin:0 auto;vertical-align:bottom}.datax .infox .arrow.high{height:230px !important}.datax .infox .arrow img{width:100%;height:100%;object-fit:contain}.datax .infox h3{font-size:2.2rem;font-weight:700}.datax .infox h3::after{content:"%";font-size:1.5rem}.chartjs{height:360px}@media screen and (max-width: 768px){.chartjs{height:300px}}.bg-margin{margin:8px 0 32px}.iconx-all{display:block;margin:16px auto 24px;text-align:center}.iconx-all .iconx{display:inline-block;width:24%;vertical-align:top}@media screen and (max-width: 768px){.iconx-all .iconx{width:48%;margin-bottom:32px}}.iconx-all .iconx .imgx{width:80%;height:auto;margin:0 auto}@media screen and (max-width: 768px){.iconx-all .iconx .imgx{width:70%}}.iconx-all .iconx .imgx img{width:100%;height:100%;object-fit:contain}.iconx-all .iconx .name{margin-top:8px;text-align:center}.image-graf{width:75%;margin:0 auto;height:360px}@media screen and (max-width: 768px){.image-graf{height:200px}}.image-graf img{width:100%;height:100%;object-fit:contain}ul.iconv{--icon-space: 1.3em;list-style:none;padding:0}ul.iconv li{padding-left:var(--icon-space);margin-bottom:8px}ul.iconv li:before{content:"";font-family:FontAwesome;display:inline-block;margin-left:calc(var(--icon-space) * -1);width:var(--icon-space)}.kopi h3{font-size:1.6rem !important}@media screen and (max-width: 768px){.kopi h3{font-size:1.4rem !important}}.credit{min-height:auto;background:#eee}.credit .allsd{margin-bottom:8px}.credit .name{font-weight:bold}.sumber ul{padding:0 32px !important}.sumber li{font-size:1rem;margin-bottom:0}/*# sourceMappingURL=style.css.map */