@import"https://fonts.googleapis.com/css?family=Quicksand:400,700,900";@import"https://fonts.googleapis.com/css?family=Bubblegum+Sans";body{background:transparent}main{background:transparent}section{position:relative;background-color:transparent;padding:32px 0;z-index:60}section h2{text-align:left}@keyframes lab_round{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(359deg)}}.banner{height:100vh;position:relative;padding:0}@media screen and (min-width: 1440px){.banner{height:80vh}}@media screen and (max-width: 766px){.banner{height:100vh}}.banner .sumbers{font-size:12px}.banner .sumbers a{color:#fff}.banner__titlex{position:absolute;left:50%;top:20%;transform:translate(-50%, -50%);color:#fff;width:65%}@media screen and (min-width: 1440px){.banner__titlex{top:15%;width:62%}}@media screen and (max-width: 766px){.banner__titlex{transform:initial;left:initial;width:100%;top:13%}}.banner__titlex h2{margin:0;font-size:62px;padding:0;color:#fff;text-shadow:0 .1em 20px rgba(0,0,0,.8),.05em -0.03em 0 rgba(0,0,0,.8),.05em .005em 0 rgba(0,0,0,.8),0em .08em 0 rgba(0,0,0,.8),.05em .08em 0 rgba(0,0,0,.8),0px -0.03em 0 rgba(0,0,0,.8),-0.03em -0.03em 0 rgba(0,0,0,.8),-0.03em .08em 0 rgba(0,0,0,.8),-0.03em 0 0 rgba(0,0,0,.8)}.banner__titlex h2 span{font-size:inherit}@media screen and (min-width: 1440px){.banner__titlex h2{width:62vw;text-align:center;font-size:85px}}@media screen and (max-width: 766px){.banner__titlex h2{line-height:50px;font-size:42px;width:100%}}.banner__titlex h2 span{transform:scale(0.9);display:inline-block}.banner__titlex h2 span:first-child{animation:bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate}.banner__titlex h2 span:last-child,.banner__titlex h2 span:nth-child(3){animation:bopB 1s .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;margin-left:8px}@keyframes bop{0%{transform:scale(0.9)}50%,100%{transform:scale(1)}}@keyframes bopB{0%{transform:scale(0.9)}80%,100%{transform:scale(1) rotateZ(-3deg)}}.banner__image{width:100%;height:100%}.banner__image img{width:100%;height:100%;object-fit:cover}.banner .tops86{top:86px}@media screen and (max-width: 766px){.banner .tops86{height:95vh;top:60px}}.banner__img{position:absolute}@media screen and (max-width: 766px){.banner__img .eya__img{width:35px;display:inline-block}}@media screen and (max-width: 766px){.banner__img .eya__img img{width:100%}}.banner__img.eya{width:60px;height:auto;right:8px;opacity:.8}@media screen and (max-width: 766px){.banner__img.eya{width:50%;top:30%;height:auto;right:initial;left:8px;display:block}}.banner__img.eya img{width:100%;height:100%;margin-bottom:8px;object-fit:contain}@media screen and (min-width: 1440px){.banner__img.eya{right:15%}}.banner__img.one{left:0}@media screen and (min-width: 1440px){.banner__img.one{left:8%}}@media screen and (max-width: 766px){.banner__img.one{left:-20%;bottom:0;z-index:9}}.banner__img.two{left:30%}@media screen and (min-width: 1440px){.banner__img.two{left:31%}}@media screen and (max-width: 766px){.banner__img.two{left:-102px;width:100%;display:none;top:91px}}.banner__img.three{right:-5%}@media screen and (min-width: 1440px){.banner__img.three{right:14%}}@media screen and (max-width: 766px){.banner__img.three{right:-105px;width:100%;top:110px}}.banner__img img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.banner__img img{object-fit:cover}}:root{--color-fur: #ffb141;--color-fur-dark: #F5832C;--color-spot: #F9584C;--color-snout: #544258;--color-collar: #3EAB6C;--duration: .7s;--semi-duration: calc(var(--duration) / 2);--easing: cubic-bezier(.5, 0, .5, 1);--stagger: calc(-1 * var(--semi-duration) / 2)}.paragraph{font-size:18px;position:relative}.paragraph__helping{position:absolute;top:-16px;left:-16px;width:100%;height:100%;bottom:16px;right:16px;z-index:-1;background:linear-gradient(to bottom, rgba(76, 193, 134, 0.5) 10%, transparent)}.paragraph .haha{z-index:1;height:300px;width:300px;display:flex;justify-content:center;align-items:center}.paragraph .haha .neck{width:50%;height:100px;right:-5px;bottom:calc(100% - 10px);transform-origin:center bottom;transform:rotate(15deg);z-index:2}.paragraph .haha .neck>.fur{border-bottom-left-radius:10px;height:100%;width:100%}.paragraph .haha .neck>.fur:before{content:"";position:absolute;top:0;right:0;height:50px;width:100%;background-color:var(--color-fur-dark);z-index:1;transform-origin:right bottom;transform:rotate(15deg)}.paragraph .haha .collar{width:calc(100% + 10px);height:15%;background-color:var(--color-collar);left:-5px;bottom:30px;border-radius:5px;animation:collar var(--semi-duration) calc(var(--semi-duration) / 4) infinite;z-index:2}@keyframes collar{from,to{transform:none}50%{transform:translateY(-25%)}}.paragraph .haha .collar:after{content:"";width:18%;height:120%;border-radius:50%;background:var(--color-snout);position:absolute;right:0%;top:110%;transform-origin:center top;animation:tag var(--semi-duration) infinite both}@keyframes tag{from,to{transform:rotate(-15deg)}50%{transform:rotate(-15deg) scaleY(1.5)}}.paragraph .haha .head{height:80%;width:145%;left:-2%;bottom:50%;transform-origin:left center;z-index:2;animation:head var(--semi-duration) calc(var(--semi-duration) / 4) infinite}@keyframes head{from,to{transform:rotate(-10deg)}50%{transform:rotate(-15deg)}}.paragraph .haha .head>.fur{height:100%;width:100%;border-bottom-right-radius:80px}.paragraph .haha .head>.fur:before{content:"";position:absolute;top:-80%;left:-30%;width:100%;height:0;padding-top:100%;background-color:var(--color-spot);z-index:1;border-radius:50%}.paragraph .haha .snout{--color: var(--color-snout);width:25%;height:0;padding-top:25%;background-color:var(--color);top:0;right:-5px;border-bottom-left-radius:100%;z-index:1}.paragraph .haha .ears{bottom:40%;height:100%;width:30%;left:0;z-index:-1}.paragraph .haha .ear{--color: var(--color-spot);width:100%;height:100%;bottom:0;left:0;transform-origin:left bottom;transform:rotate(-10deg);animation:ear-front calc(var(--duration) / 2) infinite}@keyframes ear-front{50%{transform:rotate(-15deg)}}.paragraph .haha .ear:before{content:"";position:absolute;height:25px;width:15px;z-index:2;top:-2px;right:-7px;border-top-left-radius:100%;border-width:2px;border-color:transparent;border-style:solid;border-left:2px solid var(--color-snout);transform-origin:bottom left;animation:ear-mark var(--semi-duration) calc(-1 * var(--semi-duration)) infinite}@keyframes ear-mark{from,to{transform:rotate(0deg)}50%{transform:rotate(25deg)}}.paragraph .haha .ear>.fur{border-top-left-radius:100%;height:100%;width:100%}.paragraph .haha .ear:nth-child(2){left:15px;bottom:5px;transform:rotate(-5deg);--color: var(--color-fur);z-index:-1;animation:ear-back calc(var(--duration) / 2) infinite both}@keyframes ear-back{from,to{transform:rotate(0deg)}50%{transform:rotate(-10deg)}}.paragraph .haha .eye{--size: 6%;--color: var(--color-snout);width:var(--size);height:0;padding:var(--size);left:35%;top:20%;border-radius:50%;background-color:var(--color);z-index:1}.paragraph .haha .eye:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--color);z-index:1}.paragraph .haha .eye:after{content:"";width:100%;height:100%;position:absolute;left:-50%;top:-50%;border-top-left-radius:100%;border-width:2px;border-color:var(--color);border-style:solid;border-bottom-color:var(--color-spot);border-right-color:var(--color-spot);transform:scale(1.25);z-index:0}.paragraph .haha .torso{width:56.6666666667%;height:33.3333333333%;animation:torso var(--semi-duration) both infinite}@keyframes torso{from,to{transform:none}50%{transform:translateY(15%)}}.paragraph .haha .torso>.fur{height:100%;width:185px;border-top-left-radius:40px;transform-origin:left center;transform:rotate(-20deg) translateY(10px);z-index:1}.paragraph .haha .torso>.fur:after{height:100%;width:100%;border-bottom-left-radius:200px 85px;border-bottom-right-radius:100px}.paragraph .haha .torso>.legs{position:absolute;top:0;left:0;width:100%;height:100%}.paragraph .haha .torso .spot{width:120px;height:120px;bottom:40px;left:-20px;border-radius:50%;background-color:var(--color-spot);z-index:1;animation:spot var(--duration) calc(-1 * var(--semi-duration)) both infinite}@keyframes spot{from,66%,to{transform:none}33%{transform:translateX(10px)}}.paragraph .haha .torso .spot:after{content:"";height:20px;width:20px;border-radius:50%;background-color:inherit;position:absolute;bottom:-10px;right:5px}.paragraph .haha .torso>.tail{--color: var(--color-spot);bottom:calc(100% - 15px);left:0;transform-origin:center bottom;transform:rotate(-45deg)}.paragraph .haha .tail{height:15px;width:20px;background-color:var(--color);border-top-right-radius:10px 100%;border-top-left-radius:10px 100%;animation:tail var(--semi-duration) infinite}@keyframes tail{from,to{transform:rotate(-45deg) translateX(-15%)}50%{transform:rotate(-25deg) translateX(15%)}}.paragraph .haha .tail>.tail{bottom:calc(90%);transform-origin:bottom left;transform:rotate(-10deg) translateY(50%) scaleX(0.8) scaleY(0.9);animation:tail-inner var(--semi-duration) var(--stagger) infinite}@keyframes tail-inner{from,to{transform:rotate(-10deg) translateY(50%) scaleX(0.8) scaleY(0.9)}50%{transform:rotate(5deg) translateY(50%) scaleX(0.8) scaleY(0.9)}}.paragraph .haha .legs>.leg{bottom:5px;--color: var(--color-fur)}.paragraph .haha .legs>.leg:nth-child(1),.paragraph .haha .legs .leg:nth-child(3){right:15px}.paragraph .haha .legs>.leg:nth-child(3),.paragraph .haha .legs>.leg:nth-child(4){--color: var(--color-fur-dark);z-index:-1}.paragraph .haha .legs>.leg:nth-child(1),.paragraph .haha .legs .leg:nth-child(4){--delay: 0s}.paragraph .haha .legs>.leg:nth-child(2),.paragraph .haha .legs>.leg:nth-child(3){--delay: calc(-1 * var(--duration) / 2 ) }.paragraph .haha .legs>.leg:nth-child(2){left:0}.paragraph .haha .legs>.leg:nth-child(4){left:0}.paragraph .haha .leg{position:absolute;height:65px;width:45px;background-color:var(--color);transform-origin:center 5px;animation:leg infinite var(--duration) var(--delay, 0s)}.paragraph .haha .leg>.leg-inner{animation:leg-inner infinite var(--duration) calc(var(--delay));transform:rotate(90deg)}@keyframes leg-inner{from,to{transform:none}33%{transform:rotate(70deg)}76%{transform:none}}@keyframes leg{from,to{transform:none}33%{transform:rotate(-55deg)}66%{transform:rotate(-20deg)}}.paragraph .haha .leg>.fur{width:144.4444444444%;height:100%}.paragraph .haha .leg>.fur:after{width:45px;bottom:0;top:initial;transform:rotate(15deg)}.paragraph .haha .fur{position:absolute;overflow:hidden}.paragraph .haha .fur:after{content:"";position:absolute;width:100%;height:150%;top:0;left:0;background-color:var(--color, var(--color-fur));transform-origin:center bottom}.paragraph .haha .leg-inner{position:absolute;height:65%;width:100%;top:calc(100%);transform-origin:center top}.paragraph .haha .leg-inner:before{content:"";width:45px;height:45px;background-color:var(--color);position:absolute;border-radius:50%;top:-22.5px}.paragraph .haha .leg-inner>.fur{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.paragraph .haha .leg-inner>.fur:after{content:"";position:absolute;width:100%;height:150%;top:0;left:0;background-color:var(--color);transform-origin:center top;transform:rotate(15deg)}.paragraph .haha *{position:absolute;will-change:transform}.paragraph .haha:before{content:"";position:absolute;bottom:13.3333333333%;left:0;width:100%;height:3.3333333333%;background-color:#d3d1d1;border-radius:2px;animation:shadow calc(1 * var(--semi-duration)) infinite}@keyframes shadow{from,to{transform:scaleX(0.75)}45%,55%{transform:scaleX(0.5)}}.contentx{background:#fff;padding:24px;position:relative;z-index:5}.contentx::before{content:"";position:absolute;top:16px;width:100px;height:100px;background:rgba(0,0,0,.03);border-radius:50%;right:16px}.slider-single h3{line-height:10rem}.js .slider-single>div:nth-child(1n+2){display:none}.js .slider-single.slick-initialized>div:nth-child(1n+2){display:block}h3{background:#f0f0f0;color:#3498db;font-size:2.25rem;margin:.5rem;padding:2%;position:relative;text-align:center}.slider-single h3{line-height:10rem}.slider-nav h3::before{content:"";display:block;padding-top:75%}.slider-nav h3 span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.slider-nav .slick-slide{cursor:pointer}.slick-slide.is-active h3{color:#c00;background-color:#fff}.to-up{cursor:pointer;color:#fff}.credit{border-top:5px solid #fbcc56;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}@media screen and (max-width: 766px){.credit .name,.credit .jobdesc{font-size:14px}}.credit .name{text-align:left;width:45%;font-size:18px;font-weight:bold;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}}#nav{display:none !important}#logo{display:none !important}.gradient{position:fixed;overflow:hidden;z-index:9;top:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right, #50a3a2 0%, #78cc6d 100%) !important;right:0}.gradient .bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%}.gradient .bg-bubbles li{position:absolute;list-style:none;display:block;width:80px;height:80px;background-color:rgba(255,255,255,.1);bottom:-320px;animation:square 50s infinite;transition-timing-function:linear;border-radius:4px}.gradient .bg-bubbles li:nth-child(1){left:10%}.gradient .bg-bubbles li:nth-child(2){left:20%;width:160px;height:160px;animation-delay:2s;animation-duration:34s}.gradient .bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}.gradient .bg-bubbles li:nth-child(4){left:40%;width:120px;height:120px;animation-duration:44s}.gradient .bg-bubbles li:nth-child(5){left:70%}.gradient .bg-bubbles li:nth-child(6){left:80%;width:240px;height:240px;animation-delay:3s}.gradient .bg-bubbles li:nth-child(6) img{width:100%;height:100%;object-fit:contain}.gradient .bg-bubbles li:nth-child(7){left:32%;width:320px;height:320px;animation-delay:7s}.gradient .bg-bubbles li:nth-child(8){left:55%;width:40px;height:40px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:80s;animation-duration:80s}.gradient .bg-bubbles li:nth-child(9){left:25%;width:20px;height:20px;animation-delay:2s;animation-duration:80s}.gradient .bg-bubbles li:nth-child(10){left:90%;width:320px;height:320px;animation-delay:22s}@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1500px) rotate(600deg);transform:translateY(-1500px) rotate(600deg)}}.semua ::-webkit-scrollbar{width:7px}.semua ::-webkit-scrollbar-track{border-radius:10px}.semua ::-webkit-scrollbar-thumb{background:#7f7f7f;border-radius:3px}.semua ::-webkit-scrollbar-thumb:hover{background:#a9a9a9}.semua .slider{margin-top:32px}@media screen and (max-width: 766px){.semua .slider-single{margin-top:42px}}.semua .flag-img{width:100%;height:80px;filter:grayscale(1)}.semua .flag-img img{width:100%;height:100%;object-fit:contain}.semua .pemimpin-content{height:640px !important}@media screen and (max-width: 766px){.semua .pemimpin-content{height:auto !important}}.semua .pemimpin-content.slick-slide{margin:0 !important}.semua .pemimpin-content .wraping{display:block;height:100%}.semua .pemimpin-content .wraping .foto{display:inline-block;width:40%;border-radius:4px;vertical-align:top;position:relative;box-shadow:rgba(0,0,0,.19) 0px 10px 20px,rgba(0,0,0,.23) 0px 6px 6px;background:#fff;z-index:89;height:100%}@media screen and (max-width: 766px){.semua .pemimpin-content .wraping .foto{display:block;width:100%;height:80vh}}.semua .pemimpin-content .wraping .foto .helping__abs{position:absolute;bottom:0;right:-12px;z-index:1;opacity:.15;width:250px;height:auto}.semua .pemimpin-content .wraping .foto .helping__abs img{width:100%;height:100%;object-fit:contain}.semua .pemimpin-content .wraping .foto__helping{position:absolute;top:-16px;left:-16px;width:100%;height:100%;bottom:16px;right:16px;z-index:1;background:linear-gradient(to bottom, rgba(76, 193, 134, 0.5) 10%, transparent)}.semua .pemimpin-content .wraping .foto .helping{position:absolute;z-index:12;left:0;right:0;background:transparent;padding:8px}@media screen and (max-width: 766px){.semua .pemimpin-content .wraping .foto .helping{bottom:0}}@media screen and (max-width: 766px){.semua .pemimpin-content .wraping .foto .helping h2{font-size:1.7rem}}.semua .pemimpin-content .wraping .foto .helping ul{display:block;list-style-type:none;padding:0}.semua .pemimpin-content .wraping .foto .helping ul li{text-align:center;display:inline-block;color:#4aa14d;font-weight:700}.semua .pemimpin-content .wraping .foto .helping ul li:last-child::after{content:""}.semua .pemimpin-content .wraping .foto .helping ul li::after{content:"";font-size:6px;margin:0 4px;font-family:"fontAwesome";vertical-align:middle}.semua .pemimpin-content .wraping .foto .image{width:100%;height:360px;position:relative}.semua .pemimpin-content .wraping .foto .image img{width:100%;height:100%;object-fit:cover;border-radius:4px 4px 0 0}.semua .pemimpin-content .wraping .isi{display:inline-block;width:60%;border-radius:0 5px 5px 0;position:absolute;background:#fff;top:16px;overflow:auto;bottom:16px;padding:16px}.semua .pemimpin-content .wraping .isi__animasi{position:absolute !important;right:16px;bottom:16px;opacity:.05;z-index:1 !important}.semua .pemimpin-content .wraping .isi p,.semua .pemimpin-content .wraping .isi div{font-size:18px;position:relative;z-index:20}.semua .pemimpin-content .wraping .isi__img{width:75%;height:auto;margin:0 auto 8px}.semua .pemimpin-content .wraping .isi__img img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.semua .pemimpin-content .wraping .isi__img{width:100%}}@media screen and (max-width: 766px){.semua .pemimpin-content .wraping .isi{display:block;width:100%;margin-top:24px;position:relative;box-shadow:rgba(0,0,0,.19) 0px 10px 20px,rgba(0,0,0,.23) 0px 6px 6px;border-radius:0px}}.semua .slick-slide.is-active.flag-img{filter:grayscale(0)}.dog{position:absolute;bottom:-60px;left:-50%;opacity:.8}@media screen and (max-width: 766px){.dog{display:none}}.dog img{width:100%;height:100%;object-fit:contain}.to-top-opt{color:#fff;cursor:pointer;transition:.3s;width:150px;margin:0 auto;display:block}.to-top-opt:hover{color:#ececec}.birds{position:absolute;top:-38px;right:-63px;width:110px;height:auto}@media screen and (max-width: 766px){.birds{top:-60px;right:0}}.birds img{width:100%;height:100%;object-fit:contain}.petshoop{position:absolute;top:0;right:0;width:200px;height:auto;opacity:.8}@media screen and (max-width: 766px){.petshoop{display:none}}.petshoop img{width:100%;height:100%;object-fit:contain}.cats{position:absolute;bottom:0;right:-130px;width:150px;height:auto;opacity:.8;animation:MoveUpDown 2.5s linear infinite}@media screen and (max-width: 766px){.cats{display:none}}.cats img{width:100%;height:100%;object-fit:contain}@keyframes MoveUpDown{0%,100%{right:-120px}50%{right:-100px}}.pembukaan{position:relative}.pembukaan__img{position:absolute;top:0;left:50%;opacity:.2;width:240px;z-index:1}@media screen and (max-width: 766px){.pembukaan__img{width:120px}}.pembukaan__img img{width:100%;height:100%;object-fit:contain}.logo-detik{position:absolute;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;left:50%;width:80px;transform:translate(-50%, 0px)}}@media screen and (max-width: 766px){main .container{width:100%}}.bubbles{font-family:"Bubblegum Sans" !important}.font-hewan{font-size:32px}.footer{z-index:991 !important}/*# sourceMappingURL=style.css.map */