@import"https://fonts.googleapis.com/css2?family=Zain:wght@300;400;900&family=Russo+One:wght@400;600&family=Rubik&family=Paytone+One&family=Source+Code+Pro:wght@400;600;900&family=Jost:ital,wght@0,100..900;1,100..900&family=Roboto&family=Outfit:wght@300;400;900&family=Sigmar&family=Righteous&display=swap";@font-face{font-family:"guru";src:url("guru.woff2");src:local("guru");src:url("guru.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 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:#2f577e;background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #2f577e, rgba(47, 87, 126, 0.6), #2f577e)}.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"}.highcharts-figure,.highcharts-data-table table{min-width:310px;max-width:800px;margin:1em auto}#container{height:500px}@media screen and (max-width: 768px){#container{height:450px}}.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}section{padding:32px 0;background:#2f577e;min-height:100vh;z-index:11;position:relative}section h3{font-family:"guru",sans-serif;font-weight:700;color:#124646;font-size:2rem}@media screen and (max-width: 768px){section h3{font-size:1.6rem}}section .bg-block{background:#fff;padding:16px;border-radius:16px}section p,section li{font-size:1.3rem}@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)}.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}}.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}main p{color:#292828}html,body{position:relative;height:100%;font-family:"Jost" !important;font-weight:400}html h1,html h2,body h1,body h2{font-family:"Jost";color:#124646;font-weight:700}h4,h5{font-family:"Jost",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}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:rgba(0,0,0,.5) !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:rgba(0,0,0,.5) !important}.bg-blues{background:#2f577e !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:#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}#scroll-down-animation{position:absolute;top:90%;left:50%;z-index:3;transform:translate(-50%, -50%)}#scroll-down-animation small{color:#fafafa}.mouse{margin:0 auto;display:block;border-radius:50px;border:2px solid #fafafa;height:50px;width:25px;position:relative}.move{position:absolute;background-color:#fafafa;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}.creditx .alls{width:75%;font-size:1.2rem;margin:0 auto;text-align:center;margin-bottom:16px}@media screen and (max-width: 768px){.creditx .alls{width:100%;font-size:1rem}}.creditx .alls .jobs{font-weight:600}.tgl{font-family:"Source Code Pro";margin:16px 0;width:fit-content}.alls{margin-bottom:16px}.banner .bgbg{position:absolute;inset:0;width:100%;z-index:1;height:100%}.banner .bgbg::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(45deg, rgba(47, 87, 126, 0.9), rgba(47, 87, 126, 0.7))}.banner .bgbg img{width:100%;height:100%;object-fit:cover}@keyframes indo{0%,100%{left:50%}50%{left:53%}}.banner .indo{position:absolute;left:50%;z-index:1;top:50%;animation:indo 9s linear infinite;translate:-50% -50%;width:50%;height:auto;opacity:.1}@media screen and (max-width: 768px){.banner .indo{width:110%;top:36%}}.banner .indo img{width:100%;height:100%;object-fit:contain}.banner .image{position:absolute;bottom:0;right:0;width:42%;height:auto;z-index:5}.banner .image::after{content:"";position:absolute;bottom:0;left:0;right:0;z-index:6;height:10vh;width:100%;background:linear-gradient(to top, #2f577e, transparent)}@media screen and (max-width: 768px){.banner .image::after{width:150%;left:-50%}}@media screen and (max-width: 768px){.banner .image{position:absolute;bottom:8%;right:-16%;width:70%;height:60%}}.banner .image img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.banner .image img{object-fit:cover}}.banner .bg{position:absolute;bottom:0;left:0;width:fit-content;height:70%;z-index:2}@media screen and (max-width: 768px){.banner .bg{height:50%;left:-8%;bottom:8%}}.banner .bg img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.banner .bg img{object-fit:cover}}@keyframes MoveUpDown{0%{bottom:-15%;opacity:0}20%{bottom:-15%;opacity:1}50%{bottom:5%;opacity:1}90%{bottom:5%;opacity:0}100%{bottom:5%;opacity:0}}@keyframes MoveUpDownMob{0%{bottom:0%;opacity:0}20%{bottom:0%;opacity:1}50%{bottom:15%;opacity:1}90%{bottom:15%;opacity:0}100%{bottom:15%;opacity:0}}.banner .pensil{position:absolute;animation:MoveUpDown 8s linear infinite;bottom:0;left:0;z-index:1;width:fit-content;height:70%;scale:.7}@media screen and (max-width: 768px){.banner .pensil{height:fit-content;left:-8%;animation:MoveUpDownMob 8s linear infinite}}.banner .pensil img{width:100%;height:100%;object-fit:contain}.banner .title{position:absolute;left:50%;top:20%;z-index:6;translate:-50% -50%}@media screen and (max-width: 768px){.banner .title{width:90%;top:28%;text-align:center}}.banner .title h2{font-size:3rem;font-family:"Russo One";font-weight:400}@media screen and (max-width: 768px){.banner .title h2{font-size:2.5rem;line-height:2.5rem}}.banner svg{font-family:"Russo One",sans-serif;position:absolute;width:100%;height:auto;z-index:3;translate:-50% -50%;left:50%;top:45%}@media screen and (max-width: 768px){.banner .help-second svg{top:52% !important}}.banner .help-zero svg{top:30% !important}@media screen and (max-width: 768px){.banner .help-zero svg{top:38% !important}}.banner svg text{text-transform:uppercase;animation:stroke 5s infinite alternate;stroke-width:2;stroke:#124646;font-size:140px}@keyframes stroke{0%{fill:rgba(72,138,20,0);stroke:#124646;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:rgba(72,138,20,0);stroke:#124646}80%{fill:rgba(72,138,20,0);stroke:#124646;stroke-width:3}100%{fill:#124646;stroke:rgba(54,95,160,0);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.bannerx .bawah{position:absolute;bottom:-16px;left:-24%;width:50%;height:auto}.bannerx .bawah img{width:100%;height:100%;object-fit:contain}.bannerx .indo{position:absolute;left:50%;z-index:1;top:65%;animation:indo 9s linear infinite;translate:-50% -50%;width:50%;height:auto;opacity:.1}@media screen and (max-width: 768px){.bannerx .indo{width:110%;top:36%}}.bannerx .indo img{width:100%;height:100%;object-fit:contain}.bannerx .title{position:absolute;left:50%;top:30%;translate:-23% -50%;width:90%;z-index:6;padding:16px 32px 16px 70px}@media screen and (max-width: 768px){.bannerx .title{position:absolute;left:70%;top:32%;text-align:left;translate:-50% -50%;width:85%;z-index:6;padding:8px}}.bannerx .title h2{font-size:3.3rem;margin-bottom:0;font-family:"guru";color:#fff}@media screen and (max-width: 768px){.bannerx .title h2{font-size:2.2rem}}.bannerx .white-animate{width:170px;height:170px;position:absolute;left:24%;top:30%;translate:-35% -50%;z-index:7;border-radius:50%;vertical-align:middle;padding:16px;position:absolute;background:#fff}@media screen and (max-width: 768px){.bannerx .white-animate{left:10%;top:32%;translate:-50% -50%;z-index:7;border-radius:0 50% 50% 0%;vertical-align:middle;padding:16px;position:absolute;background:#fff;width:110px;height:110px}}.bannerx .white-animate video{width:100%;height:100%;border-radius:50%}.bannerx .cek{position:absolute;right:0;bottom:0;width:50%;height:auto}.bannerx .cek img{width:100%;height:100%;object-fit:contain}.bannerx .bgbg{position:absolute;right:8%;bottom:0;width:40%;z-index:5;height:auto}@media screen and (max-width: 768px){.bannerx .bgbg{position:absolute;right:-16%;bottom:16%;width:100%;z-index:5;height:auto}}.bannerx .bgbg img{width:100%;height:100%;object-fit:contain}.bannerx .abstract{position:absolute;inset:0;width:100%;height:auto;z-index:4}.bannerx .abstract img{width:100%;height:100%;object-fit:cover}:root{--bg-color: #f4f4f4;--line-color-1: #366;--line-color-2: #a9a9a9}.tujuan{padding:0 0 150px;background-image:linear-gradient(rgba(252, 252, 252, 0.3) 1.5px, transparent 1.5px),linear-gradient(90deg, rgba(252, 252, 252, 0.3) 1.5px, transparent 1.5px),linear-gradient(rgba(250, 250, 250, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(250, 250, 250, 0.3) 1px, transparent 1px);background-position:-1.5px -1.5px,-1.5px -1.5px,-1px -1px,-1px -1px;background-size:0 100px,0 100px,40px 40px,40px 40px}@media screen and (max-width: 768px){.tujuan{padding:0 0 32px}}.tujuan::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #2f577e, rgba(47, 87, 126, 0.6), #2f577e)}.tujuan .awan{position:absolute;bottom:-24%;width:106%;z-index:9;height:fit-content;left:-5%}@media screen and (max-width: 768px){.tujuan .awan{bottom:-4%;width:106%;left:-4%}}.tujuan .awan img{width:100%;height:100%;object-fit:cover}.tujuan .white-animate{width:220px;height:220px;display:inline-block;border-radius:50%;vertical-align:middle;padding:16px;background:#fff}@media screen and (max-width: 768px){.tujuan .white-animate{width:110px;height:110px}}.tujuan .white-animate video{width:100%;height:100%;border-radius:50%}.tujuan .kertas{padding:16px 16px 16px 62px;width:100%;height:100%;position:relative;background-color:var(--bg-color);background-image:linear-gradient(#d9eaea 2.5px, transparent 1.5px),linear-gradient(#d9eaea 2px, transparent 2px);background-position:-2.5px -2.5px,-1px -1px;background-size:0 9px,24px 38px}@media screen and (max-width: 768px){.tujuan .kertas{padding:16px 16px 16px 40px}}@media screen and (max-width: 768px){.tujuan .kertas{background-size:0 9px,24px 24px}}.tujuan .kertas::before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;height:100%;background:#efbabe}.tujuan .kertas p{margin-bottom:1.2rem}@media screen and (max-width: 768px){.tujuan .kertas p{margin-bottom:1.3rem}}.judul-h3{display:inline-block;margin-left:8px;width:50%;vertical-align:middle}.judul-h3 h3{font-size:2.3rem;color:#fff}@media screen and (max-width: 768px){.judul-h3 h3{font-size:1.7rem}}.menteri{background-image:linear-gradient(rgba(252, 252, 252, 0.3) 1.5px, transparent 1.5px),linear-gradient(90deg, rgba(252, 252, 252, 0.3) 1.5px, transparent 1.5px),linear-gradient(rgba(250, 250, 250, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(250, 250, 250, 0.3) 1px, transparent 1px);background-position:-1.5px -1.5px,-1.5px -1.5px,-1px -1px,-1px -1px;background-size:0 100px,0 100px,40px 40px,40px 40px}.menteri::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #2f577e, rgba(47, 87, 126, 0.6), #2f577e)}.menteri .image{width:100%;height:fit-content;margin:24px 0;border:8px solid #fff;border-radius:24px}.menteri .image img{width:100%;border-radius:16px;height:100%;object-fit:contain}.menteri .awan{position:absolute;bottom:-8%;width:106%;z-index:9;height:fit-content;left:-5%}@media screen and (max-width: 768px){.menteri .awan{bottom:-4%;width:100%;left:8%}}.menteri .awan img{width:100%;height:100%;object-fit:cover}.gsap-horizon{padding:0}.gsap-horizon .sepeda{transition:.3s;position:absolute;left:2%;bottom:8%;z-index:12;background-image:url("../img/anak-sepeda.png");background-size:contain;background-repeat:no-repeat;background-position:bottom;width:16vw;height:28vh}@media screen and (max-width: 768px){.gsap-horizon .sepeda{width:110px;left:1%;height:40vh}}.gsap-horizon .sepeda .roda{background-image:url("../img/roda-sepeda.png");background-size:contain;background-repeat:no-repeat;bottom:-8%;position:absolute;left:7.5%;height:70px;width:70px}@media screen and (max-width: 768px){.gsap-horizon .sepeda .roda{width:60px;height:60px;bottom:-5%;left:-18.5%}}.gsap-horizon .sepeda .roda.belakang{background-image:url("../img/roda-sepeda.png");background-size:contain;background-repeat:no-repeat;position:absolute;bottom:-10%;right:5.5%;left:initial;height:70px;width:70px}@media screen and (max-width: 768px){.gsap-horizon .sepeda .roda.belakang{width:60px;height:60px;bottom:-5%;right:-18.5%}}.pembukaan{min-height:auto}.pembukaan p{color:#fff;font-family:"guru";font-size:1.1rem}@media screen and (max-width: 768px){.pembukaan p{font-size:1rem}}:root{--text-color: #ffffff;--accent-color: #ff4081;--modal-background: rgba(0, 0, 0, 0.8);--transition-speed: 0.3s;--border-radius: 12px;--box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2)}.lini-masa{background:#fbbc89;padding:0}.lini-masa .semboyan{width:100%;height:100%;position:relative;background-color:#fbbc89;background-image:linear-gradient(rgba(252, 252, 252, 0.3) 1.5px, transparent 1.5px),linear-gradient(90deg, rgba(252, 252, 252, 0.3) 1.5px, transparent 1.5px),linear-gradient(rgba(250, 250, 250, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(250, 250, 250, 0.3) 1px, transparent 1px);background-position:-1.5px -1.5px,-1.5px -1.5px,-1px -1px,-1px -1px;background-size:0 100px,0 100px,40px 40px,40px 40px}.lini-masa .semboyan::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #fbbc89, transparent, #fbbc89)}.lini-masa .judul{font-size:2.8rem;color:#1d1d1b}@media screen and (max-width: 768px){.lini-masa .judul{font-size:2.2rem}}.lini-masa .blocking{display:block;margin-bottom:24px}.lini-masa .blocking .naming{display:inline-block;vertical-align:top}.lini-masa .blocking .naming h4{font-size:2.4rem}.lini-masa .blocking .desc{display:inline-block;margin-left:8px;width:80%;vertical-align:top}.lini-masa .contentx{margin-bottom:24px;position:relative}.lini-masa .contentx .guru{position:absolute;right:-16px;bottom:0;width:140px;height:auto;filter:drop-shadow(-2px 0px 0px #fff)}@media screen and (max-width: 768px){.lini-masa .contentx .guru{right:-16%;bottom:0;width:120px}}.lini-masa .contentx .guru img{width:100%;height:100%;object-fit:contain}.lini-masa .contentx .titlex{padding:16px;background:#fff;width:fit-content}@media screen and (max-width: 768px){.lini-masa .contentx .titlex{padding:8px}}.lini-masa .contentx .titlex h4{font-size:1.5rem;font-family:"Source Code Pro" !important}@media screen and (max-width: 768px){.lini-masa .contentx .titlex h4{font-size:1.3rem}}.lini-masa .contentx .desc{padding:16px 120px 16px 16px;background:linear-gradient(to right, #eaeaea, rgba(234, 234, 234, 0.5))}@media screen and (max-width: 768px){.lini-masa .contentx .desc{padding:8px 65px 8px 8px}}.wrapper,.content{position:relative;width:100%;z-index:1}.content .section{padding:64px 0}.content .section{width:100%;position:relative;min-height:100vh}.content .section.hero{background-image:url("../img/kelas.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.image-container{width:100%;height:100vh;position:absolute;top:0;left:0;right:0;z-index:2;perspective:500px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center center}.kuri{background:#ddd}.kuri::before{width:0;height:0;position:absolute;left:50%;z-index:10;top:0;translate:-50% 0%;border-left:16px solid transparent;border-right:16px solid transparent;border-top:24px solid #777;content:""}.kertas{padding:16px 16px 16px 32px;width:100%;height:100%;position:relative;background-color:var(--bg-color);background-image:linear-gradient(#d9eaea 2.5px, transparent 1.5px),linear-gradient(#d9eaea 2px, transparent 2px);background-position:-2.5px -2.5px,-1px -1px;background-size:0 9px,24px 38px}@media screen and (max-width: 768px){.kertas{background-size:0 9px,24px 24px}}.kertas::before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;height:100%;background:#efbabe}.kertas p{margin-bottom:1.2rem}@media screen and (max-width: 768px){.kertas p{margin-bottom:1.3rem}}.hello li{scroll-snap-align:center;padding-left:.2em}.hello li{scroll-snap-align:center;padding-left:.2em}.hello li>span{display:inline-block}.hello .cols2{padding-left:20px;display:flex}.hello h1,.hello ul,.hello li{font-weight:800;color:#1d1d1b;line-height:2.2rem;font-family:"guru";font-size:2rem;margin:8px 0}@media screen and (max-width: 768px){.hello h1,.hello ul,.hello li{margin:2px 0;font-size:1.5rem;line-height:2rem}}.hello h1{flex-grow:0;align-self:flex-start}.hello ul{list-style-type:none;padding-left:0}.btn-click{background:#fff;padding:16px;font-weight:bold;font-size:1.5rem}.lanjut{position:absolute;right:8%;bottom:32px;font-size:17px;text-transform:uppercase;text-decoration:none;padding:1em 2.5em;display:inline-block;cursor:pointer;border-radius:6em;transition:all .2s;border:none;font-weight:700;color:#000;background-color:#fff}.lanjut:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.lanjut:hover::after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.lanjut:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.lanjut::after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.containerx{width:2700%;height:100vh;display:flex;flex-wrap:nowrap}.containerx .rutex{display:block;margin-bottom:8px}@media screen and (max-width: 768px){.containerx .rutex{margin-bottom:4px}}.containerx .bullet{width:35px;height:35px;background:#49efc3;border-radius:50%;text-align:center;padding:3px;font-weight:600;vertical-align:middle;color:#0a4e3c;font-size:1.2rem;display:inline-block}.containerx .bullet.or{background:#f7bd42}.containerx .namex{font-family:"jost";font-size:1.2rem;vertical-align:middle;display:inline-block;width:80%}@media screen and (max-width: 768px){.containerx .namex{font-size:1rem}}.containerx .road{width:100%;height:20vh;background:#555;position:absolute;z-index:3;bottom:0}.containerx .lane{width:100%;height:6px;background:repeating-linear-gradient(80deg, #fff 10%, #fff 50%, transparent 75%, transparent 100%);position:absolute;top:50%;transform:translateY(-50%);background-size:40px 100%}.containerx .sidewalk{width:100%;height:10px;background:#777;position:absolute}.containerx .sidewalk.top{top:0}.containerx .sidewalk.bottom{bottom:0}.containerx .panelx{width:100%;height:100%;font-size:1.5em;position:relative;box-sizing:border-box;padding:0px}.containerx .panelx .fas{position:absolute;right:0;bottom:-16px;z-index:8;font-size:2.5rem;rotate:-32deg;color:#fff}.containerx .panelx.subuh{background:#a2dbcd}.containerx .panelx.siang{background:linear-gradient(to left, #a2dbcd, #ffd186)}.containerx .panelx.siang-full{background:#ffd186}.containerx .panelx.sore{background:linear-gradient(to right, #a2dbcd, #ffd186)}.containerx .panelx.hujan{background:linear-gradient(to right, #ffd186, #723a0d)}.containerx .panelx.hujan-cerah{background:linear-gradient(to left, #ffd186, #723a0d)}.containerx .panelx.hujan-full{background:#723a0d}.containerx .panelx .title{position:absolute;top:2%;left:8%}.containerx .panelx h3{color:#2f577e}.containerx .panelx .button-info{position:absolute;z-index:7;top:24%}.containerx .panelx .tahun-besar{position:absolute;top:78px;left:5%}.containerx .panelx .tahun-besar.cbsa{width:50%}@media screen and (max-width: 768px){.containerx .panelx .tahun-besar.cbsa{width:100%}}.containerx .panelx .tahun-besar.cbsa h4{color:#eaeaea}.containerx .panelx .tahun-besar.kbk{width:40%;top:60px}@media screen and (max-width: 768px){.containerx .panelx .tahun-besar.kbk{top:50px;width:100%}}@media screen and (max-width: 768px){.containerx .panelx .tahun-besar.kbk h4{font-size:2.2rem;line-height:2.2rem}}.containerx .panelx .tahun-besar.baris{width:90%;left:5%;z-index:6;top:76px}@media screen and (max-width: 768px){.containerx .panelx .tahun-besar.baris{top:99px}}@media screen and (max-width: 768px){.containerx .panelx .tahun-besar{top:95px;left:-4%}}.containerx .panelx .tahun-besar h4{font-size:3.3rem;color:#2e7d32}@media screen and (max-width: 768px){.containerx .panelx .tahun-besar h4{font-size:2.3rem;line-height:2.3rem}}.containerx .panelx .kuningx{background:rgba(255,252,171,.8) !important}.containerx .panelx .box{padding:16px;z-index:5;background:rgba(255,255,255,.7);position:absolute;border-top:4px solid #777;border-radius:4px;top:100px;text-align:left;width:40%;left:65px}.containerx .panelx .box.ki{top:45px}.containerx .panelx .box .foto-mentri{position:relative;float:left;margin:0 16px 16px 0;width:215px;height:250px}@media screen and (max-width: 768px){.containerx .panelx .box .foto-mentri{float:left;width:100%;height:200px}}.containerx .panelx .box .foto-mentri .credits{bottom:0;padding:0px 16px;position:absolute;background:linear-gradient(to right, white, rgba(255, 255, 255, 0.8))}.containerx .panelx .box .foto-mentri .credits p{font-size:.9rem}.containerx .panelx .box .foto-mentri .credits p.bold{font-weight:bold}.containerx .panelx .box .foto-mentri img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.containerx .panelx .box p,.containerx .panelx .box li{font-size:1.1rem}}.containerx .panelx .box-foto{width:100px;height:100px;float:left}.containerx .panelx .box-foto img{width:100%;height:100%;object-fit:cover}.containerx .panelx .box-tops{top:125px}.containerx .panelx .box-tops.agak{top:72px}@media screen and (max-width: 768px){.containerx .panelx .box-tops.baris{top:165px}}.containerx .panelx .box-tops.kbkx{top:170px}@media screen and (max-width: 768px){.containerx .panelx .box-tops.kbkx{top:115px}}.containerx .panelx .box-tops.cbsa{top:190px}@media screen and (max-width: 768px){.containerx .panelx .box-tops.cbsa{top:158px}}.containerx .panelx .box-mintops{top:-8px}@media screen and (max-width: 768px){.containerx .panelx .box{width:85%;left:8px;background:rgba(255,255,255,.7)}}.containerx .panelx .box p{margin-bottom:0}.containerx .panelx .sudirman{position:absolute;left:50%;top:50%;transform:translate(0%, -50%);width:auto;height:80%;z-index:3}.containerx .panelx .sudirman img{width:100%;height:100%;object-fit:contain}.containerx .panelx .kota{position:absolute;bottom:20vh;width:100%;height:80%;z-index:1}@media screen and (max-width: 768px){.containerx .panelx .kota{position:absolute;width:150%;height:fit-content;z-index:3}}.containerx .panelx .kota img{width:100%;height:100%;object-fit:contain}.containerx .btn{padding:15px 30px;border:none;cursor:pointer;color:var(--text-color);font-size:2.5rem;border-radius:var(--border-radius);transition:transform var(--transition-speed),box-shadow var(--transition-speed);position:relative;overflow:hidden;font-weight:bold;letter-spacing:1px}@media screen and (max-width: 768px){.containerx .btn{font-size:2rem;padding:8px 16px}}.btn-3d{background:#4caf50;box-shadow:0 10px #2e7d32;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.btn-3d:hover,.btn-3d:focus{box-shadow:#1d6122 0px 4.67574px 0px 0px;transform:translateY(5.32426px)}.card{padding:0}.card-header{padding:0}.card-body{padding:.75rem 1.25rem}.card-body p{font-family:"Source Code Pro";font-size:1.1rem !important}@media screen and (max-width: 768px){.card-body p{font-size:.9rem !important}}.card button{font-size:1.2rem;outline:0;border:none;font-family:"Source Code Pro";background:#e2e2e2;padding:8px 16px;font-weight:600}@media screen and (max-width: 768px){.card button{font-size:.9rem}}.card button.collapsed::after{content:""}.card button::after{content:"";font-family:"Font Awesome 5 Pro";font-weight:900;float:right}.contain{object-fit:contain !important}@media screen and (max-width: 768px){.kiki{height:135px !important}}.standing{rotate:-24deg;transition:.3s}.standing-down{rotate:24deg;transition:.3s}@keyframes pesawat{0%{top:8%;scale:.3;left:8%;opacity:0}20%{top:8%;left:8%;scale:.3;opacity:.6}50%{top:5%;left:5%;scale:.7;opacity:.6}80%{top:5%;left:5%;scale:.7;opacity:.6}90%{top:5%;left:5%;scale:.7;opacity:0}100%{top:5%;left:5%;scale:.7;opacity:0}}.pesawat{animation:pesawat 8s linear infinite;position:absolute;top:5%;opacity:.5;left:5%;width:200px;height:auto}@media screen and (max-width: 768px){.pesawat{width:135px}}.pesawat img{width:100%;height:100%;object-fit:contain}.ktsp{top:28px !important}@media screen and (max-width: 768px){.ktsp{top:42px !important}}.ag-format-container{width:100%;margin:0 auto;position:relative}.ag-timeline-block{padding:10px 0}.ag-timeline_title-box{padding:0 0 30px;text-align:center}.ag-timeline_tagline{font-size:40px;color:#54595f}.ag-timeline_title{background-image:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;color:transparent;font-size:80px}.ag-timeline_item{margin:0 0 50px;position:relative}.ag-timeline_item:nth-child(2n){text-align:right}.ag-timeline{display:inline-block;width:100%;max-width:100%;margin:0 auto;position:relative}.ag-timeline_line{width:4px;background-color:#f1f5ff;position:absolute;top:2px;left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.ag-timeline_line-progress{width:100%;height:20%;background-color:#6498cf;position:relative}.ag-timeline_line-progress .imgs{position:absolute;bottom:0px;width:50px;left:0px;height:50px;z-index:999;max-width:initial}@media screen and (max-width: 768px){.ag-timeline_line-progress .imgs{width:30px;height:30px}}.ag-timeline_line-progress .imgs img{width:100%;height:100%;object-fit:contain}.ag-timeline-card_box{padding:0 0 20px 50%}.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 50% 20px 0}.ag-timeline-card_point-box{display:inline-block;margin:0 14px 0 -28px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 -28px 0 14px}.ag-timeline-card_point{height:64px;line-height:64px;width:64px;border:3px solid skyblue;background-color:#fff;text-align:center;font-family:"Jost",sans-serif;font-size:20px;font-weight:bold;color:#1d1d1b;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.js-ag-active .ag-timeline-card_point{color:#fff;background-color:#6498cf}.ag-timeline-card_meta-box{display:inline-block}.ag-timeline-card_meta{margin:10px 0 0;font-family:"Jost";font-weight:bold;font-size:28px;color:#1d1d1b}.ag-timeline-card_item{display:inline-block;width:45%;margin:-77px 0 0;background-color:#f3f3f3;opacity:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.5);-o-box-shadow:0 0 0 0 rgba(0,0,0,.5);box-shadow:0 0 0 0 rgba(0,0,0,.5);-webkit-transition:-webkit-transform .5s,opacity .5s;-moz-transition:-moz-transform .5s,opacity .5s;-o-transition:-o-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;position:relative}.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item{-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);transform:translateX(-200%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.ag-timeline-card_arrow{height:18px;width:18px;margin-top:20px;background-color:#f3f3f3;z-index:-1;position:absolute;top:0;right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow{margin-left:calc(-18px / 2);margin-right:calc(-18px / 2)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow{margin-left:-10px;right:auto;left:0}.ag-timeline-card_img{width:100%}.ag-timeline-card_info{padding:20px 30px}.ag-timeline-card_title{display:none;font-family:"Source Code Pro",sans-serif;font-weight:bold;font-size:24px;line-height:28px;color:#1d1d1b;margin-bottom:16px}.ag-timeline-card_desc{line-height:1.45;font-size:1.2rem;color:#1d1d1b}@media only screen and (max-width: 979px){.ag-timeline_line{left:40px}.ag-timeline_item:nth-child(2n){text-align:left}.ag-timeline-card_box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 0 20px}.ag-timeline-card_meta-box{display:none}.ag-timeline-card_point-box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 0 0 8px}.ag-timeline-card_item{width:auto;margin:-65px 0 0 75px}.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow{right:auto;left:0}.ag-timeline-card_title{display:block}.ag-timeline-card_arrow{margin-top:12px}}@media only screen and (max-width: 767px){.ag-format-container{width:96%}.ag-timeline-card_img{height:auto;width:auto}}@media only screen and (max-width: 639px){.ag-timeline_title{font-size:60px}.ag-timeline-card_info{padding:10px 15px}.ag-timeline-card_desc{font-size:14px}}@media(min-width: 768px)and (max-width: 979px){.ag-format-container{width:750px}}@media(min-width: 980px)and (max-width: 1161px){.ag-format-container{width:960px}}.modal-dialog{border-radius:24px}.modal-dialog .close{position:absolute;right:16px;z-index:19}.modal-content{height:80vh;border-radius:24px}@media screen and (max-width: 768px){.modal-title{width:80%}}.modal-header .papan{position:relative;width:100%;margin:0 auto 32px;height:280px}.modal-header .papan img{width:100%;height:100%;object-fit:contain}.modal-body{overflow-x:hidden;height:80vh;border-radius:24px;background:linear-gradient(to bottom, #ffc45f, #f6d59a);overflow-y:auto;padding:2.5rem}.modal-body .foto-mentri{position:relative;float:left;margin:0 16px 70px 0;width:215px;height:250px}@media screen and (max-width: 768px){.modal-body .foto-mentri{float:left;width:100%;height:200px}}.modal-body .foto-mentri .credits{bottom:0;padding:8px 16px 4px;position:relative;background:linear-gradient(to right, white, rgba(255, 255, 255, 0.8))}.modal-body .foto-mentri .credits p{font-size:.9rem;margin-bottom:4px;line-height:.9rem}.modal-body .foto-mentri .credits p.bold{font-weight:bold}.modal-body .foto-mentri img{width:100%;height:100%;object-fit:cover}.modal-body .detail-title{position:relative;height:280px;width:100%}.modal-body .judul{position:absolute;left:50%;background:rgba(120,56,35,.5);top:50%;translate:-50% -50%;width:70%;z-index:4;padding:16px;color:#fff;text-align:center;border-radius:16px}@media screen and (max-width: 768px){.modal-body .judul{width:90%}}.modal-body .judul h3{font-family:"Source Code Pro";font-weight:bold;font-size:2.2rem}@media screen and (max-width: 768px){.modal-body .judul h3{font-size:1.8rem}}.modal-body .papan{position:absolute;width:100%;left:50%;top:50%;translate:-50% -50%;height:100%}@media screen and (max-width: 768px){.modal-body .papan{top:55%}}.modal-body .papan img{width:100%;height:100%;object-fit:contain}.modal-body p,.modal-body li{font-size:1.2rem}@media screen and (max-width: 768px){.modal-body{padding:2rem}}.modal-footer{padding:0}.modal-footer .images{position:absolute;right:-8%;bottom:0;width:240px;filter:drop-shadow(-3px 3px 0px white);height:auto}@media screen and (max-width: 768px){.modal-footer .images{right:-16%}}.modal-footer .images img{width:100%;height:100%;object-fit:contain}::-webkit-scrollbar{width:10px;position:absolute;right:-8%}::-webkit-scrollbar-track{border-radius:10px;background:#ccc}::-webkit-scrollbar-thumb{background:#ff4500;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:orange}.rain{position:absolute;left:0;width:100%;height:100%;z-index:2}.rain.back-row{display:none;z-index:1;bottom:60px;opacity:.5}body.back-row-toggle .rain.back-row{display:block}.drop{position:absolute;bottom:100%;width:15px;height:120px;pointer-events:none;animation:drop .5s linear infinite}@keyframes drop{0%{transform:translateY(0vh)}75%{transform:translateY(90vh)}100%{transform:translateY(90vh)}}.stem{width:1px;height:60%;margin-left:7px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));animation:stem .5s linear infinite}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}100%{opacity:0}}.splat{width:15px;height:10px;border-top:2px dotted rgba(255,255,255,.5);border-radius:50%;opacity:1;transform:scale(0);animation:splat .5s linear infinite;display:none}body.splat-toggle .splat{display:block}@keyframes splat{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}.toggles{position:absolute;top:0;left:0;z-index:3}.toggle{position:absolute;left:20px;width:50px;height:50px;line-height:51px;box-sizing:border-box;text-align:center;font-family:sans-serif;font-size:10px;font-weight:bold;background-color:rgba(255,255,255,.2);color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;transition:background-color .3s}.toggle:hover{background-color:rgba(255,255,255,.25)}.toggle:active{background-color:rgba(255,255,255,.3)}.toggle.active{background-color:rgba(255,255,255,.4)}.splat-toggle{top:20px}.back-row-toggle{top:90px;line-height:12px;padding-top:14px}.single-toggle{top:160px}body.single-toggle .drop{display:none}body.single-toggle .drop:nth-child(10){display:block}.clock{width:300px;right:40%;top:16%;position:absolute;height:300px;border-radius:50%;background:#e0e5ec;display:flex;justify-content:center;align-items:center;z-index:18;transform:scale(0.2)}@media screen and (max-width: 768px){.clock{top:38%;right:initial;left:50%;transform:scale(0.2)}}.clock-face{position:relative;width:90%;height:90%;border-radius:50%;background:#e0e5ec;box-shadow:inset 10px 10px 20px #a3b1c6,inset -10px -10px 20px #fff}.hand{position:absolute;background:#333;transform-origin:50% 100%;transition:transform .5s cubic-bezier(0.4, 2.3, 0.6, 1);border-radius:5px}.hour-hand{width:6px;height:60px;top:28%;left:50%;transform:translateX(-50%) rotate(0deg)}.minute-hand{width:4px;height:90px;top:17%;left:50%;transform:translateX(-50%) rotate(0deg)}.second-hand{width:2px;height:100px;top:13%;left:50%;transform:translateX(-50%) rotate(0deg);background:#ff6f61}.center-dot{width:13px;height:13px;background:#333;border-radius:50%;position:absolute;top:50%;left:49%;transform:translate(-50%, -50%);box-shadow:0 0 10px rgba(0,0,0,.2)}.number{position:absolute;font-size:18px;font-weight:bold;color:#333;text-shadow:2px 2px 4px #a3b1c6,-2px -2px 4px #fff}.number-12{top:10px;left:50%;transform:translateX(-50%)}.number-3{top:50%;right:10px;transform:translateY(-50%)}.number-6{bottom:10px;left:50%;transform:translateX(-50%)}.number-9{top:50%;left:10px;transform:translateY(-50%)}/*# sourceMappingURL=style.css.map */