@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eot");src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype"),url("../fonts/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}body,html{font-size:100%;padding:0;margin:0;height:100%}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Montserrat",Calibri,Arial,sans-serif;color:#484b4c;background:#efe9e9;font-weight:300}body p{font-size:22px}@media screen and (max-width: 766px){body p{font-size:20px}}main a{color:#f0f0f0;text-decoration:none;font-weight:700;letter-spacing:2px;padding:0 5px;font-size:80%}main a:hover{color:#fff}.containerx{height:60vh;width:80vw;margin:16px auto;z-index:23;display:block;text-align:center;position:relative}@media screen and (max-width: 766px){.containerx{width:100%;height:80vh}}.bl-main{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);overflow:hidden}@media screen and (max-width: 766px){.bl-main{width:100%;transform:initial;left:initial;top:initial}}.helper-section{background:#efe9e9 !important;width:fit-content;margin:0 auto;display:block !important;text-align:center}.helper-section .bl-box{cursor:initial !important}.helper-section{background:#fff;display:inline-block}.bl-main>section{width:32%;background:#fff;display:inline-block;margin:0 2px;height:calc(100% - 36px)}@media screen and (max-width: 766px){.bl-main>section{width:calc(100% - 12px);background:#fff;height:calc(32% - 6px);margin:4px 0}}.bl-main>section:first-child{top:0;left:0}.bl-main>section:nth-child(2){top:0;left:50%}.bl-main>section:nth-child(3){top:50%;left:0}.bl-main>section:nth-child(4){top:50%;left:50%}.bl-box{position:relative;width:100%;height:100%;cursor:pointer;opacity:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.bl-box .imagex{width:100%;height:100%}.bl-box .imagex img{width:100%;height:100%;object-fit:contain}.bl-box .image{width:50%;height:100%;margin-left:16px}@media screen and (max-width: 766px){.bl-box .image{width:auto;height:auto}}.bl-box .image img{width:100%;height:100%;object-fit:cover}.bl-box .wrapper{display:flex}@media screen and (max-width: 766px){.bl-box .wrapper{display:block}}.bl-box .wrapper .static-txt{font-size:22px;padding:54px 0px;position:relative}@media screen and (max-width: 766px){.bl-box .wrapper .static-txt{padding:0px 0px;text-align:left}}.bl-box .wrapper .dynamic-txts{margin-left:0;height:90px;padding-left:8px;line-height:90px;overflow:hidden}@media screen and (max-width: 766px){.bl-box .wrapper .dynamic-txts{padding:0;height:82px;padding-left:8px;margin:0}}.bl-box .dynamic-txts li{list-style:none;color:#daa520;margin:initial;font-size:40px;font-weight:700;text-align:left;position:relative;top:0;animation:slide 12s steps(4) infinite}@media screen and (max-width: 766px){.bl-box .dynamic-txts li{font-size:24px;left:0}}@keyframes slide{100%{top:-360px}}.bl-box .dynamic-txts li span{position:relative;margin:5px 0;font-size:inherit;line-height:90px}.bl-box .dynamic-txts li span::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#efe9e9;border-left:2px solid #daa520;animation:typing 3s steps(10) infinite}@keyframes typing{40%,60%{left:calc(100% + 30px)}100%{left:0}}.bl-box h2{text-align:center;margin:0;padding:20px;width:100%;font-size:1.8em;letter-spacing:2px;font-weight:700;text-transform:uppercase}@media screen and (max-width: 766px){.bl-box h2{font-size:21px}}.bl-icon{font-family:"Montserrat";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;cursor:pointer;-webkit-font-smoothing:antialiased}.bl-icon:before{display:block;font-size:2em;margin-bottom:10px}.credit{padding:32px 0;background:#3d2e2e;text-align:center;margin:0 auto;display:block}.credit .wrapings{display:block;width:50%;margin:0 auto 4px}@media screen and (max-width: 766px){.credit .wrapings{width:100%}}.credit .name,.credit .jobdesc{color:#fff;display:inline-block;vertical-align:top;font-weight:bold;font-family:"Comic Neue"}@media screen and (max-width: 766px){.credit .name,.credit .jobdesc{font-size:14px}}.credit .name{text-align:left;width:45%;font-size:18px;vertical-align:middle}@media screen and (max-width: 766px){.credit .name{font-size:16px}}.credit .jobdesc{text-align:right;width:45%;font-size:15px;margin-right:16px;vertical-align:middle}@media screen and (max-width: 766px){.credit .jobdesc{font-size:14px;width:40%}}.bl-main>section .bl-icon-close{position:absolute;top:20px;right:20px;cursor:pointer;z-index:100;opacity:0;pointer-events:none;font-family:"FontAwesome"}@media screen and (max-width: 766px){.bl-main>section .bl-icon-close{top:10px}}.bl-icon-close:before{content:""}.bl-content,div.bl-panel-items>div>div{opacity:0;pointer-events:none;position:absolute;top:60px;left:30px;right:30px;bottom:30px;text-align:left;padding:0 20px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 766px){.bl-content,div.bl-panel-items>div>div{left:0px;right:30px;text-align:left}}.bl-content .comic{display:flex;flex-wrap:wrap;font-family:"Comic Neue",cursive;padding:1vmin}.bl-content .panel{background-color:#fff;border:solid 2px #000;box-shadow:0 6px 6px -6px #000;display:inline-block;flex:1 1;height:320px;margin:1vmin;overflow:hidden;position:relative}.bl-content .panel__img{position:absolute;right:16px;bottom:0;width:230px;height:230px;z-index:2}.bl-content .panel__img.lefts{right:initial;left:24px}.bl-content .panel__img img{width:100%;height:100%;object-fit:contain}.bl-content .text{background-color:#fff;border:solid 2px #000;margin:0;color:#111;font-weight:700;padding:3px 10px}.bl-content .top-left{left:-6px;position:absolute;top:-2px;transform:skew(-15deg)}.bl-content .bottom-right{bottom:-2px;z-index:9;position:absolute;right:-6px;transform:skew(-15deg)}.bl-content .speech{background-color:#fff;border:solid 2px #000;border-radius:12px;display:inline-block;color:#111;font-weight:700;margin:.5em;padding:.5em 1em;position:relative}.bl-content .speech.kekanan:before,.bl-content .speech.kekanan:after{transform:skew(50deg)}.bl-content .speech.kekanan::before{left:27px}.bl-content .speech.satu{position:absolute;right:32px;width:50%}@media screen and (max-width: 766px){.bl-content .speech.satu{top:0;width:80%;right:0px}}.bl-content .speech:before{border:solid 12px transparent;border-left:solid 12px #000;border-top:solid 12px #000;bottom:-24px;content:"";height:0;left:24px;position:absolute;transform:skew(-15deg);width:0}.bl-content .speech:after{border:solid 10px transparent;border-left:solid 10px #fff;border-top:solid 10px #fff;bottom:-19px;content:"";height:0;left:27px;position:absolute;transform:skew(-15deg);width:0}.bl-content .panel:nth-child(1){flex-basis:420px}@media screen and (min-width: 1400px){.bl-content .panel:nth-child(1){flex-basis:620px}}.bl-content .panel:nth-child(2){flex-basis:620px}@media screen and (min-width: 1400px){.bl-content .panel:nth-child(2){flex-basis:800px}}.bl-content .panel:nth-child(3){flex-basis:420px}@media screen and (min-width: 1400px){.bl-content .panel:nth-child(3){flex-basis:600px}}.bl-content .panel:nth-child(4){flex-basis:200px}@media screen and (min-width: 1400px){.bl-content .panel:nth-child(4){flex-basis:520px}}.bl-content .panel:nth-child(5){flex-basis:200px}.bl-content .panel:nth-child(6){flex-basis:200px}.bl-content .panel:nth-child(7){flex-basis:400px}.bl-content .panel:nth-child(8){flex-basis:200px}.bl-content .panel:nth-child(9){flex-basis:200px}.bl-content .panel:nth-child(4n+1){background-image:radial-gradient(circle, yellow, orange)}.bl-content .panel:nth-child(4n+2){background-image:radial-gradient(circle, #ccc, #fafafa)}.bl-content .panel:nth-child(4n+3){background-image:radial-gradient(circle, palegreen, yellowgreen)}.bl-content .panel:nth-child(4n+4){background-image:radial-gradient(circle, lightcoral, tomato)}.bl-content p{padding-bottom:15px;font-size:18px;line-height:22px;margin:8px 0}.bl-content h2{font-size:3em;font-weight:300;margin:0 0 8px 0;text-align:center;font-family:"Bubblegum Sans",serif}.bl-content h3{font-family:"Bubblegum Sans",serif;text-align:center;font-size:2em;margin:0;color:#949088}.bl-content article{padding:20px 40px 20px 0px}.bl-content article h3{font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px 0;padding-top:20px;font-size:1.4em}.bl-content article a{color:rgba(0,0,0,.2)}.bl-content>ul{list-style:none;padding:0;margin:0}.bl-content>ul li{display:inline-block;width:20%;margin:1%}.bl-content>ul li a{display:block;padding:0;border:8px solid rgba(0,0,0,.1)}.bl-content>ul li a img{display:block;max-width:100%}div.bl-panel-items,div.bl-panel-items>div{width:100%;height:100%;top:0;left:0;position:absolute}div.bl-panel-items>div>div{width:60%;margin:0 auto;opacity:1;bottom:90px;top:90px;pointer-events:auto}div.bl-panel-items>div>div h3{font-size:2.4em;font-weight:300;margin:0 0 20px 0}div.bl-panel-items>div>div p{font-size:1.3em}div.bl-panel-items>div>div img{float:left;margin:0 20px 20px 0;max-width:100%}div.bl-panel-items{top:100%;z-index:9999}div.bl-panel-items>div{background:#3ba5db;z-index:0;opacity:0;-webkit-transform:translateY(0);-webkit-transition:-webkit-transform .5s ease-in-out,opacity 0s linear .5s;-moz-transform:translateY(0);-moz-transition:-moz-transform .5s ease-in-out,opacity 0s linear .5s;transform:translateY(0);transition:transform .5s ease-in-out,opacity 0s linear .5s;-ms-transform:translateY(0)}div.bl-panel-items nav{position:absolute;z-index:9999;width:216px;left:50%;top:0px;margin-left:-108px;opacity:0;-webkit-transition:opacity .2s ease-in-out .5s;-moz-transition:opacity .2s ease-in-out .5s;transition:opacity .2s ease-in-out .5s}div.bl-panel-items.bl-panel-items-show nav span{float:left;margin:5px}div.bl-panel-items nav span.bl-next-work{font-weight:700;letter-spacing:2px;display:block;text-transform:uppercase;line-height:2em;cursor:pointer;margin-right:2em}div.bl-panel-items.bl-panel-items-show nav{opacity:1;top:-70px}div.bl-panel-items>div.bl-show-work{z-index:1000;opacity:1;-webkit-transform:translateY(-100%);-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transform:translateY(-100%);-moz-transition:-moz-transform .5s ease-in-out;transform:translateY(-100%);transition:transform .5s ease-in-out;-ms-transform:translateY(-100%)}div.bl-panel-items>div.bl-hide-current-work{opacity:0;-webkit-transition:-webkit-transform .5s ease-in-out,opacity .5s ease-in-out;-webkit-transform:translateY(-100%) scale(0.5);-moz-transition:-moz-transform .5s ease-in-out,opacity .5s ease-in-out;-moz-transform:translateY(-100%) scale(0.5);transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translateY(-100%) scale(0.5);-ms-transform:translateY(-100%) scale(0.5);z-index:0}.bl-main>section{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.bl-main>section.bl-expand{width:100%;height:100%;top:0;left:0}.bl-main>section.bl-expand ::-webkit-scrollbar{width:10px;position:relative}.bl-main>section.bl-expand ::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #ccc;border-radius:5px}.bl-main>section.bl-expand ::-webkit-scrollbar-thumb{background:#b9b9b9;border-radius:10px;cursor:pointer}.bl-main>section.bl-expand ::-webkit-scrollbar-thumb:hover{background:#888}.bl-main>section.bl-expand-top{z-index:100;position:fixed}@media screen and (max-width: 766px){.bl-main>section.bl-expand-top{margin:0 !important}}.bl-main>section:first-child.bl-expand{background:#fff}.bl-main>section:nth-child(2).bl-expand{background:#fff}.bl-main>section:nth-child(3).bl-expand{background:#fff}.bl-main>section:nth-child(4).bl-expand{background:#fff}.bl-main.bl-expand-item>section:not(.bl-expand),.bl-main.bl-expand-item>section.bl-scale-down{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}.bl-expand-item{position:fixed;transform:none;left:0;right:0;top:0;bottom:0;z-index:76}.bl-box{-webkit-transition:opacity .2s linear .5s;-moz-transition:opacity .2s linear .5s;transition:opacity .2s linear .5s}section.bl-expand .bl-box{opacity:0;-webkit-transition:opacity 0s linear;-moz-transition:opacity 0s linear;transition:opacity 0s linear}.bl-box h2{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.no-touch section:not(.bl-expand) .bl-box:hover h2{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.bl-content,.bl-icon-close{-webkit-transition:opacity .1s linear 0s;-moz-transition:opacity .1s linear 0s;transition:opacity .1s linear 0s}section.bl-expand .bl-content,section.bl-expand .bl-icon-close{pointer-events:auto;opacity:1;-webkit-transition:opacity .3s linear .5s;-moz-transition:opacity .3s linear .5s;transition:opacity .3s linear .5s}@media screen and (max-width: 46.5em){.bl-content,.bl-box{font-size:75%}.bl-expand .bl-box{height:130px}.bl-content>ul li{width:40%}}.banners{height:100vh;position:relative}@media screen and (max-width: 766px){.banners{height:35vh}}.banners__img{width:100%;height:100%}.banners__img img{width:100%;height:100%;object-fit:cover}.banners .heading-title{font-size:5em;position:absolute;left:12%;top:30%;text-shadow:2px 2px #000;color:#403f3c;text-align:center;display:block;height:100px;font-family:"Bubblegum Sans";line-height:1em}@media screen and (min-width: 1400px){.banners .heading-title{font-size:6em}}@media screen and (max-width: 766px){.banners .heading-title div{font-size:1.8em;display:inline-block;line-height:1em;margin:0 6px}}@media screen and (max-width: 766px){.banners .heading-title{font-size:30px;position:absolute;left:0px;right:0;top:initial;display:block;bottom:-100px;text-align:center;height:100px}}.banners .heading-title h1{padding-bottom:16px;color:#55524c;font-family:"Bubblegum Sans",serif}@media screen and (max-width: 766px){.banners .heading-title h1{line-height:1em}}.banners .trin{background:linear-gradient(to right, #fff 0%, #ccc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation-name:trin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes trin{from{transform:rotate3d(0, 0, 1, 0deg)}20%,32%,44%,56%,68%{transform:rotate3d(0, 0, 1, 0deg)}23%,35%,47%,59%,71%{transform:rotate3d(0, 0, 1, 15deg)}26%,38%,50%,62%,74%{transform:rotate3d(0, 0, 1, 0deg)}29%,41%,53%,65%,77%{transform:rotate3d(0, 0, 1, -15deg)}80%{transform:rotate3d(0, 0, 1, 0deg)}}.banners #container{overflow:hidden;background:#efe9e9;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:80vw;height:80vh;box-shadow:0px 0px 20px 0px rgba(0,0,0,.3);filter:sepia(30%);border:solid 6px #484b4c}@media screen and (max-width: 766px){.banners #container{width:100%;height:30vh}}.banners #container:after{content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 150px 20px #999;mix-blend-mode:multiply}.banners #pic{opacity:1}.banners .pic{position:absolute}.banners .line{position:absolute;height:100%;width:1px;opacity:.1;background-color:#000}.banners img{width:100%;height:100%;object-fit:contain}.banners:before{content:"";opacity:.2;position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 250px 30px #000;background-image:url("../img/batako.jpg")}body #logo{display:none}.readmore{position:absolute;right:24px;font-size:20px;top:24px;font-weight:bold;transition:.3s}.readmore:hover{right:30px;color:#403f3c}.logo-detik{position:absolute;left:12px;top:12px;z-index:999;width:90px}@media screen and (max-width: 766px){.logo-detik{top:12px;left:50%;width:80px;transform:translate(-50%, 0px)}}.paragraph{padding:32px 0;position:relative}@media screen and (max-width: 766px){.paragraph{margin-top:64px}}.paragraph .wrap-detik{position:relative}.paragraph .wrap-detik .tops{position:relative;z-index:20}.paragraph__img{position:absolute;left:-172px;bottom:-72px;z-index:1;opacity:.15;height:auto}.paragraph__img.rtop{left:initial;right:0;bottom:initial;top:0}@media screen and (max-width: 766px){.paragraph__img.rtop{display:none}}@media screen and (min-width: 1400px){.paragraph__img{left:0}}@media screen and (max-width: 766px){.paragraph__img{opacity:.07}}.paragraph__img img{width:100%;height:100%;object-fit:contain}.wrap-detik{width:640px;margin:0 auto;display:block}@media screen and (max-width: 766px){.wrap-detik{width:auto;padding:0 16px}}.title-box{margin:0 auto;text-align:center;width:100%;position:relative;z-index:32}.title-box h1{font-family:"Bubblegum Sans",serif;font-size:54px;position:absolute;top:35%;width:450px;color:#000;background:#fff;padding:4px;transform:translate(25%, 0)}@media screen and (max-width: 766px){.title-box h1{font-family:"Bubblegum Sans",serif;font-size:46px;position:absolute;top:37%;width:100%;color:#000;background:#fff;padding:4px;transform:none}}.title-box .image{width:100%;height:auto}@media screen and (max-width: 766px){.title-box .image{height:400px}}.title-box .image img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.title-box .image img{object-fit:cover}}.overflow-hidden{overflow:hidden}.quotation{position:relative;width:fit-content;margin:16px 0;font-family:"Bubblegum Sans";font-size:46px}@media screen and (max-width: 766px){.quotation{font-size:30px}}.quotation::before{content:"“";font-size:4em;position:absolute;left:-24px;top:-24px;color:#666;opacity:.3}.quotation::after{content:"”";font-size:4em;position:absolute;right:-36px;top:60px;color:#666}@media screen and (max-width: 766px){.quotation::after{height:66px;bottom:0;top:initial;opacity:.3;right:24px}}.quotation blockquote{float:left;line-height:46px}@media screen and (max-width: 766px){.quotation blockquote{margin:24px 36px;width:100%;line-height:34px}}.clear{clear:both}.text-right{font-size:18px;font-weight:800;color:#666;position:relative;top:-32px}@media screen and (max-width: 766px){.text-right{top:-12px}}.text-right::before{content:"-"}#nav{display:none !important}.cta{display:flex;padding:10px 24px;text-decoration:none;font-family:"Poppins",sans-serif;font-size:24px;color:#fff;background:#6d5002;position:absolute;transition:1s;box-shadow:6px 6px 0 #000;transform:skewX(-15deg);top:0;right:0}.cta svg{height:24px}@media screen and (max-width: 766px){.cta svg{height:18px}}@media screen and (max-width: 766px){.cta{font-size:18px}}.cta span{transform:skewX(15deg)}.cta span:nth-child(2){width:20px;margin-left:30px;position:relative;top:12%}@media screen and (max-width: 766px){.cta span:nth-child(2){margin-left:0;margin-top:4px;position:relative;margin-right:8px}}.cta:focus{outline:none}.cta:hover{transition:.5s;box-shadow:10px 10px 0 #fbc638}.cta span:nth-child(2){transition:.5s;margin-right:0px}.cta:hover span:nth-child(2){transition:.5s;margin-right:45px}path.one{transition:.4s;transform:translateX(-60%)}path.two{transition:.5s;transform:translateX(-30%)}.cta:hover path.three{animation:color_anim 1s infinite .2s}.cta:hover path.one{transform:translateX(0%);animation:color_anim 1s infinite .6s}.cta:hover path.two{transform:translateX(0%);animation:color_anim 1s infinite .4s}@keyframes color_anim{0%{fill:#fff}50%{fill:#fbc638}100%{fill:#fff}}/*# sourceMappingURL=component.css.map */