@charset "UTF-8";section.longform{background-color:#f0f0f0;margin-bottom:0}section.longform .wrapper{position:relative;padding:30px 0;background-color:#fff}section.longform .wrapper div[class*=col-]{padding:0}@media(max-width:767px){section.longform .wrapper div[class*=col-]{padding:0 15px}}section.longform .wrapper .followSosmed{position:absolute;top:35px;left:19%;z-index:1}section.longform .wrapper .followSosmed ul li{display:block;margin-bottom:10px}@media(max-width:767px){section.longform .wrapper .followSosmed{position:relative;display:block;top:-15px;left:0;text-align:center}section.longform .wrapper .followSosmed ul li{display:inline-block;margin-bottom:0}}section.longform .wrapper .binder{position:relative;height:100%;overflow:hidden}section.main-header-hero{position:relative;margin-bottom:0;width:100vw;height:calc(var(--vh,1vh) * 100);height:100vh}section.main-header-hero .video-box-title{position:absolute;bottom:20%;left:4%;width:550px;z-index:3}section.main-header-hero .video-box-title h1,section.main-header-hero .video-box-title p,section.main-header-hero .video-box-title strong{font-family:Fira Sans}section.main-header-hero .video-box-title h1{margin-bottom:15px;font-weight:800;font-size:50px;color:#c4a333}section.main-header-hero .video-box-title p,section.main-header-hero .video-box-title strong{color:#fff}section.main-header-hero .video-box-title strong{margin-bottom:10px;display:block;font-size:22px}section.main-header-hero .video-box-title p{font-size:16px}@media(max-width:1919){section.main-header-hero .video-box-title{bottom:25%}}@media(max-width:767px){section.main-header-hero .video-box-title{padding:0 15px;width:100%;left:0;bottom:20%;text-align:center}section.main-header-hero .video-box-title h1{font-size:24px}section.main-header-hero .video-box-title strong{display:none;font-size:18px}section.main-header-hero .video-box-title p{display:none;font-size:14px}}@media(max-width:320px){section.main-header-hero .video-box-title{bottom:20%}section.main-header-hero .video-box-title h1{font-size:20px}}section.main-header-hero video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:1}section.main-header-hero:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:0 0;background:-webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(35%,transparent),color-stop(100%,rgba(0,0,0,.7)));background:linear-gradient(180deg,transparent 0,transparent 35%,rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);z-index:2}section.main-header-hero .clickToRead{position:absolute;display:inline-block;left:50%;bottom:7%;width:50px;height:50px;transform:translateX(-50%);border-radius:50%;border:2px solid #fff;animation:clickHere 2.5s ease-in-out infinite;z-index:4}section.main-header-hero .clickToRead:before{position:inherit;content:"";top:45%;left:50%;width:15px;height:15px;transform-origin:center;transform:translate(-50%,-50%) rotate(-45deg);border-left:2px solid #fff;border-bottom:2px solid #fff}@media(max-width:767px){section.main-header-hero figure{position:relative;display:inline-block;width:100vw;height:100vh;overflow:hidden;z-index:1}section.main-header-hero figure img{position:absolute;left:50%;transform:translateX(-50%);display:block;width:auto;height:100%}}@keyframes clickHere{0%{transform:translate(-50%)}25%{transform:translate(-50%,-15px)}50%,to{transform:translate(-50%)}75%{transform:translate(-50%,-15px)}}.longform-content.foto figure figcaption,.longform-content.local-video div[class|=col] figcaption,.longform-content.paragraph .html5Video figcaption,.longform-content.paragraph figure figcaption,.longform-content.youtuber div[class|=col] figcaption{display:block;padding:5px 10px;font-size:14px;text-align:left;line-height:1.4;color:#777;text-transform:none}.longform-content.foto aside.longform-quote,.longform-content.graphChart div[class|=col] aside.longform-quote,.longform-content.local-video div[class|=col] aside.longform-quote,.longform-content.timeline div[class|=col] aside.longform-quote,.longform-content.youtuber div[class|=col] aside.longform-quote{float:right;margin-right:-12rem}.longform-content.foto div[class*=col-md-12] aside.longform-quote,.longform-content.graphChart div[class*=col-md-12] aside.longform-quote,.longform-content.local-video div[class*=col-md-12] aside.longform-quote,.longform-content.youtuber div[class*=col-md-12] aside.longform-quote{display:none}.longform-content{position:relative}.longform-content.paragraph figure figcaption{padding:5px 0}.longform-content.paragraph p{margin-bottom:20px}.longform-content.paragraph .video-container{position:relative;padding-bottom:56.25%;margin-bottom:20px;height:0;overflow:hidden}.longform-content.paragraph .video-container iframe{margin-bottom:35px;position:absolute;width:100%;height:100%}.longform-content.paragraph .html5Video{margin-bottom:10px}.longform-content.paragraph .html5Video video{width:100%;height:auto}.longform-content.paragraph .html5Video figcaption{padding:5px 0}.longform-content.paragraph p.lf-dropcap:first-letter{color:#c4a333;float:left;font-family:Fira Sans;font-size:5.5rem;font-weight:800;line-height:72px;padding-top:4px;padding-right:10px;padding-left:0}.longform-content.foto{position:relative}.longform-content.foto figure div{position:relative;display:inline-block;width:100%;height:100%}.longform-content.foto figure div span.media-title{position:absolute;padding:0 25px;left:0;bottom:7%;width:70%}.longform-content.foto figure div span.media-title strong{margin-bottom:10px;display:block;font-family:Fira Sans;font-size:2.5rem;font-weight:700;line-height:1.3;color:#c4a333}.longform-content.foto figure div span.media-title strong small{display:block;font-size:2.2rem}@media(max-width:767px){.longform-content.foto figure div span.media-title strong small{font-size:1.2rem}}.longform-content.foto figure div span.media-title p{color:#fff}@media(max-width:767px){.longform-content.foto figure div span.media-title{padding:0 15px;bottom:10%;width:100%}.longform-content.foto figure div span.media-title strong{width:100%;font-size:1.3rem}.longform-content.foto figure div span.media-title p{display:none}}.longform-content.foto figure div:before{position:absolute;content:"";width:100%;height:100%;background:0 0;background:-webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(35%,transparent),color-stop(100%,rgba(0,0,0,.7)));background:linear-gradient(180deg,transparent 0,transparent 35%,rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0)}@media(max-width:767px){.longform-content.foto figure figcaption{padding:5px 0}}.longform-content.local-video div[class|=col]{margin-bottom:30px}.longform-content.local-video div[class|=col] video{width:100%;height:auto}@media(max-width:767px){.longform-content.local-video div[class|=col]{margin-bottom:20px}.longform-content.local-video div[class|=col] figcaption{padding:5px 0}}@media(max-width:767px){.longform-content.graphChart div[class|=col]{padding:0}}.longform-content.youtuber div[class|=col]{margin-bottom:30px}@media(max-width:767px){.longform-content.youtuber div[class|=col]{margin-bottom:20px}}.longform-content.youtuber div[class|=col] .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.longform-content.youtuber div[class|=col] .video-container iframe{margin-bottom:35px;position:absolute;width:100%;height:100%}@media(max-width:767px){.longform-content.youtuber div[class|=col] figcaption{padding:5px 0}}.longform-content.timeline div[class|=col]{margin-bottom:30px}@media(max-width:767px){.longform-content.timeline div[class|=col]{margin-bottom:20px}}.longform-content.timeline div[class|=col] .timeline-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.longform-content.timeline div[class|=col] .timeline-container iframe{margin-bottom:35px;position:absolute;width:100%;height:100%}.longform-content.credit-title h3,.longform-content.credit-title p,.longform-content.credit-title strong{font-family:Fira Sans;color:#888}.longform-content.credit-title h3{font-weight:600;margin:0 0 12px}.longform-content.credit-title strong{font-weight:600;display:block;margin-bottom:6px}.longform-content.credit-title p{margin-bottom:20px;font-size:15px}.longform-content.credit-title p strong{margin:0;display:inline-block}aside.longform-quote{float:left;width:11.55rem;margin-left:-12rem;margin-bottom:30px;padding:0 1rem}aside.longform-quote blockquote{position:relative;padding-bottom:5px;margin-bottom:5px;border-bottom:5px solid #ddd;font-family:Fira Sans;line-height:1.5;font-size:18px;font-weight:700;color:#999}aside.longform-quote blockquote:before{font-family:Fira Sans;position:absolute;content:"“";top:-3.5rem;left:0;font-size:5rem;font-weight:700;color:#6bb8d2}aside.longform-quote span.quote-source{font-size:11px}aside.longform-quote span.quote-source strong{display:block;line-height:1.4}@media(max-width:767px){aside.longform-quote{display:none}}aside.longform-infografik{float:left;width:524px;margin-right:18px;margin-left:-50%}aside.longform-infografik figure{margin-bottom:0}@media(max-width:767px){aside.longform-infografik{float:none;width:auto;margin-left:0;margin-right:0}}.longform-contain-sliders{position:relative;width:100%;overflow:hidden;margin-bottom:20px}.longform-contain-sliders div.item figure{position:relative;margin-bottom:-6px;overflow:hidden;width:592px;height:auto}.longform-contain-sliders div.item figure a{position:relative;overflow:hidden;outline:none;display:inline-block;width:582px;height:auto}.longform-contain-sliders div.item figure a:before{position:absolute;content:"";width:100%;height:100%;transition:all .5s ease-in-out;background-color:rgba(0,0,0,.7)}.longform-contain-sliders div.item figure a img{display:block;width:100%;height:100%}@media(max-width:767px){.longform-contain-sliders div.item figure a{width:auto;height:200px}.longform-contain-sliders div.item figure a img{width:auto;height:100%}}.longform-contain-sliders div.item figure figcaption{font-size:15px;line-height:1.4;text-align:left;display:block;color:#727272;transition:all .5s ease-in-out;opacity:0;text-transform:none;padding:5px 5px 15px}@media(max-width:767px){.longform-contain-sliders div.item figure{width:100%;height:auto}}.longform-contain-sliders .slick-slider{overflow:hidden}.longform-contain-sliders .slick-slide{margin:0 10px}.longform-contain-sliders .slick-slide.slick-center figure a:before{transition:all .5s ease-in-out;background-color:transparent}.longform-contain-sliders .slick-slide.slick-center figcaption{transition:all .5s ease-in-out;opacity:1}.longform-contain-sliders .slick-list{margin:-10px}.thumbnail-list{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap row;flex-flow:row wrap}.thumbnail-list .thumb-item{padding:15px 0;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.thumbnail-list .thumb-item img{float:left;width:75px;margin-right:10px}.thumbnail-list .thumb-item span{width:calc(100% - 85px)}.thumbnail-list .thumb-item span strong{font-family:Roboto;font-weight:700;display:block;margin-bottom:5px}.thumbnail-list .thumb-item span p{font-size:16px}.daftar-isi{position:absolute;top:0;right:0;width:250px;height:100%;z-index:3}.daftar-isi,.daftar-isi.goOut{transition:all .35s ease-in-out}.daftar-isi.goOut{right:-250px}.daftar-isi span{position:inherit;display:inline-block;left:-32px;width:32px;height:30px;color:#fff;cursor:pointer;z-index:2;background:#c4a333;background-image:url(../images/icons/close-open-list-sprite.png);background-repeat:no-repeat}.daftar-isi span.toggle-dftr-isi{transition:all .3s ease-in-out;background-position:8.5px 6.5px}.daftar-isi span.toggle-dftr-isi.out{transition:all .3s ease-in-out;background-position:-16px 6.5px}.daftar-isi ul{width:100%}.daftar-isi ul li{margin-bottom:1px;border-left:3px solid #c4a333;background-color:hsla(0,0%,89%,.7)}.daftar-isi ul li a{padding:13px 12px;display:block;font:600 16px Fira Sans;color:#111}.daftar-isi ul li a:hover{text-decoration:none}.daftar-isi ul li:hover a{color:#c4a333}