@import"https://fonts.googleapis.com/css2?family=Russo+One&family=DM+Sans:wght@400;700&family=DM+Serif+Display&family=Quicksand&family=Rubik&family=Montserrat:wght@400;700&family=Abril+Fatface&family=Poppins:wght@400;600&display=swap";.galeri-detail{position:relative}.galeri-detail h1{font-size:3.5rem;font-weight:bold;font-family:"Montserrat";color:#fff;border-bottom:4px solid;text-shadow:2px 2px #000;width:fit-content;margin:0 auto 16px;padding-bottom:8px}@media screen and (max-width: 766px){.galeri-detail h1{font-size:2rem}}.galeri-detail::before{content:"";position:fixed;left:0;right:0;top:0;z-index:3;bottom:0}.galeri-detail::after{content:"";position:fixed;inset:0;opacity:.1;z-index:2}.galeri-detail .gallery{display:flex;padding:2px;transition:.3s}.galeri-detail .gallery .imagev{display:flex;flex-direction:column;width:50%}.galeri-detail .gallery .imagev .teks{font-size:.85rem;margin:4px 0 16px;padding:0 4px;color:#fff}@media screen and (max-width: 766px){.galeri-detail .gallery .imagev{width:50%}}.galeri-detail .gallery .imagev-height__odd{height:280px;margin:2px;position:relative}.galeri-detail .gallery .imagev-height__odd::before{content:"";position:absolute;top:8px;right:8px;background-size:contain;width:20px;height:20px;opacity:.5}@media screen and (max-width: 766px){.galeri-detail .gallery .imagev-height__odd::before{width:15px;height:15px}}.galeri-detail .gallery .imagev-height__odd img{width:100%;height:100%;object-fit:cover}.galeri-detail .gallery .imagev-height__odd .teks{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top, black, transparent)}.galeri-detail .gallery .imagev-height__even{margin:2px;height:200px;position:relative}.galeri-detail .gallery .imagev-height__even::before{content:"";position:absolute;top:8px;right:8px;background-size:contain;width:20px;height:20px;opacity:.5}@media screen and (max-width: 766px){.galeri-detail .gallery .imagev-height__even::before{width:15px;height:15px}}.galeri-detail .gallery .imagev-height__even img{width:100%;height:100%;object-fit:cover}.totop{position:relative;z-index:87}.banner{position:relative;z-index:65}.banner::before{content:"";position:absolute;bottom:0;left:0;right:0;height:15vh;background:linear-gradient(to top, black, transparent)}.banner .img{width:100%;height:100vh}.banner .img img{width:100%;height:100%;object-fit:cover}.help-width{margin:0 auto;width:720px;position:relative;z-index:33}@media screen and (max-width: 766px){.help-width{width:auto}}.mukodimah{padding:32px 0}.mukodimah p{color:#ececec}.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,body,div,p{font-family:"Rubik"}.background{margin:0 auto;text-align:center;display:block;height:100vh;position:relative;z-index:999}.background img{height:100%;width:100%;object-fit:contain}.section{display:block;min-height:100vh;position:relative}.section-text{padding:4px;max-width:320px;position:relative}@media screen and (max-width: 766px){.section-text{width:auto;padding:8px}}.section-text h2,.section-text h1{font-size:28px;margin-bottom:.5em;color:#fff;padding:0;font-weight:700;position:relative;z-index:4}.section-text p{color:#fff;position:relative;z-index:4;font-size:16px;margin-bottom:0}@media screen and (min-width: 1440px){.section-text p{font-size:20px}}@media screen and (max-width: 766px){.section-text p{font-size:12px;height:auto;overflow:hidden}}.countings{position:absolute;bottom:25px;z-index:80;color:#fff;transform:translate(-50%, 0%);left:50%;font-size:14px}@media screen and (min-width: 1440px){.countings{right:180px;position:absolute;bottom:57px;z-index:80;color:#fff;transform:initial;left:initial;font-size:22px}}@media screen and (max-width: 766px){.countings{position:absolute;bottom:25px;color:#fff;right:initial;z-index:80;font-size:14px;transform:translate(-50%, 0%);left:50%}}.information{position:absolute;bottom:10%;padding:8px 0;left:50%;transform:translate(-50%, 50%);color:#fff;z-index:99;font-size:12px;width:320px;text-align:center;background:rgba(0,0,0,.8)}@media screen and (min-width: 1440px){.information{font-size:16px}}@media screen and (max-width: 766px){.information{font-size:12px}}.section-img{position:relative;display:flex}.help-width{margin:0 auto;width:720px}@media screen and (max-width: 766px){.help-width{width:auto}}.helpx{width:100% !important;z-index:90;right:initial !important;transform:translate(-50%, -50%);left:50%;top:50%}@media screen and (max-width: 766px){.helpx{height:100%}}.helpx a{color:#c46424;font-weight:bold}@media screen and (max-width: 766px){.helpx{right:initial !important}}.helpx .section-text{margin:0 auto;max-width:90%;padding:4px;display:block}@media screen and (min-width: 1440px){.helpx .section-text{width:50%}}.helpx .section-text p{margin-bottom:16px}@media screen and (max-width: 766px){.helpx .section-text p{font-size:13px}}@media screen and (min-width: 1440px){.helpx .section-text p{font-size:20px;margin-bottom:16px}}@media screen and (max-width: 766px){.helpx .section-text{width:100%;right:initial !important}}.section-img-inner{height:100vh;position:fixed;left:0;width:100%;top:0;mix-blend-mode:multiply;background-size:cover;background-repeat:no-repeat;background-position:100% 100%;filter:blur(30px);opacity:0;transition:.6s ease,opacity .6s ease,background-position .8s ease}.section-img-inner.samp1{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-9.jpeg?w=1920");background-position:50% 100% !important}.section-img-inner.samp2{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-8.jpeg?w=1920");background-position:50% 15% !important}.section-img-inner.samp3{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-7.jpeg?w=1920")}@media screen and (max-width: 766px){.section-img-inner.samp3{background-position:45% 50% !important}}.section-img-inner.samp33{background:#000;background-position:50% 0 !important}.section-img-inner.samp4{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-6.jpeg?w=1920");background-position:50% 0 !important}@media screen and (max-width: 766px){.section-img-inner.samp4{background-position:35% 100% !important}}.section-img-inner.samp5{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-5.jpeg?w=1920")}@media screen and (max-width: 766px){.section-img-inner.samp5{background-position:35% 50% !important}}.section-img-inner.samp6{background-position:50% 12% !important;background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-4.jpeg?w=1920")}@media screen and (max-width: 766px){.section-img-inner.samp6{background-position:43% 12%}}.section-img-inner.samp7{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-3.jpeg?w=1920")}@media screen and (max-width: 766px){.section-img-inner.samp7{background-position:45% 50% !important}}.section-img-inner.samp8{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-2.jpeg?w=1920");background-position:75% 5% !important}@media screen and (max-width: 766px){.section-img-inner.samp8{background-position:15% 5% !important}}.section-img-inner.samp9{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-1.jpeg?w=1920")}@media screen and (max-width: 766px){.section-img-inner.samp9{background-position:50% 5% !important}}.section-img-inner.samp10{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/09/01/lrt-beroperasi-9.jpeg?w=1920")}@media screen and (max-width: 766px){.section-img-inner.samp10{background-position:50% 5% !important}}.section-img-inner.samp11{background-image:url("https://akcdn.detik.net.id/community/media/visual/2023/06/15/penjaga-palang-pintu-rel-kereta-api-krl-10.jpeg?w=1080")}.section-img-inner.samp12{background-image:url("../img/12.jpg")}.section-img-inner.samp13{background-image:url("../img/13.jpg")}.section-img-inner.samp14{background-image:url("../img/14.jpg")}.section-img-inner.samp15{background-image:url("../img/15.jpg")}.section-img-inner.samp16{background-image:url("../img/16.jpg")}.section-body{display:block;align-items:center;margin-left:auto;order:2;position:absolute;margin-right:16px;width:auto;right:16px;bottom:16px}.section-body.leftx{right:auto;left:16px}@media screen and (max-width: 766px){.section-body{width:50%;right:0}}.close-info{position:absolute;top:-16px;right:-8px;background:#fff;color:#000;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;transition:.3s}@media screen and (min-width: 1440px){.close-info i{font-size:22px;padding-top:2px}}.close-info:hover{background:#ccc}.slick-dotted.slick-slider{margin-bottom:0}.section-body-text{padding:5vw}.section.active .section-img-inner{opacity:1;background-position:50% 50%;filter:blur(0)}.no-fade{position:relative;z-index:49;height:100vh}.no-fade .full-page{position:relative;width:100%}.no-fade .full-page .image{height:100vh}.no-fade .full-page .image img{width:100%;height:100%;object-fit:cover}.no-fade .full-page .content{position:absolute;bottom:116px;right:24px;color:#fff;z-index:99;background:rgba(0,0,0,.6);max-width:320px;font-size:14px;padding:4px}@media screen and (max-width: 766px){.no-fade .full-page .content{bottom:74px;width:fit-content}}@media screen and (min-width: 1440px){.no-fade .full-page .content{bottom:116px;font-size:20px}}.no-fade .full-page .content.leftx{text-align:left;right:initial;left:24px}.credit{background:#000;height:100vh;position:relative;z-index:101;color:#fff;display:flex;justify-content:center;align-items:center}.credit.d-block{height:100% !important}.credit .alls{display:block;margin:0 auto;text-align:center}.credit .font-std{font-size:2rem !important}@media screen and (max-width: 766px){.credit .font-std{font-size:16px !important}}.credit .thumb{width:22vw;margin:8px 0px;height:220px;display:inline-block;position:relative;margin-bottom:8px}@media screen and (min-width: 1800px){.credit .thumb{width:25vw;height:420px}}@media screen and (max-width: 766px){.credit .thumb{width:100%;margin:0 auto;height:auto;position:relative;margin-bottom:8px}}.credit .thumb .image{width:100%;height:100%}.credit .thumb .image img{width:100%;height:100%;object-fit:cover}.credit .thumb .ceki{position:absolute;bottom:0;height:100%;right:0;left:0;z-index:9;background:linear-gradient(to top, black, transparent);transition:.2s}.credit .thumb .ceki:hover{opacity:.4}.credit .thumb .namax{position:absolute;left:8px;bottom:8px;width:60%;text-align:left;font-size:16px;color:#fff}@media screen and (max-width: 766px){.credit .thumb .namax{font-size:12px;width:45%}}.credit .thumb .fax{position:absolute;right:8px;bottom:8px;color:#fff;font-size:16px}.credit .detikx{width:120px !important}.credit a:hover{text-decoration:none !important}.credit .padding{padding:8px}.credit .kotak{position:absolute;left:0;top:0;right:0;bottom:0}.credit h2{padding:8px}.credit .jobdesc{color:#fafafa;margin-top:16px;font-size:14px}.credit .naming{font-size:16px;color:#fff;font-weight:bold}.credit h2{font-weight:700;position:relative;z-index:9}.credit img{position:relative;z-index:9}.logo-detik{position:fixed;left:12px;top:12px;z-index:999;width:90px}.logo-detik img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.logo-detik{top:12px;width:80px}}#nav{display:none !important}.footer{z-index:999 !important}.logo-detik-footer{width:150px;height:auto;position:relative;z-index:999}.logo-detik-footer img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.logo-detik-footer{width:150px}}.info_{position:absolute;display:block;bottom:50%;left:50%;color:#fff;z-index:999;margin:0 auto;transform:translate(-50%, -15%);width:fit-content}@media screen and (min-width: 1440px){.info_{bottom:17%}}@media screen and (max-width: 766px){.info_{position:absolute;display:block;bottom:30%;left:49%;color:#fff;z-index:999;margin:0 auto;transform:translate(-50%, -15%);width:75%}}@media screen and (max-width: 739px){.info_{width:100%;margin-bottom:12px;bottom:50%}}.info_ h2{font-weight:bold;font-size:2rem;text-shadow:2px 2px #000;text-align:center;line-height:2rem;font-family:"Montserrat"}@media screen and (min-width: 1440px){.info_ h2{font-size:45px}}@media screen and (max-width: 766px){.info_ h2{font-size:1.8rem;margin:0 8px;text-align:center}}.isdesktop{display:block}@media screen and (max-width: 766px){.isdesktop{display:none}}.ismobile{display:none}@media screen and (max-width: 766px){.ismobile{display:block}}.order{order:-1;margin-left:16px}@media screen and (max-width: 766px){.order{margin-left:0}}.btn-modal{background:rgba(255,255,255,.5);position:relative;z-index:99;font-weight:700;cursor:pointer}.btn-modal:focus,.btn-modal:hover{box-shadow:none;background:rgba(0,0,0,.5);color:#fff}.creator{position:absolute;left:50%;bottom:0;transform:translate(-50%, 0%);width:auto;text-align:center;color:#fafafa;font-weight:bold;padding:8px;z-index:999}@media screen and (min-width: 1440px){.creator{transform:translate(-50%, -15%)}}@media screen and (max-width: 766px){.creator{transform:translate(-50%, -50%)}}.creator span,.creator div{font-size:15px}@media screen and (min-width: 1440px){.creator span,.creator div{font-size:18px}}@media screen and (max-width: 766px){.creator span,.creator div{font-size:14px}}.sticky{position:fixed !important;top:20px;z-index:99;width:100%;right:0}@media screen and (max-width: 766px){.sticky{top:40px}}#play-button{position:relative}#play-button .teks{position:absolute;right:24px;top:-16px;font-style:italic;font-weight:bold;background:rgba(255,255,255,.5)}@media screen and (max-width: 766px){#play-button .teks{display:none}}.play-button{width:36px;height:36px;background:#fff;margin:8px;cursor:pointer;padding:0px;border-radius:50%;text-align:center;position:absolute;right:0;z-index:999}@media screen and (max-width: 766px){.play-button{top:-40px;right:-8px}}.play-button i{font-size:36px;transition:.3s}.play-button i:hover,.play-button i:focus,.play-button i:active{color:#2b88b4}.alls{display:none}@media screen and (max-width: 739px){.alls{display:block}}.alls__text{position:absolute;left:50%;top:54px;color:#fff;font-size:12px;transform:translate(-50%, 50%);text-align:center}.phones{position:absolute;left:50%;color:#fff;top:32px;animation:rotate 1.5s ease-in-out infinite alternate}@keyframes rotate{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(30deg)}25%{-webkit-transform:rotate(40deg)}45%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(90deg)}70%{-webkit-transform:rotate(70deg)}75%{-webkit-transform:rotate(30deg)}100%{-webkit-transform:rotate(0deg)}}.containerx{width:800vw;height:100vh;display:flex;flex-wrap:nowrap;z-index:33}.panel{width:100%;height:100vh;background-size:cover;position:relative}.panel .descr{position:absolute;right:5vw;bottom:5vh;padding:4px;color:#fff;max-width:320px;background:rgba(0,0,0,.5)}@media screen and (max-width: 766px){.panel .descr{background:rgba(0,0,0,.5);width:50vw;font-size:11px}}.panel .descr.rightxz{right:initial !important;left:5vw}.panel img{width:100%;height:100%;object-fit:cover}.red{background-image:url("../img/10.jpg")}@media screen and (max-width: 766px){.red{background-position:74% 50%}}.blue{background-image:url("../img/9.jpg")}@media screen and (max-width: 766px){.blue{background-position:45% 0}}.orange{background-image:url("../img/11.jpg")}.purple{background-image:url("../img/12.jpg")}@media screen and (max-width: 766px){.purple{background-position:30% 0}}.gb-13{background-image:url("../img/13.jpg")}@media screen and (max-width: 766px){.gb-13{background-position:35% 0}}.gb-14{background-image:url("../img/14.jpg")}@media screen and (max-width: 766px){.gb-14{background-position:35% 0}}.gb-15{background-image:url("../img/15.jpg")}@media screen and (max-width: 766px){.gb-15{background-position:40% 0%}}.gb-16{background-image:url("../img/16.jpg")}@media screen and (max-width: 766px){.gb-16{background-position:20% 0}}.blacks{background:#000;padding:32px 0;min-height:100vh;position:relative;z-index:99}.blacks .lala{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 766px){.blacks .lala{width:85%}}.blacks p{color:#fff}@media screen and (max-width: 766px){.blacks p{font-size:14px}}.cont-right{float:right;text-align:end;width:fit-content !important}.pertama{min-height:250vh}@media screen and (max-width: 766px){.pertama{min-height:170vh}}@media screen and (min-device-width: 767px)and (max-device-width: 900px){.pertama{min-height:450vh}}.pertama p{color:#c7c7c7}/*# sourceMappingURL=style.css.map */