﻿.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;-webkit-transition:0.2s ease-out;transition:0.2s ease-out}.float-none{float:inherit;margin:0 auto}.mt5{margin-top:5px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml20{margin-left:20px}.mr20{margin-right:20px}.mt20{margin-top:20px}.mt40{margin-top:40px}.mb20{margin-bottom:20px !important}.mb40{margin-bottom:40px !important}.row{margin-left:0;margin-right:0}.row-5{margin-left:-5px;margin-right:-5px}.row-10{margin-left:-10px;margin-right:-10px}.offset-10{padding-left:10px;padding-right:10px}.offset-0{padding-left:0px;padding-right:0px}.inline-block{display:inline-block}.display--hide{display:none}.display-mob{display:block}@media (min-width: 768px){.display-mob{display:none}}.display-des{display:none}@media (min-width: 768px){.display-des{display:block}}.spin{width:48px;height:48px}@media (min-width: 990px){.spin{width:91px;height:91px}}.spin:hover{color:#e8702a}.spin:before,.spin:after{top:0;left:0;width:48px;height:48px;box-sizing:inherit;content:none;position:absolute}@media (min-width: 990px){.spin:before,.spin:after{content:'';top:4px;left:1px;width:91px;height:91px}}.spin:before{border:2px solid transparent}.spin:hover:before{border-top-color:#e8702a;border-right-color:#e8702a;border-bottom-color:#e8702a;transition:border-top-color 0.15s linear,border-right-color 0.15s linear 0.1s,border-bottom-color 0.15s linear 0.2s}.spin:after{border:0 solid transparent}.spin:hover::after{border-top:2px solid #e8702a;border-left-width:2px;border-right-width:2px;transform:rotate(270deg);transition:transform 0.4s linear 0s,
 border-left-width 0s linear 0.35s}.circle{border-radius:100%;box-shadow:none}.circle:before,.circle:after{border-radius:100%}.animation__sizeOut{animation-name:sizeOut;animation-direction:alternate;animation-duration:1.5s}@keyframes sizeOut{0%{transform:scale(2)}50%{transform:scale(1.5)}100%{transform:scale(1)}}.dash{stroke-dasharray:1800;stroke-dashoffset:-1800;animation:dash 2s linear forwards}@keyframes dash{to{stroke-dashoffset:0}}.credit{position:relative;color:#fff;text-align:left;font-family:"Roboto", sans-serif;padding:10vw 0px 10px;width:100%;float:left}@media (min-width: 1024px){.credit{padding:0vw 20px 10px}}.credit .row{float:left;clear:both;width:100%;text-align:left}.credit__row{position:relative;padding-left:120px;margin:5px 0 8px}@media (max-width: 1024px){.credit__row{padding-left:110px}}.credit__team{font-size:17px;font-weight:500;margin:0;text-transform:uppercase;position:absolute;top:0;left:0}.credit__member{font-size:15px;font-weight:300;font-style:italic;padding-left:20px;position:relative;display:block;text-transform:uppercase}.credit__member:before{position:absolute;left:0;top:-4px;content:" › ";font-size:20px;padding:0 3px;color:#f79d19;line-height:1;font-weight:400}.credit__member span{display:block;padding:0 0 2px}@media (max-width: 767px){.credit__member span{display:block}}.credit__disclaimer{margin:0;font-size:12px;font-style:italic}.credit--bottom{display:none;background-color:#000;background:url("../images/bg/cover.jpg") no-repeat;background-size:cover;overflow:hidden;position:fixed;height:100vh;width:100%;top:0;z-index:9}@media (max-width: 700px){.credit--bottom{height:auto;position:relative;overflow:auto}.credit--bottom .column-3{width:100%}.credit--bottom .display-table{margin-top:70px}}.credit--fixed{position:fixed;width:100%;bottom:0px;left:0px}.credit--show{opacity:1}.credit__logo{position:relative;padding:30px 0;margin:0;display:flex;justify-content:center;text-align:center}.credit__logo a{flex:1 1 33.33%;text-align:center}.credit__logo img{min-height:auto;margin:0 auto}@media (max-width: 1024px){.credit__logo{text-align:center;padding:0;margin:10px 0 0;display:inline-block}}.credit__logo img{height:40px;padding-bottom:10px}@media (max-width: 1024px){.credit__logo img{height:27px}}.credit__copy p{margin:10px 0}.credit .bottomImg{position:absolute;bottom:3%;right:16%;width:35%}.credit--style2 .credit{text-align:center}.credit--style2 .credit__row{margin:0 0 20px;padding:0}.credit--style2 .credit__team{position:relative;top:auto;left:auto;right:auto;padding:0 0 2px;letter-spacing:2px}.credit--style2 .credit__member{padding:0;text-transform:none}.credit--style2 .credit__member:before{content:""}.bottomImg{position:absolute;right:10%;width:450px;bottom:5%}@media (max-width: 700px){.bottomImg{padding:20px;position:relative;transform:scale(0.8);margin:auto;width:auto}}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.container{max-width:100%;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;*zoom:1;position:relative}@media (min-width: 1920px){.container{max-width:1600px}}@media (min-width: 990px) and (max-width: 1920px){.container{max-width:900px}}@media (min-width: 990px){.container__medium{max-width:840px}}@media (min-width: 990px){.container__large{max-width:900px}}.col-10,.col-20,.col-30,.col-40,.col-50,.col-60,.col-70,.col-100{float:left;position:relative;padding-right:10px;padding-left:10px;margin:0}.col-10{width:25%}@media (min-width: 768px){.col-10{width:16.66666666666667%}}.col-20{width:50%}@media (min-width: 768px){.col-20{width:25%}}.col-30{width:100%}@media (min-width: 768px){.col-30{width:33.33333%}}.col-40{width:100%}@media (min-width: 768px){.col-40{width:41.666667%}}.col-50{width:100%}@media (min-width: 768px){.col-50{width:50%}}.col-50-mob{width:50%}@media (min-width: 768px){.col-50-mob{width:50%}}.col-60{width:100%}@media (min-width: 768px){.col-60{width:58.333333%}}.col-70{width:100%}@media (min-width: 768px){.col-70{width:66.33333%}}.col-100{width:100%}.col-offset-fluid{margin-right:-10px;margin-left:-10px}.col-offset-fluid-sm{margin-right:0;margin-left:0}@media (min-width: 768px){.col-offset-fluid-sm{margin-right:-10px;margin-left:-10px}}.col-offset-25{margin:0 25%}.col-offset-25-mob{margin:0 25%}@media (min-width: 768px){.col-offset-25-mob{margin:0}}.col-offset-10{margin:0}@media (min-width: 768px){.col-offset-10{margin:0 10%}}.col-offset-15{margin:0}@media (min-width: 768px){.col-offset-15{margin:0 15%}}.col-offset-20{margin:0}@media (min-width: 768px){.col-offset-20{margin:0 20%}}.col-offset-0{padding-right:0px;padding-left:0px}.display-table{display:table;width:100%;height:100%;position:relative;z-index:1}.display-center{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%}.display-bottom{display:table-cell;vertical-align:bottom;text-align:center;width:100%;height:100%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-bigger{font-size:1.1em}.text-smaller{font-size:.7em}.mb10-mob{margin-bottom:10px}@media (min-width: 768px){.mb10-mob{margin-bottom:0}}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{margin:0;padding:0}body{font-family:"Boogaloo",cursive;font-size:18px;font-weight:400;background:#262161;color:#000;line-height:1.5;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}a{color:inherit;text-decoration:none;vertical-align:top;outline:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}a:focus,button:focus{outline:0;outline:-webkit-focus-ring-color auto 0;outline-offset:0}img{max-width:100%;width:auto;height:auto;vertical-align:top;border:0;-ms-interpolation-mode:bicubic}table{border-collapse:collapse}iframe{border:none;vertical-align:top}video{vertical-align:top}ul,ol{margin:0;padding:0;list-style:none}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input:focus::-webkit-input-placeholder,input:focus:-moz-placeholder,input:focus::-moz-placeholder,input:focus:-ms-input-placeholder{color:transparent}h1,h2,h3{margin:0}.desktop{display:block}@media (max-width: 768px){.desktop{display:none}}.mobile{display:none}@media (max-width: 768px){.mobile{display:block}}.header{margin:0;padding:0;position:relative;top:0;width:100%;display:flex;padding:10px;justify-content:space-between;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;z-index:10}.header--transparent{background:transparent}.header--fixed{position:fixed}.header--absolute{position:absolute}.back{position:absolute;left:0;top:5px}.back__link{font-size:22px;color:#FFF;padding:7px 10px;display:block}.back__link:hover{color:#fff}@media (min-width: 990px){.back{display:none}}.logo{padding:5px;text-align:left;pointer-events:auto}@media (min-width: 990px){.logo{margin:0 0 0 10px;display:inline-block}}.logo-title{color:white;text-decoration:none;font-family:"Open Sans",sans-serif;font-size:36px;font-weight:300;letter-spacing:2px}.logo-title .title-break{text-transform:uppercase;display:block;font-size:8px;line-height:10px;vertical-align:middle}.logo-title .block-logo{float:left;border-left:1px solid white;padding-left:10px;margin-top:3px;margin-left:10px}.logo-title .title-text{display:inline-block;float:left;font-family:"Black Ops One",cursive;line-height:1}.logo--black .logo-title{color:#000}.logo--black .logo-title .block-logo{border-left:1px solid #000}.question{display:none;position:relative;padding:0px 0 50px;overflow:hidden;height:100vh;background-attachment:fixed}.question.full{height:auto;min-height:100vh}.question__intro{margin:10vmin 0}.question__img img{width:100%}@media (max-height: 700px){.question__img img{width:65%}}@media (max-height: 599px){.question__img img{width:80%}}.question--visible{display:block}.question--visible.bye{background:url("../images/bg/red.jpg") no-repeat;background-size:cover}@media (max-width: 768px){.question--visible.bye .text{padding-bottom:30px}}.question--visible.bye .textHeader .img{width:55%;left:0;right:0;margin-left:auto;margin-right:auto}@media (max-width: 768px){.question--visible.bye .textHeader .img{width:90%}}@media (max-width: 768px){.question--visible.ticket .text{padding-bottom:30px}}@media (max-width: 768px){.question--visible.ticket .textHeader .img{width:100%}}#mulaiTerima{display:none}.footer{padding:30px 0;text-align:center;background:#000;color:#fff}.footer__lead{font-weight:300;font-size:16px;padding-bottom:15px}.column-3{width:25%;float:left;margin-right:35px;text-align:left}.nav{position:absolute;z-index:6;width:100%;padding-top:55px}.nav__language{display:flex;justify-content:center;align-items:center}.nav__text{color:#fff;margin-right:20px;margin:8px 0;text-transform:uppercase}@media (max-height: 700px){.nav__text{font-size:15px}}.nav__list{display:flex}.nav__item{color:#fff;margin-left:10px;padding-right:10px;border-right:1px solid #fff;line-height:1}.nav__item:last-child{border-right:none}.nav__item a.active{color:#eb0808}@media (max-width: 768px){.nav{font-size:16px;padding-top:50px}}.share--mobile{position:absolute;right:20px;top:10px}@media (min-width: 990px){.share--mobile{right:25px}}.share--nomenu{right:5px}.share__title{position:relative;color:#fff;cursor:pointer;padding:8px 10px}.share__title:before{content:"\f1e0";font-size:20px;line-height:1}.share--inline{display:inline-block}.share--right{display:inline-block;float:right}.share--fixed{position:fixed;bottom:13px;right:55px;z-index:9}.share__wrap{padding:0 2px;margin:0;display:inline-block;height:40px;float:right}.share__wrap--float{position:absolute;top:40px;right:0;padding:10px;background:rgba(0,0,0,0.8);min-width:130px;height:auto}.share__wrap--float .share__link{color:#fff;background:transparent}.share__wrap--float .share__link:hover{background:transparent}.share__wrap--float .share__link--fb:hover span{color:#3b5998}.share__wrap--float .share__link--tw:hover span{color:#4099FF}.share__wrap--float .share__link--wa:hover span{color:#43d854}.share__item{padding:0;margin:4px 0;display:block;float:left}.share__link{width:36px;height:36px;padding:3px;margin:0;line-height:1;font-size:16px;border-radius:20px;text-align:center;vertical-align:middle;display:block;color:#000;transition:all .2s}.share__link svg{transition:all .2s}.share__link:hover svg{fill:white}.share__link span{width:30px;height:30px;padding:3px 0px;display:block;border-radius:20px;color:#fff;border:2px solid transparent;line-height:1.5}.share__link--fb:hover span{background:#3b5998;border:2px solid #3b5998}.share__link--tw:hover span{background:#4099FF;border:2px solid #4099FF}.share__link--wa:hover span{background:#43d854;border:2px solid #43d854}.share__count{font-family:"Boogaloo",cursive;display:inline-block;float:right;padding:10px 5px 0 5px;display:block;font-weight:400;font-size:10px;color:#fff;text-align:center}.share--black{color:#000}.share__total{line-height:13px;font-weight:800;font-size:14px;display:block}.image__wrap{margin:0 auto 0}@media (min-width: 768px){.image__wrap{margin:0 auto}}.image__wrap--right{float:right}@media (min-width: 768px) and (max-width: 1024px){.image__wrap--right{margin:0 0 0 20px}}@media (min-width: 1024px){.image__wrap--right{max-width:680px;margin:10px -205px 10px 20px}}.image__wrap--left{float:left}@media (min-width: 768px) and (max-width: 1024px){.image__wrap--left{margin:0 20px 0 0}}@media (min-width: 1024px){.image__wrap--left{max-width:680px;margin:10px 20px 10px -205px}}.image__wrap--medium{text-align:center;margin:10px auto}@media (min-width: 1024px){.image__wrap--medium{margin:20px -50px 20px -50px}}.image__wrap--big{text-align:center;margin:10px auto}@media (min-width: 1024px){.image__wrap--big{margin:20px -80px 20px -80px}}.image__author{padding:5px 0 15px;font-size:11px;font-weight:400;text-align:right}@media (min-width: 768px){.image__author{padding:5px 0}}.image__slide--center{max-width:650px;margin:0 auto}.image__slide--right{max-width:100%}@media (min-width: 990px){.image__slide--right{max-width:680px;margin:10px -205px 10px 20px;float:right}}.image__icon--right img{-ms-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}svg{width:100%}.top{display:none;position:fixed;bottom:25px;right:10px;z-index:9}.top__link{width:36px;height:36px;padding:3px;margin:0;line-height:1;font-size:24px;background:#fff;border-radius:30px;color:#000;text-align:center;display:block;box-shadow:0px 0px 5px rgba(0,0,0,0.3);z-index:9}.top__link span{width:30px;height:30px;display:inline-block;border-radius:20px;background:#fff;border:2px solid #fff;float:left}.top__link:hover{color:#2a2a2a}.top__link__text{font-size:10px;line-height:1;display:inline-block;float:left;padding:5px;text-align:center;font-weight:700}.top--show{display:block}.btn{padding:5px 10px;color:#fff}@media (min-width: 700px){.btn:hover{color:#116AD1}}.btn1{background-color:#FFD219;color:#231f20;border-radius:6px}@media (min-width: 700px){.btn1:hover{background-color:#116AD1;color:#fff}}.buttonBack{font-family:'Roboto', sans-serif;top:80px;position:relative;width:100%;height:45px;box-sizing:border-box;background:rgba(255,255,255,0.4);padding:10px 0px;border-radius:25px}.buttonBack button{border-radius:50%;width:44px;height:44px;box-sizing:border-box;padding:10px;text-align:center;position:absolute;top:0.2px;left:0;border:1px solid #fff;background-color:#fff;z-index:5;cursor:pointer}.buttonBack button img{padding-top:4px;width:18px}.buttonBack button:hover{background-color:#116AD1;border-color:#116AD1}.buttonBack button:hover img{filter:invert(1)}.buttonBack span{padding:0 20px;color:#fff;text-transform:uppercase;font-size:17px;float:right;font-family:"Boogaloo",cursive}.cover{position:relative;background:url("../images/bg/cover.jpg") no-repeat;background-size:cover;padding:0px 0 50px;overflow:hidden;height:100vh;background-attachment:fixed}.cover__intro{margin:10vmin 0}.cover__img{text-align:center}.cover__img img{width:auto;max-height:600px}@media (max-height: 700px){.cover__img img{padding-top:70px;width:55%}}@media (max-height: 599px){.cover__img img{width:80%}}.cover__animate{position:absolute;animation:MoveUpDown 2s linear infinite;transition:.2s ease-in-out;z-index:0}.cover__animate.-unreveal{opacity:0;transform:scale(0.5) translateY(-20px)}.cover__animate.-reveal{opacity:1;transform:scale(1) translateY(0px)}.cover__animate:first-child{top:10%;left:0%;animation-delay:.2s}@media (min-width: 1920px){.cover__animate:first-child{left:10%}}@media (max-width: 600px){.cover__animate:first-child{top:-5%;left:-15%}}.cover__animate:first-child img{transform:scale(0.7)}@media (max-width: 600px){.cover__animate:first-child img{transform:scale(0.3)}}.cover__animate:nth-child(2){top:0%;left:48%;animation-delay:.8s}@media (max-width: 600px){.cover__animate:nth-child(2){display:none}}.cover__animate:nth-child(2) img{transform:scale(0.3)}.cover__animate:nth-child(3){top:0%;right:5%;animation-delay:.5s}@media (min-width: 1920px){.cover__animate:nth-child(3){right:15%}}@media (max-width: 600px){.cover__animate:nth-child(3){top:0%;right:-15%}}.cover__animate:nth-child(3) img{transform:scale(0.4)}.cover__animate:nth-child(4){top:70%;left:3%;animation-delay:.6s}@media (min-width: 1920px){.cover__animate:nth-child(4){left:13%}}@media (max-width: 600px){.cover__animate:nth-child(4){top:60%;left:-15%}}.cover__animate:nth-child(4) img{transform:scale(0.5)}@media (max-width: 600px){.cover__animate:nth-child(4) img{transform:scale(0.3)}}.cover__animate:nth-child(5){top:60%;right:0%}@media (min-width: 1920px){.cover__animate:nth-child(5){right:10%}}@media (max-width: 600px){.cover__animate:nth-child(5){display:none}}.cover__animate:nth-child(5) img{transform:scale(0.6)}.cover__animate:nth-child(6){top:72%;left:25%;animation-delay:.1s}@media (max-width: 600px){.cover__animate:nth-child(6){display:none}}.cover__animate:nth-child(6) img{transform:scale(0.4)}.cover__animate:nth-child(7){top:40%;left:10%;animation-delay:.4s}@media (min-width: 1920px){.cover__animate:nth-child(7){left:20%}}@media (max-width: 600px){.cover__animate:nth-child(7){top:25%;left:-10%}}.cover__animate:nth-child(7) img{transform:scale(0.3)}@media (max-width: 600px){.cover__animate:nth-child(7) img{transform:scale(0.2)}}.cover__animate:nth-child(8){top:35%;right:10%;animation-delay:.8s}@media (min-width: 1920px){.cover__animate:nth-child(8){right:20%}}@media (max-width: 600px){.cover__animate:nth-child(8){top:45%;right:-15%}}.cover__animate:nth-child(8) img{transform:scale(0.3)}.cover__action{text-align:center;margin:20px auto 0;font-style:italic}.cover__action .btn{display:inline-block;text-transform:uppercase;font-size:16px}.cover__action .btn:first-child{font-size:20px;margin-bottom:10px}@keyframes MoveUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}.mulai,#mulaibagus,#pengetahuan,#ilustrasi{display:none;animation:show .5s ease-in-out}.mulai{background:url("../images/bg/cover.jpg") no-repeat;background-size:cover;animation:show 1s ease-in-out}@media (min-width: 700px){#mulaiTerima .textHeader .img,#mulai1 .textHeader .img{width:34%}}@media (max-width: 768px){#mulaibagus .textHeader .img{width:70%;left:0;right:0;margin-left:auto;margin-right:auto}}#pengetahuan .textHeader .img{width:55%;left:0;right:0;margin-left:auto;margin-right:auto}@media (max-width: 768px){#pengetahuan .textHeader .img{width:100%}}#ilustrasi .textHeader{bottom:5px}#ilustrasi .textHeader .img{padding-top:60px;position:relative;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:auto;bottom:0px}@keyframes show{0%{opacity:0}100%{opacity:1}}.vlp{height:100vh;background:url("../images/bg/vlp.jpg") no-repeat;background-size:cover;animation:show 1s ease-in-out}.vlp.full{min-height:100vh;height:auto;padding-bottom:50px}#lav .textHeader img{width:70%}#lav1,#lav2,#lav3,#lav4,#lav4a,#lav5,#lav5a{display:none}.text{text-transform:uppercase}@media (max-width: 600px){.text{font-size:16px;margin-bottom:20px;float:left;width:100%}}.textHeader{position:relative;bottom:-25px;z-index:-1}.textHeader .img{width:45%;bottom:0;position:absolute}.textHeader .img--left{left:0}.textHeader .img--right{right:0}.textContent{background:#fff;border:6px solid #333;transform:skewX(5deg);text-align:left;padding:10px 12px}.textContent__wrapper{padding:0 12px;transform:skewX(-5deg)}.text p a{color:#F65656}@media (min-width: 600px){.text p a:hover{color:#116AD1}}.text .notif{color:#fff;float:right;clear:both;font-size:15px;padding:10px 5px}.text .notif red{color:#F65656}.text .notif img{width:20px}.text a.notif:hover{color:#116AD1}.text a.notif:hover img{filter:opacity(75%)}
