@import"https://fonts.googleapis.com/css2?family=Zain:wght@300;400;900&family=Bitter:wght@400;600&family=Rubik&family=Paytone+One&family=Source+Code+Pro:wght@400;900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Roboto&family=Outfit:wght@300;400;900&family=Mulish&display=swap";:root{--color-primary: oklch(74% 0.15 32);--color-secondary: oklch(65% 0.13 210);--color-ui: oklch(65% 0.05 210);--color-yellow: oklch(80% 0.16 85);--color-green: oklch(60% 0.16 135);--color-red: oklch(65% 0.18 15);--color-green-2: oklch(54% 0.11 164);--color-purple: oklch(62% 0.15 318);--color-red-2: oklch(57% 0.2 15)}.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 transparent;border-right:25px solid transparent;border-top:50px solid #fff;content:"";position:absolute;left:50%;top:100%;transform:translate(-50%, -50%);z-index:-1}.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:#000;background-image:url("../img/anim.png");background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #000, rgba(0, 0, 0, 0.6), #000)}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:135px;height:auto}.preloader .waiting img{width:100%;height:100%;object-fit:contain}.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"}.no-border{border:none !important}section{padding:32px 0;background:#000;min-height:100vh;z-index:11;position:relative}section p{font-family:"jost",sans-serif !important;font-size:1.3rem}@media screen and (max-width: 768px){section p{font-size:1.1rem;line-height:1.4}}section h3{font-family:"Fraunces",sans-serif !important;font-weight:200;color:#fff;font-size:5.2rem;line-height:1}@media screen and (max-width: 768px){section h3{font-size:3rem;line-height:.9}}section strong{color:#ce9352}section h2{font-family:"Fraunces" !important;font-size:5.5rem;font-weight:200 !important;color:#fff !important}@media screen and (max-width: 768px){section h2{font-size:3.2rem}}section .bg-block{background:#fff;padding:16px;border-radius:16px}.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}}.wrap-kaleidoskop{width:1220px;position:relative;margin:0 auto;z-index:8}@media screen and (max-width: 766px){.wrap-kaleidoskop{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:#000}.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 right, #baf5ed, rgba(186, 245, 237, 0.8));position:relative}.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:19}#nav.dark{background:linear-gradient(45deg, #1a1a1a, #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, #1a1a1a, #000) !important}.bg-blues{background:#000 !important;position:relative;z-index:12}.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:"Fraunces" !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:#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}@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}.wraping{display:block;position:relative}.wraping .judul{display:inline-block;width:32%;vertical-align:top}@media screen and (max-width: 768px){.wraping .judul{display:block;width:100%;margin-bottom:24px}}.wraping .data{display:inline-block;width:45%;vertical-align:top;margin-left:62px}@media screen and (max-width: 768px){.wraping .data{display:block;width:100%;margin-left:0}}.wraping .data p{color:#f2f2f2}.wraping .foto{position:absolute;right:-20%;opacity:.5;width:50%;z-index:-1;top:0;vertical-align:middle;max-height:100%}.wraping .foto::after{content:"";position:absolute;bottom:0;left:0;right:0;width:50%;height:100%;background:linear-gradient(to right, black, transparent)}.wraping .foto img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.wraping .foto{display:block;width:100%;opacity:.2}}#agustus .foto{opacity:.7}@media screen and (max-width: 768px){#agustus .foto{opacity:1 !important}}section:nth-child(1){--color-highlight: var(--color-primary);--color-selector: var(--color-secondary)}section:nth-child(2) strong{color:var(--color-red)}section:nth-child(3) strong{color:var(--color-yellow)}section:nth-child(4){--color-selector: var(--color-primary)}section:nth-child(4) strong{color:#2c2ab0}section:nth-child(5){--color-selector: var(--color-red-2);--margin-top: 10dvi}section:nth-child(5) strong{color:var(--color-purple)}section:nth-child(6){--color-selector: var(--color-green-2);--margin-top: 10dvi}section:nth-child(6) strong{color:var(--color-purple)}section:nth-child(7){--color-selector: var(--color-green-2)}section:nth-child(7) strong{color:var(--color-red)}.linex{width:85%;height:2px;margin:24px auto;background:linear-gradient(to right, black, #ccc, black)}.is-desktop{display:block !important}@media screen and (max-width: 768px){.is-desktop{display:none !important}}.banner::before{content:"";position:absolute;inset:0;background:url("../img/bg.jpg");background-size:contain;background-position:center;background-repeat:repeat;z-index:-1}@media screen and (max-width: 768px){.banner::before{background-size:cover}}.banner::after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(to top, black, rgba(0, 0, 0, 0.3), black)}.banner .triangle-up{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:50px solid #555}.banner .pos-one{position:absolute;left:55%;top:60%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.banner .pos-one{left:84%;top:36%}}.banner .pos-two{position:absolute;left:35%;top:55%;transform:translate(-50%, -50%)}.banner .triangle-right{width:100px;height:100px;border:4px solid rgba(85,85,85,.3)}.banner .title{position:absolute;left:30%;top:40%;transform:translate(-50%, -50%);width:50%}@media screen and (max-width: 768px){.banner .title{width:90%;top:24%;left:50%}}.banner .title h2{line-height:1;font-size:6rem}@media screen and (max-width: 768px){.banner .title h2{font-size:3rem}}.banner .gambar{position:absolute;top:15%;width:50%;right:0%}@media screen and (max-width: 768px){.banner .gambar{top:38%;width:100%}}.banner .gambar::before{content:"";position:absolute;bottom:-10%;opacity:.5;right:10%;height:70%;border:6px solid silver;z-index:-1;width:50%}.banner .gambar .d-block{display:block;margin:0 auto;text-align:center}.banner .gambar__one{border:4px solid #fff;display:inline-block;width:150px;margin-right:16px;margin-bottom:16px;height:200px;background:#000}.banner .gambar__one.rotate-right{transform:rotate(2deg)}.banner .gambar__one.rotate-left{transform:rotate(-2deg)}@media screen and (max-width: 768px){.banner .gambar__one{height:100px}}.banner .gambar__one img{width:100%;height:100%;object-fit:cover}.field{display:flex;align-items:center;cursor:pointer;justify-content:space-around}.mouse{width:50px;height:90px;border:3px solid #333;border-radius:60px;position:relative}.mouse::before{content:"";width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translateX(-50%);background-color:#333;border-radius:50%;opacity:1;animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite}@keyframes wheel{to{opacity:0;top:60px}}@-webkit-keyframes wheel{to{opacity:0;top:60px}}.scroll{width:60px;height:60px;border:2px solid #333;border-radius:50%;position:relative;animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite}.scroll::before{content:"";position:absolute;top:15px;left:18px;width:18px;height:18px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg)}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}@-webkit-keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}.arrow{width:0;height:40px;border:1px solid #333;position:relative;animation:scroll 1.5s infinite;-webkit-animation:scroll 1.5s infinite}.arrow::after{content:"";display:block;position:absolute;top:100%;left:-5px;width:1px;height:10px;border-top:10px solid #333;border-left:5px solid transparent;border-right:5px solid transparent}@keyframes scroll{0%{height:40px}30%{height:70px}60%{height:40px}}@-webkit-keyframes scroll{0%{height:40px}30%{height:70px}65%{height:40px}}.ceksx{position:absolute;left:50%;top:90%;z-index:12;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.berita#agustus .no-rotate{position:relative;height:220px}}@media screen and (max-width: 768px){.berita#agustus .foto{display:none}}.berita .jepret{width:fit-content;border:6px solid #fff;height:auto;transform:rotate(-3deg);margin-bottom:24px;border-radius:16px}.berita .jepret.no-rotate{transform:rotate(0deg) !important;border:0px solid #fff}@media screen and (max-width: 768px){.berita .jepret.no-rotate{width:100%}}@media screen and (max-width: 768px){.berita .jepret{width:75%;border:3px solid #fff}}.berita .jepret.reversex{transform:rotate(3deg) !important}.berita .jepret img{width:100%;height:100%;border-radius:10px;object-fit:cover}@media screen and (max-width: 768px){.berita .sticky-mode .wrap-kaleidoskop{position:initial}}.berita .transparan{position:absolute;right:-16%;width:80%;z-index:-1;top:0;height:fit-content}.berita .transparan img{width:100%;height:100%;object-fit:contain}#container{overflow:hidden;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:100%;height:100%;box-shadow:0px 0px 20px 0px rgba(0,0,0,.3);filter:sepia(30%)}@media screen and (max-width: 766px){#container{width:100%;height:30vh}}#container:after{content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 150px 20px #000;mix-blend-mode:multiply}#pic{opacity:1}.pic{position:absolute}@media screen and (max-width: 768px){.wi-70{width:85%}}@media screen and (max-width: 768px){.wi-70r{width:85%;float:right}}.clear{clear:both}.is-mobile{display:none !important}@media screen and (max-width: 768px){.is-mobile{display:block !important}}.with-bg::before{content:"";position:absolute;inset:0;background:url("../img/bg.jpg");background-size:cover;background-position:center;background-repeat:repeat;z-index:-1}@media screen and (max-width: 768px){.with-bg::before{background-size:cover}}.with-bg::after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(to top, black, rgba(0, 0, 0, 0.3), black)}.infox{background:#0e3e5e;padding:8px;border-top:3px solid #307fb5}.infox p{margin-bottom:0;font-family:"Fraunces" !important;font-size:1.3rem;text-align:center}.boxx{position:absolute;width:78%;left:56%;top:45%;border-top:2px dashed #fff;z-index:8}@media screen and (max-width: 768px){.boxx{border-top:none}}.boxx.ke-kiri{left:-30% !important;top:65% !important}@media screen and (max-width: 768px){.boxx.ke-kiri::after{border:none}}@media screen and (max-width: 768px){.boxx.ke-kiri{left:15% !important;top:80% !important}}.boxx.ke-kiri .namex{text-align:left;left:0;right:initial;padding:4px 8px;font-weight:bold;position:absolute}@media screen and (max-width: 768px){.boxx.ke-kiri .namex::after{position:absolute;content:"";top:-73%;width:50%;right:0;left:initial;height:60px;border-left:3px dashed #fff;z-index:-1;text-align:center}}.boxx .namex{text-align:right;background:#fff;width:50%;font-size:.8rem;font-family:"jost";right:0;padding:4px 8px;font-weight:bold;position:absolute}@media screen and (max-width: 768px){.boxx .namex::after{position:absolute;content:"";top:-73%;width:50%;left:-15%;height:60px;border-bottom:3px dashed #fff;z-index:-1}}@media screen and (max-width: 768px){.boxx .namex{width:90%}}.credit{min-height:auto}.credit h3{color:var(--color-yellow);font-size:3rem}@media screen and (max-width: 768px){.credit h3{font-size:2rem}}.credit .d-block{display:block;width:50%;margin:0 auto;text-align:center}@media screen and (max-width: 768px){.credit .d-block{width:80%}}.credit .d-block .alls{margin-bottom:24px;font-family:"jost"}.credit .d-block .alls .jobs{color:var(--color-red)}.credit .d-block .alls .name{color:#f2f2f2}/*# sourceMappingURL=style.css.map */