@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Michroma&family=Orbitron:wght@400..900&family=TASA+Orbiter:wght@400..800&family=Quicksand:wght@300..700&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:#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:#b7a291;background-size:contain}.preloader::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top, #b7a291, rgba(183, 162, 145, 0.6), #b7a291)}.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}.color-primary{color:#1b1b1b !important}section{padding:32px 0;background:#b7a291;min-height:100vh;z-index:11;position:relative}section h3{font-family:"Jost",sans-serif !important;font-weight:700;color:#fcfcfc;font-size:3.3rem}@media screen and (max-width: 768px){section h3{font-size:1.6rem}}section h4{font-family:"Jost",sans-serif;font-weight:700;color:#fcfcfc;font-size:2.3rem}@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:1.3rem}@media screen and (max-width: 768px){section p,section li{font-size:1.1rem}}@media screen and (max-width: 400px){section p,section li{font-size:1.1rem}}.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:#b7a291}main p{color:#1b1b1b;font-size:1.4rem}html,body{position:relative;height:100%;font-family:"TASA Orbiter",sans-serif;font-weight:400}html h1,html h2,body h1,body h2{font-family:"TASA Orbiter";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:#b7a291 !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}.hello{background:linear-gradient(to right, white, rgba(255, 255, 255, 0.7));padding:16px 32px;border-radius:16px;margin-bottom:35vh}.hello p{color:#1b1b1b}@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:relative}.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}}.source-code{margin-bottom:16px}.source-code p{font-family:"Source Code Pro";text-align:center}.creditx{min-height:auto !important;background:#89725f}.creditx .alls{width:75%;font-size:1.2rem;margin:0 auto;text-align:center;color:#fff;margin-bottom:16px}@media screen and (max-width: 768px){.creditx .alls{width:100%;font-size:1rem}}.creditx .alls .jobs{font-weight:600}.creditx::after{width:0;height:0;position:absolute;top:0;left:50%;translate:-50% -50%;border-left:25px solid rgba(0,0,0,0);border-right:25px solid rgba(0,0,0,0);border-top:50px solid #b7a291;content:""}.tgl{font-family:"Source Code Pro";margin:16px 0;width:fit-content}.alls{margin-bottom:16px}.content_indent{background:#fff}.data img{max-width:100%}.data .ag-timeline-card_img-box{width:100%;height:360px}@media screen and (max-width: 768px){.data .ag-timeline-card_img-box{height:250px}}.data .ag-format-container{width:1160px;margin:0 auto;position:relative}.data .ag-timeline-block{padding:300px 0}.data .ag-timeline_title-box{padding:0 0 30px;text-align:center}.data .ag-timeline_tagline{font-size:40px;color:#54595f}.data .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:rgba(0,0,0,0);color:rgba(0,0,0,0);font-size:80px}.data .ag-timeline_item{margin:0 0 50px;position:relative}.data .ag-timeline_item:nth-child(2n){text-align:right}.data .ag-timeline{display:inline-block;width:100%;max-width:100%;margin:0 auto;position:relative}.data .ag-timeline_line{width:4px;background-color:#393935;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%)}.data .ag-timeline_line-progress{width:100%;height:20%;background-color:#cdcecf;position:relative}.data .ag-timeline-card_box{padding:0 0 20px 50%}.data .ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 50% 20px 0}.data .ag-timeline-card_point-box{display:inline-block;margin:0 14px 0 -28px}.data .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 -28px 0 14px}.data .ag-timeline-card_point{height:50px;line-height:50px;width:50px;border:3px solid darkred;background-color:#1d1d1b;text-align:center;font-family:"ESL Legend",sans-serif;font-size:20px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.data .js-ag-active .ag-timeline-card_point{color:#1d1d1b;background-color:darkred}.data .ag-timeline-card_meta-box{display:inline-block}.data .ag-timeline-card_meta{margin:10px 0 0;font-family:"ESL Legend",sans-serif;font-weight:bold;font-size:28px;color:darkred}.data .ag-timeline-card_item{display:inline-block;width:45%;margin:-77px 0 0;background-color:#282828;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}.data .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%)}.data .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%)}.data .js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,.data .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)}.data .ag-timeline-card_arrow{height:18px;width:18px;margin-top:20px;background-color:#282828;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)}.data .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow{margin-left:-9px;margin-right:-9px}.data .ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow{margin-left:-10px;right:auto;left:0}.data .ag-timeline-card_img{width:100%;height:100%;object-fit:cover}.data .ag-timeline-card_info{padding:20px 30px}.data .ag-timeline-card_title{display:none;margin:10px 0 0;font-family:"ESL Legend",sans-serif;font-weight:bold;font-size:28px;color:#fff}.data .ag-timeline-card_desc{line-height:1.45;font-size:1.2rem;color:#fff}@media only screen and (max-width: 979px){.data .ag-timeline_line{left:30px}.data .ag-timeline_item:nth-child(2n){text-align:left}.data .ag-timeline-card_box,.data .ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 0 20px}.data .ag-timeline-card_meta-box{display:none}.data .ag-timeline-card_point-box,.data .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 0 0 8px}.data .ag-timeline-card_point{height:40px;line-height:40px;width:40px}.data .ag-timeline-card_item{width:auto;margin:-65px 0 0 75px}.data .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,.data .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%)}.data .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow{right:auto;left:0}.data .ag-timeline-card_title{display:block}.data .ag-timeline-card_arrow{margin-top:12px}}@media only screen and (max-width: 767px){.data .ag-format-container{width:96%}}@media only screen and (max-width: 639px){.data .ag-timeline_title{font-size:60px}.data .ag-timeline-card_info{padding:10px 15px}.data .ag-timeline-card_desc{font-size:1.2rem}}@media(min-width: 768px)and (max-width: 979px){.data .ag-format-container{width:750px}}@media(min-width: 980px)and (max-width: 1161px){.data .ag-format-container{width:960px}}.imagex{width:100%;height:420px;margin-bottom:16px}@media screen and (max-width: 768px){.imagex{height:fit-content}}.imagex img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.imagex img{object-fit:contain}}.banner{height:100vh;width:auto;padding:0;z-index:9;position:relative}.banner:before{content:"";opacity:.2;position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 250px 30px #000;background-image:url("../img/batako.jpg")}@media screen and (max-width: 766px){.banner{height:100%;min-height:60vh}}.banner #container{overflow:hidden;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:90%;height:90vh;box-shadow:0px 0px 20px 0px rgba(0,0,0,.3);filter:sepia(30%)}@media screen and (max-width: 766px){.banner #container{width:100%;height:100%;top:50%;border:0px solid red}}.banner #container:after{content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 150px 20px #000;mix-blend-mode:multiply}.banner #pic{opacity:1}.banner .pic{position:absolute}.banner .line{position:absolute;height:100%;width:1px;opacity:.1;background-color:#000}.banner img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.banner img{object-fit:contain;scale:1.7}}.title{text-align:center;margin-bottom:32px}@media screen and (max-width: 768px){.title{width:100%}}.title h2{font-size:4.2rem}@media screen and (max-width: 768px){.title h2{font-size:2.4rem}}.pembukaan .quote{border-bottom:1px dashed #000;margin-bottom:16px}.pembukaan .quote p{font-family:"Source Code Pro",sans-serif;margin-left:0 !important;font-size:1.5rem}@media screen and (max-width: 768px){.pembukaan .quote p{font-weight:500;font-size:1.2rem}}.fotografer{font-size:.9rem}.badge{background:red;color:#fff;padding:8px;margin:0 auto;font-size:1.1rem;width:fit-content;margin:0 auto 16px;text-align:center;display:block}.containerx{width:500%;height:100vh;display:flex;flex-wrap:nowrap}.containerx .titles{position:absolute;left:8%;top:0%}@media screen and (max-width: 768px){.containerx .titles{top:-8%;left:4%;text-align:left}}.containerx .titles h3{color:#2a2a2a}@media screen and (max-width: 768px){.containerx .titles h3{font-size:2.2rem}}.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}.firstContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#ff0}.image-bg{position:absolute;width:101%;inset:0;height:100%}@media screen and (max-width: 768px){.image-bg{position:absolute;width:101%;inset:0;height:50%;inset:initial;bottom:0;scale:1;z-index:-1}}.image-bg img{width:100%;height:100%;object-fit:cover}.panelx{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.3rem;text-align:center;position:relative;box-sizing:border-box;padding:0px}@media screen and (max-width: 768px){.panelx{font-size:1.3rem}}.panelx .box{padding:16px;z-index:5;background:hsla(0,0%,100%,.8);position:absolute;border-top:4px solid #777;border-radius:4px;top:150px;text-align:left;z-index:8;width:70%;left:65px}.panelx .box .image{position:relative;width:100%;height:360px}.panelx .box .image img{width:100%;height:100%;object-fit:contain}.panelx .box-tops{top:80px}.panelx .box-mintops{top:-8px}@media screen and (max-width: 768px){.panelx .box{width:85%;left:8px}}.panelx .box p{margin-bottom:0}.panelx .sudirman{position:absolute;left:50%;top:50%;transform:translate(0%, -50%);width:auto;height:80%;z-index:3}.panelx .sudirman img{width:100%;height:100%;object-fit:contain}.panelx .kota{position:absolute;bottom:20vh;width:100%;height:80%;z-index:3}@media screen and (max-width: 768px){.panelx .kota{position:absolute;width:150%;height:fit-content;z-index:3}}.panelx .kota img{width:100%;height:100%;object-fit:contain}.busway{width:35vw;height:auto;position:absolute;left:10%;bottom:24px;z-index:12}@media screen and (max-width: 768px){.busway{width:fit-content;height:96px;position:absolute;left:16px;bottom:46px;z-index:12}}.busway img{width:100%;height:100%;object-fit:contain}@keyframes banner{0%{transform:rotateY(0deg);left:-40px}50%{transform:rotateY(0deg);left:100%}51%{transform:rotateY(180deg);left:calc(100% + 40px)}100%{transform:rotateY(180deg);left:-40px}}.gojek{width:135px;height:135px;position:absolute;bottom:93px;left:-40px;z-index:8;animation:linear infinite;animation-name:banner;animation-duration:40s}@media screen and (max-width: 768px){.gojek{width:70px;height:70px}}.gojek img{width:100%;height:100%;object-fit:contain}@keyframes banner2{0%{transform:rotateY(180deg);right:-270px}50%{transform:rotateY(180deg);right:100%}51%{transform:rotateY(0deg);right:calc(100% + 270px)}100%{transform:rotateY(0deg);right:-270px}}.agya{position:absolute;z-index:8;right:0;width:200px;bottom:93px;animation:linear infinite;animation-name:banner2;animation-duration:40s}@media screen and (max-width: 766px){.agya{width:130px;animation-duration:20s}}.agya img{width:100%;height:100%;object-fit:contain}.titles h3{color:#2a2a2a}.quotation blockquote{font-family:"Source Code Pro";font-size:1.5rem;font-weight:500}/*# sourceMappingURL=style.css.map */